igniteui-angular-inputs 20.1.0 → 20.2.0-beta.0

package/esm2015/lib/InputGroupView_combined.js

@@ -740,43 +740,43 @@ export let InputView = /*@__PURE__*/ (() => {
     class InputView extends Base {
         constructor() {
             super();
-            this.b = null;
-            this.l = null;
             this.c = null;
-            this.j = new List$1(Delegate_$type, 0);
-            this.g = false;
-            this.f = false;
-            this.r = null;
-            this.d = true;
             this.m = null;
-            this.n = null;
+            this.d = null;
+            this.k = new List$1(Delegate_$type, 0);
+            this.h = false;
             this.g = false;
+            this.s = null;
+            this.e = true;
+            this.n = null;
+            this.o = null;
+            this.h = false;
         }
-        as() {
+        at() {
         }
-        h() {
+        i() {
             return true;
         }
-        get q() {
-            return this.m;
+        get r() {
+            return this.n;
         }
-        get bd() {
+        get be() {
             return null;
         }
-        get i() {
+        get j() {
             return true;
         }
-        ap(a) {
+        aq(a) {
             if (a == null) {
-                for (let b of fromEnum(this.j)) {
+                for (let b of fromEnum(this.k)) {
                     b();
                 }
-                this.j.clear();
+                this.k.clear();
             }
-            this.l = a;
-            this.l.rootWrapper.setStyleProperty("display", "inline-block");
-            let c = this.l.createElement("input");
-            c.setAttribute("type", this.b.b8);
+            this.m = a;
+            this.m.rootWrapper.setStyleProperty("display", "inline-block");
+            let c = this.m.createElement("input");
+            c.setAttribute("type", this.c.b8);
             c.setStyleProperty("position", "relative");
             c.setStyleProperty("box-sizing", "border-box");
             c.setStyleProperty("display", "inline-block");
@@ -795,75 +795,75 @@ export let InputView = /*@__PURE__*/ (() => {
             c.setStyleProperty("background-attachment", "initial");
             c.setStyleProperty("background-origin", "initial");
             c.setStyleProperty("background-color", "transparent");
-            NativeUI.q(c, this.b.d4);
+            NativeUI.q(c, this.c.d4);
             c.setStyleProperty("outline-style", "none");
             c.setStyleProperty("box-shadow", "none");
             c.setStyleProperty("border-top", "0.1875rem solid transparent");
             c.setStyleProperty("padding-bottom", "0.1875rem");
-            c.setStyleProperty("text-align", this.t(this.b.dy));
+            c.setStyleProperty("text-align", this.u(this.c.dy));
             c.setStyleProperty("font-family", "Verdana");
             c.setStyleProperty("font-size", "1rem");
-            this.j.add(c.listen("change", runOn(this, this.y)));
-            this.j.add(c.listen("input", runOn(this, this.z)));
-            this.j.add(c.listen("focus", runOn(this, this.ae)));
-            this.j.add(c.listen("blur", runOn(this, this.x)));
-            this.j.add(c.listen("mouseenter", runOn(this, this.v)));
-            this.j.add(c.listen("mouseleave", runOn(this, this.w)));
-            this.j.add(c.listen("keydown", runOn(this, this.af)));
-            this.j.add(c.listen("keyup", runOn(this, this.ah)));
-            this.j.add(c.listen("keypress", runOn(this, this.ag)));
-            this.j.add(c.listen("paste", runOn(this, this.ak)));
-            this.j.add(c.listen("dragenter", runOn(this, this.ac)));
-            this.j.add(c.listen("dragleave", runOn(this, this.ad)));
-            this.j.add(c.listen("compositionstart", runOn(this, this.ab)));
-            this.j.add(c.listen("compositionend", runOn(this, this.aa)));
-            this.j.add(c.listen("mousedown", runOn(this, this.ai)));
-            this.j.add(c.listen("mouseup", runOn(this, this.aj)));
-            this.m = c;
-            this.l.append(this.m);
-            this.am();
-            this.b.dl();
+            this.k.add(c.listen("change", runOn(this, this.z)));
+            this.k.add(c.listen("input", runOn(this, this.aa)));
+            this.k.add(c.listen("focus", runOn(this, this.af)));
+            this.k.add(c.listen("blur", runOn(this, this.y)));
+            this.k.add(c.listen("mouseenter", runOn(this, this.w)));
+            this.k.add(c.listen("mouseleave", runOn(this, this.x)));
+            this.k.add(c.listen("keydown", runOn(this, this.ag)));
+            this.k.add(c.listen("keyup", runOn(this, this.ai)));
+            this.k.add(c.listen("keypress", runOn(this, this.ah)));
+            this.k.add(c.listen("paste", runOn(this, this.al)));
+            this.k.add(c.listen("dragenter", runOn(this, this.ad)));
+            this.k.add(c.listen("dragleave", runOn(this, this.ae)));
+            this.k.add(c.listen("compositionstart", runOn(this, this.ac)));
+            this.k.add(c.listen("compositionend", runOn(this, this.ab)));
+            this.k.add(c.listen("mousedown", runOn(this, this.aj)));
+            this.k.add(c.listen("mouseup", runOn(this, this.ak)));
+            this.n = c;
+            this.m.append(this.n);
+            this.an();
+            this.c.dl();
         }
-        a0(a) {
+        a1(a) {
             if (a) {
-                this.m.setAttribute("readonly", a.toString());
+                this.n.setAttribute("readonly", a.toString());
             }
             else {
-                this.m.getNativeElement().removeAttribute("readonly");
+                this.n.getNativeElement().removeAttribute("readonly");
             }
         }
-        ay(a) {
+        az(a) {
             if (a) {
-                this.m.setAttribute("disabled", "true");
+                this.n.setAttribute("disabled", "true");
             }
             else {
-                this.m.getNativeElement().removeAttribute("disabled");
+                this.n.getNativeElement().removeAttribute("disabled");
             }
         }
-        a5(a) {
-            this.m.setStyleProperty("text-align", this.t(a));
+        a6(a) {
+            this.n.setStyleProperty("text-align", this.u(a));
         }
-        a4(a) {
+        a5(a) {
             if (a) {
-                this.m.removeClass("ig-input-hide-spinner");
+                this.n.removeClass("ig-input-hide-spinner");
             }
             else {
-                this.m.addClass("ig-input-hide-spinner");
+                this.n.addClass("ig-input-hide-spinner");
             }
         }
-        ab(a) {
-            this.g = true;
-            this.b.c3();
+        ac(a) {
+            this.h = true;
+            this.c.c3();
         }
-        aa(a) {
-            this.g = false;
+        ab(a) {
+            this.h = false;
             let b = null;
             if (a.originalEvent != null) {
                 b = (a.originalEvent.data);
             }
-            this.b.c2(b);
+            this.c.c2(b);
         }
-        t(a) {
+        u(a) {
             switch (a) {
                 case 0: return "left";
                 case 2: return "right";
@@ -871,53 +871,53 @@ export let InputView = /*@__PURE__*/ (() => {
             }
             return "left";
         }
-        aw() {
-            this.m.setAttribute("type", this.b.b8);
-            if (this.b.b8 == "date") {
-                this.m.setStyleProperty("line-height", "normal");
+        ax() {
+            this.n.setAttribute("type", this.c.b8);
+            if (this.c.b8 == "date") {
+                this.n.setStyleProperty("line-height", "normal");
             }
             else {
-                this.m.setStyleProperty("line-height", "0");
+                this.n.setStyleProperty("line-height", "0");
             }
         }
-        au() {
-            this.m.setAttribute("placeholder", this.b.cg);
+        av() {
+            this.n.setAttribute("placeholder", this.c.cg);
         }
-        a9() {
-            switch (this.b.z) {
+        ba() {
+            switch (this.c.z) {
                 case 1:
-                    this.m.setStyleProperty("height", "2rem");
-                    this.m.setStyleProperty("font-size", "1rem");
+                    this.n.setStyleProperty("height", "2rem");
+                    this.n.setStyleProperty("font-size", "1rem");
                     break;
                 case 2:
-                    this.m.setStyleProperty("height", "1.68421rem");
-                    this.m.setStyleProperty("font-size", "1rem");
+                    this.n.setStyleProperty("height", "1.68421rem");
+                    this.n.setStyleProperty("font-size", "1rem");
                     break;
                 case 3:
-                    this.m.setStyleProperty("height", "1.45455rem");
-                    this.m.setStyleProperty("font-size", ".95455rem");
+                    this.n.setStyleProperty("height", "1.45455rem");
+                    this.n.setStyleProperty("font-size", ".95455rem");
                     break;
                 case 4:
-                    this.m.setStyleProperty("height", "1.388445rem");
-                    this.m.setStyleProperty("font-size", "0.91116rem");
+                    this.n.setStyleProperty("height", "1.388445rem");
+                    this.n.setStyleProperty("font-size", "0.91116rem");
                     break;
             }
         }
-        a8() {
-            let a = this.k();
+        a9() {
+            let a = this.l();
             if (isNaN_(a) || a == 0) {
-                if (!this.f) {
-                    this.f = true;
-                    this.l.setTimeout(() => {
-                        this.f = false;
-                        this.a8();
+                if (!this.g) {
+                    this.g = true;
+                    this.m.setTimeout(() => {
+                        this.g = false;
+                        this.a9();
                     }, 100);
                 }
             }
             let b = new TransformGroup();
             b.j.add(((() => {
                 let $ret = new TranslateTransform();
-                $ret.k = this.b.o == 2 ? (this.k() * -0.25) : 0;
+                $ret.k = this.c.o == 2 ? (this.l() * -0.25) : 0;
                 return $ret;
             })()));
             b.j.add(((() => {
@@ -926,194 +926,203 @@ export let InputView = /*@__PURE__*/ (() => {
                 $ret.m = 1;
                 return $ret;
             })()));
-            NativeUI.af(this.l.rootWrapper, b);
-            this.l.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
+            NativeUI.af(this.m.rootWrapper, b);
+            this.m.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
         }
-        k() {
-            let a = this.l.rootWrapper.getStyleProperty("height");
+        l() {
+            let a = this.m.rootWrapper.getStyleProperty("height");
             let b = parseFloat(stringReplace(a, "px", ""));
             return b;
         }
-        ax(a) {
-            this.m.setProperty("value", a);
+        ay(a) {
+            this.n.setProperty("value", a);
         }
-        az(a) {
-            this.m.setAttribute("name", a);
+        a0(a) {
+            this.n.setAttribute("name", a);
         }
-        x(a) {
-            this.b.cz();
+        y(a) {
+            this.c.cz();
         }
-        ae(a) {
-            this.b.c7();
+        af(a) {
+            this.c.c7();
         }
-        ai(a) {
-            let b = this.bc(a);
-            this.b.dd(b);
+        aj(a) {
+            let b = this.bd(a);
+            this.c.dd(b);
             if (b.handled) {
                 a.preventDefault();
             }
         }
-        aj(a) {
-            let b = this.bc(a);
-            this.b.dg(b);
+        ak(a) {
+            let b = this.bd(a);
+            this.c.dg(b);
             if (b.handled) {
                 a.preventDefault();
             }
         }
-        bc(a) {
+        bd(a) {
             let b = new MouseButtonEventArgs();
             b.position = { $type: Point_$type, x: a.offsetX, y: a.offsetY };
             return b;
         }
-        y(a) {
-            this.b.c0();
-        }
         z(a) {
-            this.b.c1();
+            this.c.c0();
         }
-        af(a) {
-            let b = new KeyEventArgs(0, a);
-            this.b.da(b);
+        aa(a) {
+            this.c.c1();
         }
-        ah(a) {
+        ag(a) {
             let b = new KeyEventArgs(0, a);
-            this.b.dc(b);
+            this.c.da(b);
         }
-        ag(a) {
+        ai(a) {
             let b = new KeyEventArgs(0, a);
-            this.b.db(b);
+            this.c.dc(b);
         }
-        ak(a) {
-            this.b.dh();
+        ah(a) {
+            let b = new KeyEventArgs(0, a);
+            this.c.db(b);
         }
-        ac(a) {
-            this.b.c5();
+        al(a) {
+            this.c.dh();
         }
         ad(a) {
-            this.b.c6();
+            this.c.c5();
         }
-        ba(a) {
-            if (this.r != a) {
-                this.r = a;
-                if (this.n != null) {
-                    this.n.setAttribute("d", this.r);
+        ae(a) {
+            this.c.c6();
+        }
+        bb(a) {
+            if (this.s != a) {
+                this.s = a;
+                if (this.o != null) {
+                    this.o.setAttribute("d", this.s);
                 }
             }
         }
-        s() {
-            return this.m.getProperty("value");
+        t() {
+            return this.n.getProperty("value");
         }
-        u(a) {
+        v(a) {
         }
-        a7() {
-            if (this.h()) {
-                if (this.b.as) {
-                    this.m.setAttribute("tabindex", this.b.be.toString());
+        a8() {
+            if (this.i()) {
+                if (this.c.as) {
+                    this.n.setAttribute("tabindex", this.c.be.toString());
                 }
                 else {
-                    this.m.getNativeElement().removeAttribute("tabindex");
+                    this.n.getNativeElement().removeAttribute("tabindex");
                 }
             }
         }
-        p() {
-            let a = this.m.getProperty("selectionStart");
+        q() {
+            let a = this.n.getProperty("selectionStart");
             return typeGetValue(a);
         }
-        o() {
-            let a = this.m.getProperty("selectionEnd");
+        p() {
+            let a = this.n.getProperty("selectionEnd");
             return typeGetValue(a);
         }
-        a3(a) {
-            this.m.setProperty("selectionStart", a);
+        a4(a) {
+            this.n.setProperty("selectionStart", a);
         }
-        a1(a) {
-            this.m.setProperty("selectionEnd", a);
+        a2(a) {
+            this.n.setProperty("selectionEnd", a);
         }
-        at() {
-            if (this.h()) {
+        au() {
+            if (this.i()) {
             }
         }
-        v(a) {
-            this.b.de();
-        }
         w(a) {
-            this.b.df();
+            this.c.de();
         }
-        an() {
-            this.d = true;
-            this.j.add(this.m.listen("change", runOn(this, this.y)));
-            this.j.add(this.m.listen("input", runOn(this, this.z)));
-            this.j.add(this.m.listen("focus", runOn(this, this.ae)));
-            this.j.add(this.m.listen("blur", runOn(this, this.x)));
-            this.j.add(this.m.listen("mouseenter", runOn(this, this.v)));
-            this.j.add(this.m.listen("mouseleave", runOn(this, this.w)));
-            this.j.add(this.m.listen("keydown", runOn(this, this.af)));
-            this.j.add(this.m.listen("paste", runOn(this, this.ak)));
-            this.j.add(this.m.listen("dragenter", runOn(this, this.ac)));
-            this.j.add(this.m.listen("dragleave", runOn(this, this.ad)));
-            this.j.add(this.m.listen("compositionstart", runOn(this, this.ab)));
-            this.j.add(this.m.listen("compositionend", runOn(this, this.aa)));
-            this.j.add(this.m.listen("mousedown", runOn(this, this.ai)));
-            this.j.add(this.m.listen("mouseup", runOn(this, this.aj)));
+        x(a) {
+            this.c.df();
         }
-        aq() {
-            this.d = false;
-            for (let a of fromEnum(this.j)) {
+        ao() {
+            this.e = true;
+            this.k.add(this.n.listen("change", runOn(this, this.z)));
+            this.k.add(this.n.listen("input", runOn(this, this.aa)));
+            this.k.add(this.n.listen("focus", runOn(this, this.af)));
+            this.k.add(this.n.listen("blur", runOn(this, this.y)));
+            this.k.add(this.n.listen("mouseenter", runOn(this, this.w)));
+            this.k.add(this.n.listen("mouseleave", runOn(this, this.x)));
+            this.k.add(this.n.listen("keydown", runOn(this, this.ag)));
+            this.k.add(this.n.listen("paste", runOn(this, this.al)));
+            this.k.add(this.n.listen("dragenter", runOn(this, this.ad)));
+            this.k.add(this.n.listen("dragleave", runOn(this, this.ae)));
+            this.k.add(this.n.listen("compositionstart", runOn(this, this.ac)));
+            this.k.add(this.n.listen("compositionend", runOn(this, this.ab)));
+            this.k.add(this.n.listen("mousedown", runOn(this, this.aj)));
+            this.k.add(this.n.listen("mouseup", runOn(this, this.ak)));
+        }
+        ar() {
+            this.e = false;
+            for (let a of fromEnum(this.k)) {
                 a();
             }
-            this.j.clear();
+            this.k.clear();
         }
-        bb(a) {
+        bc(a) {
             if (a != null) {
-                this.m.setStyleProperty("font", a.fontString);
+                this.n.setStyleProperty("font", a.fontString);
             }
         }
-        a6() {
+        a7() {
         }
-        ao() {
-            if (this.m != null) {
-                let a = this.m.getNativeElement();
+        ap() {
+            if (this.n != null) {
+                let a = this.n.getNativeElement();
                 a.blur();
             }
         }
-        ar(a) {
-            if (this.m != null) {
-                this.m.focus(a);
+        as(a) {
+            if (this.n != null) {
+                this.n.focus(a);
             }
         }
-        av() {
-            if (this.m != null) {
-                let nativeInput_ = this.m;
+        aw() {
+            if (this.n != null) {
+                let nativeInput_ = this.n;
                 nativeInput_.getNativeElement().select();
             }
         }
-        a2(a, b) {
-            if (this.m != null) {
-                let c = this.m.getNativeElement();
+        a3(a, b) {
+            if (this.n != null) {
+                let c = this.n.getNativeElement();
                 c.setSelectionRange(a, b);
             }
         }
-        al() {
+        am() {
             if (KeyFrameAnimationFactory.h == null) {
-                KeyFrameAnimationFactory.h = this.l;
+                KeyFrameAnimationFactory.h = this.m;
             }
         }
-        a(a) {
-            return new AnimationKeyFrameEffect(0, this.l.rootWrapper, 0, null, a);
+        b(a) {
+            return new AnimationKeyFrameEffect(0, this.m.rootWrapper, 0, null, a);
         }
-        am() {
-            if (InputView.e) {
+        an() {
+            if (InputView.f) {
                 return;
             }
             let a = "\r\n.ig-input-hide-spinner::-webkit-outer-spin-button,\r\n.ig-input-hide-spinner::-webkit-inner-spin-button {\r\n    -webkit-appearance: none;\r\n    margin: 0;\r\n}";
-            let b = this.l.createElement("style");
+            let b = this.m.createElement("style");
             b.setRawText(a);
             document.head.appendChild(b.getNativeElement());
-            InputView.e = true;
+            InputView.f = true;
+        }
+        a() {
+            let rect_ = this.n.getNativeElement().getBoundingClientRect();
+            let a = (rect_.top);
+            let b = (rect_.left);
+            let c = new Array(2);
+            c[0] = a;
+            c[1] = b;
+            return c;
         }
     }
     InputView.$t = markType(InputView, 'InputView');
-    InputView.e = false;
+    InputView.f = false;
     return InputView;
 })();
 /**
@@ -2165,7 +2174,7 @@ export let XInputGroup = /*@__PURE__*/ (() => {
             return a;
         }
         onChildrenMutated() {
-            this.jr((a) => a.view.a8());
+            this.jr((a) => a.view.a9());
             this.js((a) => a.view.aj());
             this.jt((a) => a.view.r());
             this.ju((a) => a.view.r());
@@ -3613,7 +3622,7 @@ export let XInputGroup = /*@__PURE__*/ (() => {
             this.view.ag();
         }
         ensureShift() {
-            this.jr((a) => a.view.a8());
+            this.jr((a) => a.view.a9());
             this.js((a) => a.view.aj());
             this.jt((a) => a.view.r());
             this.ju((a) => a.view.r());
@@ -4912,9 +4921,9 @@ export let XInput = /*@__PURE__*/ (() => {
             this.a0 = false;
             this.u = new MaskParsingService();
             let a = new InputView();
-            a.b = this;
+            a.c = this;
             this.view = a;
-            this.view.as();
+            this.view.at();
             XInput.ae = new FontInfo();
             XInput.ae.q = "Verdana";
         }
@@ -5022,7 +5031,7 @@ export let XInput = /*@__PURE__*/ (() => {
                     break;
                 case "Value":
                     if (!this.al) {
-                        this.view.ax(this.cq);
+                        this.view.ay(this.cq);
                         if (this.b != null) {
                             this.b.kh();
                         }
@@ -5032,14 +5041,14 @@ export let XInput = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "Name":
-                    this.view.az(this.e);
+                    this.view.a0(this.e);
                     break;
                 case "Density":
                     this.z = this.aa == 0 ? 1 : this.aa;
                     break;
                 case "ActualDensity":
+                    this.view.ba();
                     this.view.a9();
-                    this.view.a8();
                     break;
                 case "InputGroup":
                     this.c8();
@@ -5062,33 +5071,33 @@ export let XInput = /*@__PURE__*/ (() => {
                     this.c9();
                     break;
                 case "IsDisabled":
-                    this.view.ay(this.am);
+                    this.view.az(this.am);
                     break;
                 case "IsReadOnly":
-                    this.view.a0(this.ao);
+                    this.view.a1(this.ao);
                     break;
                 case "TextAlignment":
-                    this.view.a5(this.dy);
+                    this.view.a6(this.dy);
                     break;
                 case "ShowSpinner":
-                    this.view.a4(this.a1);
+                    this.view.a5(this.a1);
                     break;
                 case "TabIndex":
-                    this.view.a7();
+                    this.view.a8();
                     break;
             }
         }
         di() {
-            this.view.au();
+            this.view.av();
         }
         dk() {
-            this.view.aw();
+            this.view.ax();
         }
         dj() {
-            this.view.a8();
+            this.view.a9();
         }
         c8() {
-            this.view.a8();
+            this.view.a9();
         }
         dv() {
             this.d4 = this.d8 != null ? this.d8 : XInput.d6;
@@ -5097,10 +5106,10 @@ export let XInput = /*@__PURE__*/ (() => {
         }
         du() {
             if (this.ad != null) {
-                this.view.bb(this.ad);
+                this.view.bc(this.ad);
             }
-            NativeUI.q(this.view.q, this.d4);
-            this.view.a6();
+            NativeUI.q(this.view.r, this.d4);
+            this.view.a7();
         }
         get d4() {
             return this.d0;
@@ -5214,12 +5223,12 @@ export let XInput = /*@__PURE__*/ (() => {
         }
         c0() {
             this.al = true;
-            this.cq = this.view.s();
+            this.cq = this.view.t();
             if (this.change != null) {
                 this.change(this, ((() => {
                     let $ret = new InputChangeEventArgs();
                     $ret.value = this.cq;
-                    $ret.isCompositionInProgress = this.view.g;
+                    $ret.isCompositionInProgress = this.view.h;
                     return $ret;
                 })()));
             }
@@ -5227,7 +5236,7 @@ export let XInput = /*@__PURE__*/ (() => {
         }
         c1() {
             this.al = true;
-            this.cq = this.view.s();
+            this.cq = this.view.t();
             this.al = false;
             if (this.ce != null) {
                 this.aq = true;
@@ -5270,7 +5279,7 @@ export let XInput = /*@__PURE__*/ (() => {
                 this.changing(this, ((() => {
                     let $ret = new InputChangeEventArgs();
                     $ret.value = this.cq;
-                    $ret.isCompositionInProgress = this.view.g;
+                    $ret.isCompositionInProgress = this.view.h;
                     return $ret;
                 })()));
             }
@@ -5363,7 +5372,7 @@ export let XInput = /*@__PURE__*/ (() => {
         cu() {
             this.a9 = 0;
             this.aj = false;
-            this.view.a7();
+            this.view.a8();
         }
         get b2() {
             return this.bl;
@@ -5441,83 +5450,86 @@ export let XInput = /*@__PURE__*/ (() => {
         dl() {
         }
         onDetachedFromUI() {
-            this.view.aq();
+            this.view.ar();
         }
         onAttachedToUI() {
-            this.view.an();
+            this.view.ao();
         }
         az() {
-            return this.view.h();
+            return this.view.i();
         }
         bg() {
             return this.j();
         }
         b1() {
             let a = this.j();
-            return a.n();
+            return a.p();
         }
         j() {
             let a = new InputVisualModelExport();
-            let b = this.view.q;
-            a.h = this.view.l.rootWrapper.getNativeElement().offsetTop;
-            a.f = this.view.l.rootWrapper.getNativeElement().offsetLeft;
+            let b = this.view.r;
+            let c = this.view.a();
+            a.i = c[0];
+            a.g = c[1];
+            a.f = this.view.m.rootWrapper.height();
+            a.j = this.view.m.rootWrapper.width();
             a.b = this.o;
             a.c = this.z;
-            a.j = this.ce;
-            a.m = this.ci;
+            a.l = this.ce;
+            a.o = this.ci;
             a.d = this.au;
             a.a = AppearanceHelper.a(NativeUI.al(b));
-            a.i = this.b8;
-            a.l = this.cg;
+            a.k = this.b8;
+            a.n = this.cg;
             a.e = this.aw;
-            a.t = this.cq;
-            a.k = this.e;
+            a.v = this.cq;
+            a.m = this.e;
             if (this.ad != null) {
-                let c = this.ad;
-                if (this.view != null && c.q == null) {
-                    let d = this.view.l;
-                    let e = FontUtil.getFontInfoFromString(d, c.fontString);
-                    c.q = e.q;
-                    c.f = e.f;
-                    c.r = e.r;
-                    c.t = e.t;
-                    c.u = e.u;
-                    c.v = e.v;
+                let d = this.ad;
+                if (this.view != null && d.q == null) {
+                    let e = this.view.m;
+                    let f = FontUtil.getFontInfoFromString(e, d.fontString);
+                    d.q = f.q;
+                    d.f = f.f;
+                    d.r = f.r;
+                    d.t = f.t;
+                    d.u = f.u;
+                    d.v = f.v;
                 }
-                if (c.q != null) {
-                    a.o = c.q;
+                if (d.q != null) {
+                    a.q = d.q;
                 }
-                if (!isNaN_(c.f)) {
-                    a.g = c.f;
+                if (!isNaN_(d.f)) {
+                    a.h = d.f;
                 }
-                if (c.v != null) {
-                    a.s = c.v;
+                if (d.v != null) {
+                    a.u = d.v;
                 }
-                if (c.t != null) {
-                    a.q = c.t;
+                if (d.t != null) {
+                    a.s = d.t;
                 }
-                if (c.r != null) {
-                    a.p = c.t;
+                if (d.r != null) {
+                    a.r = d.t;
                 }
             }
             return a;
         }
         dr(a, b) {
-            this.view.a2(a, b);
+            this.view.a3(a, b);
         }
         provideContainer(a) {
-            this.view.ap(a);
+            this.view.aq(a);
         }
         ct() {
             this.cz();
-            this.view.ao();
+            this.view.ap();
         }
         focus(a = false) {
             this.c7();
-            this.view.ar(a);
+            this.view.as(a);
         }
         dp() {
-            this.view.av();
+            this.view.aw();
         }
         dt(a) {
             this.aq = true;
@@ -5551,7 +5563,7 @@ export let XInput = /*@__PURE__*/ (() => {
                 this.changing(this, ((() => {
                     let $ret = new InputChangeEventArgs();
                     $ret.value = this.cq;
-                    $ret.isCompositionInProgress = this.view.g;
+                    $ret.isCompositionInProgress = this.view.h;
                     return $ret;
                 })()));
             }
@@ -5564,24 +5576,24 @@ export let XInput = /*@__PURE__*/ (() => {
             this.q = 0;
         }
         bb() {
-            let a = this.view.p();
-            let b = this.view.o();
+            let a = this.view.q();
+            let b = this.view.p();
             return a == b && this.ai ? b - this.bk.length : a;
         }
         ba() {
-            return this.view.o();
+            return this.view.p();
         }
         get selectionStart() {
             return this.bb();
         }
         set selectionStart(a) {
-            this.view.a3(a);
+            this.view.a4(a);
         }
         get selectionEnd() {
             return this.ba();
         }
         set selectionEnd(a) {
-            this.view.a1(a);
+            this.view.a2(a);
         }
         get ay() {
             return this.ap;
@@ -5612,9 +5624,9 @@ export let XInput = /*@__PURE__*/ (() => {
             this.dm(this.ag, this.ay);
         }
         cw() {
-            this.view.al();
+            this.view.am();
             if (this.ag == null) {
-                this.ag = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
+                this.ag = KeyFrameAnimationFactory.f.c(this.view.b(this.i).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
             }
         }
         get i() {