igniteui-angular-inputs 18.1.1 → 18.2.0-beta.1

package/esm5/lib/InputGroupView_combined.js

@@ -20,11 +20,11 @@ import { TranslateTransform } from "igniteui-angular-core";
 import { SuffixShiftType_$type } from "./SuffixShiftType";
 import { PrefixShiftType_$type } from "./PrefixShiftType";
 import { LabelShiftType_$type } from "./LabelShiftType";
+import { isNaN_ } from "igniteui-angular-core";
 import { HorizontalAlignment_$type } from "igniteui-angular-core";
 import { MouseButtonEventArgs } from "igniteui-angular-core";
 import { KeyEventArgs } from "igniteui-angular-core";
 import { InputShiftType_$type } from "./InputShiftType";
-import { isNaN_ } from "igniteui-angular-core";
 import { SuffixVisualModelExport } from "./SuffixVisualModelExport";
 import { PrefixVisualModelExport } from "./PrefixVisualModelExport";
 import { InputGroupDisplayType_$type } from "./InputGroupDisplayType";
@@ -72,7 +72,7 @@ var InputGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     InputGroupView.prototype.ac = function (a) {
         if (typeCast(XLabel.$, a) !== null) {
-            a.bc = "flex-start";
+            a.bd = "flex-start";
         }
     };
     InputGroupView.prototype.ae = function (a) {
@@ -246,6 +246,9 @@ var InputGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
             case 3:
                 this.p.setStyleProperty("padding-top", ".81818rem");
                 break;
+            case 4:
+                this.p.setStyleProperty("padding-top", ".68899rem");
+                break;
         }
     };
     InputGroupView.prototype.aa = function (a) {
@@ -291,7 +294,7 @@ var InputGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     InputGroupView.prototype.k = function (a) {
-        return a.view.i();
+        return a.view.j();
     };
     InputGroupView.prototype.af = function () {
         if (KeyFrameAnimationFactory.h == null) {
@@ -591,57 +594,58 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
     function LabelView() {
         var _this = _super.call(this) || this;
         _this.c = null;
-        _this.k = null;
+        _this.m = null;
         _this.d = null;
-        _this.h = new List$1(Delegate_$type, 0);
+        _this.i = new List$1(Delegate_$type, 0);
+        _this.r = null;
+        _this.f = true;
+        _this.n = null;
         _this.o = null;
-        _this.e = true;
-        _this.l = null;
-        _this.m = null;
+        _this.p = -1;
         return _this;
     }
-    LabelView.prototype.ab = function () {
+    LabelView.prototype.ae = function () {
     };
-    LabelView.prototype.f = function () {
+    LabelView.prototype.g = function () {
         return true;
     };
-    Object.defineProperty(LabelView.prototype, "n", {
+    Object.defineProperty(LabelView.prototype, "q", {
         get: function () {
-            return this.l;
+            return this.n;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(LabelView.prototype, "aj", {
+    Object.defineProperty(LabelView.prototype, "an", {
         get: function () {
             return null;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(LabelView.prototype, "g", {
+    Object.defineProperty(LabelView.prototype, "h", {
         get: function () {
             return true;
         },
         enumerable: false,
         configurable: true
     });
-    LabelView.prototype.s = function () {
+    LabelView.prototype.v = function () {
         if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.k;
+            KeyFrameAnimationFactory.h = this.m;
         }
     };
     LabelView.prototype.b = function (a) {
-        return new AnimationKeyFrameEffect(0, this.k.rootWrapper, 0, null, a);
+        return new AnimationKeyFrameEffect(0, this.m.rootWrapper, 0, null, a);
     };
     LabelView.prototype.a = function (a) {
-        return new AnimationKeyFrameEffect(0, this.k.rootWrapper, 0, null, a);
+        return new AnimationKeyFrameEffect(0, this.m.rootWrapper, 0, null, a);
     };
-    LabelView.prototype.w = function (a) {
+    LabelView.prototype.z = function (a) {
         var e_7, _a;
         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();
                 }
@@ -659,12 +663,12 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_7.error;
                 }
             }
-            this.h.clear();
+            this.i.clear();
         }
-        this.k = a;
-        this.k.rootWrapper.setStyleProperty("display", "inline-block");
-        this.k.rootWrapper.setStyleProperty("position", "relative");
-        var c = this.k.createElement("label");
+        this.m = a;
+        this.m.rootWrapper.setStyleProperty("display", "inline-block");
+        this.m.rootWrapper.setStyleProperty("position", "relative");
+        var c = this.m.createElement("label");
         c.setStyleProperty("position", "relative");
         c.setStyleProperty("display", "inline-block");
         c.setStyleProperty("white-space", "nowrap");
@@ -673,25 +677,25 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
         c.setStyleProperty("overflow", "hidden");
         c.setStyleProperty("height", "1.125rem");
         c.setStyleProperty("backface-visibility", "hidden");
-        NativeUI.q(this.k.rootWrapper, this.c.cz);
+        NativeUI.q(this.m.rootWrapper, this.c.c2);
         c.setStyleProperty("outline-style", "none");
         c.setStyleProperty("box-shadow", "none");
         c.setStyleProperty("font-family", "Verdana");
         c.setStyleProperty("font-size", "1rem");
-        this.l = c;
-        this.k.append(this.l);
-        this.c.ch();
+        this.n = c;
+        this.m.append(this.n);
+        this.c.ck();
     };
-    LabelView.prototype.j = function () {
-        return this.c.l == 0 ? (this.i() * 0.5) : 0;
+    LabelView.prototype.l = function () {
+        return this.c.l == 0 ? (this.j() * 0.5) : 0;
     };
-    LabelView.prototype.af = function () {
+    LabelView.prototype.aj = function () {
         var _this = this;
-        this.c.bi = "block";
+        this.c.bj = "block";
         var a = new TransformGroup();
         a.j.add(((function () {
             var $ret = new TranslateTransform();
-            $ret.k = _this.c.l == 0 ? (_this.i() * 0.5) : 0;
+            $ret.k = _this.c.l == 0 ? (_this.j() * 0.5) : 0;
             return $ret;
         })()));
         a.j.add(((function () {
@@ -700,116 +704,169 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
             $ret.m = 1;
             return $ret;
         })()));
-        NativeUI.af(this.k.rootWrapper, a);
-        this.l.setStyleProperty("height", "1.125rem");
-        this.k.rootWrapper.setStyleProperty("position", "absolute");
-        this.k.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
+        NativeUI.af(this.m.rootWrapper, a);
+        this.n.setStyleProperty("height", "1.125rem");
+        this.m.rootWrapper.setStyleProperty("position", "absolute");
+        this.m.rootWrapper.setStyleProperty("transform-origin", "0px 0px");
     };
-    LabelView.prototype.ag = function () {
+    LabelView.prototype.ak = function () {
         switch (this.c.s) {
             case 1:
-                this.k.rootWrapper.setStyleProperty("margin-top", "0px");
+                this.m.rootWrapper.setStyleProperty("margin-top", "0px");
                 break;
             case 2:
-                this.k.rootWrapper.setStyleProperty("margin-top", "-.125rem");
+                this.m.rootWrapper.setStyleProperty("margin-top", "-.125rem");
                 break;
             case 3:
-                this.k.rootWrapper.setStyleProperty("margin-top", "-.25rem");
+                this.m.rootWrapper.setStyleProperty("margin-top", "-.25rem");
+                break;
+            case 4:
+                this.m.rootWrapper.setStyleProperty("margin-top", "-.5rem");
                 break;
         }
     };
-    LabelView.prototype.ae = function () {
-        this.l.setText(this.c.text != null ? this.c.text : "");
+    LabelView.prototype.ai = function () {
+        this.n.setText(this.c.text != null ? this.c.text : "");
     };
-    LabelView.prototype.ah = function (a) {
-        if (this.o != a) {
-            this.o = a;
-            if (this.m != null) {
-                this.m.setAttribute("d", this.o);
+    LabelView.prototype.al = function (a) {
+        if (this.r != a) {
+            this.r = a;
+            if (this.o != null) {
+                this.o.setAttribute("d", this.r);
             }
         }
     };
-    LabelView.prototype.y = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("display", this.c.bi);
-            this.l.setStyleProperty("display", this.c.bi);
-            var ext_ = this.k.getExternal(this.c, null, null);
+    LabelView.prototype.ab = function () {
+        if (this.m != null) {
+            this.m.rootWrapper.setStyleProperty("display", this.c.bj);
+            this.n.setStyleProperty("display", this.c.bj);
+            var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onDisplayChanged) {
                 ext_._onDisplayChanged();
             }
             ;
         }
     };
-    LabelView.prototype.t = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("align-items", this.c.ba);
-            this.l.setStyleProperty("align-items", this.c.ba);
-            var ext_ = this.k.getExternal(this.c, null, null);
+    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);
+            var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onAlignItemsChanged) {
                 ext_._onAlignItemsChanged();
             }
             ;
         }
     };
-    LabelView.prototype.u = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("align-self", this.c.bc);
-            this.l.setStyleProperty("align-self", this.c.bc);
-            var ext_ = this.k.getExternal(this.c, null, null);
+    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);
+            var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onAlignSelfChanged) {
                 ext_._onAlignSelfChanged();
             }
             ;
         }
     };
-    LabelView.prototype.z = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("flex-direction", this.c.bl);
-            this.l.setStyleProperty("flex-direction", this.c.bl);
-            var ext_ = this.k.getExternal(this.c, null, null);
+    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);
+            var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onFlexDirectionChanged) {
                 ext_._onFlexDirectionChanged();
             }
             ;
         }
     };
-    LabelView.prototype.aa = function () {
-        if (this.k != null) {
-            this.k.rootWrapper.setStyleProperty("flex-grow", this.c.bn);
-            this.l.setStyleProperty("flex-grow", this.c.bn);
-            var ext_ = this.k.getExternal(this.c, null, null);
+    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);
+            var ext_ = this.m.getExternal(this.c, null, null);
             if (ext_ && ext_._onFlexGrowChanged) {
                 ext_._onFlexGrowChanged();
             }
             ;
         }
     };
-    LabelView.prototype.p = function (a) {
+    LabelView.prototype.s = function (a) {
     };
-    LabelView.prototype.ac = function () {
-        if (this.f()) {
+    LabelView.prototype.ag = function () {
+        if (this.g()) {
+        }
+    };
+    LabelView.prototype.j = function () {
+        var a = this.k();
+        if (a == 0 || isNaN_(a)) {
+            var b = NaN;
+            var c = this.m.rootWrapper.parent();
+            if (c != null) {
+                if (c.getChildCount() > 1) {
+                    var d = null;
+                    var e = null;
+                    for (var f = 0; f < c.getChildCount(); f++) {
+                        var g = c.getChildAt(f);
+                        if (g.getNativeElement() == this.m.rootWrapper.getNativeElement()) {
+                            if (f == c.getChildCount() - 1) {
+                                d = c.getChildAt(f - 1);
+                            }
+                            else {
+                                e = c.getChildAt(f + 1);
+                            }
+                            break;
+                        }
+                    }
+                    this.m.rootWrapper.remove();
+                    document.body.appendChild(this.m.rootWrapper.getNativeElement());
+                    b = this.k();
+                    this.m.rootWrapper.remove();
+                    if (e != null) {
+                        e.before(this.m.rootWrapper);
+                    }
+                    else {
+                        c.append(this.m.rootWrapper);
+                    }
+                }
+                else {
+                    this.m.rootWrapper.remove();
+                    document.body.appendChild(this.m.rootWrapper.getNativeElement());
+                    b = this.k();
+                    this.m.rootWrapper.remove();
+                    c.append(this.m.rootWrapper);
+                }
+            }
+            else {
+                this.m.rootWrapper.remove();
+                document.body.appendChild(this.m.rootWrapper.getNativeElement());
+                b = this.k();
+                this.m.rootWrapper.remove();
+            }
+            return b;
         }
+        return a;
     };
-    LabelView.prototype.i = function () {
-        var a = this.k.rootWrapper.getStyleProperty("height");
+    LabelView.prototype.k = function () {
+        var a = this.m.rootWrapper.getStyleProperty("height");
         return parseFloat(stringReplace(a, "px", ""));
     };
-    LabelView.prototype.q = function (a) {
-        this.c.ce();
+    LabelView.prototype.t = function (a) {
+        this.c.cg();
     };
-    LabelView.prototype.r = function (a) {
-        this.c.cf();
+    LabelView.prototype.u = function (a) {
+        this.c.ch();
     };
-    LabelView.prototype.v = function () {
-        this.e = true;
-        this.h.add(this.k.rootWrapper.listen("mouseenter", runOn(this, this.q)));
-        this.h.add(this.k.rootWrapper.listen("mouseleave", runOn(this, this.r)));
+    LabelView.prototype.y = function () {
+        this.f = true;
+        this.i.add(this.m.rootWrapper.listen("mouseenter", runOn(this, this.t)));
+        this.i.add(this.m.rootWrapper.listen("mouseleave", runOn(this, this.u)));
     };
-    LabelView.prototype.x = function () {
+    LabelView.prototype.aa = function () {
         var e_8, _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();
             }
@@ -827,15 +884,25 @@ var LabelView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_8.error;
             }
         }
-        this.h.clear();
+        this.i.clear();
     };
-    LabelView.prototype.ai = function (a) {
+    LabelView.prototype.am = function (a) {
         if (a != null) {
-            this.l.setStyleProperty("font", a.fontString);
+            this.n.setStyleProperty("font", a.fontString);
         }
     };
-    LabelView.prototype.ad = function (a) {
-        NativeUI.q(this.l, a);
+    LabelView.prototype.ah = function (a) {
+        NativeUI.q(this.n, a);
+    };
+    LabelView.prototype.e = function () {
+        return ((function () {
+            var $ret = new FontInfo();
+            $ret.q = "Verdana";
+            $ret.f = 13;
+            return $ret;
+        })());
+    };
+    LabelView.prototype.af = function () {
     };
     LabelView.$t = markType(LabelView, 'LabelView');
     return LabelView;
@@ -1035,6 +1102,10 @@ var InputView = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.m.setStyleProperty("height", "1.45455rem");
                 this.m.setStyleProperty("font-size", ".95455rem");
                 break;
+            case 4:
+                this.m.setStyleProperty("height", "1.388445rem");
+                this.m.setStyleProperty("font-size", "0.91116rem");
+                break;
         }
     };
     InputView.prototype.a8 = function () {
@@ -2206,7 +2277,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XInputGroup.kr = function (a, b) {
-        return new CornerRadius(1, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.b) ? a.b : b.b, !isNaN_(a.a) ? a.a : b.a);
+        return new CornerRadius(1, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.b) ? a.b : b.b);
     };
     XInputGroup.oh = function (a, b) {
         return new Thickness(1, !isNaN_(a.left) ? a.left : b.left, !isNaN_(a.top) ? a.top : b.top, !isNaN_(a.right) ? a.right : b.right, !isNaN_(a.bottom) ? a.bottom : b.bottom);
@@ -2228,7 +2299,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                     a.l = 2;
                     break;
             }
-            a.ck(_this.ai, false);
+            a.cn(_this.ai, false);
         });
     };
     XInputGroup.prototype.kf = function () {
@@ -2440,7 +2511,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     XInputGroup.prototype.onChildrenMutated = function () {
         this.jr(function (a) { return a.view.a8(); });
-        this.js(function (a) { return a.view.af(); });
+        this.js(function (a) { return a.view.aj(); });
         this.jt(function (a) { return a.view.q(); });
         this.ju(function (a) { return a.view.q(); });
     };
@@ -2573,11 +2644,11 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         var _this = this;
         this.jp();
         if (this.ai) {
-            this.js(function (a) { return a.ck(true, !_this.aj); });
+            this.js(function (a) { return a.cn(true, !_this.aj); });
             this.jr(function (a) { return a.dq(_this.ar, !_this.aj); });
         }
         else {
-            this.js(function (a) { return a.ck(false, !_this.aj); });
+            this.js(function (a) { return a.cn(false, !_this.aj); });
             this.jr(function (a) { return a.dq(_this.ar, !_this.aj); });
         }
     };
@@ -2585,12 +2656,12 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         this.jp();
         if (this.ao) {
             var a = 1;
-            this.js(function (b) { return b.al = true; });
+            this.js(function (b) { return b.am = true; });
             this.j4(a);
         }
         else {
             var b = -1;
-            this.js(function (c) { return c.al = false; });
+            this.js(function (c) { return c.am = false; });
             this.j4(b);
         }
     };
@@ -4374,7 +4445,7 @@ var XInputGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XInputGroup.prototype.ensureShift = function () {
         this.jr(function (a) { return a.view.a8(); });
-        this.js(function (a) { return a.view.af(); });
+        this.js(function (a) { return a.view.aj(); });
         this.jt(function (a) { return a.view.q(); });
         this.ju(function (a) { return a.view.q(); });
     };
@@ -4427,7 +4498,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].au());
+                a.l.add1(this.inputs._inner[b].av());
             }
             else if (typeCast(XInput.$, this.inputs._inner[b]) !== null) {
                 if (this.inputs._inner[b].e == null) {
@@ -4941,42 +5012,43 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._view = null;
         _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.co = ThemeResolver.ah(XLabel.o, XLabel.c7, XLabel.c0);
-        _this.cp = ThemeResolver.ah(XLabel.o, XLabel.c8, XLabel.c1);
-        _this.cq = ThemeResolver.ah(XLabel.o, XLabel.c9, XLabel.c2);
+        _this.cs = ThemeResolver.ah(XLabel.o, XLabel.db, XLabel.c4);
+        _this.ct = ThemeResolver.ah(XLabel.o, XLabel.dc, XLabel.c5);
         _this.u = null;
-        _this.cv = XLabel.db;
-        _this.cs = XLabel.c4;
-        _this.ct = XLabel.c5;
+        _this.cy = XLabel.de;
+        _this.cv = XLabel.c7;
+        _this.cw = XLabel.c8;
         _this.k = 0;
-        _this.af = false;
-        _this.ad = false;
+        _this.ag = false;
+        _this.ae = false;
         _this.v = null;
-        _this.cu = null;
-        _this.a2 = "ig-label-" + XLabel.at++;
-        _this.ay = "inline-block";
+        _this.cx = null;
+        _this.a3 = "ig-label-" + XLabel.au++;
         _this.az = "inline-block";
-        _this.a0 = null;
-        _this.av = "center";
-        _this.aw = "center";
-        _this.ar = 0;
-        _this.ab = false;
+        _this.a0 = "inline-block";
         _this.a1 = null;
-        _this.ax = null;
-        _this.a3 = null;
-        _this.ae = false;
-        _this.ai = false;
+        _this.aw = "center";
+        _this.ax = "center";
+        _this.as = 0;
         _this.ac = false;
+        _this.a2 = null;
+        _this.ay = null;
+        _this.a4 = null;
+        _this.af = false;
+        _this.aj = false;
+        _this.ad = false;
+        _this.ai = false;
         _this.ah = false;
-        _this.ag = false;
-        _this.ap = false;
+        _this.aq = false;
         var a = new LabelView();
         a.c = _this;
         _this.view = a;
-        _this.view.ab();
+        _this.view.ae();
         return _this;
     }
     Object.defineProperty(XLabel.prototype, "p", {
@@ -5016,15 +5088,15 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.b8 = function () {
+    XLabel.prototype.ca = function () {
         var _this = this;
-        this.view.s();
+        this.view.v();
         var a = false;
         if (this.aa == null) {
             var b = new TransformGroup();
             b.j.add(((function () {
                 var $ret = new TranslateTransform();
-                $ret.k = _this.view.j();
+                $ret.k = _this.view.l();
                 return $ret;
             })()));
             b.j.add(((function () {
@@ -5033,17 +5105,20 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                 $ret.m = 1;
                 return $ret;
             })()));
-            var c_1 = -(this.view.i() * 1.3);
+            var c_1 = -(this.view.j() * 1.3);
             if (this.s == 2) {
-                c_1 = -(this.view.i() * 1.05);
+                c_1 = -(this.view.j() * 1.05);
             }
             if (this.s == 3) {
-                c_1 = -(this.view.i() * 1.01);
+                c_1 = -(this.view.j() * 1.01);
+            }
+            if (this.s == 4) {
+                c_1 = -(this.view.j() * 1.05);
             }
             var d = new TransformGroup();
             d.j.add(((function () {
                 var $ret = new TranslateTransform();
-                $ret.k = _this.l == 2 ? c_1 : -(_this.view.i() * 0.65);
+                $ret.k = _this.l == 2 ? c_1 : -(_this.view.j() * 0.65);
                 return $ret;
             })()));
             d.j.add(((function () {
@@ -5055,36 +5130,40 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             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))));
         }
         if (this.z == null) {
-            this.z = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(7, this.cz)).m(new AnimationKeyFrameProperty(7, this.cw)));
+            this.z = KeyFrameAnimationFactory.f.c(this.view.a(this.i).m(new AnimationKeyFrameProperty(7, this.c2)).m(new AnimationKeyFrameProperty(7, this.cz)));
         }
     };
-    XLabel.prototype.ci = function (a, b) {
+    XLabel.prototype.cl = function (a, b) {
         var _this = this;
         if ((b > 0 && a.playbackRate < 0) || (b < 0 && a.playbackRate > 0)) {
             a.reverse();
-            if (this.ap) {
+            if (this.aq) {
                 a.finish();
-                this.b9(a);
+                this.cb(a);
                 return;
             }
-            a.finished.f(function (c) { return _this.b9(a); });
+            a.finished.f(function (c) { return _this.cb(a); });
         }
         else {
             a.play();
-            if (this.ap) {
+            if (this.aq) {
                 a.finish();
-                this.b9(a);
+                this.cb(a);
                 return;
             }
-            a.finished.f(function (c) { return _this.b9(a); });
+            a.finished.f(function (c) { return _this.cb(a); });
         }
     };
-    XLabel.prototype.b9 = function (a) {
+    XLabel.prototype.cb = function (a) {
         a.commitStyles();
-        if (a == this.aa && this.ah) {
+        if (a == this.aa && this.ai) {
             this.aa = null;
+            if (this.ab) {
+                this.ab = false;
+                this.cf();
+            }
         }
-        if (a == this.z && this.ag) {
+        if (a == this.z && this.ah) {
             this.z = null;
         }
     };
@@ -5092,15 +5171,15 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.h.call(this, a, b, c);
         switch (a) {
             case "BaseTheme":
-                this.cl(this.p);
-                this.cn();
+                this.co(this.p);
+                this.cq();
                 break;
             case "TextColor":
             case "HoverTextColor":
             case "TextStyle":
             case "HighlightTextColor":
             case "HoverHighlightTextColor":
-                this.cn();
+                this.cq();
                 break;
             case "ActualTextColor":
             case "ActualHoverTextColor":
@@ -5112,7 +5191,7 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.aa = null;
                     }
                     else {
-                        this.ah = true;
+                        this.ai = true;
                     }
                 }
                 if (this.z != null) {
@@ -5120,29 +5199,29 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.z = null;
                     }
                     else {
-                        this.ag = true;
+                        this.ah = true;
                     }
                 }
-                this.cm();
+                this.cp();
                 break;
             case "Text":
-                this.view.ae();
+                this.view.ai();
                 break;
             case "Density":
                 this.s = this.t == 0 ? 1 : this.t;
                 break;
             case "ActualDensity":
-                this.view.ag();
-                this.view.af();
+                this.view.ak();
+                this.view.aj();
                 break;
             case "InputGroup":
-                this.view.af();
+                this.view.aj();
                 break;
             case "IsHighlighted":
-                this.cc();
+                this.ce();
                 break;
             case "IsShifted":
-                this.cd();
+                this.cf();
                 break;
             case "ShiftType":
                 if (this.aa != null) {
@@ -5150,66 +5229,88 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.aa = null;
                     }
                     else {
-                        this.ah = true;
+                        this.ai = true;
                     }
                 }
-                this.cg();
+                this.ci();
                 break;
             case "Display":
-                this.view.y();
+                this.view.ab();
                 break;
             case "FlexDirection":
-                this.view.z();
+                this.view.ac();
                 break;
             case "FlexGrow":
-                this.view.aa();
+                this.view.ad();
                 break;
             case "AlignItems":
-                this.view.t();
+                this.view.w();
                 break;
             case "AlignSelf":
-                this.view.u();
+                this.view.x();
                 break;
         }
     };
-    XLabel.prototype.cg = function () {
-        this.view.af();
+    XLabel.prototype.ci = function () {
+        this.view.aj();
     };
-    XLabel.prototype.cd = function () {
-        this.b8();
+    XLabel.prototype.cf = function () {
+        this.view.af();
+        this.ca();
         var a = 1;
-        var b = this.an;
+        var b = this.ao;
         if (!b) {
             a = -1;
         }
-        this.ci(this.aa, a);
+        this.cl(this.aa, a);
     };
-    XLabel.prototype.cc = function () {
-        this.b8();
+    XLabel.prototype.ce = function () {
+        this.ca();
         var a = 1;
-        var b = this.al;
+        var b = this.am;
         if (!b) {
             a = -1;
         }
-        this.ci(this.z, a);
+        this.cl(this.z, a);
+    };
+    XLabel.prototype.onSizeReady = function () {
+        if (this.aa != null) {
+            this.b9();
+            if (this.ao) {
+                this.view.aj();
+                this.cf();
+            }
+        }
+    };
+    XLabel.prototype.b9 = function () {
+        if (this.aa != null && this.aa.playState == 3) {
+            this.aa = null;
+        }
+        else {
+            this.ab = true;
+            this.ai = true;
+        }
     };
-    XLabel.prototype.cn = function () {
-        this.cz = this.df != null ? this.df : XLabel.db;
-        this.cy = this.de != null ? this.de : XLabel.db;
-        this.cw = this.dc != null ? this.dc : XLabel.c4;
+    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;
         this.w = this.y != null ? this.y : XLabel.x;
     };
-    XLabel.prototype.cm = function () {
+    XLabel.prototype.cp = function () {
         if (this.w != null) {
-            this.view.ai(this.w);
+            this.view.am(this.w);
         }
-        this.view.ad(this.cz);
+        else {
+            this.view.am(this.view.e());
+        }
+        this.view.ah(this.c2);
     };
-    XLabel.prototype.cl = function (a) {
-        XLabel.db = ThemeResolver.ah(a, XLabel.da, XLabel.c3);
-        XLabel.c4 = ThemeResolver.ah(a, XLabel.c7, XLabel.c0);
-        XLabel.c6 = ThemeResolver.ah(a, XLabel.c9, XLabel.c2);
-        XLabel.c5 = ThemeResolver.ah(a, XLabel.c8, XLabel.c1);
+    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.c8 = ThemeResolver.ah(a, XLabel.db, XLabel.c4);
     };
     Object.defineProperty(XLabel.prototype, "t", {
         get: function () {
@@ -5239,56 +5340,56 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "cz", {
+    Object.defineProperty(XLabel.prototype, "c2", {
         get: function () {
-            return this.cr;
+            return this.cu;
         },
         set: function (a) {
-            var b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
+            var b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
                 this.g("ActualTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "cw", {
+    Object.defineProperty(XLabel.prototype, "cz", {
         get: function () {
-            return this.co;
+            return this.cr;
         },
         set: function (a) {
-            var b = this.co;
-            this.co = a;
-            if (b != this.co) {
+            var b = this.cr;
+            this.cr = a;
+            if (b != this.cr) {
                 this.g("ActualHighlightTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "cx", {
+    Object.defineProperty(XLabel.prototype, "c0", {
         get: function () {
-            return this.cp;
+            return this.cs;
         },
         set: function (a) {
-            var b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
+            var b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
                 this.g("ActualHoverHighlightTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "cy", {
+    Object.defineProperty(XLabel.prototype, "c1", {
         get: function () {
-            return this.cq;
+            return this.ct;
         },
         set: function (a) {
-            var b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
+            var b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
                 this.g("ActualHoverTextColor", b, a);
             }
         },
@@ -5309,42 +5410,42 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "df", {
+    Object.defineProperty(XLabel.prototype, "di", {
         get: function () {
-            return this.cv;
+            return this.cy;
         },
         set: function (a) {
-            var b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
+            var b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
                 this.g("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "dc", {
+    Object.defineProperty(XLabel.prototype, "df", {
         get: function () {
-            return this.cs;
+            return this.cv;
         },
         set: function (a) {
-            var b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
+            var b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
                 this.g("HighlightTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "dd", {
+    Object.defineProperty(XLabel.prototype, "dg", {
         get: function () {
-            return this.ct;
+            return this.cw;
         },
         set: function (a) {
-            var b = this.ct;
-            this.ct = a;
-            if (b != this.ct) {
+            var b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
                 this.g("HoverHighlightTextColor", b, a);
             }
         },
@@ -5365,56 +5466,56 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "an", {
+    Object.defineProperty(XLabel.prototype, "ao", {
         get: function () {
-            return this.af;
+            return this.ag;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
                 this.g("IsShifted", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.ck = function (a, b) {
+    XLabel.prototype.cn = function (a, b) {
         if (b === void 0) {
             b = true;
         }
-        var c = this.ap;
+        var c = this.aq;
         if (!b) {
-            this.ap = true;
+            this.aq = true;
         }
         try {
-            this.an = a;
+            this.ao = a;
         }
         finally {
             if (!b) {
-                this.ap = c;
+                this.aq = c;
             }
         }
     };
-    Object.defineProperty(XLabel.prototype, "al", {
+    Object.defineProperty(XLabel.prototype, "am", {
         get: function () {
-            return this.ad;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
                 this.g("IsHighlighted", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.ce = function () {
-        this.am = true;
+    XLabel.prototype.cg = function () {
+        this.an = true;
     };
-    XLabel.prototype.cf = function () {
-        this.am = false;
+    XLabel.prototype.ch = function () {
+        this.an = false;
     };
     Object.defineProperty(XLabel.prototype, "y", {
         get: function () {
@@ -5430,49 +5531,35 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "de", {
+    Object.defineProperty(XLabel.prototype, "dh", {
         get: function () {
-            return this.cu;
+            return this.cx;
         },
         set: function (a) {
-            var b = this.cu;
-            this.cu = a;
-            if (b != this.cu) {
+            var b = this.cx;
+            this.cx = a;
+            if (b != this.cx) {
                 this.g("HoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bu", {
+    Object.defineProperty(XLabel.prototype, "bv", {
         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("Id", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bi", {
-        get: function () {
-            return this.ay;
-        },
-        set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.g("Display", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(XLabel.prototype, "bl", {
+    Object.defineProperty(XLabel.prototype, "bj", {
         get: function () {
             return this.az;
         },
@@ -5480,13 +5567,13 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.az;
             this.az = a;
             if (b != this.az) {
-                this.g("FlexDirection", b, a);
+                this.g("Display", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bn", {
+    Object.defineProperty(XLabel.prototype, "bm", {
         get: function () {
             return this.a0;
         },
@@ -5494,27 +5581,27 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.g("FlexGrow", b, a);
+                this.g("FlexDirection", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "ba", {
+    Object.defineProperty(XLabel.prototype, "bo", {
         get: function () {
-            return this.av;
+            return this.a1;
         },
         set: function (a) {
-            var b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.g("AlignItems", b, a);
+            var b = this.a1;
+            this.a1 = a;
+            if (b != this.a1) {
+                this.g("FlexGrow", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bc", {
+    Object.defineProperty(XLabel.prototype, "bb", {
         get: function () {
             return this.aw;
         },
@@ -5522,56 +5609,70 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.aw;
             this.aw = a;
             if (b != this.aw) {
+                this.g("AlignItems", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XLabel.prototype, "bd", {
+        get: function () {
+            return this.ax;
+        },
+        set: function (a) {
+            var b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
                 this.g("AlignSelf", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "aj", {
+    Object.defineProperty(XLabel.prototype, "ak", {
         get: function () {
-            return this.ab;
+            return this.ac;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "as", {
+    Object.defineProperty(XLabel.prototype, "at", {
         get: function () {
-            return this.ar;
+            return this.as;
         },
         set: function (a) {
-            var b = this.ar;
-            this.ar = a;
-            this.ab = true;
-            if (b != this.ar) {
+            var b = this.as;
+            this.as = a;
+            this.ac = true;
+            if (b != this.as) {
                 this.g("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "bp", {
+    Object.defineProperty(XLabel.prototype, "bq", {
         get: function () {
-            return this.a1;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.a1;
-            this.a1 = a;
-            if (b != this.a1) {
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
                 this.g("TabIndex", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "be", {
+    Object.defineProperty(XLabel.prototype, "bf", {
         get: function () {
-            return this.ax;
+            return this.ay;
         },
         set: function (a) {
-            var b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
+            var b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
                 this.g("AriaLabel", b, a);
             }
         },
@@ -5580,40 +5681,40 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XLabel.prototype, "text", {
         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("Text", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "am", {
+    Object.defineProperty(XLabel.prototype, "an", {
         get: function () {
-            return this.ae;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
                 this.g("IsHover", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XLabel.prototype, "aq", {
+    Object.defineProperty(XLabel.prototype, "ar", {
         get: function () {
-            return this.ai;
+            return this.aj;
         },
         set: function (a) {
-            var b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
                 this.g("Value", b, a);
             }
         },
@@ -5622,60 +5723,60 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XLabel.prototype, "disabled", {
         get: function () {
-            return this.ac;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
                 this.g("IsDisabled", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XLabel.prototype.ch = function () {
-        this.view.ae();
+    XLabel.prototype.ck = function () {
+        this.view.ai();
     };
     XLabel.prototype.onDetachedFromUI = function () {
-        this.view.x();
+        this.view.aa();
     };
     XLabel.prototype.onAttachedToUI = function () {
-        this.view.v();
+        this.view.y();
     };
-    XLabel.prototype.ao = function () {
-        return this.view.f();
+    XLabel.prototype.ap = function () {
+        return this.view.g();
     };
-    XLabel.prototype.au = function () {
+    XLabel.prototype.av = function () {
         return this.j();
     };
-    XLabel.prototype.bk = function () {
+    XLabel.prototype.bl = function () {
         var a = this.j();
         return a.q();
     };
     XLabel.prototype.j = function () {
         var a = new LabelVisualModelExport();
-        var b = this.view.n;
+        var b = this.view.q;
         a.c = this.p;
         a.e = this.t;
         a.d = this.s;
         a.a = AppearanceHelper.a(NativeUI.al(b));
         a.b = this.l;
-        a.i = this.an;
-        a.g = this.al;
-        a.m = this.bi;
-        a.n = this.bl;
-        a.o = this.bn;
-        a.l = this.ba;
+        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.r = this.text;
-        a.h = this.am;
-        a.j = this.aq;
+        a.h = this.an;
+        a.j = this.ar;
         a.f = this.disabled;
         a.p = this.e;
         if (this.w != null) {
             var c = this.w;
             if (this.view != null && c.q == null) {
-                var d = this.view.k;
+                var d = this.view.m;
                 var e = FontUtil.getFontInfoFromString(d, c.fontString);
                 c.q = e.q;
                 c.f = e.f;
@@ -5703,24 +5804,24 @@ var XLabel = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XLabel.prototype.provideContainer = function (a) {
-        this.view.w(a);
+        this.view.z(a);
     };
     XLabel.$t = markType(XLabel, 'XLabel', XInputGroupItem.$);
-    XLabel.da = BrushUtil.h(221, 0, 0, 0);
-    XLabel.c7 = BrushUtil.h(255, 0, 153, 155);
-    XLabel.c9 = BrushUtil.h(221, 0, 0, 0);
-    XLabel.c8 = BrushUtil.h(255, 0, 153, 155);
-    XLabel.c3 = BrushUtil.h(255, 24, 29, 31);
-    XLabel.c0 = BrushUtil.h(255, 33, 150, 243);
-    XLabel.c2 = BrushUtil.h(255, 24, 29, 31);
-    XLabel.c1 = BrushUtil.h(255, 33, 150, 243);
+    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.o = 2;
-    XLabel.db = ThemeResolver.ah(XLabel.o, XLabel.da, XLabel.c3);
-    XLabel.c4 = ThemeResolver.ah(XLabel.o, XLabel.c7, XLabel.c0);
-    XLabel.c6 = ThemeResolver.ah(XLabel.o, XLabel.c9, XLabel.c2);
-    XLabel.c5 = ThemeResolver.ah(XLabel.o, XLabel.c8, XLabel.c1);
+    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.c8 = ThemeResolver.ah(XLabel.o, XLabel.db, XLabel.c4);
     XLabel.x = null;
-    XLabel.at = 0;
+    XLabel.au = 0;
     return XLabel;
 }(XInputGroupItem));
 export { XLabel };