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

package/esm5/lib/ButtonView_combined.js

@@ -38,46 +38,46 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(ButtonView, _super);
     function ButtonView() {
         var _this = _super.call(this) || this;
-        _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;
         return _this;
     }
-    ButtonView.prototype.aq = function () {
+    ButtonView.prototype.ar = function () {
     };
-    ButtonView.prototype.g = function () {
+    ButtonView.prototype.h = function () {
         return true;
     };
-    Object.defineProperty(ButtonView.prototype, "q", {
+    Object.defineProperty(ButtonView.prototype, "r", {
         get: function () {
-            return this.n;
+            return this.o;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ButtonView.prototype, "s", {
+    Object.defineProperty(ButtonView.prototype, "t", {
         get: function () {
-            return this.m;
+            return this.n;
         },
         enumerable: false,
         configurable: true
     });
-    ButtonView.prototype.ak = function (a) {
+    ButtonView.prototype.al = function (a) {
         var e_1, _a;
         var _this = this;
         if (a == null) {
             try {
-                for (var _b = __values(fromEnum(this.h)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.i)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -95,46 +95,46 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            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");
-        var 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);
-        var d = this.k.createElement("div");
-        var 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");
+        var 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);
+        var d = this.l.createElement("div");
+        var e = this.l.getSubRenderer(d);
         d.setStyleProperty("position", "absolute");
         d.setStyleProperty("width", "100%");
         d.setStyleProperty("height", "100%");
@@ -144,40 +144,40 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = new XRipple();
         f.provideContainer(e);
         f.q = c;
-        var g = this.k.getExternal(f, this.k.rootWrapper, this.k.getExternal(this.b, null, null));
+        var 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);
-        var h = this.k.createElement("div");
+        this.d = f;
+        this.o.append(d);
+        var 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", function (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", function (i) {
             var 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);
-                var direction_ = _this.b.g4;
-                var display_ = _this.b.fj != null ? _this.b.fj : _this.b.f0;
-                var alignItems_ = _this.b.fb;
+                _this.p.setStyleProperty("flex-direction", _this.c.g4);
+                _this.p.setStyleProperty("align-items", _this.c.fb);
+                var direction_ = _this.c.g4;
+                var display_ = _this.c.fj != null ? _this.c.fj : _this.c.f0;
+                var alignItems_ = _this.c.fb;
                 comp_.display = display_;
                 comp_.flexDirection = direction_;
                 comp_.alignItems = alignItems_;
             }
         }, true);
-        this.b.kl();
+        this.c.kl();
     };
-    ButtonView.prototype.am = function () {
-        this.c.i = this.b.as;
+    ButtonView.prototype.an = function () {
+        this.d.i = this.c.as;
     };
-    ButtonView.prototype.a0 = function () {
+    ButtonView.prototype.a1 = function () {
         var a = "2.25rem";
         var b = "2.25rem";
         var c = "2.25rem";
@@ -191,7 +191,7 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
         var k = "0px";
         var l = ".9375rem";
         var m = ".5625rem 1rem";
-        switch (this.b.q) {
+        switch (this.c.q) {
             case 2:
                 m = ".375rem .75rem";
                 j = "1.875rem";
@@ -224,130 +224,130 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
                 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%");
         }
     };
-    ButtonView.prototype.au = function () {
-        switch (this.b.le) {
+    ButtonView.prototype.av = function () {
+        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;
         }
     };
+    ButtonView.prototype.ax = function (a) {
+        this.k = a;
+    };
     ButtonView.prototype.aw = function (a) {
         this.j = a;
     };
-    ButtonView.prototype.av = function (a) {
-        this.i = a;
-    };
-    ButtonView.prototype.as = function () {
-        this.n.setAttribute("disabled", this.b.disabled ? "true" : "false");
-        this.n.setProperty("disabled", this.b.disabled);
+    ButtonView.prototype.at = function () {
+        this.o.setAttribute("disabled", this.c.disabled ? "true" : "false");
+        this.o.setProperty("disabled", this.c.disabled);
     };
-    ButtonView.prototype.an = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("display", this.b.f0);
-            var comp_ = this.p;
-            if (this.p != null) {
-                this.o.setStyleProperty("display", this.b.f0);
-                var display_ = this.b.fj != null ? this.b.f0 : this.b.fj;
+    ButtonView.prototype.ao = function () {
+        if (this.l != null) {
+            this.l.rootWrapper.setStyleProperty("display", this.c.f0);
+            var comp_ = this.q;
+            if (this.q != null) {
+                this.p.setStyleProperty("display", this.c.f0);
+                var display_ = this.c.fj != null ? this.c.f0 : this.c.fj;
                 comp_.display = display_;
             }
-            var ext_ = this.k.getExternal(this.b, null, null);
+            var ext_ = this.l.getExternal(this.c, null, null);
             if (ext_ && ext_._onDisplayChanged) {
                 ext_._onDisplayChanged();
             }
             ;
         }
     };
-    ButtonView.prototype.aj = function () {
-        if (this.k != null) {
-            var comp_ = this.p;
-            if (this.p != null) {
-                var display_ = this.b.fj != null ? this.b.fj : this.b.f0;
+    ButtonView.prototype.ak = function () {
+        if (this.l != null) {
+            var comp_ = this.q;
+            if (this.q != null) {
+                var display_ = this.c.fj != null ? this.c.fj : this.c.f0;
                 comp_.display = display_;
             }
         }
     };
-    ButtonView.prototype.ah = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("align-items", this.b.fb);
-            this.n.setStyleProperty("align-items", this.b.fb);
-            var comp_ = this.p;
-            if (this.p != null) {
-                this.o.setStyleProperty("align-items", this.b.fb);
-                var alignItems_ = this.b.fb;
+    ButtonView.prototype.ai = function () {
+        if (this.l != null) {
+            this.l.rootWrapper.setStyleProperty("align-items", this.c.fb);
+            this.o.setStyleProperty("align-items", this.c.fb);
+            var comp_ = this.q;
+            if (this.q != null) {
+                this.p.setStyleProperty("align-items", this.c.fb);
+                var alignItems_ = this.c.fb;
                 comp_.alignItems = alignItems_;
             }
-            var ext_ = this.k.getExternal(this.b, null, null);
+            var ext_ = this.l.getExternal(this.c, null, null);
             if (ext_ && ext_._onAlignItemsChanged) {
                 ext_._onAlignItemsChanged();
             }
             ;
         }
     };
-    ButtonView.prototype.ao = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("flex-direction", this.b.g4);
-            this.n.setStyleProperty("flex-direction", this.b.g4);
-            var ext_ = this.k.getExternal(this.b, null, null);
-            var comp_ = this.p;
-            if (this.p != null) {
-                this.o.setStyleProperty("flex-direction", this.b.g4);
-                var direction_ = this.b.g4;
+    ButtonView.prototype.ap = function () {
+        if (this.l != null) {
+            this.l.rootWrapper.setStyleProperty("flex-direction", this.c.g4);
+            this.o.setStyleProperty("flex-direction", this.c.g4);
+            var ext_ = this.l.getExternal(this.c, null, null);
+            var comp_ = this.q;
+            if (this.q != null) {
+                this.p.setStyleProperty("flex-direction", this.c.g4);
+                var direction_ = this.c.g4;
                 comp_.flexDirection = direction_;
             }
             if (ext_ && ext_._onFlexDirectionChanged) {
@@ -356,114 +356,114 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
             ;
         }
     };
-    ButtonView.prototype.ap = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("flex-grow", this.b.g6);
-            this.n.setStyleProperty("flex-grow", this.b.g6);
-            var ext_ = this.k.getExternal(this.b, null, null);
+    ButtonView.prototype.aq = function () {
+        if (this.l != null) {
+            this.l.rootWrapper.setStyleProperty("flex-grow", this.c.g6);
+            this.o.setStyleProperty("flex-grow", this.c.g6);
+            var ext_ = this.l.getExternal(this.c, null, null);
             if (ext_ && ext_._onFlexGrowChanged) {
                 ext_._onFlexGrowChanged();
             }
             ;
         }
     };
-    ButtonView.prototype.t = function (a) {
+    ButtonView.prototype.u = function (a) {
     };
-    ButtonView.prototype.ax = function () {
-        if (this.g()) {
-            var 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());
+    ButtonView.prototype.ay = function () {
+        if (this.h()) {
+            var 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");
         }
     };
-    ButtonView.prototype.ar = function () {
-        if (this.g()) {
-            var a = this.b.hy;
-            this.n.setAttribute("id", a);
+    ButtonView.prototype.as = function () {
+        if (this.h()) {
+            var a = this.c.hy;
+            this.o.setAttribute("id", a);
         }
     };
-    ButtonView.prototype.v = function (a) {
-        this.b.kh();
-        if (this.b.a5) {
+    ButtonView.prototype.w = function (a) {
+        this.c.kh();
+        if (this.c.a5) {
             a.stopPropagation();
         }
     };
-    ButtonView.prototype.w = function (a) {
-        this.b.ki();
-        if (this.b.a5) {
+    ButtonView.prototype.x = function (a) {
+        this.c.ki();
+        if (this.c.a5) {
             a.stopPropagation();
         }
     };
-    ButtonView.prototype.u = function (a) {
-        this.b.kg();
-        if (this.b.a5) {
+    ButtonView.prototype.v = function (a) {
+        this.c.kg();
+        if (this.c.a5) {
             a.stopPropagation();
         }
     };
-    ButtonView.prototype.x = function (a) {
-        this.b.kj();
-        if (this.b.a5) {
+    ButtonView.prototype.y = function (a) {
+        this.c.kj();
+        if (this.c.a5) {
             a.stopPropagation();
         }
     };
-    ButtonView.prototype.y = function (a) {
-        this.b.ka();
+    ButtonView.prototype.z = function (a) {
+        this.c.ka();
     };
-    ButtonView.prototype.ab = function (a) {
-        this.b.kd();
+    ButtonView.prototype.ac = function (a) {
+        this.c.kd();
     };
-    ButtonView.prototype.aa = function (a) {
-        this.b.kb();
-        if (!this.b.at) {
+    ButtonView.prototype.ab = function (a) {
+        this.c.kb();
+        if (!this.c.at) {
             a.preventDefault();
         }
-        if (this.b.a5) {
+        if (this.c.a5) {
             a.stopPropagation();
         }
     };
-    ButtonView.prototype.ac = function (a) {
-        this.b.ke();
-    };
     ButtonView.prototype.ad = function (a) {
-        this.b.kf(a.originalEvent.relatedTarget, a.originalEvent.target);
+        this.c.ke();
+    };
+    ButtonView.prototype.ae = function (a) {
+        this.c.kf(a.originalEvent.relatedTarget, a.originalEvent.target);
     };
-    ButtonView.prototype.f = function () {
+    ButtonView.prototype.g = function () {
         return false;
     };
-    ButtonView.prototype.z = function (a) {
+    ButtonView.prototype.aa = function (a) {
     };
-    ButtonView.prototype.ag = function () {
+    ButtonView.prototype.ah = function () {
         if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.k;
+            KeyFrameAnimationFactory.h = this.l;
         }
     };
-    ButtonView.prototype.ai = function () {
-        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)));
-    };
-    ButtonView.prototype.al = function () {
+    ButtonView.prototype.aj = function () {
+        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)));
+    };
+    ButtonView.prototype.am = function () {
         var e_2, _a;
-        this.e = false;
+        this.f = false;
         try {
-            for (var _b = __values(fromEnum(this.h)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.i)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -481,39 +481,39 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.h.clear();
+        this.i.clear();
     };
-    ButtonView.prototype.at = function () {
-        var model_ = this.b;
+    ButtonView.prototype.au = function () {
+        var model_ = this.c;
         if (model_.externalObject && model_.externalObject.refreshDefaults) {
             model_.externalObject.refreshDefaults();
         }
         ;
     };
-    ButtonView.prototype.ay = function (a, b) {
-        this.c.ax = a;
-        this.c.aw = b;
-    };
     ButtonView.prototype.az = function (a, b) {
-        var 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;
+    };
+    ButtonView.prototype.a0 = function (a, b) {
+        var c = ElevationHelper.e(a, this.c.n0, this.c.nx, this.c.nn, b);
+        this.o.setStyleProperty("box-shadow", c);
     };
-    ButtonView.prototype.a1 = function (a) {
+    ButtonView.prototype.a2 = function (a) {
         if (a != null) {
-            this.m.setStyleProperty("font", a.fontString);
+            this.n.setStyleProperty("font", a.fontString);
         }
     };
-    ButtonView.prototype.ae = function (a) {
-        this.m.append(a);
+    ButtonView.prototype.af = function (a) {
+        this.n.append(a);
     };
-    ButtonView.prototype.af = function () {
-        this.m.removeChildren();
+    ButtonView.prototype.ag = function () {
+        this.n.removeChildren();
     };
-    ButtonView.prototype.r = function () {
-        return this.m.getChildCount() > 0 ? this.m.getChildAt(0) : null;
+    ButtonView.prototype.s = function () {
+        return this.n.getChildCount() > 0 ? this.n.getChildAt(0) : null;
     };
-    ButtonView.prototype.a = function () {
-        var rect_ = this.k.rootWrapper.getNativeElement().getBoundingClientRect();
+    ButtonView.prototype.b = function () {
+        var rect_ = this.l.rootWrapper.getNativeElement().getBoundingClientRect();
         var a = (rect_.top);
         var b = (rect_.left);
         var c = new Array(2);
@@ -521,6 +521,12 @@ var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
+    ButtonView.prototype.a = function () {
+        var a = new Array(2);
+        a[0] = NativeUI.k(this.r);
+        a[1] = NativeUI.d(this.r);
+        return a;
+    };
     ButtonView.$t = markType(ButtonView, 'ButtonView');
     return ButtonView;
 }(Base));
@@ -793,9 +799,9 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.gotFocus = null;
         _this.lostFocus = null;
         var a = new ButtonView();
-        a.b = _this;
+        a.c = _this;
         _this.view = a;
-        _this.view.aq();
+        _this.view.ar();
         return _this;
     }
     Object.defineProperty(XButton.prototype, "view", {
@@ -931,7 +937,7 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
             case "IsDisabled":
                 this.as = this.disabled || this.aw;
                 this.kq();
-                this.view.as();
+                this.view.at();
                 this.kp();
                 break;
             case "DisableRipple":
@@ -943,7 +949,7 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.kp();
                 break;
             case "ActualDisableRipple":
-                this.view.am();
+                this.view.an();
                 break;
             case "ActualBackgroundColor":
             case "ActualDisabledBackgroundColor":
@@ -966,11 +972,11 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
                 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;
@@ -979,43 +985,43 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
         }
     };
@@ -1199,7 +1205,7 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XButton.prototype.kp = function () {
-        var a = this.view.q;
+        var a = this.view.r;
         if (a == null) {
             return;
         }
@@ -1209,17 +1215,17 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
             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) {
@@ -1236,26 +1242,26 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
                 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);
             }
         }
     };
@@ -3600,7 +3606,7 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     XButton.prototype.kl = function () {
         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();
     };
     Object.defineProperty(XButton.prototype, "a", {
@@ -3614,25 +3620,25 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     XButton.prototype.j8 = function () {
-        this.view.ag();
+        this.view.ah();
     };
     XButton.prototype.onDetachedFromUI = function () {
-        this.view.al();
+        this.view.am();
     };
     XButton.prototype.onAttachedToUI = function () {
-        this.view.ai();
+        this.view.aj();
     };
     XButton.prototype.appendButtonContent = function (a) {
-        this.view.ae(a);
+        this.view.af(a);
     };
     XButton.prototype.clearButtonContent = function () {
-        this.view.af();
+        this.view.ag();
     };
     XButton.prototype.getButtonContent = function () {
-        return this.view.r();
+        return this.view.s();
     };
     XButton.prototype.a4 = function () {
-        return this.view.g();
+        return this.view.h();
     };
     XButton.prototype.eb = function () {
         return this.b();
@@ -3642,14 +3648,15 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         return a.serialize();
     };
     XButton.prototype.b = function () {
-        var a = this.view.q;
-        var b = this.view.s;
+        var a = this.view.r;
+        var b = this.view.t;
         var c = new ButtonVisualModelExport();
-        var d = this.view.a();
+        var d = this.view.b();
         c.s = d[0];
         c.q = d[1];
-        c.p = NativeUI.d(a);
-        c.t = NativeUI.k(a);
+        var 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));
@@ -3667,44 +3674,44 @@ var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
         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) {
-            var e = this.aa;
-            if (this.view != null && e.q == null) {
-                var f = this.view.k;
-                var 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;
+            var f = this.aa;
+            if (this.view != null && f.q == null) {
+                var g = this.view.l;
+                var 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;
     };
     XButton.prototype.provideContainer = function (a) {
-        this.view.ak(a);
+        this.view.al(a);
     };
     XButton.$t = markType(XButton, 'XButton', Base.$, [INotifyPropertyChanged_$type]);
     XButton.m = 2;