igniteui-webcomponents-inputs 6.2.2-alpha.2 → 6.3.0-beta.0

package/esm2015/lib/ButtonView_combined.js

@@ -37,76 +37,76 @@ export let ButtonView = /*@__PURE__*/ (() => {
     class ButtonView extends Base {
         constructor() {
             super();
-            this.b = null;
-            this.k = null;
-            this.d = null;
-            this.h = new List$1(Delegate_$type, 0);
-            this.e = true;
-            this.n = null;
-            this.j = NaN;
-            this.i = NaN;
-            this.l = null;
             this.c = null;
+            this.l = null;
+            this.e = null;
+            this.i = new List$1(Delegate_$type, 0);
+            this.f = true;
+            this.o = null;
+            this.k = NaN;
+            this.j = NaN;
             this.m = null;
+            this.d = null;
+            this.n = null;
+            this.q = null;
             this.p = null;
-            this.o = null;
         }
-        aq() {
+        ar() {
         }
-        g() {
+        h() {
             return true;
         }
-        get q() {
-            return this.n;
+        get r() {
+            return this.o;
         }
-        get s() {
-            return this.m;
+        get t() {
+            return this.n;
         }
-        ak(a) {
+        al(a) {
             if (a == null) {
-                for (let b of fromEnum(this.h)) {
+                for (let b of fromEnum(this.i)) {
                     b();
                 }
-                this.h.clear();
+                this.i.clear();
                 return;
             }
-            this.k = a;
-            this.k.rootWrapper.setStyleProperty("display", "flex");
-            this.k.rootWrapper.setStyleProperty("flex-direction", "row");
-            this.k.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
-            this.k.rootWrapper.setStyleProperty("align-items", "center");
-            let c = this.k.createElement("button");
-            this.n = c;
-            this.n.setStyleProperty("position", "relative");
-            this.n.setStyleProperty("display", "inline-flex");
-            this.n.setStyleProperty("align-items", "center");
-            this.n.setStyleProperty("justify-content", "center");
-            this.a0();
-            this.n.setStyleProperty("border", "none");
-            this.n.setStyleProperty("cursor", "pointer");
-            this.n.setStyleProperty("user-select", "none");
-            this.n.setStyleProperty("outline-style", "none");
-            this.n.setStyleProperty("-webkit-tap-highlight-color", "transparent");
-            this.n.setStyleProperty("overflow", "hidden");
-            this.n.setStyleProperty("white-space", "no-wrap");
-            this.n.setStyleProperty("color", "#000");
-            this.n.setStyleProperty("background", this.b.no._fill);
-            NativeUI.o(this.n, this.b.kz);
-            this.n.setAttribute("id", this.b.hy);
-            this.ax();
-            this.h.add(c.listen("change", runOn(this, this.z)));
-            this.h.add(c.listen("click", runOn(this, this.aa)));
-            this.h.add(c.listen("focus", runOn(this, this.ab)));
-            this.h.add(c.listen("blur", runOn(this, this.y)));
-            this.h.add(this.k.rootWrapper.listen("mouseenter", runOn(this, this.v)));
-            this.h.add(this.k.rootWrapper.listen("mouseleave", runOn(this, this.w)));
-            this.h.add(this.k.rootWrapper.listen("mousedown", runOn(this, this.u)));
-            this.h.add(this.k.rootWrapper.listen("mouseup", runOn(this, this.x)));
-            this.h.add(this.k.rootWrapper.listen("focusin", runOn(this, this.ac)));
-            this.h.add(this.k.rootWrapper.listen("focusout", runOn(this, this.ad)));
-            this.k.append(c);
-            let d = this.k.createElement("div");
-            let e = this.k.getSubRenderer(d);
+            this.l = a;
+            this.l.rootWrapper.setStyleProperty("display", "flex");
+            this.l.rootWrapper.setStyleProperty("flex-direction", "row");
+            this.l.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+            this.l.rootWrapper.setStyleProperty("align-items", "center");
+            let c = this.l.createElement("button");
+            this.o = c;
+            this.o.setStyleProperty("position", "relative");
+            this.o.setStyleProperty("display", "inline-flex");
+            this.o.setStyleProperty("align-items", "center");
+            this.o.setStyleProperty("justify-content", "center");
+            this.a1();
+            this.o.setStyleProperty("border", "none");
+            this.o.setStyleProperty("cursor", "pointer");
+            this.o.setStyleProperty("user-select", "none");
+            this.o.setStyleProperty("outline-style", "none");
+            this.o.setStyleProperty("-webkit-tap-highlight-color", "transparent");
+            this.o.setStyleProperty("overflow", "hidden");
+            this.o.setStyleProperty("white-space", "no-wrap");
+            this.o.setStyleProperty("color", "#000");
+            this.o.setStyleProperty("background", this.c.no._fill);
+            NativeUI.o(this.o, this.c.kz);
+            this.o.setAttribute("id", this.c.hy);
+            this.ay();
+            this.i.add(c.listen("change", runOn(this, this.aa)));
+            this.i.add(c.listen("click", runOn(this, this.ab)));
+            this.i.add(c.listen("focus", runOn(this, this.ac)));
+            this.i.add(c.listen("blur", runOn(this, this.z)));
+            this.i.add(this.l.rootWrapper.listen("mouseenter", runOn(this, this.w)));
+            this.i.add(this.l.rootWrapper.listen("mouseleave", runOn(this, this.x)));
+            this.i.add(this.l.rootWrapper.listen("mousedown", runOn(this, this.v)));
+            this.i.add(this.l.rootWrapper.listen("mouseup", runOn(this, this.y)));
+            this.i.add(this.l.rootWrapper.listen("focusin", runOn(this, this.ad)));
+            this.i.add(this.l.rootWrapper.listen("focusout", runOn(this, this.ae)));
+            this.l.append(c);
+            let d = this.l.createElement("div");
+            let e = this.l.getSubRenderer(d);
             d.setStyleProperty("position", "absolute");
             d.setStyleProperty("width", "100%");
             d.setStyleProperty("height", "100%");
@@ -116,40 +116,40 @@ export let ButtonView = /*@__PURE__*/ (() => {
             let f = new XRipple();
             f.provideContainer(e);
             f.q = c;
-            let g = this.k.getExternal(f, this.k.rootWrapper, this.k.getExternal(this.b, null, null));
+            let g = this.l.getExternal(f, this.l.rootWrapper, this.l.getExternal(this.c, null, null));
             f.h = false;
             f.k = true;
-            this.c = f;
-            this.n.append(d);
-            let h = this.k.createElement("div");
+            this.d = f;
+            this.o.append(d);
+            let h = this.l.createElement("div");
             h.addClass("ig-button-content");
             h.setStyleProperty("font-family", "Verdana");
             h.setStyleProperty("font-weight", "400");
             h.setStyleProperty("font-size", ".875rem");
-            this.m = h;
-            this.h.add(h.listen("click", runOn(this, this.t)));
-            this.n.append(h);
-            this.o = h;
-            this.k.getPortal(h, "ChildContent", (i) => {
+            this.n = h;
+            this.i.add(h.listen("click", runOn(this, this.u)));
+            this.o.append(h);
+            this.p = h;
+            this.l.getPortal(h, "ChildContent", (i) => {
                 let comp_ = i.componentRef;
-                this.p = comp_;
+                this.q = comp_;
                 {
-                    this.o.setStyleProperty("flex-direction", this.b.g4);
-                    this.o.setStyleProperty("align-items", this.b.fb);
-                    let direction_ = this.b.g4;
-                    let display_ = this.b.fj != null ? this.b.fj : this.b.f0;
-                    let alignItems_ = this.b.fb;
+                    this.p.setStyleProperty("flex-direction", this.c.g4);
+                    this.p.setStyleProperty("align-items", this.c.fb);
+                    let direction_ = this.c.g4;
+                    let display_ = this.c.fj != null ? this.c.fj : this.c.f0;
+                    let alignItems_ = this.c.fb;
                     comp_.display = display_;
                     comp_.flexDirection = direction_;
                     comp_.alignItems = alignItems_;
                 }
             }, true);
-            this.b.kl();
+            this.c.kl();
         }
-        am() {
-            this.c.i = this.b.as;
+        an() {
+            this.d.i = this.c.as;
         }
-        a0() {
+        a1() {
             let a = "2.25rem";
             let b = "2.25rem";
             let c = "2.25rem";
@@ -163,7 +163,7 @@ export let ButtonView = /*@__PURE__*/ (() => {
             let k = "0px";
             let l = ".9375rem";
             let m = ".5625rem 1rem";
-            switch (this.b.q) {
+            switch (this.c.q) {
                 case 2:
                     m = ".375rem .75rem";
                     j = "1.875rem";
@@ -196,130 +196,130 @@ export let ButtonView = /*@__PURE__*/ (() => {
                     c = "1rem";
                     break;
             }
-            if (!isNaN_(this.b.bm) && !isNaN_(this.b.bo) && !isNaN_(this.b.bn) && !isNaN_(this.b.bl)) {
-                m = this.b.bo + "px " + this.b.bn + "px " + this.b.bl + "px " + this.b.bm + "px";
+            if (!isNaN_(this.c.bm) && !isNaN_(this.c.bo) && !isNaN_(this.c.bn) && !isNaN_(this.c.bl)) {
+                m = this.c.bo + "px " + this.c.bn + "px " + this.c.bl + "px " + this.c.bm + "px";
             }
-            if (this.b.e == 4) {
-                this.n.setStyleProperty("min-width", a);
-                this.n.setStyleProperty("min-height", b);
-                this.n.setStyleProperty("padding", k);
-                this.n.setStyleProperty("width", c);
-                this.n.setStyleProperty("height", d);
+            if (this.c.e == 4) {
+                this.o.setStyleProperty("min-width", a);
+                this.o.setStyleProperty("min-height", b);
+                this.o.setStyleProperty("padding", k);
+                this.o.setStyleProperty("width", c);
+                this.o.setStyleProperty("height", d);
             }
-            else if (this.b.e == 3) {
-                this.n.setStyleProperty("min-width", e);
-                this.n.setStyleProperty("min-height", f);
-                this.n.setStyleProperty("padding", l);
-                this.n.setStyleProperty("width", g);
-                this.n.setStyleProperty("height", h);
+            else if (this.c.e == 3) {
+                this.o.setStyleProperty("min-width", e);
+                this.o.setStyleProperty("min-height", f);
+                this.o.setStyleProperty("padding", l);
+                this.o.setStyleProperty("width", g);
+                this.o.setStyleProperty("height", h);
             }
             else {
-                this.n.setStyleProperty("width", "auto");
-                this.n.setStyleProperty("height", "auto");
-                this.n.setStyleProperty("min-width", i);
-                this.n.setStyleProperty("min-height", j);
-                this.n.setStyleProperty("padding", m);
+                this.o.setStyleProperty("width", "auto");
+                this.o.setStyleProperty("height", "auto");
+                this.o.setStyleProperty("min-width", i);
+                this.o.setStyleProperty("min-height", j);
+                this.o.setStyleProperty("padding", m);
             }
-            this.k.rootWrapper.setStyleProperty("height", "auto");
-            if (!isNaN_(this.b.bj) && this.b.bj > 0) {
-                this.n.setStyleProperty("border-style", "solid");
+            this.l.rootWrapper.setStyleProperty("height", "auto");
+            if (!isNaN_(this.c.bj) && this.c.bj > 0) {
+                this.o.setStyleProperty("border-style", "solid");
             }
             else {
-                this.n.setStyleProperty("border-style", "none");
+                this.o.setStyleProperty("border-style", "none");
             }
-            if (!isNaN_(this.j)) {
-                this.n.setStyleProperty("min-width", this.j.toString() + "px");
+            if (!isNaN_(this.k)) {
+                this.o.setStyleProperty("min-width", this.k.toString() + "px");
             }
-            if (!isNaN_(this.i)) {
-                this.n.setStyleProperty("min-height", this.i.toString() + "px");
+            if (!isNaN_(this.j)) {
+                this.o.setStyleProperty("min-height", this.j.toString() + "px");
             }
-            if (this.b.ay) {
-                this.n.setStyleProperty("width", "100%");
-                this.n.setStyleProperty("height", "100%");
-                this.k.rootWrapper.setStyleProperty("height", "100%");
+            if (this.c.ay) {
+                this.o.setStyleProperty("width", "100%");
+                this.o.setStyleProperty("height", "100%");
+                this.l.rootWrapper.setStyleProperty("height", "100%");
             }
         }
-        au() {
-            switch (this.b.le) {
+        av() {
+            switch (this.c.le) {
                 case 1:
-                    this.n.setStyleProperty("justify-content", "center");
-                    this.o.setStyleProperty("flex-grow", "unset");
+                    this.o.setStyleProperty("justify-content", "center");
+                    this.p.setStyleProperty("flex-grow", "unset");
                     break;
                 case 3:
-                    this.n.setStyleProperty("justify-content", "stretch");
-                    this.o.setStyleProperty("flex-grow", "1");
+                    this.o.setStyleProperty("justify-content", "stretch");
+                    this.p.setStyleProperty("flex-grow", "1");
                     break;
                 case 0:
-                    this.n.setStyleProperty("justify-content", "left");
-                    this.o.setStyleProperty("flex-grow", "unset");
+                    this.o.setStyleProperty("justify-content", "left");
+                    this.p.setStyleProperty("flex-grow", "unset");
                     break;
                 case 2:
-                    this.n.setStyleProperty("justify-content", "right");
-                    this.o.setStyleProperty("flex-grow", "unset");
+                    this.o.setStyleProperty("justify-content", "right");
+                    this.p.setStyleProperty("flex-grow", "unset");
                     break;
             }
         }
+        ax(a) {
+            this.k = a;
+        }
         aw(a) {
             this.j = a;
         }
-        av(a) {
-            this.i = a;
-        }
-        as() {
-            this.n.setAttribute("disabled", this.b.disabled ? "true" : "false");
-            this.n.setProperty("disabled", this.b.disabled);
+        at() {
+            this.o.setAttribute("disabled", this.c.disabled ? "true" : "false");
+            this.o.setProperty("disabled", this.c.disabled);
         }
-        an() {
-            if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("display", this.b.f0);
-                let comp_ = this.p;
-                if (this.p != null) {
-                    this.o.setStyleProperty("display", this.b.f0);
-                    let display_ = this.b.fj != null ? this.b.f0 : this.b.fj;
+        ao() {
+            if (this.l != null) {
+                this.l.rootWrapper.setStyleProperty("display", this.c.f0);
+                let comp_ = this.q;
+                if (this.q != null) {
+                    this.p.setStyleProperty("display", this.c.f0);
+                    let display_ = this.c.fj != null ? this.c.f0 : this.c.fj;
                     comp_.display = display_;
                 }
-                let ext_ = this.k.getExternal(this.b, null, null);
+                let ext_ = this.l.getExternal(this.c, null, null);
                 if (ext_ && ext_._onDisplayChanged) {
                     ext_._onDisplayChanged();
                 }
                 ;
             }
         }
-        aj() {
-            if (this.k != null) {
-                let comp_ = this.p;
-                if (this.p != null) {
-                    let display_ = this.b.fj != null ? this.b.fj : this.b.f0;
+        ak() {
+            if (this.l != null) {
+                let comp_ = this.q;
+                if (this.q != null) {
+                    let display_ = this.c.fj != null ? this.c.fj : this.c.f0;
                     comp_.display = display_;
                 }
             }
         }
-        ah() {
-            if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("align-items", this.b.fb);
-                this.n.setStyleProperty("align-items", this.b.fb);
-                let comp_ = this.p;
-                if (this.p != null) {
-                    this.o.setStyleProperty("align-items", this.b.fb);
-                    let alignItems_ = this.b.fb;
+        ai() {
+            if (this.l != null) {
+                this.l.rootWrapper.setStyleProperty("align-items", this.c.fb);
+                this.o.setStyleProperty("align-items", this.c.fb);
+                let comp_ = this.q;
+                if (this.q != null) {
+                    this.p.setStyleProperty("align-items", this.c.fb);
+                    let alignItems_ = this.c.fb;
                     comp_.alignItems = alignItems_;
                 }
-                let ext_ = this.k.getExternal(this.b, null, null);
+                let ext_ = this.l.getExternal(this.c, null, null);
                 if (ext_ && ext_._onAlignItemsChanged) {
                     ext_._onAlignItemsChanged();
                 }
                 ;
             }
         }
-        ao() {
-            if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("flex-direction", this.b.g4);
-                this.n.setStyleProperty("flex-direction", this.b.g4);
-                let ext_ = this.k.getExternal(this.b, null, null);
-                let comp_ = this.p;
-                if (this.p != null) {
-                    this.o.setStyleProperty("flex-direction", this.b.g4);
-                    let direction_ = this.b.g4;
+        ap() {
+            if (this.l != null) {
+                this.l.rootWrapper.setStyleProperty("flex-direction", this.c.g4);
+                this.o.setStyleProperty("flex-direction", this.c.g4);
+                let ext_ = this.l.getExternal(this.c, null, null);
+                let comp_ = this.q;
+                if (this.q != null) {
+                    this.p.setStyleProperty("flex-direction", this.c.g4);
+                    let direction_ = this.c.g4;
                     comp_.flexDirection = direction_;
                 }
                 if (ext_ && ext_._onFlexDirectionChanged) {
@@ -328,147 +328,147 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 ;
             }
         }
-        ap() {
-            if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("flex-grow", this.b.g6);
-                this.n.setStyleProperty("flex-grow", this.b.g6);
-                let ext_ = this.k.getExternal(this.b, null, null);
+        aq() {
+            if (this.l != null) {
+                this.l.rootWrapper.setStyleProperty("flex-grow", this.c.g6);
+                this.o.setStyleProperty("flex-grow", this.c.g6);
+                let ext_ = this.l.getExternal(this.c, null, null);
                 if (ext_ && ext_._onFlexGrowChanged) {
                     ext_._onFlexGrowChanged();
                 }
                 ;
             }
         }
-        t(a) {
+        u(a) {
         }
-        ax() {
-            if (this.g()) {
-                let a = this.b.hy;
-                this.n.setAttribute("name", this.b.h6);
-                this.n.setProperty("value", this.b.ee);
-                if (this.b.az) {
-                    this.n.setAttribute("tabindex", this.b.d7.toString());
+        ay() {
+            if (this.h()) {
+                let a = this.c.hy;
+                this.o.setAttribute("name", this.c.h6);
+                this.o.setProperty("value", this.c.ee);
+                if (this.c.az) {
+                    this.o.setAttribute("tabindex", this.c.d7.toString());
                 }
-                this.n.setProperty("disabled", this.b.disabled);
+                this.o.setProperty("disabled", this.c.disabled);
                 {
                 }
-                this.n.setAttribute("aria-label", this.b.fd);
-                this.n.setStyleProperty("cursor", !this.b.av ? "pointer" : "unset");
+                this.o.setAttribute("aria-label", this.c.fd);
+                this.o.setStyleProperty("cursor", !this.c.av ? "pointer" : "unset");
             }
         }
-        ar() {
-            if (this.g()) {
-                let a = this.b.hy;
-                this.n.setAttribute("id", a);
+        as() {
+            if (this.h()) {
+                let a = this.c.hy;
+                this.o.setAttribute("id", a);
             }
         }
-        v(a) {
-            this.b.kh();
-            if (this.b.a5) {
+        w(a) {
+            this.c.kh();
+            if (this.c.a5) {
                 a.stopPropagation();
             }
         }
-        w(a) {
-            this.b.ki();
-            if (this.b.a5) {
+        x(a) {
+            this.c.ki();
+            if (this.c.a5) {
                 a.stopPropagation();
             }
         }
-        u(a) {
-            this.b.kg();
-            if (this.b.a5) {
+        v(a) {
+            this.c.kg();
+            if (this.c.a5) {
                 a.stopPropagation();
             }
         }
-        x(a) {
-            this.b.kj();
-            if (this.b.a5) {
+        y(a) {
+            this.c.kj();
+            if (this.c.a5) {
                 a.stopPropagation();
             }
         }
-        y(a) {
-            this.b.ka();
+        z(a) {
+            this.c.ka();
         }
-        ab(a) {
-            this.b.kd();
+        ac(a) {
+            this.c.kd();
         }
-        aa(a) {
-            this.b.kb();
-            if (!this.b.at) {
+        ab(a) {
+            this.c.kb();
+            if (!this.c.at) {
                 a.preventDefault();
             }
-            if (this.b.a5) {
+            if (this.c.a5) {
                 a.stopPropagation();
             }
         }
-        ac(a) {
-            this.b.ke();
-        }
         ad(a) {
-            this.b.kf(a.originalEvent.relatedTarget, a.originalEvent.target);
+            this.c.ke();
+        }
+        ae(a) {
+            this.c.kf(a.originalEvent.relatedTarget, a.originalEvent.target);
         }
-        f() {
+        g() {
             return false;
         }
-        z(a) {
+        aa(a) {
         }
-        ag() {
+        ah() {
             if (KeyFrameAnimationFactory.h == null) {
-                KeyFrameAnimationFactory.h = this.k;
+                KeyFrameAnimationFactory.h = this.l;
             }
         }
-        ai() {
-            this.e = true;
-            this.h.add(this.n.listen("change", runOn(this, this.z)));
-            this.h.add(this.n.listen("click", runOn(this, this.aa)));
-            this.h.add(this.n.listen("focus", runOn(this, this.ab)));
-            this.h.add(this.n.listen("blur", runOn(this, this.y)));
-            this.h.add(this.m.listen("click", runOn(this, this.t)));
-            this.h.add(this.n.listen("mouseenter", runOn(this, this.v)));
-            this.h.add(this.n.listen("mouseleave", runOn(this, this.w)));
-            this.h.add(this.n.listen("mousedown", runOn(this, this.u)));
-            this.h.add(this.n.listen("mouseup", runOn(this, this.x)));
-            this.h.add(this.n.listen("focusin", runOn(this, this.ac)));
-            this.h.add(this.n.listen("focusout", runOn(this, this.ad)));
-        }
-        al() {
-            this.e = false;
-            for (let a of fromEnum(this.h)) {
+        aj() {
+            this.f = true;
+            this.i.add(this.o.listen("change", runOn(this, this.aa)));
+            this.i.add(this.o.listen("click", runOn(this, this.ab)));
+            this.i.add(this.o.listen("focus", runOn(this, this.ac)));
+            this.i.add(this.o.listen("blur", runOn(this, this.z)));
+            this.i.add(this.n.listen("click", runOn(this, this.u)));
+            this.i.add(this.o.listen("mouseenter", runOn(this, this.w)));
+            this.i.add(this.o.listen("mouseleave", runOn(this, this.x)));
+            this.i.add(this.o.listen("mousedown", runOn(this, this.v)));
+            this.i.add(this.o.listen("mouseup", runOn(this, this.y)));
+            this.i.add(this.o.listen("focusin", runOn(this, this.ad)));
+            this.i.add(this.o.listen("focusout", runOn(this, this.ae)));
+        }
+        am() {
+            this.f = false;
+            for (let a of fromEnum(this.i)) {
                 a();
             }
-            this.h.clear();
+            this.i.clear();
         }
-        at() {
-            let model_ = this.b;
+        au() {
+            let model_ = this.c;
             if (model_.externalObject && model_.externalObject.refreshDefaults) {
                 model_.externalObject.refreshDefaults();
             }
             ;
         }
-        ay(a, b) {
-            this.c.ax = a;
-            this.c.aw = b;
-        }
         az(a, b) {
-            let c = ElevationHelper.e(a, this.b.n0, this.b.nx, this.b.nn, b);
-            this.n.setStyleProperty("box-shadow", c);
+            this.d.ax = a;
+            this.d.aw = b;
+        }
+        a0(a, b) {
+            let c = ElevationHelper.e(a, this.c.n0, this.c.nx, this.c.nn, b);
+            this.o.setStyleProperty("box-shadow", c);
         }
-        a1(a) {
+        a2(a) {
             if (a != null) {
-                this.m.setStyleProperty("font", a.fontString);
+                this.n.setStyleProperty("font", a.fontString);
             }
         }
-        ae(a) {
-            this.m.append(a);
+        af(a) {
+            this.n.append(a);
         }
-        af() {
-            this.m.removeChildren();
+        ag() {
+            this.n.removeChildren();
         }
-        r() {
-            return this.m.getChildCount() > 0 ? this.m.getChildAt(0) : null;
+        s() {
+            return this.n.getChildCount() > 0 ? this.n.getChildAt(0) : null;
         }
-        a() {
-            let rect_ = this.k.rootWrapper.getNativeElement().getBoundingClientRect();
+        b() {
+            let rect_ = this.l.rootWrapper.getNativeElement().getBoundingClientRect();
             let a = (rect_.top);
             let b = (rect_.left);
             let c = new Array(2);
@@ -476,6 +476,12 @@ export let ButtonView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
+        a() {
+            let a = new Array(2);
+            a[0] = NativeUI.k(this.r);
+            a[1] = NativeUI.d(this.r);
+            return a;
+        }
     }
     ButtonView.$t = /*@__PURE__*/ markType(ButtonView, 'ButtonView');
     return ButtonView;
@@ -748,9 +754,9 @@ export let XButton = /*@__PURE__*/ (() => {
             this.gotFocus = null;
             this.lostFocus = null;
             let a = new ButtonView();
-            a.b = this;
+            a.c = this;
             this.view = a;
-            this.view.aq();
+            this.view.ar();
         }
         get view() {
             return this._view;
@@ -881,7 +887,7 @@ export let XButton = /*@__PURE__*/ (() => {
                 case "IsDisabled":
                     this.as = this.disabled || this.aw;
                     this.kq();
-                    this.view.as();
+                    this.view.at();
                     this.kp();
                     break;
                 case "DisableRipple":
@@ -893,7 +899,7 @@ export let XButton = /*@__PURE__*/ (() => {
                     this.kp();
                     break;
                 case "ActualDisableRipple":
-                    this.view.am();
+                    this.view.an();
                     break;
                 case "ActualBackgroundColor":
                 case "ActualDisabledBackgroundColor":
@@ -916,11 +922,11 @@ export let XButton = /*@__PURE__*/ (() => {
                     if (this.e == 4) {
                         this.ko();
                     }
-                    this.view.a0();
+                    this.view.a1();
                     this.kp();
                     break;
                 case "DisplayType":
-                    this.view.a0();
+                    this.view.a1();
                     this.kq();
                     this.kp();
                     break;
@@ -929,43 +935,43 @@ export let XButton = /*@__PURE__*/ (() => {
                 case "ContentPaddingRight":
                 case "ContentPaddingBottom":
                 case "FillAvailableSpace":
-                    this.view.a0();
+                    this.view.a1();
                     break;
                 case "HorizontalContentAlignment":
                 case "VerticalContentAlignment":
-                    this.view.au();
+                    this.view.av();
                     break;
                 case "InputId":
-                    this.view.ar();
+                    this.view.as();
                     break;
                 case "Display":
-                    this.view.an();
+                    this.view.ao();
                     break;
                 case "ChildContentDisplay":
-                    this.view.aj();
+                    this.view.ak();
                     break;
                 case "FlexDirection":
-                    this.view.ao();
+                    this.view.ap();
                     break;
                 case "FlexGrow":
-                    this.view.ap();
+                    this.view.aq();
                     break;
                 case "AlignItems":
-                    this.view.ah();
+                    this.view.ai();
                     break;
                 case "TabIndex":
-                    this.view.ax();
+                    this.view.ay();
                     break;
                 case "DisablePointer":
-                    this.view.ax();
+                    this.view.ay();
                     break;
                 case "MinWidth":
-                    this.view.aw(this.by);
-                    this.view.a0();
+                    this.view.ax(this.by);
+                    this.view.a1();
                     break;
                 case "MinHeight":
-                    this.view.av(this.bx);
-                    this.view.a0();
+                    this.view.aw(this.bx);
+                    this.view.a1();
                     break;
             }
         }
@@ -1149,7 +1155,7 @@ export let XButton = /*@__PURE__*/ (() => {
             }
         }
         kp() {
-            let a = this.view.q;
+            let a = this.view.r;
             if (a == null) {
                 return;
             }
@@ -1159,17 +1165,17 @@ export let XButton = /*@__PURE__*/ (() => {
                 NativeUI.p(a, new Thickness(0, this.bj));
             }
             if (this.disabled) {
-                this.view.az(this.cu, this.u);
+                this.view.a0(this.cu, this.u);
             }
             else if (this.focused && this.a2) {
-                this.view.az(this.cv, this.u);
+                this.view.a0(this.cv, this.u);
             }
             else {
                 if (this.a3 && !this.au) {
-                    this.view.az(this.cw, this.u);
+                    this.view.a0(this.cw, this.u);
                 }
                 else {
-                    this.view.az(this.cx, this.u);
+                    this.view.a0(this.cx, this.u);
                 }
             }
             if (this.disabled) {
@@ -1186,26 +1192,26 @@ export let XButton = /*@__PURE__*/ (() => {
                     NativeUI.m(a, this.no);
                 }
             }
-            this.view.ay(this.ny, BrushUtil.j(0, 0, 0, 0));
+            this.view.az(this.ny, BrushUtil.j(0, 0, 0, 0));
             if (this.aa != null) {
-                this.view.a1(this.aa);
+                this.view.a2(this.aa);
             }
             if (this.disabled) {
-                NativeUI.q(this.view.s, this.ns);
-                NativeUI.r(this.view.s, this.ns);
+                NativeUI.q(this.view.t, this.ns);
+                NativeUI.r(this.view.t, this.ns);
             }
             else if (this.focused && this.a2) {
-                NativeUI.q(this.view.s, this.nu);
-                NativeUI.r(this.view.s, this.nu);
+                NativeUI.q(this.view.t, this.nu);
+                NativeUI.r(this.view.t, this.nu);
             }
             else {
                 if (this.a3 && !this.au) {
-                    NativeUI.q(this.view.s, this.nw);
-                    NativeUI.r(this.view.s, this.nw);
+                    NativeUI.q(this.view.t, this.nw);
+                    NativeUI.r(this.view.t, this.nw);
                 }
                 else {
-                    NativeUI.q(this.view.s, this.nz);
-                    NativeUI.r(this.view.s, this.nz);
+                    NativeUI.q(this.view.t, this.nz);
+                    NativeUI.r(this.view.t, this.nz);
                 }
             }
         }
@@ -2906,7 +2912,7 @@ export let XButton = /*@__PURE__*/ (() => {
         }
         kl() {
             this.j8();
-            this.view.ay(this.ny, BrushUtil.j(0, 0, 0, 0));
+            this.view.az(this.ny, BrushUtil.j(0, 0, 0, 0));
             this.kp();
         }
         get a() {
@@ -2916,25 +2922,25 @@ export let XButton = /*@__PURE__*/ (() => {
             return a;
         }
         j8() {
-            this.view.ag();
+            this.view.ah();
         }
         onDetachedFromUI() {
-            this.view.al();
+            this.view.am();
         }
         onAttachedToUI() {
-            this.view.ai();
+            this.view.aj();
         }
         appendButtonContent(a) {
-            this.view.ae(a);
+            this.view.af(a);
         }
         clearButtonContent() {
-            this.view.af();
+            this.view.ag();
         }
         getButtonContent() {
-            return this.view.r();
+            return this.view.s();
         }
         a4() {
-            return this.view.g();
+            return this.view.h();
         }
         eb() {
             return this.b();
@@ -2944,14 +2950,15 @@ export let XButton = /*@__PURE__*/ (() => {
             return a.serialize();
         }
         b() {
-            let a = this.view.q;
-            let b = this.view.s;
+            let a = this.view.r;
+            let b = this.view.t;
             let c = new ButtonVisualModelExport();
-            let d = this.view.a();
+            let d = this.view.b();
             c.s = d[0];
             c.q = d[1];
-            c.p = NativeUI.d(a);
-            c.t = NativeUI.k(a);
+            let e = this.view.a();
+            c.t = e[0];
+            c.p = e[1];
             c.h = this.n;
             c.i = this.q;
             c.c = AppearanceHelper.a(NativeUI.ak(a));
@@ -2969,44 +2976,44 @@ export let XButton = /*@__PURE__*/ (() => {
             c.y = this.g4;
             c.z = this.g6;
             c.w = this.fb;
-            c.v = this.view.s.getNativeElement().innerText;
+            c.v = this.view.t.getNativeElement().innerText;
             c.aa = this.h6;
             c.m = this.focused;
             c.k = this.as;
             c.n = this.a3;
             c.l = this.disabled;
             if (this.aa != null) {
-                let e = this.aa;
-                if (this.view != null && e.q == null) {
-                    let f = this.view.k;
-                    let g = FontUtil.getFontInfoFromString(f, e.fontString);
-                    e.q = g.q;
-                    e.f = g.f;
-                    e.r = g.r;
-                    e.t = g.t;
-                    e.u = g.u;
-                    e.v = g.v;
+                let f = this.aa;
+                if (this.view != null && f.q == null) {
+                    let g = this.view.l;
+                    let h = FontUtil.getFontInfoFromString(g, f.fontString);
+                    f.q = h.q;
+                    f.f = h.f;
+                    f.r = h.r;
+                    f.t = h.t;
+                    f.u = h.u;
+                    f.v = h.v;
                 }
-                if (e.q != null) {
-                    c.ab = e.q;
+                if (f.q != null) {
+                    c.ab = f.q;
                 }
-                if (!isNaN_(e.f)) {
-                    c.r = e.f;
+                if (!isNaN_(f.f)) {
+                    c.r = f.f;
                 }
-                if (e.v != null) {
-                    c.af = e.v;
+                if (f.v != null) {
+                    c.af = f.v;
                 }
-                if (e.t != null) {
-                    c.ad = e.t;
+                if (f.t != null) {
+                    c.ad = f.t;
                 }
-                if (e.r != null) {
-                    c.ac = e.t;
+                if (f.r != null) {
+                    c.ac = f.t;
                 }
             }
             return c;
         }
         provideContainer(a) {
-            this.view.ak(a);
+            this.view.al(a);
         }
     }
     XButton.$t = /*@__PURE__*/ markType(XButton, 'XButton', Base.$, [INotifyPropertyChanged_$type]);