igniteui-angular-inputs 19.0.1 → 19.1.0-beta.1

package/esm5/lib/InputGroupView_combined.js

@@ -72,7 +72,7 @@ var InputGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     InputGroupView.prototype.ac = function (a) {
         if (typeCast(XLabel.$, a) !== null) {
-            a.bd = "flex-start";
+            a.be = "flex-start";
         }
     };
     InputGroupView.prototype.ae = function (a) {
@@ -699,21 +699,21 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
         c.setStyleProperty("overflow", "hidden");
         c.setStyleProperty("height", "1.125rem");
         c.setStyleProperty("backface-visibility", "hidden");
-        NativeUI.q(this.m.rootWrapper, this.c.c2);
+        NativeUI.q(this.m.rootWrapper, this.c.c3);
         c.setStyleProperty("outline-style", "none");
         c.setStyleProperty("box-shadow", "none");
         c.setStyleProperty("font-family", "Verdana");
         c.setStyleProperty("font-size", "1rem");
         this.n = c;
         this.m.append(this.n);
-        this.c.ck();
+        this.c.cl();
     };
     LabelView.prototype.l = function () {
         return this.c.l == 0 ? (this.j() * 0.5) : 0;
     };
     LabelView.prototype.aj = function () {
         var _this = this;
-        this.c.bj = "block";
+        this.c.bk = "block";
         var a = new TransformGroup();
         a.j.add(((function () {
             var $ret = new TranslateTransform();
@@ -760,8 +760,8 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LabelView.prototype.ab = function () {
         if (this.m != null) {
-            this.m.rootWrapper.setStyleProperty("display", this.c.bj);
-            this.n.setStyleProperty("display", this.c.bj);
+            this.m.rootWrapper.setStyleProperty("display", this.c.bk);
+            this.n.setStyleProperty("display", this.c.bk);
             var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onDisplayChanged) {
                 ext_._onDisplayChanged();
@@ -771,8 +771,8 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LabelView.prototype.w = function () {
         if (this.m != null) {
-            this.m.rootWrapper.setStyleProperty("align-items", this.c.bb);
-            this.n.setStyleProperty("align-items", this.c.bb);
+            this.m.rootWrapper.setStyleProperty("align-items", this.c.bc);
+            this.n.setStyleProperty("align-items", this.c.bc);
             var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onAlignItemsChanged) {
                 ext_._onAlignItemsChanged();
@@ -782,8 +782,8 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LabelView.prototype.x = function () {
         if (this.m != null) {
-            this.m.rootWrapper.setStyleProperty("align-self", this.c.bd);
-            this.n.setStyleProperty("align-self", this.c.bd);
+            this.m.rootWrapper.setStyleProperty("align-self", this.c.be);
+            this.n.setStyleProperty("align-self", this.c.be);
             var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onAlignSelfChanged) {
                 ext_._onAlignSelfChanged();
@@ -793,8 +793,8 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LabelView.prototype.ac = function () {
         if (this.m != null) {
-            this.m.rootWrapper.setStyleProperty("flex-direction", this.c.bm);
-            this.n.setStyleProperty("flex-direction", this.c.bm);
+            this.m.rootWrapper.setStyleProperty("flex-direction", this.c.bn);
+            this.n.setStyleProperty("flex-direction", this.c.bn);
             var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onFlexDirectionChanged) {
                 ext_._onFlexDirectionChanged();
@@ -804,8 +804,8 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     LabelView.prototype.ad = function () {
         if (this.m != null) {
-            this.m.rootWrapper.setStyleProperty("flex-grow", this.c.bo);
-            this.n.setStyleProperty("flex-grow", this.c.bo);
+            this.m.rootWrapper.setStyleProperty("flex-grow", this.c.bp);
+            this.n.setStyleProperty("flex-grow", this.c.bp);
             var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onFlexGrowChanged) {
                 ext_._onFlexGrowChanged();
@@ -874,10 +874,10 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
         return parseFloat(stringReplace(a, "px", ""));
     };
     LabelView.prototype.t = function (a) {
-        this.c.cg();
+        this.c.ch();
     };
     LabelView.prototype.u = function (a) {
-        this.c.ch();
+        this.c.ci();
     };
     LabelView.prototype.y = function () {
         this.f = true;
@@ -2321,7 +2321,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                     a.l = 2;
                     break;
             }
-            a.cn(_this.ai, false);
+            a.co(_this.ai, false);
         });
     };
     XInputGroup.prototype.kf = function () {
@@ -2666,11 +2666,11 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = this;
         this.jp();
         if (this.ai) {
-            this.js(function (a) { return a.cn(true, !_this.aj); });
+            this.js(function (a) { return a.co(true, !_this.aj); });
             this.jr(function (a) { return a.dq(_this.ar, !_this.aj); });
         }
         else {
-            this.js(function (a) { return a.cn(false, !_this.aj); });
+            this.js(function (a) { return a.co(false, !_this.aj); });
             this.jr(function (a) { return a.dq(_this.ar, !_this.aj); });
         }
     };
@@ -2678,12 +2678,12 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         this.jp();
         if (this.ao) {
             var a = 1;
-            this.js(function (b) { return b.am = true; });
+            this.js(function (b) { return b.an = true; });
             this.j4(a);
         }
         else {
             var b = -1;
-            this.js(function (c) { return c.am = false; });
+            this.js(function (c) { return c.an = false; });
             this.j4(b);
         }
     };
@@ -4520,7 +4520,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (this.inputs._inner[b].e == null) {
                     this.inputs._inner[b].e = "Label" + a.l.count.toString();
                 }
-                a.l.add1(this.inputs._inner[b].av());
+                a.l.add1(this.inputs._inner[b].aw());
             }
             else if (typeCast(XInput.$, this.inputs._inner[b]) !== null) {
                 if (this.inputs._inner[b].e == null) {
@@ -4590,22 +4590,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(1, 4, 4, 4, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("BorderColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("UnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 1), new Theme(0, ((function () {
@@ -4614,22 +4614,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(1, 4, 4, 0, 0));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("BorderColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("UnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(20, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(20, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 0), new Theme(0, ((function () {
@@ -4638,22 +4638,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 0));
             $ret.addItem("ContentPadding", new Thickness(0, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("BorderColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("UnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 3), new Theme(0, ((function () {
@@ -4662,22 +4662,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("BorderColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 0, 153, 155));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(138, 0, 0, 0));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 0, 153, 155));
+            $ret.addItem("UnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 0, 153, 155));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(138, 0, 0, 0));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 0, 153, 155));
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         return $ret;
@@ -4693,22 +4693,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 1), new Theme(0, ((function () {
@@ -4717,22 +4717,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(1, 4, 4, 0, 0));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(20, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(20, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 0), new Theme(0, ((function () {
@@ -4741,22 +4741,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 0));
             $ret.addItem("ContentPadding", new Thickness(0, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 3), new Theme(0, ((function () {
@@ -4765,27 +4765,27 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusBorderColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("FocusLabelColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusBorderColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("FocusLabelColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("UnderlineRippleColor", BrushUtil.h(255, 33, 150, 243));
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
-            $ret.addItem("FocusUnderlineColor", BrushUtil.h(255, 33, 150, 243));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("UnderlineRippleColor", BrushUtil.j(255, 33, 150, 243));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
+            $ret.addItem("FocusUnderlineColor", BrushUtil.j(255, 33, 150, 243));
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         return $ret;
     })()));
-    XInputGroup.n5 = BrushUtil.h(255, 105, 136, 255);
+    XInputGroup.n5 = BrushUtil.j(255, 105, 136, 255);
     XInputGroup.l = new Theme(1, ((function () {
         var $ret = new Dictionary$2(String_$type, Base.$, 0);
         return $ret;
@@ -4797,22 +4797,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 8, 0, 8, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(25, 0, 0, 0));
+            $ret.addItem("BorderColor", BrushUtil.j(25, 0, 0, 0));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(25, 0, 0, 0));
+            $ret.addItem("UnderlineColor", BrushUtil.j(25, 0, 0, 0));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 0, 0, 0));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 0, 0, 0));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 1), new Theme(0, ((function () {
@@ -4821,22 +4821,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(1, 4, 4, 0, 0));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(25, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(25, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 0), new Theme(0, ((function () {
@@ -4845,22 +4845,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 0));
             $ret.addItem("ContentPadding", new Thickness(0, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 3), new Theme(0, ((function () {
@@ -4869,22 +4869,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("BorderColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("UnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(255, 186, 191, 199));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(255, 186, 191, 199));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         return $ret;
@@ -4900,22 +4900,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 8, 0, 8, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("BorderColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("UnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 1), new Theme(0, ((function () {
@@ -4924,22 +4924,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(1, 4, 4, 0, 0));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("BorderColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("UnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(128, 55, 63, 86));
+            $ret.addItem("BackgroundColor", BrushUtil.j(128, 55, 63, 86));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 0), new Theme(0, ((function () {
@@ -4948,22 +4948,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(0));
             $ret.addItem("CornerRadius", new CornerRadius(0, 0));
             $ret.addItem("ContentPadding", new Thickness(0, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("BorderColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("UnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 1);
             $ret.addItem("HoverUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineOpacity", 1);
             $ret.addItem("FocusUnderlineRippleOpacity", 1);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         $ret.addItem(enumGetBox(InputGroupDisplayType_$type, 3), new Theme(0, ((function () {
@@ -4972,22 +4972,22 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.addItem("FocusBorderWidth", DeviceUtils.g(2));
             $ret.addItem("CornerRadius", new CornerRadius(0, 4));
             $ret.addItem("ContentPadding", new Thickness(1, 16, 0, 16, 0));
-            $ret.addItem("BorderColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("BorderColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusBorderColor", XInputGroup.n5);
             $ret.addItem("FocusLabelColor", XInputGroup.n5);
             $ret.addItem("UnderlineWidth", DeviceUtils.g(1));
             $ret.addItem("UnderlineRippleWidth", DeviceUtils.g(2));
             $ret.addItem("HoverUnderlineWidth", DeviceUtils.g(2));
-            $ret.addItem("UnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("UnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("UnderlineRippleColor", XInputGroup.n5);
-            $ret.addItem("HoverUnderlineColor", BrushUtil.h(51, 255, 255, 255));
+            $ret.addItem("HoverUnderlineColor", BrushUtil.j(51, 255, 255, 255));
             $ret.addItem("FocusUnderlineColor", XInputGroup.n5);
             $ret.addItem("UnderlineOpacity", 0);
             $ret.addItem("HoverUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineOpacity", 0);
             $ret.addItem("FocusUnderlineRippleOpacity", 0);
             $ret.addItem("UnderlineRippleOpacity", 0);
-            $ret.addItem("BackgroundColor", BrushUtil.h(0, 0, 0, 0));
+            $ret.addItem("BackgroundColor", BrushUtil.j(0, 0, 0, 0));
             return $ret;
         })())));
         return $ret;
@@ -5032,41 +5032,42 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = _super.call(this) || this;
         _this.n = 0;
         _this._view = null;
+        _this.ak = false;
         _this.aa = null;
         _this.z = null;
         _this.ab = false;
         _this.r = 0;
         _this.q = 1;
-        _this.cu = ThemeResolver.ah(XLabel.o, XLabel.dd, XLabel.c6);
-        _this.cr = ThemeResolver.ah(XLabel.o, XLabel.da, XLabel.c3);
+        _this.cv = ThemeResolver.ah(XLabel.o, XLabel.de, XLabel.c7);
         _this.cs = ThemeResolver.ah(XLabel.o, XLabel.db, XLabel.c4);
         _this.ct = ThemeResolver.ah(XLabel.o, XLabel.dc, XLabel.c5);
+        _this.cu = ThemeResolver.ah(XLabel.o, XLabel.dd, XLabel.c6);
         _this.u = null;
-        _this.cy = XLabel.de;
-        _this.cv = XLabel.c7;
+        _this.cz = XLabel.df;
         _this.cw = XLabel.c8;
+        _this.cx = XLabel.c9;
         _this.k = 0;
         _this.ag = false;
         _this.ae = false;
         _this.v = null;
-        _this.cx = null;
-        _this.a3 = "ig-label-" + XLabel.au++;
-        _this.az = "inline-block";
+        _this.cy = null;
+        _this.a4 = "ig-label-" + XLabel.av++;
         _this.a0 = "inline-block";
-        _this.a1 = null;
-        _this.aw = "center";
+        _this.a1 = "inline-block";
+        _this.a2 = null;
         _this.ax = "center";
-        _this.as = 0;
+        _this.ay = "center";
+        _this.at = 0;
         _this.ac = false;
-        _this.a2 = null;
-        _this.ay = null;
-        _this.a4 = null;
+        _this.a3 = null;
+        _this.az = null;
+        _this.a5 = null;
         _this.af = false;
         _this.aj = false;
         _this.ad = false;
         _this.ai = false;
         _this.ah = false;
-        _this.aq = false;
+        _this.ar = false;
         var a = new LabelView();
         a.c = _this;
         _this.view = a;
@@ -5110,7 +5111,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.ca = function () {
+    XLabel.prototype.cb = function () {
         var _this = this;
         this.view.v();
         var a = false;
@@ -5149,40 +5150,40 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                 $ret.m = 0.75;
                 return $ret;
             })()));
-            this.aa = KeyFrameAnimationFactory.f.c(this.view.b(this.i).m(new AnimationKeyFrameProperty(14, b), new AnimationKeyFrameProperty(2, BrushUtil.h(0, 255, 255, 255))).m(new AnimationKeyFrameProperty(14, d), new AnimationKeyFrameProperty(2, BrushUtil.h(this.l == 2 ? 255 : 0, 255, 255, 255))));
+            this.aa = KeyFrameAnimationFactory.f.c(this.view.b(this.i).m(new AnimationKeyFrameProperty(14, b), new AnimationKeyFrameProperty(2, BrushUtil.j(0, 255, 255, 255))).m(new AnimationKeyFrameProperty(14, d), new AnimationKeyFrameProperty(2, BrushUtil.j(this.l == 2 ? 255 : 0, 255, 255, 255))));
         }
         if (this.z == null) {
-            this.z = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(7, this.c2)).m(new AnimationKeyFrameProperty(7, this.cz)));
+            this.z = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(7, this.c3)).m(new AnimationKeyFrameProperty(7, this.c0)));
         }
     };
-    XLabel.prototype.cl = function (a, b) {
+    XLabel.prototype.cm = function (a, b) {
         var _this = this;
         if ((b > 0 && a.playbackRate < 0) || (b < 0 && a.playbackRate > 0)) {
             a.reverse();
-            if (this.aq) {
+            if (this.ar) {
                 a.finish();
-                this.cb(a);
+                this.cc(a);
                 return;
             }
-            a.finished.f(function (c) { return _this.cb(a); });
+            a.finished.f(function (c) { return _this.cc(a); });
         }
         else {
             a.play();
-            if (this.aq) {
+            if (this.ar) {
                 a.finish();
-                this.cb(a);
+                this.cc(a);
                 return;
             }
-            a.finished.f(function (c) { return _this.cb(a); });
+            a.finished.f(function (c) { return _this.cc(a); });
         }
     };
-    XLabel.prototype.cb = function (a) {
+    XLabel.prototype.cc = function (a) {
         a.commitStyles();
         if (a == this.aa && this.ai) {
             this.aa = null;
             if (this.ab) {
                 this.ab = false;
-                this.cf();
+                this.cg();
             }
         }
         if (a == this.z && this.ah) {
@@ -5193,15 +5194,15 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.h.call(this, a, b, c);
         switch (a) {
             case "BaseTheme":
-                this.co(this.p);
-                this.cq();
+                this.cp(this.p);
+                this.cr();
                 break;
             case "TextColor":
             case "HoverTextColor":
             case "TextStyle":
             case "HighlightTextColor":
             case "HoverHighlightTextColor":
-                this.cq();
+                this.cr();
                 break;
             case "ActualTextColor":
             case "ActualHoverTextColor":
@@ -5224,7 +5225,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.ah = true;
                     }
                 }
-                this.cp();
+                this.cq();
                 break;
             case "Text":
                 this.view.ai();
@@ -5240,10 +5241,10 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.aj();
                 break;
             case "IsHighlighted":
-                this.ce();
+                this.cf();
                 break;
             case "IsShifted":
-                this.cf();
+                this.cg();
                 break;
             case "ShiftType":
                 if (this.aa != null) {
@@ -5254,7 +5255,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.ai = true;
                     }
                 }
-                this.ci();
+                this.cj();
                 break;
             case "Display":
                 this.view.ab();
@@ -5273,38 +5274,44 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    XLabel.prototype.ci = function () {
+    XLabel.prototype.cj = function () {
         this.view.aj();
     };
-    XLabel.prototype.cf = function () {
+    XLabel.prototype.cg = function () {
         this.view.af();
-        this.ca();
+        if (this.ak) {
+            return;
+        }
+        this.cb();
         var a = 1;
-        var b = this.ao;
+        var b = this.ap;
         if (!b) {
             a = -1;
         }
-        this.cl(this.aa, a);
+        this.cm(this.aa, a);
     };
-    XLabel.prototype.ce = function () {
-        this.ca();
+    XLabel.prototype.cf = function () {
+        if (this.ak) {
+            return;
+        }
+        this.cb();
         var a = 1;
-        var b = this.am;
+        var b = this.an;
         if (!b) {
             a = -1;
         }
-        this.cl(this.z, a);
+        this.cm(this.z, a);
     };
     XLabel.prototype.onSizeReady = function () {
         if (this.aa != null) {
-            this.b9();
-            if (this.ao) {
+            this.ca();
+            if (this.ap) {
                 this.view.aj();
-                this.cf();
+                this.cg();
             }
         }
     };
-    XLabel.prototype.b9 = function () {
+    XLabel.prototype.ca = function () {
         if (this.aa != null && this.aa.playState == 3) {
             this.aa = null;
         }
@@ -5313,26 +5320,26 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ai = true;
         }
     };
-    XLabel.prototype.cq = function () {
-        this.c2 = this.di != null ? this.di : XLabel.de;
-        this.c1 = this.dh != null ? this.dh : XLabel.de;
-        this.cz = this.df != null ? this.df : XLabel.c7;
+    XLabel.prototype.cr = function () {
+        this.c3 = this.dj != null ? this.dj : XLabel.df;
+        this.c2 = this.di != null ? this.di : XLabel.df;
+        this.c0 = this.dg != null ? this.dg : XLabel.c8;
         this.w = this.y != null ? this.y : XLabel.x;
     };
-    XLabel.prototype.cp = function () {
+    XLabel.prototype.cq = function () {
         if (this.w != null) {
             this.view.am(this.w);
         }
         else {
             this.view.am(this.view.e());
         }
-        this.view.ah(this.c2);
+        this.view.ah(this.c3);
     };
-    XLabel.prototype.co = function (a) {
-        XLabel.de = ThemeResolver.ah(a, XLabel.dd, XLabel.c6);
-        XLabel.c7 = ThemeResolver.ah(a, XLabel.da, XLabel.c3);
-        XLabel.c9 = ThemeResolver.ah(a, XLabel.dc, XLabel.c5);
+    XLabel.prototype.cp = function (a) {
+        XLabel.df = ThemeResolver.ah(a, XLabel.de, XLabel.c7);
         XLabel.c8 = ThemeResolver.ah(a, XLabel.db, XLabel.c4);
+        XLabel.da = ThemeResolver.ah(a, XLabel.dd, XLabel.c6);
+        XLabel.c9 = ThemeResolver.ah(a, XLabel.dc, XLabel.c5);
     };
     Object.defineProperty(XLabel.prototype, "t", {
         get: function () {
@@ -5362,34 +5369,20 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "c2", {
+    Object.defineProperty(XLabel.prototype, "c3", {
         get: function () {
-            return this.cu;
+            return this.cv;
         },
         set: function (a) {
-            var b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
+            var b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
                 this.g("ActualTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "cz", {
-        get: function () {
-            return this.cr;
-        },
-        set: function (a) {
-            var b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.g("ActualHighlightTextColor", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(XLabel.prototype, "c0", {
         get: function () {
             return this.cs;
@@ -5398,7 +5391,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.cs;
             this.cs = a;
             if (b != this.cs) {
-                this.g("ActualHoverHighlightTextColor", b, a);
+                this.g("ActualHighlightTextColor", b, a);
             }
         },
         enumerable: false,
@@ -5412,6 +5405,20 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ct;
             this.ct = a;
             if (b != this.ct) {
+                this.g("ActualHoverHighlightTextColor", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XLabel.prototype, "c2", {
+        get: function () {
+            return this.cu;
+        },
+        set: function (a) {
+            var b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
                 this.g("ActualHoverTextColor", b, a);
             }
         },
@@ -5432,42 +5439,42 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "di", {
+    Object.defineProperty(XLabel.prototype, "dj", {
         get: function () {
-            return this.cy;
+            return this.cz;
         },
         set: function (a) {
-            var b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
+            var b = this.cz;
+            this.cz = a;
+            if (b != this.cz) {
                 this.g("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "df", {
+    Object.defineProperty(XLabel.prototype, "dg", {
         get: function () {
-            return this.cv;
+            return this.cw;
         },
         set: function (a) {
-            var b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
+            var b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
                 this.g("HighlightTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "dg", {
+    Object.defineProperty(XLabel.prototype, "dh", {
         get: function () {
-            return this.cw;
+            return this.cx;
         },
         set: function (a) {
-            var b = this.cw;
-            this.cw = a;
-            if (b != this.cw) {
+            var b = this.cx;
+            this.cx = a;
+            if (b != this.cx) {
                 this.g("HoverHighlightTextColor", b, a);
             }
         },
@@ -5488,7 +5495,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "ao", {
+    Object.defineProperty(XLabel.prototype, "ap", {
         get: function () {
             return this.ag;
         },
@@ -5502,24 +5509,24 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.cn = function (a, b) {
+    XLabel.prototype.co = function (a, b) {
         if (b === void 0) {
             b = true;
         }
-        var c = this.aq;
+        var c = this.ar;
         if (!b) {
-            this.aq = true;
+            this.ar = true;
         }
         try {
-            this.ao = a;
+            this.ap = a;
         }
         finally {
             if (!b) {
-                this.aq = c;
+                this.ar = c;
             }
         }
     };
-    Object.defineProperty(XLabel.prototype, "am", {
+    Object.defineProperty(XLabel.prototype, "an", {
         get: function () {
             return this.ae;
         },
@@ -5533,11 +5540,11 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.cg = function () {
-        this.an = true;
-    };
     XLabel.prototype.ch = function () {
-        this.an = false;
+        this.ao = true;
+    };
+    XLabel.prototype.ci = function () {
+        this.ao = false;
     };
     Object.defineProperty(XLabel.prototype, "y", {
         get: function () {
@@ -5553,49 +5560,35 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "dh", {
+    Object.defineProperty(XLabel.prototype, "di", {
         get: function () {
-            return this.cx;
+            return this.cy;
         },
         set: function (a) {
-            var b = this.cx;
-            this.cx = a;
-            if (b != this.cx) {
+            var b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
                 this.g("HoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bv", {
+    Object.defineProperty(XLabel.prototype, "bw", {
         get: function () {
-            return this.a3;
+            return this.a4;
         },
         set: function (a) {
-            var b = this.a3;
-            this.a3 = a;
-            if (b != this.a3) {
+            var b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
                 this.g("Id", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bj", {
-        get: function () {
-            return this.az;
-        },
-        set: function (a) {
-            var b = this.az;
-            this.az = a;
-            if (b != this.az) {
-                this.g("Display", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(XLabel.prototype, "bm", {
+    Object.defineProperty(XLabel.prototype, "bk", {
         get: function () {
             return this.a0;
         },
@@ -5603,13 +5596,13 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.g("FlexDirection", b, a);
+                this.g("Display", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bo", {
+    Object.defineProperty(XLabel.prototype, "bn", {
         get: function () {
             return this.a1;
         },
@@ -5617,27 +5610,27 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a1;
             this.a1 = a;
             if (b != this.a1) {
-                this.g("FlexGrow", b, a);
+                this.g("FlexDirection", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bb", {
+    Object.defineProperty(XLabel.prototype, "bp", {
         get: function () {
-            return this.aw;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.g("AlignItems", b, a);
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.g("FlexGrow", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bd", {
+    Object.defineProperty(XLabel.prototype, "bc", {
         get: function () {
             return this.ax;
         },
@@ -5645,56 +5638,70 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ax;
             this.ax = a;
             if (b != this.ax) {
+                this.g("AlignItems", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XLabel.prototype, "be", {
+        get: function () {
+            return this.ay;
+        },
+        set: function (a) {
+            var b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
                 this.g("AlignSelf", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "ak", {
+    Object.defineProperty(XLabel.prototype, "al", {
         get: function () {
             return this.ac;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "at", {
+    Object.defineProperty(XLabel.prototype, "au", {
         get: function () {
-            return this.as;
+            return this.at;
         },
         set: function (a) {
-            var b = this.as;
-            this.as = a;
+            var b = this.at;
+            this.at = a;
             this.ac = true;
-            if (b != this.as) {
+            if (b != this.at) {
                 this.g("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bq", {
+    Object.defineProperty(XLabel.prototype, "br", {
         get: function () {
-            return this.a2;
+            return this.a3;
         },
         set: function (a) {
-            var b = this.a2;
-            this.a2 = a;
-            if (b != this.a2) {
+            var b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
                 this.g("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bf", {
+    Object.defineProperty(XLabel.prototype, "bg", {
         get: function () {
-            return this.ay;
+            return this.az;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
+            var b = this.az;
+            this.az = a;
+            if (b != this.az) {
                 this.g("AriaLabel", b, a);
             }
         },
@@ -5703,19 +5710,19 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XLabel.prototype, "text", {
         get: function () {
-            return this.a4;
+            return this.a5;
         },
         set: function (a) {
-            var b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
+            var b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
                 this.g("Text", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "an", {
+    Object.defineProperty(XLabel.prototype, "ao", {
         get: function () {
             return this.af;
         },
@@ -5729,7 +5736,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "ar", {
+    Object.defineProperty(XLabel.prototype, "as", {
         get: function () {
             return this.aj;
         },
@@ -5757,7 +5764,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.ck = function () {
+    XLabel.prototype.cl = function () {
         this.view.ai();
     };
     XLabel.prototype.onDetachedFromUI = function () {
@@ -5766,13 +5773,13 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
     XLabel.prototype.onAttachedToUI = function () {
         this.view.y();
     };
-    XLabel.prototype.ap = function () {
+    XLabel.prototype.aq = function () {
         return this.view.g();
     };
-    XLabel.prototype.av = function () {
+    XLabel.prototype.aw = function () {
         return this.j();
     };
-    XLabel.prototype.bl = function () {
+    XLabel.prototype.bm = function () {
         var a = this.j();
         return a.q();
     };
@@ -5784,15 +5791,15 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         a.d = this.s;
         a.a = AppearanceHelper.a(NativeUI.al(b));
         a.b = this.l;
-        a.i = this.ao;
-        a.g = this.am;
-        a.m = this.bj;
-        a.n = this.bm;
-        a.o = this.bo;
-        a.l = this.bb;
+        a.i = this.ap;
+        a.g = this.an;
+        a.m = this.bk;
+        a.n = this.bn;
+        a.o = this.bp;
+        a.l = this.bc;
         a.r = this.text;
-        a.h = this.an;
-        a.j = this.ar;
+        a.h = this.ao;
+        a.j = this.as;
         a.f = this.disabled;
         a.p = this.e;
         if (this.w != null) {
@@ -5829,21 +5836,21 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.z(a);
     };
     XLabel.$t = markType(XLabel, 'XLabel', XInputGroupItem.$);
-    XLabel.dd = BrushUtil.h(221, 0, 0, 0);
-    XLabel.da = BrushUtil.h(255, 0, 153, 155);
-    XLabel.dc = BrushUtil.h(221, 0, 0, 0);
-    XLabel.db = BrushUtil.h(255, 0, 153, 155);
-    XLabel.c6 = BrushUtil.h(255, 24, 29, 31);
-    XLabel.c3 = BrushUtil.h(255, 33, 150, 243);
-    XLabel.c5 = BrushUtil.h(255, 24, 29, 31);
-    XLabel.c4 = BrushUtil.h(255, 33, 150, 243);
+    XLabel.de = BrushUtil.j(221, 0, 0, 0);
+    XLabel.db = BrushUtil.j(255, 0, 153, 155);
+    XLabel.dd = BrushUtil.j(221, 0, 0, 0);
+    XLabel.dc = BrushUtil.j(255, 0, 153, 155);
+    XLabel.c7 = BrushUtil.j(255, 24, 29, 31);
+    XLabel.c4 = BrushUtil.j(255, 33, 150, 243);
+    XLabel.c6 = BrushUtil.j(255, 24, 29, 31);
+    XLabel.c5 = BrushUtil.j(255, 33, 150, 243);
     XLabel.o = 2;
-    XLabel.de = ThemeResolver.ah(XLabel.o, XLabel.dd, XLabel.c6);
-    XLabel.c7 = ThemeResolver.ah(XLabel.o, XLabel.da, XLabel.c3);
-    XLabel.c9 = ThemeResolver.ah(XLabel.o, XLabel.dc, XLabel.c5);
+    XLabel.df = ThemeResolver.ah(XLabel.o, XLabel.de, XLabel.c7);
     XLabel.c8 = ThemeResolver.ah(XLabel.o, XLabel.db, XLabel.c4);
+    XLabel.da = ThemeResolver.ah(XLabel.o, XLabel.dd, XLabel.c6);
+    XLabel.c9 = ThemeResolver.ah(XLabel.o, XLabel.dc, XLabel.c5);
     XLabel.x = null;
-    XLabel.au = 0;
+    XLabel.av = 0;
     return XLabel;
 }(XInputGroupItem));
 export { XLabel };
@@ -6774,8 +6781,8 @@ var XInput = /** @class */ /*@__PURE__*/ (function (_super) {
         a.finished.f(function (d) { return a.commitStyles(); });
     };
     XInput.$t = markType(XInput, 'XInput', XInputGroupItem.$);
-    XInput.d6 = BrushUtil.h(221, 0, 0, 0);
-    XInput.d5 = BrushUtil.h(221, 0, 0, 0);
+    XInput.d6 = BrushUtil.j(221, 0, 0, 0);
+    XInput.d5 = BrushUtil.j(221, 0, 0, 0);
     XInput.ae = null;
     XInput.bf = 0;
     return XInput;