igniteui-webcomponents-inputs 7.0.0 → 7.0.1

package/esm5/lib/ButtonGroupView_combined.js

@@ -7,18 +7,22 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 import { __extends, __values } from "tslib";
 import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateCombine, enumGetBox, delegateRemove, fromEn } from "igniteui-webcomponents-core";
 import { List$1 } from "igniteui-webcomponents-core";
+import { XButton } from "./XButton";
 import { ButtonGroupOrientation_$type } from "./ButtonGroupOrientation";
 import { ButtonGroupDisplayStyle_$type } from "./ButtonGroupDisplayStyle";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { XButtonGroupButtonCollection } from "./XButtonGroupButtonCollection";
 import { ThemeResolver } from "./ThemeResolver";
-import { ButtonGroupSelectionChangedEventArgs } from "./ButtonGroupSelectionChangedEventArgs";
+import { ButtonDisplayStyle_$type } from "./ButtonDisplayStyle";
 import { CornerRadius } from "igniteui-webcomponents-core";
+import { ButtonGroupSelectionChangedEventArgs } from "./ButtonGroupSelectionChangedEventArgs";
 import { ButtonGroupVisualModelExport } from "./ButtonGroupVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
 import { BrushUtil } from "igniteui-webcomponents-core";
+import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { Theme } from "./Theme";
 import { isNaN_ } from "igniteui-webcomponents-core";
 /**
  * @hidden
@@ -122,7 +126,7 @@ export var ButtonGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
                 comp_.flexDirection = 'column';
             }
         }, true);
-        this.a.db();
+        this.a.dc();
     };
     ButtonGroupView.prototype.z = function (a) {
         if (this.m != a) {
@@ -187,14 +191,14 @@ export var ButtonGroupView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ButtonGroupView.prototype.x = function (a) {
         if (this.a.k == 0) {
-            a.f0 = "flex";
-            a.g4 = "row";
-            a.fb = "center";
+            a.f1 = "flex";
+            a.g5 = "row";
+            a.fc = "center";
         }
         else {
-            a.f0 = "flex";
-            a.g4 = "column";
-            a.fb = "stretch";
+            a.f1 = "flex";
+            a.g5 = "column";
+            a.fc = "stretch";
         }
     };
     ButtonGroupView.prototype.o = function (a) {
@@ -211,101 +215,101 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     function XButtonGroup() {
         var _this = _super.call(this) || this;
         _this.h = 1;
-        _this.n = 0;
+        _this.o = 0;
+        _this.s = 1;
         _this.r = 1;
-        _this.q = 1;
         _this.a = new Array(0);
-        _this.u = false;
+        _this.v = false;
         _this._view = null;
-        _this.ax = ThemeResolver.m(XButtonGroup.o, XButtonGroup.av, XButtonGroup.ap);
-        _this.gz = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gn, XButtonGroup.fn);
-        _this.g1 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gp, XButtonGroup.fp);
-        _this.g0 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.go, XButtonGroup.fo);
-        _this.g2 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gq, XButtonGroup.fq);
-        _this.aw = ThemeResolver.m(XButtonGroup.o, XButtonGroup.au, XButtonGroup.ao);
-        _this.g6 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gu, XButtonGroup.fu);
-        _this.g3 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gr, XButtonGroup.fr);
-        _this.g7 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gv, XButtonGroup.fv);
-        _this.ha = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gy, XButtonGroup.fy);
-        _this.g4 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gs, XButtonGroup.fs);
-        _this.g5 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gt, XButtonGroup.ft);
-        _this.g8 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gw, XButtonGroup.fw);
-        _this.g9 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gx, XButtonGroup.fx);
-        _this.ar = ThemeResolver.m(XButtonGroup.o, XButtonGroup.at, XButtonGroup.an);
-        _this.fz = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gb, XButtonGroup.fb);
-        _this.f1 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gd, XButtonGroup.fd);
-        _this.f0 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gc, XButtonGroup.fc);
-        _this.f2 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.ge, XButtonGroup.fe);
-        _this.aq = ThemeResolver.m(XButtonGroup.o, XButtonGroup.as, XButtonGroup.am);
-        _this.f6 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gi, XButtonGroup.fi);
-        _this.f3 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gf, XButtonGroup.ff);
-        _this.f7 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gj, XButtonGroup.fj);
-        _this.ga = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gm, XButtonGroup.fm);
-        _this.f4 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gg, XButtonGroup.fg);
-        _this.f5 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gh, XButtonGroup.fh);
-        _this.f8 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gk, XButtonGroup.fk);
-        _this.f9 = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gl, XButtonGroup.fl);
-        _this.ad = ThemeResolver.m(XButtonGroup.o, XButtonGroup.av, XButtonGroup.ap);
-        _this.dm = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gn, XButtonGroup.fn);
-        _this.dp = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gp, XButtonGroup.fp);
-        _this.du = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gu, XButtonGroup.fu);
-        _this.dr = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gr, XButtonGroup.fr);
-        _this.dn = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.go, XButtonGroup.fo);
-        _this.dq = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gq, XButtonGroup.fq);
-        _this.ac = ThemeResolver.m(XButtonGroup.o, XButtonGroup.au, XButtonGroup.ao);
-        _this.dv = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gv, XButtonGroup.fv);
-        _this.dy = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gy, XButtonGroup.fy);
-        _this.ds = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gs, XButtonGroup.fs);
-        _this.dt = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gt, XButtonGroup.ft);
-        _this.dw = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gw, XButtonGroup.fw);
-        _this.dx = ThemeResolver.ah(XButtonGroup.o, XButtonGroup.gx, XButtonGroup.fx);
-        _this.ah = NaN;
-        _this.d7 = null;
-        _this.d9 = null;
-        _this.ee = null;
-        _this.eb = null;
-        _this.ec = null;
+        _this.ay = XButtonGroup.n.y(XButtonGroup.p, 1, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius").d;
+        _this.g0 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
+        _this.g2 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
+        _this.g1 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
+        _this.g3 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
+        _this.ax = XButtonGroup.n.i(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
+        _this.g7 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
+        _this.g4 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
+        _this.g8 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedBackgroundColor");
+        _this.hb = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedTextColor");
+        _this.g5 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
+        _this.g6 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
+        _this.g9 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedBackgroundColor");
+        _this.ha = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedTextColor");
+        _this.as = XButtonGroup.n.y(XButtonGroup.p, 1, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius").d;
+        _this.f0 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
+        _this.f2 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
+        _this.f1 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
+        _this.f3 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
+        _this.ar = XButtonGroup.n.i(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
+        _this.f7 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
+        _this.f4 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
+        _this.f8 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedBackgroundColor");
+        _this.gb = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedTextColor");
+        _this.f5 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
+        _this.f6 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
+        _this.f9 = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedBackgroundColor");
+        _this.ga = XButtonGroup.n.af(XButtonGroup.p, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedTextColor");
+        _this.ae = ThemeResolver.m(XButtonGroup.p, XButtonGroup.aw, XButtonGroup.aq);
+        _this.dn = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.go, XButtonGroup.fo);
+        _this.dq = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gq, XButtonGroup.fq);
+        _this.dv = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gv, XButtonGroup.fv);
+        _this.ds = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gs, XButtonGroup.fs);
+        _this.dp = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gp, XButtonGroup.fp);
+        _this.dr = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gr, XButtonGroup.fr);
+        _this.ad = ThemeResolver.m(XButtonGroup.p, XButtonGroup.av, XButtonGroup.ap);
+        _this.dw = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gw, XButtonGroup.fw);
+        _this.dz = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gz, XButtonGroup.fz);
+        _this.dt = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gt, XButtonGroup.ft);
+        _this.du = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gu, XButtonGroup.fu);
+        _this.dx = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gx, XButtonGroup.fx);
+        _this.dy = ThemeResolver.aj(XButtonGroup.p, XButtonGroup.gy, XButtonGroup.fy);
+        _this.ai = NaN;
         _this.d8 = null;
         _this.ea = null;
-        _this.ag = NaN;
+        _this.ef = null;
+        _this.ec = null;
         _this.ed = null;
-        _this.ev = null;
-        _this.ey = null;
+        _this.d9 = null;
+        _this.eb = null;
+        _this.ah = NaN;
+        _this.ee = null;
         _this.ew = null;
+        _this.ez = null;
         _this.ex = null;
-        _this.aj = NaN;
-        _this.ef = null;
-        _this.eh = null;
-        _this.em = null;
-        _this.ej = null;
-        _this.ek = null;
+        _this.ey = null;
+        _this.ak = NaN;
         _this.eg = null;
         _this.ei = null;
-        _this.ai = NaN;
+        _this.en = null;
+        _this.ek = null;
         _this.el = null;
-        _this.er = null;
-        _this.eu = null;
+        _this.eh = null;
+        _this.ej = null;
+        _this.aj = NaN;
+        _this.em = null;
         _this.es = null;
+        _this.ev = null;
         _this.et = null;
-        _this.af = NaN;
-        _this.dz = null;
-        _this.d1 = null;
-        _this.d6 = null;
-        _this.d3 = null;
-        _this.d4 = null;
+        _this.eu = null;
+        _this.ag = NaN;
         _this.d0 = null;
         _this.d2 = null;
-        _this.ae = NaN;
+        _this.d7 = null;
+        _this.d4 = null;
         _this.d5 = null;
-        _this.en = null;
-        _this.eq = null;
+        _this.d1 = null;
+        _this.d3 = null;
+        _this.af = NaN;
+        _this.d6 = null;
         _this.eo = null;
+        _this.er = null;
         _this.ep = null;
+        _this.eq = null;
         _this.j = 0;
-        _this.a6 = "ig-buttongroup-" + XButtonGroup.a4++;
-        _this.w = false;
-        _this.v = false;
+        _this.a7 = "ig-buttongroup-" + XButtonGroup.a5++;
         _this.x = false;
+        _this.w = false;
+        _this.y = false;
         _this.propertyChanged = null;
         _this.f = new XButtonGroupButtonCollection();
         _this.selectionChanged = null;
@@ -314,9 +318,9 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.view = a;
         _this.view.v();
         var b = _this.f;
-        b.collectionChanged = delegateCombine(b.collectionChanged, runOn(_this, _this.c3));
+        b.collectionChanged = delegateCombine(b.collectionChanged, runOn(_this, _this.c4));
         var c = _this.f;
-        c.collectionResetting = delegateCombine(c.collectionResetting, runOn(_this, _this.c4));
+        c.collectionResetting = delegateCombine(c.collectionResetting, runOn(_this, _this.c5));
         return _this;
     }
     Object.defineProperty(XButtonGroup.prototype, "i", {
@@ -327,32 +331,32 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h;
             this.h = a;
             if (b != this.h) {
-                this.da("DisplayType", enumGetBox(ButtonGroupDisplayStyle_$type, b), enumGetBox(ButtonGroupDisplayStyle_$type, a));
+                this.db("DisplayType", enumGetBox(ButtonGroupDisplayStyle_$type, b), enumGetBox(ButtonGroupDisplayStyle_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "p", {
+    Object.defineProperty(XButtonGroup.prototype, "q", {
         get: function () {
-            return this.n;
+            return this.o;
         },
         set: function (a) {
-            var b = this.n;
-            this.n = a;
-            if (b != this.n) {
-                this.da("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            var b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.db("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    XButtonGroup.prototype.c4 = function (a, b) {
+    XButtonGroup.prototype.c5 = function (a, b) {
         var e_3, _a;
         try {
             for (var _b = __values(fromEnum(this.buttons)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var c = _c.value;
-                c.clicked = delegateRemove(c.clicked, runOn(this, this.c6));
+                c.clicked = delegateRemove(c.clicked, runOn(this, this.c7));
             }
         }
         catch (e_3_1) {
@@ -368,13 +372,13 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_3.error;
             }
         }
-        this.df();
+        this.dg();
         this.view.q();
     };
     XButtonGroup.prototype.appendContentChild = function (a) {
         this.view.o(a);
     };
-    XButtonGroup.prototype.c3 = function (a, b) {
+    XButtonGroup.prototype.c4 = function (a, b) {
         var e_4, _a, e_5, _b;
         if (b.oldItems != null) {
             try {
@@ -382,7 +386,7 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                     var c = _d.value;
                     var d = c;
                     if (d != null) {
-                        d.clicked = delegateRemove(d.clicked, runOn(this, this.c6));
+                        d.clicked = delegateRemove(d.clicked, runOn(this, this.c7));
                     }
                     this.view.r(d);
                 }
@@ -407,7 +411,7 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                     var e = _f.value;
                     var f = e;
                     if (f != null) {
-                        f.clicked = delegateCombine(f.clicked, runOn(this, this.c6));
+                        f.clicked = delegateCombine(f.clicked, runOn(this, this.c7));
                     }
                     this.view.p(f);
                 }
@@ -426,36 +430,36 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.df();
+        this.dg();
     };
-    XButtonGroup.prototype.c6 = function (a, b) {
+    XButtonGroup.prototype.c7 = function (a, b) {
         var c = a;
         var d = this.buttons.indexOf(c);
-        this.de(c, d);
+        this.df(c, d);
     };
-    Object.defineProperty(XButtonGroup.prototype, "t", {
+    Object.defineProperty(XButtonGroup.prototype, "u", {
         get: function () {
-            return this.r;
+            return this.s;
         },
         set: function (a) {
-            var b = this.r;
-            this.r = a;
-            if (b != this.r) {
-                this.da("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+            var b = this.s;
+            this.s = a;
+            if (b != this.s) {
+                this.db("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "s", {
+    Object.defineProperty(XButtonGroup.prototype, "t", {
         get: function () {
-            return this.q;
+            return this.r;
         },
         set: function (a) {
-            var b = this.q;
-            this.q = a;
-            if (b != this.q) {
-                this.da("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.db("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         },
         enumerable: false,
@@ -469,25 +473,25 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.da("SelectedIndices", b, a);
+                this.db("SelectedIndices", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XButtonGroup.prototype.de = function (a, b) {
-        this.u = true;
-        if (this.aa(a)) {
+    XButtonGroup.prototype.df = function (a, b) {
+        this.v = true;
+        if (this.ab(a)) {
             this.d = this.b(this.d, a, b);
         }
         else {
-            if (!this.z) {
+            if (!this.aa) {
                 this.d = new Array(0);
             }
             this.d = this.c(this.d, a, b);
         }
-        this.df();
-        this.u = false;
+        this.dg();
+        this.v = false;
         if (this.selectionChanged != null) {
             this.selectionChanged(this, new ButtonGroupSelectionChangedEventArgs());
         }
@@ -528,17 +532,17 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     XButtonGroup.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    XButtonGroup.prototype.da = function (a, b, c) {
+    XButtonGroup.prototype.db = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.dc(a, b, c);
+        this.dd(a, b, c);
     };
-    XButtonGroup.prototype.dc = function (a, b, c) {
+    XButtonGroup.prototype.dd = function (a, b, c) {
         switch (a) {
             case "BaseTheme":
-                this.dh(this.p);
-                this.dg();
+                this.di(this.q);
+                this.dh();
                 break;
             case "DisplayType":
             case "ItemBorderColor":
@@ -562,7 +566,7 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             case "OutlinedItemDisabledTextColor":
             case "OutlinedSelectedItemTextColor":
             case "OutlinedItemHoverBackgroundColor":
-            case XButtonGroup.cv:
+            case XButtonGroup.cw:
             case "OutlinedItemHoverTextColor":
             case "OutlinedSelectedItemHoverTextColor":
             case "FlatItemBorderColor":
@@ -577,7 +581,7 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             case "FlatSelectedItemHoverBackgroundColor":
             case "FlatItemHoverTextColor":
             case "FlatSelectedItemHoverTextColor":
-                this.dg();
+                this.dh();
                 break;
             case "ActualItemBorderColor":
             case "ActualItemDisabledBorderColor":
@@ -587,18 +591,18 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ActualItemDisabledTextColor":
             case "ActualSelectedItemTextColor":
             case "ActualSelectedItemBackgroundColor":
-                this.df();
+                this.dg();
                 break;
             case "Orientation":
                 this.view.y();
-                this.df();
+                this.dg();
                 break;
             case "Density":
-                this.s = this.t == 0 ? 1 : this.t;
+                this.t = this.u == 0 ? 1 : this.u;
                 break;
             case "ActualDensity":
                 for (var d = 0; d < this.buttons.count; d++) {
-                    this.buttons._inner[d].r = this.s;
+                    this.buttons._inner[d].s = this.t;
                 }
                 break;
             case "IsDisabled":
@@ -607,90 +611,90 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectedIndices":
-                if (!this.u) {
-                    this.df();
+                if (!this.v) {
+                    this.dg();
                 }
                 break;
         }
     };
-    XButtonGroup.prototype.dl = function (a, b) {
+    XButtonGroup.prototype.dm = function (a, b) {
         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);
     };
-    XButtonGroup.prototype.dg = function () {
+    XButtonGroup.prototype.dh = function () {
         switch (this.i) {
             case 1:
-                this.al = !isNaN_(this.a1) ? this.a1 : this.ax;
-                this.ez = this.hn != null ? this.hn : this.gz;
-                this.e1 = this.hp != null ? this.hp : this.g1;
-                this.e6 = this.hu != null ? this.hu : this.g6;
-                this.e3 = this.hr != null ? this.hr : this.g3;
+                this.am = !isNaN_(this.a2) ? this.a2 : this.ay;
                 this.e0 = this.ho != null ? this.ho : this.g0;
                 this.e2 = this.hq != null ? this.hq : this.g2;
-                this.ak = !isNaN_(this.a0) ? this.a0 : this.aw;
-                this.e7 = this.h7 != null ? this.h7 : this.g7;
-                this.fa = this.ia != null ? this.ia : this.ha;
+                this.e7 = this.hv != null ? this.hv : this.g7;
                 this.e4 = this.hs != null ? this.hs : this.g4;
-                this.e5 = this.ht != null ? this.ht : this.g5;
+                this.e1 = this.hp != null ? this.hp : this.g1;
+                this.e3 = this.hr != null ? this.hr : this.g3;
+                this.al = !isNaN_(this.a1) ? this.a1 : this.ax;
                 this.e8 = this.h8 != null ? this.h8 : this.g8;
+                this.fb = this.ib != null ? this.ib : this.hb;
+                this.e5 = this.ht != null ? this.ht : this.g5;
+                this.e6 = this.hu != null ? this.hu : this.g6;
                 this.e9 = this.h9 != null ? this.h9 : this.g9;
+                this.fa = this.ia != null ? this.ia : this.ha;
                 break;
             case 0:
-                this.al = !isNaN_(this.a1) ? this.a1 : this.ar;
-                this.ez = this.hn != null ? this.hn : this.fz;
-                this.e1 = this.hp != null ? this.hp : this.f1;
-                this.e6 = this.hu != null ? this.hu : this.f6;
-                this.e3 = this.hr != null ? this.hr : this.f3;
+                this.am = !isNaN_(this.a2) ? this.a2 : this.as;
                 this.e0 = this.ho != null ? this.ho : this.f0;
                 this.e2 = this.hq != null ? this.hq : this.f2;
-                this.ak = !isNaN_(this.a0) ? this.a0 : this.aq;
-                this.e7 = this.h7 != null ? this.h7 : this.f7;
-                this.fa = this.ia != null ? this.ia : this.ga;
+                this.e7 = this.hv != null ? this.hv : this.f7;
                 this.e4 = this.hs != null ? this.hs : this.f4;
-                this.e5 = this.ht != null ? this.ht : this.f5;
+                this.e1 = this.hp != null ? this.hp : this.f1;
+                this.e3 = this.hr != null ? this.hr : this.f3;
+                this.al = !isNaN_(this.a1) ? this.a1 : this.ar;
                 this.e8 = this.h8 != null ? this.h8 : this.f8;
+                this.fb = this.ib != null ? this.ib : this.gb;
+                this.e5 = this.ht != null ? this.ht : this.f5;
+                this.e6 = this.hu != null ? this.hu : this.f6;
                 this.e9 = this.h9 != null ? this.h9 : this.f9;
+                this.fa = this.ia != null ? this.ia : this.ga;
                 break;
         }
     };
-    XButtonGroup.prototype.df = function () {
+    XButtonGroup.prototype.dg = function () {
         for (var a = 0; a < this.buttons.count; a++) {
             var b = this.buttons._inner[a];
-            b.r = this.s;
+            b.s = this.t;
             if (a == 0) {
-                this.di(b);
+                this.dj(b);
             }
             else if (a == this.buttons.count - 1) {
-                this.dj(b);
+                this.dk(b);
             }
             else {
-                this.dk(b);
+                this.dl(b);
             }
             b.e = 1;
-            b.a2 = false;
-            if (this.v) {
+            b.a3 = false;
+            if (this.w) {
                 b.disabled = this.disabled;
             }
-            b.n2 = this.e0;
-            b.bk = this.ak;
-            b.pq = this.e2;
-            b.pp = this.e1;
-            b.pr = this.e3;
+            b.n7 = this.e1;
+            b.bl = this.al;
+            b.pv = this.e3;
+            b.pu = this.e2;
+            b.pw = this.e4;
             this.view.x(b);
-            if (this.aa(b)) {
-                b.n1 = this.e7;
-                b.rg = this.fa;
-                b.qg = this.e8;
-                b.qh = this.e9;
+            if (this.ab(b)) {
+                b.n6 = this.e8;
+                b.rl = this.fb;
+                b.ql = this.e9;
+                b.qm = this.fa;
             }
             else {
-                b.n1 = this.ez;
-                b.rg = this.e6;
-                b.qg = this.e4;
-                b.qh = this.e5;
+                b.n6 = this.e0;
+                b.rl = this.e7;
+                b.ql = this.e5;
+                b.qm = this.e6;
             }
         }
     };
-    XButtonGroup.prototype.aa = function (a) {
+    XButtonGroup.prototype.ab = function (a) {
         var b = this.buttons.indexOf(a);
         for (var c = 0; c < this.d.length; c++) {
             if (this.d[c] == b) {
@@ -699,204 +703,190 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    XButtonGroup.prototype.dk = function (a) {
-        a.k1 = new CornerRadius(1, 0, 0, 0, 0);
+    XButtonGroup.prototype.dl = function (a) {
+        a.k6 = new CornerRadius(1, 0, 0, 0, 0);
     };
-    XButtonGroup.prototype.dj = function (a) {
+    XButtonGroup.prototype.dk = function (a) {
         if (this.k == 1) {
-            a.k1 = new CornerRadius(1, 0, 0, this.al, this.al);
+            a.k6 = new CornerRadius(1, 0, 0, this.am, this.am);
         }
         else {
-            a.k1 = new CornerRadius(1, 0, this.al, this.al, 0);
+            a.k6 = new CornerRadius(1, 0, this.am, this.am, 0);
         }
     };
-    XButtonGroup.prototype.di = function (a) {
+    XButtonGroup.prototype.dj = function (a) {
         if (this.k == 1) {
-            a.k1 = new CornerRadius(1, this.al, this.al, 0, 0);
+            a.k6 = new CornerRadius(1, this.am, this.am, 0, 0);
         }
         else {
-            a.k1 = new CornerRadius(1, this.al, 0, 0, this.al);
+            a.k6 = new CornerRadius(1, this.am, 0, 0, this.am);
         }
     };
-    XButtonGroup.prototype.dh = function (a) {
-        this.ax = ThemeResolver.m(a, XButtonGroup.av, XButtonGroup.ap);
-        this.gz = ThemeResolver.ah(a, XButtonGroup.gn, XButtonGroup.fn);
-        this.g1 = ThemeResolver.ah(a, XButtonGroup.gp, XButtonGroup.fp);
-        this.g0 = ThemeResolver.ah(a, XButtonGroup.go, XButtonGroup.fo);
-        this.g2 = ThemeResolver.ah(a, XButtonGroup.gq, XButtonGroup.fq);
-        this.aw = ThemeResolver.m(a, XButtonGroup.au, XButtonGroup.ao);
-        this.g6 = ThemeResolver.ah(a, XButtonGroup.gu, XButtonGroup.fu);
-        this.g3 = ThemeResolver.ah(a, XButtonGroup.gr, XButtonGroup.fr);
-        this.g7 = ThemeResolver.ah(a, XButtonGroup.gv, XButtonGroup.fv);
-        this.ha = ThemeResolver.ah(a, XButtonGroup.gy, XButtonGroup.fy);
-        this.g4 = ThemeResolver.ah(a, XButtonGroup.gs, XButtonGroup.fs);
-        this.g5 = ThemeResolver.ah(a, XButtonGroup.gt, XButtonGroup.ft);
-        this.g8 = ThemeResolver.ah(a, XButtonGroup.gw, XButtonGroup.fw);
-        this.g9 = ThemeResolver.ah(a, XButtonGroup.gx, XButtonGroup.fx);
-        this.ar = ThemeResolver.m(a, XButtonGroup.at, XButtonGroup.an);
-        this.fz = ThemeResolver.ah(a, XButtonGroup.gb, XButtonGroup.fb);
-        this.f1 = ThemeResolver.ah(a, XButtonGroup.gd, XButtonGroup.fd);
-        this.f0 = ThemeResolver.ah(a, XButtonGroup.gc, XButtonGroup.fc);
-        this.f2 = ThemeResolver.ah(a, XButtonGroup.ge, XButtonGroup.fe);
-        this.aq = ThemeResolver.m(a, XButtonGroup.as, XButtonGroup.am);
-        this.f6 = ThemeResolver.ah(a, XButtonGroup.gi, XButtonGroup.fi);
-        this.f3 = ThemeResolver.ah(a, XButtonGroup.gf, XButtonGroup.ff);
-        this.f7 = ThemeResolver.ah(a, XButtonGroup.gj, XButtonGroup.fj);
-        this.ga = ThemeResolver.ah(a, XButtonGroup.gm, XButtonGroup.fm);
-        this.f4 = ThemeResolver.ah(a, XButtonGroup.gg, XButtonGroup.fg);
-        this.f5 = ThemeResolver.ah(a, XButtonGroup.gh, XButtonGroup.fh);
-        this.f8 = ThemeResolver.ah(a, XButtonGroup.gk, XButtonGroup.fk);
-        this.f9 = ThemeResolver.ah(a, XButtonGroup.gl, XButtonGroup.fl);
+    XButtonGroup.prototype.di = function (a) {
+        this.ay = XButtonGroup.n.y(a, this.r, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius").d;
+        this.g0 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
+        this.g2 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
+        this.g1 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
+        this.g3 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
+        this.ax = XButtonGroup.n.i(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
+        this.g7 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
+        this.g4 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
+        this.g8 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedBackgroundColor");
+        this.hb = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "SelectedTextColor");
+        this.g5 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
+        this.g6 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
+        this.g9 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedBackgroundColor");
+        this.ha = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverSelectedTextColor");
+        this.as = XButtonGroup.n.y(a, this.r, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius").d;
+        this.f0 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
+        this.f2 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
+        this.f1 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
+        this.f3 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
+        this.ar = XButtonGroup.n.i(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
+        this.f7 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
+        this.f4 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
+        this.f8 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedBackgroundColor");
+        this.gb = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "SelectedTextColor");
+        this.f5 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
+        this.f6 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
+        this.f9 = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedBackgroundColor");
+        this.ga = XButtonGroup.n.af(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverSelectedTextColor");
     };
-    Object.defineProperty(XButtonGroup.prototype, "al", {
-        get: function () {
-            return this.ad;
-        },
-        set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.da("ActualItemCornerRadius", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(XButtonGroup.prototype, "ez", {
+    Object.defineProperty(XButtonGroup.prototype, "am", {
         get: function () {
-            return this.dm;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.dm;
-            this.dm = a;
-            if (b != this.dm) {
-                this.da("ActualItemBackgroundColor", b, a);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.db("ActualItemCornerRadius", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e1", {
+    Object.defineProperty(XButtonGroup.prototype, "e0", {
         get: function () {
-            return this.dp;
+            return this.dn;
         },
         set: function (a) {
-            var b = this.dp;
-            this.dp = a;
-            if (b != this.dp) {
-                this.da("ActualItemDisabledBackgroundColor", b, a);
+            var b = this.dn;
+            this.dn = a;
+            if (b != this.dn) {
+                this.db("ActualItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e6", {
+    Object.defineProperty(XButtonGroup.prototype, "e2", {
         get: function () {
-            return this.du;
+            return this.dq;
         },
         set: function (a) {
-            var b = this.du;
-            this.du = a;
-            if (b != this.du) {
-                this.da("ActualItemTextColor", b, a);
+            var b = this.dq;
+            this.dq = a;
+            if (b != this.dq) {
+                this.db("ActualItemDisabledBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e3", {
+    Object.defineProperty(XButtonGroup.prototype, "e7", {
         get: function () {
-            return this.dr;
+            return this.dv;
         },
         set: function (a) {
-            var b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.da("ActualItemDisabledTextColor", b, a);
+            var b = this.dv;
+            this.dv = a;
+            if (b != this.dv) {
+                this.db("ActualItemTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e0", {
+    Object.defineProperty(XButtonGroup.prototype, "e4", {
         get: function () {
-            return this.dn;
+            return this.ds;
         },
         set: function (a) {
-            var b = this.dn;
-            this.dn = a;
-            if (b != this.dn) {
-                this.da("ActualItemBorderColor", b, a);
+            var b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.db("ActualItemDisabledTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e2", {
+    Object.defineProperty(XButtonGroup.prototype, "e1", {
         get: function () {
-            return this.dq;
+            return this.dp;
         },
         set: function (a) {
-            var b = this.dq;
-            this.dq = a;
-            if (b != this.dq) {
-                this.da("ActualItemDisabledBorderColor", b, a);
+            var b = this.dp;
+            this.dp = a;
+            if (b != this.dp) {
+                this.db("ActualItemBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "ak", {
+    Object.defineProperty(XButtonGroup.prototype, "e3", {
         get: function () {
-            return this.ac;
+            return this.dr;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.da("ActualItemBorderWidth", b, a);
+            var b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.db("ActualItemDisabledBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e7", {
+    Object.defineProperty(XButtonGroup.prototype, "al", {
         get: function () {
-            return this.dv;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.dv;
-            this.dv = a;
-            if (b != this.dv) {
-                this.da("ActualSelectedItemBackgroundColor", b, a);
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.db("ActualItemBorderWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "fa", {
+    Object.defineProperty(XButtonGroup.prototype, "e8", {
         get: function () {
-            return this.dy;
+            return this.dw;
         },
         set: function (a) {
-            var b = this.dy;
-            this.dy = a;
-            if (b != this.dy) {
-                this.da("ActualSelectedItemTextColor", b, a);
+            var b = this.dw;
+            this.dw = a;
+            if (b != this.dw) {
+                this.db("ActualSelectedItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e4", {
+    Object.defineProperty(XButtonGroup.prototype, "fb", {
         get: function () {
-            return this.ds;
+            return this.dz;
         },
         set: function (a) {
-            var b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.da("ActualItemHoverBackgroundColor", b, a);
+            var b = this.dz;
+            this.dz = a;
+            if (b != this.dz) {
+                this.db("ActualSelectedItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -910,21 +900,21 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dt;
             this.dt = a;
             if (b != this.dt) {
-                this.da("ActualItemHoverTextColor", b, a);
+                this.db("ActualItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "e8", {
+    Object.defineProperty(XButtonGroup.prototype, "e6", {
         get: function () {
-            return this.dw;
+            return this.du;
         },
         set: function (a) {
-            var b = this.dw;
-            this.dw = a;
-            if (b != this.dw) {
-                this.da("ActualSelectedItemHoverBackgroundColor", b, a);
+            var b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.db("ActualItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
@@ -938,77 +928,77 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.dx;
             this.dx = a;
             if (b != this.dx) {
-                this.da("ActualSelectedItemHoverTextColor", b, a);
+                this.db("ActualSelectedItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "a1", {
+    Object.defineProperty(XButtonGroup.prototype, "fa", {
         get: function () {
-            return this.ah;
+            return this.dy;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.da("ItemCornerRadius", b, a);
+            var b = this.dy;
+            this.dy = a;
+            if (b != this.dy) {
+                this.db("ActualSelectedItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hn", {
+    Object.defineProperty(XButtonGroup.prototype, "a2", {
         get: function () {
-            return this.d7;
+            return this.ai;
         },
         set: function (a) {
-            var b = this.d7;
-            this.d7 = a;
-            if (b != this.d7) {
-                this.da("ItemBackgroundColor", b, a);
+            var b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
+                this.db("ItemCornerRadius", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hp", {
+    Object.defineProperty(XButtonGroup.prototype, "ho", {
         get: function () {
-            return this.d9;
+            return this.d8;
         },
         set: function (a) {
-            var b = this.d9;
-            this.d9 = a;
-            if (b != this.d9) {
-                this.da("ItemDisabledBackgroundColor", b, a);
+            var b = this.d8;
+            this.d8 = a;
+            if (b != this.d8) {
+                this.db("ItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hu", {
+    Object.defineProperty(XButtonGroup.prototype, "hq", {
         get: function () {
-            return this.ee;
+            return this.ea;
         },
         set: function (a) {
-            var b = this.ee;
-            this.ee = a;
-            if (b != this.ee) {
-                this.da("ItemTextColor", b, a);
+            var b = this.ea;
+            this.ea = a;
+            if (b != this.ea) {
+                this.db("ItemDisabledBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hr", {
+    Object.defineProperty(XButtonGroup.prototype, "hv", {
         get: function () {
-            return this.eb;
+            return this.ef;
         },
         set: function (a) {
-            var b = this.eb;
-            this.eb = a;
-            if (b != this.eb) {
-                this.da("ItemDisabledTextColor", b, a);
+            var b = this.ef;
+            this.ef = a;
+            if (b != this.ef) {
+                this.db("ItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1022,105 +1012,105 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ec;
             this.ec = a;
             if (b != this.ec) {
-                this.da("ItemHoverBackgroundColor", b, a);
+                this.db("ItemDisabledTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "ho", {
+    Object.defineProperty(XButtonGroup.prototype, "ht", {
         get: function () {
-            return this.d8;
+            return this.ed;
         },
         set: function (a) {
-            var b = this.d8;
-            this.d8 = a;
-            if (b != this.d8) {
-                this.da("ItemBorderColor", b, a);
+            var b = this.ed;
+            this.ed = a;
+            if (b != this.ed) {
+                this.db("ItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hq", {
+    Object.defineProperty(XButtonGroup.prototype, "hp", {
         get: function () {
-            return this.ea;
+            return this.d9;
         },
         set: function (a) {
-            var b = this.ea;
-            this.ea = a;
-            if (b != this.ea) {
-                this.da("ItemDisabledBorderColor", b, a);
+            var b = this.d9;
+            this.d9 = a;
+            if (b != this.d9) {
+                this.db("ItemBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "a0", {
+    Object.defineProperty(XButtonGroup.prototype, "hr", {
         get: function () {
-            return this.ag;
+            return this.eb;
         },
         set: function (a) {
-            var b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.da("ItemBorderWidth", b, a);
+            var b = this.eb;
+            this.eb = a;
+            if (b != this.eb) {
+                this.db("ItemDisabledBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "ht", {
+    Object.defineProperty(XButtonGroup.prototype, "a1", {
         get: function () {
-            return this.ed;
+            return this.ah;
         },
         set: function (a) {
-            var b = this.ed;
-            this.ed = a;
-            if (b != this.ed) {
-                this.da("ItemHoverTextColor", b, a);
+            var b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.db("ItemBorderWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h7", {
+    Object.defineProperty(XButtonGroup.prototype, "hu", {
         get: function () {
-            return this.ev;
+            return this.ee;
         },
         set: function (a) {
-            var b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.da("SelectedItemBackgroundColor", b, a);
+            var b = this.ee;
+            this.ee = a;
+            if (b != this.ee) {
+                this.db("ItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "ia", {
+    Object.defineProperty(XButtonGroup.prototype, "h8", {
         get: function () {
-            return this.ey;
+            return this.ew;
         },
         set: function (a) {
-            var b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.da("SelectedItemTextColor", b, a);
+            var b = this.ew;
+            this.ew = a;
+            if (b != this.ew) {
+                this.db("SelectedItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h8", {
+    Object.defineProperty(XButtonGroup.prototype, "ib", {
         get: function () {
-            return this.ew;
+            return this.ez;
         },
         set: function (a) {
-            var b = this.ew;
-            this.ew = a;
-            if (b != this.ew) {
-                this.da("SelectedItemHoverBackgroundColor", b, a);
+            var b = this.ez;
+            this.ez = a;
+            if (b != this.ez) {
+                this.db("SelectedItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1134,77 +1124,77 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ex;
             this.ex = a;
             if (b != this.ex) {
-                this.da("SelectedItemHoverTextColor", b, a);
+                this.db("SelectedItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "a3", {
+    Object.defineProperty(XButtonGroup.prototype, "ia", {
         get: function () {
-            return this.aj;
+            return this.ey;
         },
         set: function (a) {
-            var b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
-                this.da("OutlinedItemCornerRadius", b, a);
+            var b = this.ey;
+            this.ey = a;
+            if (b != this.ey) {
+                this.db("SelectedItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hv", {
+    Object.defineProperty(XButtonGroup.prototype, "a4", {
         get: function () {
-            return this.ef;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.ef;
-            this.ef = a;
-            if (b != this.ef) {
-                this.da("OutlinedItemBackgroundColor", b, a);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.db("OutlinedItemCornerRadius", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hx", {
+    Object.defineProperty(XButtonGroup.prototype, "hw", {
         get: function () {
-            return this.eh;
+            return this.eg;
         },
         set: function (a) {
-            var b = this.eh;
-            this.eh = a;
-            if (b != this.eh) {
-                this.da("OutlinedItemDisabledBackgroundColor", b, a);
+            var b = this.eg;
+            this.eg = a;
+            if (b != this.eg) {
+                this.db("OutlinedItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h2", {
+    Object.defineProperty(XButtonGroup.prototype, "hy", {
         get: function () {
-            return this.em;
+            return this.ei;
         },
         set: function (a) {
-            var b = this.em;
-            this.em = a;
-            if (b != this.em) {
-                this.da("OutlinedItemTextColor", b, a);
+            var b = this.ei;
+            this.ei = a;
+            if (b != this.ei) {
+                this.db("OutlinedItemDisabledBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hz", {
+    Object.defineProperty(XButtonGroup.prototype, "h3", {
         get: function () {
-            return this.ej;
+            return this.en;
         },
         set: function (a) {
-            var b = this.ej;
-            this.ej = a;
-            if (b != this.ej) {
-                this.da("OutlinedItemDisabledTextColor", b, a);
+            var b = this.en;
+            this.en = a;
+            if (b != this.en) {
+                this.db("OutlinedItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1218,105 +1208,105 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ek;
             this.ek = a;
             if (b != this.ek) {
-                this.da("OutlinedItemHoverBackgroundColor", b, a);
+                this.db("OutlinedItemDisabledTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hw", {
+    Object.defineProperty(XButtonGroup.prototype, "h1", {
         get: function () {
-            return this.eg;
+            return this.el;
         },
         set: function (a) {
-            var b = this.eg;
-            this.eg = a;
-            if (b != this.eg) {
-                this.da("OutlinedItemBorderColor", b, a);
+            var b = this.el;
+            this.el = a;
+            if (b != this.el) {
+                this.db("OutlinedItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hy", {
+    Object.defineProperty(XButtonGroup.prototype, "hx", {
         get: function () {
-            return this.ei;
+            return this.eh;
         },
         set: function (a) {
-            var b = this.ei;
-            this.ei = a;
-            if (b != this.ei) {
-                this.da("OutlinedItemDisabledBorderColor", b, a);
+            var b = this.eh;
+            this.eh = a;
+            if (b != this.eh) {
+                this.db("OutlinedItemBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "a2", {
+    Object.defineProperty(XButtonGroup.prototype, "hz", {
         get: function () {
-            return this.ai;
+            return this.ej;
         },
         set: function (a) {
-            var b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.da("OutlinedItemBorderWidth", b, a);
+            var b = this.ej;
+            this.ej = a;
+            if (b != this.ej) {
+                this.db("OutlinedItemDisabledBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h1", {
+    Object.defineProperty(XButtonGroup.prototype, "a3", {
         get: function () {
-            return this.el;
+            return this.aj;
         },
         set: function (a) {
-            var b = this.el;
-            this.el = a;
-            if (b != this.el) {
-                this.da("OutlinedItemHoverTextColor", b, a);
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.db("OutlinedItemBorderWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h3", {
+    Object.defineProperty(XButtonGroup.prototype, "h2", {
         get: function () {
-            return this.er;
+            return this.em;
         },
         set: function (a) {
-            var b = this.er;
-            this.er = a;
-            if (b != this.er) {
-                this.da("OutlinedSelectedItemBackgroundColor", b, a);
+            var b = this.em;
+            this.em = a;
+            if (b != this.em) {
+                this.db("OutlinedItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h6", {
+    Object.defineProperty(XButtonGroup.prototype, "h4", {
         get: function () {
-            return this.eu;
+            return this.es;
         },
         set: function (a) {
-            var b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.da("OutlinedSelectedItemTextColor", b, a);
+            var b = this.es;
+            this.es = a;
+            if (b != this.es) {
+                this.db("OutlinedSelectedItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "h4", {
+    Object.defineProperty(XButtonGroup.prototype, "h7", {
         get: function () {
-            return this.es;
+            return this.ev;
         },
         set: function (a) {
-            var b = this.es;
-            this.es = a;
-            if (b != this.es) {
-                this.da(XButtonGroup.cv, b, a);
+            var b = this.ev;
+            this.ev = a;
+            if (b != this.ev) {
+                this.db("OutlinedSelectedItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1330,77 +1320,77 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.et;
             this.et = a;
             if (b != this.et) {
-                this.da("OutlinedSelectedItemHoverTextColor", b, a);
+                this.db(XButtonGroup.cw, b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "az", {
+    Object.defineProperty(XButtonGroup.prototype, "h6", {
         get: function () {
-            return this.af;
+            return this.eu;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.da("FlatItemCornerRadius", b, a);
+            var b = this.eu;
+            this.eu = a;
+            if (b != this.eu) {
+                this.db("OutlinedSelectedItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hb", {
+    Object.defineProperty(XButtonGroup.prototype, "a0", {
         get: function () {
-            return this.dz;
+            return this.ag;
         },
         set: function (a) {
-            var b = this.dz;
-            this.dz = a;
-            if (b != this.dz) {
-                this.da("FlatItemBackgroundColor", b, a);
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.db("FlatItemCornerRadius", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hd", {
+    Object.defineProperty(XButtonGroup.prototype, "hc", {
         get: function () {
-            return this.d1;
+            return this.d0;
         },
         set: function (a) {
-            var b = this.d1;
-            this.d1 = a;
-            if (b != this.d1) {
-                this.da("FlatItemDisabledBackgroundColor", b, a);
+            var b = this.d0;
+            this.d0 = a;
+            if (b != this.d0) {
+                this.db("FlatItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hi", {
+    Object.defineProperty(XButtonGroup.prototype, "he", {
         get: function () {
-            return this.d6;
+            return this.d2;
         },
         set: function (a) {
-            var b = this.d6;
-            this.d6 = a;
-            if (b != this.d6) {
-                this.da("FlatItemTextColor", b, a);
+            var b = this.d2;
+            this.d2 = a;
+            if (b != this.d2) {
+                this.db("FlatItemDisabledBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hf", {
+    Object.defineProperty(XButtonGroup.prototype, "hj", {
         get: function () {
-            return this.d3;
+            return this.d7;
         },
         set: function (a) {
-            var b = this.d3;
-            this.d3 = a;
-            if (b != this.d3) {
-                this.da("FlatItemDisabledTextColor", b, a);
+            var b = this.d7;
+            this.d7 = a;
+            if (b != this.d7) {
+                this.db("FlatItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1414,105 +1404,105 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d4;
             this.d4 = a;
             if (b != this.d4) {
-                this.da("FlatItemHoverBackgroundColor", b, a);
+                this.db("FlatItemDisabledTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hc", {
+    Object.defineProperty(XButtonGroup.prototype, "hh", {
         get: function () {
-            return this.d0;
+            return this.d5;
         },
         set: function (a) {
-            var b = this.d0;
-            this.d0 = a;
-            if (b != this.d0) {
-                this.da("FlatItemBorderColor", b, a);
+            var b = this.d5;
+            this.d5 = a;
+            if (b != this.d5) {
+                this.db("FlatItemHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "he", {
+    Object.defineProperty(XButtonGroup.prototype, "hd", {
         get: function () {
-            return this.d2;
+            return this.d1;
         },
         set: function (a) {
-            var b = this.d2;
-            this.d2 = a;
-            if (b != this.d2) {
-                this.da("FlatItemDisabledBorderColor", b, a);
+            var b = this.d1;
+            this.d1 = a;
+            if (b != this.d1) {
+                this.db("FlatItemBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "ay", {
+    Object.defineProperty(XButtonGroup.prototype, "hf", {
         get: function () {
-            return this.ae;
+            return this.d3;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.da("FlatItemBorderWidth", b, a);
+            var b = this.d3;
+            this.d3 = a;
+            if (b != this.d3) {
+                this.db("FlatItemDisabledBorderColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hh", {
+    Object.defineProperty(XButtonGroup.prototype, "az", {
         get: function () {
-            return this.d5;
+            return this.af;
         },
         set: function (a) {
-            var b = this.d5;
-            this.d5 = a;
-            if (b != this.d5) {
-                this.da("FlatItemHoverTextColor", b, a);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.db("FlatItemBorderWidth", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hj", {
+    Object.defineProperty(XButtonGroup.prototype, "hi", {
         get: function () {
-            return this.en;
+            return this.d6;
         },
         set: function (a) {
-            var b = this.en;
-            this.en = a;
-            if (b != this.en) {
-                this.da("FlatSelectedItemBackgroundColor", b, a);
+            var b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.db("FlatItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hm", {
+    Object.defineProperty(XButtonGroup.prototype, "hk", {
         get: function () {
-            return this.eq;
+            return this.eo;
         },
         set: function (a) {
-            var b = this.eq;
-            this.eq = a;
-            if (b != this.eq) {
-                this.da("FlatSelectedItemTextColor", b, a);
+            var b = this.eo;
+            this.eo = a;
+            if (b != this.eo) {
+                this.db("FlatSelectedItemBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "hk", {
+    Object.defineProperty(XButtonGroup.prototype, "hn", {
         get: function () {
-            return this.eo;
+            return this.er;
         },
         set: function (a) {
-            var b = this.eo;
-            this.eo = a;
-            if (b != this.eo) {
-                this.da("FlatSelectedItemHoverBackgroundColor", b, a);
+            var b = this.er;
+            this.er = a;
+            if (b != this.er) {
+                this.db("FlatSelectedItemTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1526,7 +1516,21 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ep;
             this.ep = a;
             if (b != this.ep) {
-                this.da("FlatSelectedItemHoverTextColor", b, a);
+                this.db("FlatSelectedItemHoverBackgroundColor", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XButtonGroup.prototype, "hm", {
+        get: function () {
+            return this.eq;
+        },
+        set: function (a) {
+            var b = this.eq;
+            this.eq = a;
+            if (b != this.eq) {
+                this.db("FlatSelectedItemHoverTextColor", b, a);
             }
         },
         enumerable: false,
@@ -1540,21 +1544,21 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.da("Orientation", enumGetBox(ButtonGroupOrientation_$type, b), enumGetBox(ButtonGroupOrientation_$type, a));
+                this.db("Orientation", enumGetBox(ButtonGroupOrientation_$type, b), enumGetBox(ButtonGroupOrientation_$type, a));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "b5", {
+    Object.defineProperty(XButtonGroup.prototype, "b6", {
         get: function () {
-            return this.a6;
+            return this.a7;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.da("Id", b, a);
+            var b = this.a7;
+            this.a7 = a;
+            if (b != this.a7) {
+                this.db("Id", b, a);
             }
         },
         enumerable: false,
@@ -1562,34 +1566,34 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(XButtonGroup.prototype, "disabled", {
         get: function () {
-            return this.w;
+            return this.x;
         },
         set: function (a) {
-            var b = this.w;
-            this.w = a;
-            this.v = true;
-            if (b != this.w) {
-                this.da("IsDisabled", b, a);
+            var b = this.x;
+            this.x = a;
+            this.w = true;
+            if (b != this.x) {
+                this.db("IsDisabled", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XButtonGroup.prototype, "z", {
+    Object.defineProperty(XButtonGroup.prototype, "aa", {
         get: function () {
-            return this.x;
+            return this.y;
         },
         set: function (a) {
-            var b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.da("IsMultiSelect", b, a);
+            var b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.db("IsMultiSelect", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    XButtonGroup.prototype.db = function () {
+    XButtonGroup.prototype.dc = function () {
     };
     XButtonGroup.prototype.onDetachedFromUI = function () {
         this.view.u();
@@ -1597,31 +1601,31 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     XButtonGroup.prototype.onAttachedToUI = function () {
         this.view.s();
     };
-    XButtonGroup.prototype.ab = function () {
+    XButtonGroup.prototype.ac = function () {
         return this.view.d();
     };
-    XButtonGroup.prototype.a5 = function () {
+    XButtonGroup.prototype.a6 = function () {
         return this.e();
     };
-    XButtonGroup.prototype.bq = function () {
+    XButtonGroup.prototype.br = function () {
         var a = this.e();
         return a.p();
     };
     XButtonGroup.prototype.e = function () {
         var a = new ButtonGroupVisualModelExport();
-        a.e = this.p;
-        a.f = this.s;
+        a.e = this.q;
+        a.f = this.t;
         a.a = this.d;
-        a.k = this.al;
-        a.b = AppearanceHelper.a(this.ez);
-        a.d = AppearanceHelper.a(this.e6);
-        a.c = AppearanceHelper.a(this.e0);
-        a.j = this.ak;
+        a.k = this.am;
+        a.b = AppearanceHelper.a(this.e0);
+        a.d = AppearanceHelper.a(this.e7);
+        a.c = AppearanceHelper.a(this.e1);
+        a.j = this.al;
         a.g = this.disabled;
-        a.h = this.z;
+        a.h = this.aa;
         a.i = new List$1(ButtonVisualModelExport.$, 0);
         for (var b = 0; b < this.buttons.count; b++) {
-            a.i.add1(this.buttons._inner[b].eb());
+            a.i.add1(this.buttons._inner[b].ec());
         }
         return a;
     };
@@ -1636,64 +1640,74 @@ export var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     XButtonGroup.$t = markType(XButtonGroup, 'XButtonGroup', Base.$, [INotifyPropertyChanged_$type]);
-    XButtonGroup.o = 2;
-    XButtonGroup.av = 4;
-    XButtonGroup.gn = BrushUtil.j(255, 255, 255, 255);
-    XButtonGroup.gp = BrushUtil.j(10, 0, 0, 0);
-    XButtonGroup.go = BrushUtil.j(255, 199, 199, 199);
-    XButtonGroup.gq = BrushUtil.j(255, 199, 199, 199);
-    XButtonGroup.au = 1;
-    XButtonGroup.gu = BrushUtil.j(255, 0, 0, 0);
-    XButtonGroup.gr = BrushUtil.j(66, 0, 0, 0);
-    XButtonGroup.gv = BrushUtil.j(60, 0, 0, 0);
-    XButtonGroup.gy = BrushUtil.j(255, 0, 0, 0);
-    XButtonGroup.gs = BrushUtil.j(30, 0, 0, 0);
-    XButtonGroup.gt = BrushUtil.j(255, 0, 0, 0);
-    XButtonGroup.gw = BrushUtil.j(96, 0, 0, 0);
-    XButtonGroup.gx = BrushUtil.j(255, 0, 0, 0);
-    XButtonGroup.ap = 3;
-    XButtonGroup.fn = BrushUtil.j(0, 255, 255, 255);
-    XButtonGroup.fp = BrushUtil.j(10, 0, 0, 0);
-    XButtonGroup.fo = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fq = BrushUtil.j(255, 199, 199, 199);
-    XButtonGroup.ao = 1;
-    XButtonGroup.fu = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fr = BrushUtil.j(66, 0, 0, 0);
-    XButtonGroup.fv = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fy = BrushUtil.j(255, 255, 255, 255);
-    XButtonGroup.fs = BrushUtil.j(26, 33, 150, 243);
-    XButtonGroup.ft = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fw = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fx = BrushUtil.j(255, 255, 255, 255);
-    XButtonGroup.at = 4;
-    XButtonGroup.gb = BrushUtil.j(0, 255, 255, 255);
-    XButtonGroup.gd = BrushUtil.j(10, 0, 0, 0);
-    XButtonGroup.gc = BrushUtil.j(0, 0, 0, 0);
-    XButtonGroup.ge = BrushUtil.j(255, 199, 199, 199);
-    XButtonGroup.as = 0;
-    XButtonGroup.gi = BrushUtil.j(255, 228, 28, 119);
-    XButtonGroup.gf = BrushUtil.j(66, 0, 0, 0);
-    XButtonGroup.gj = BrushUtil.j(30, 228, 28, 119);
-    XButtonGroup.gm = BrushUtil.j(255, 228, 28, 119);
-    XButtonGroup.gg = BrushUtil.j(13, 228, 28, 119);
-    XButtonGroup.gh = BrushUtil.j(255, 228, 28, 119);
-    XButtonGroup.gk = BrushUtil.j(30, 228, 28, 119);
-    XButtonGroup.gl = BrushUtil.j(255, 228, 28, 119);
+    XButtonGroup.p = 2;
+    XButtonGroup.aw = 4;
+    XButtonGroup.go = BrushUtil.l(255, 255, 255, 255);
+    XButtonGroup.gq = BrushUtil.l(10, 0, 0, 0);
+    XButtonGroup.gp = BrushUtil.l(255, 199, 199, 199);
+    XButtonGroup.gr = BrushUtil.l(255, 199, 199, 199);
+    XButtonGroup.av = 1;
+    XButtonGroup.gv = BrushUtil.l(255, 0, 0, 0);
+    XButtonGroup.gs = BrushUtil.l(66, 0, 0, 0);
+    XButtonGroup.gw = BrushUtil.l(60, 0, 0, 0);
+    XButtonGroup.gz = BrushUtil.l(255, 0, 0, 0);
+    XButtonGroup.gt = BrushUtil.l(30, 0, 0, 0);
+    XButtonGroup.gu = BrushUtil.l(255, 0, 0, 0);
+    XButtonGroup.gx = BrushUtil.l(96, 0, 0, 0);
+    XButtonGroup.gy = BrushUtil.l(255, 0, 0, 0);
+    XButtonGroup.aq = 3;
+    XButtonGroup.fo = BrushUtil.l(0, 255, 255, 255);
+    XButtonGroup.fq = BrushUtil.l(10, 0, 0, 0);
+    XButtonGroup.fp = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fr = BrushUtil.l(255, 199, 199, 199);
+    XButtonGroup.ap = 1;
+    XButtonGroup.fv = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fs = BrushUtil.l(66, 0, 0, 0);
+    XButtonGroup.fw = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fz = BrushUtil.l(255, 255, 255, 255);
+    XButtonGroup.ft = BrushUtil.l(26, 33, 150, 243);
+    XButtonGroup.fu = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fx = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fy = BrushUtil.l(255, 255, 255, 255);
+    XButtonGroup.au = 4;
+    XButtonGroup.gc = BrushUtil.l(0, 255, 255, 255);
+    XButtonGroup.ge = BrushUtil.l(10, 0, 0, 0);
+    XButtonGroup.gd = BrushUtil.l(0, 0, 0, 0);
+    XButtonGroup.gf = BrushUtil.l(255, 199, 199, 199);
+    XButtonGroup.at = 0;
+    XButtonGroup.gj = BrushUtil.l(255, 228, 28, 119);
+    XButtonGroup.gg = BrushUtil.l(66, 0, 0, 0);
+    XButtonGroup.gk = BrushUtil.l(30, 228, 28, 119);
+    XButtonGroup.gn = BrushUtil.l(255, 228, 28, 119);
+    XButtonGroup.gh = BrushUtil.l(13, 228, 28, 119);
+    XButtonGroup.gi = BrushUtil.l(255, 228, 28, 119);
+    XButtonGroup.gl = BrushUtil.l(30, 228, 28, 119);
+    XButtonGroup.gm = BrushUtil.l(255, 228, 28, 119);
+    XButtonGroup.ao = 0;
+    XButtonGroup.fc = BrushUtil.l(0, 255, 255, 255);
+    XButtonGroup.fe = BrushUtil.l(10, 0, 0, 0);
+    XButtonGroup.fd = BrushUtil.l(0, 0, 0, 0);
+    XButtonGroup.ff = BrushUtil.l(0, 0, 0, 0);
     XButtonGroup.an = 0;
-    XButtonGroup.fb = BrushUtil.j(0, 255, 255, 255);
-    XButtonGroup.fd = BrushUtil.j(10, 0, 0, 0);
-    XButtonGroup.fc = BrushUtil.j(0, 0, 0, 0);
-    XButtonGroup.fe = BrushUtil.j(0, 0, 0, 0);
-    XButtonGroup.am = 0;
-    XButtonGroup.fi = BrushUtil.j(255, 119, 119, 119);
-    XButtonGroup.ff = BrushUtil.j(66, 0, 0, 0);
-    XButtonGroup.fj = BrushUtil.j(26, 33, 150, 243);
-    XButtonGroup.fm = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.fg = BrushUtil.j(10, 33, 150, 243);
-    XButtonGroup.fh = BrushUtil.j(255, 119, 119, 119);
-    XButtonGroup.fk = BrushUtil.j(26, 33, 150, 243);
-    XButtonGroup.fl = BrushUtil.j(255, 33, 150, 243);
-    XButtonGroup.cv = "OutlinedSelectedItemHoverBackgroundColor";
-    XButtonGroup.a4 = 0;
+    XButtonGroup.fj = BrushUtil.l(255, 119, 119, 119);
+    XButtonGroup.fg = BrushUtil.l(66, 0, 0, 0);
+    XButtonGroup.fk = BrushUtil.l(26, 33, 150, 243);
+    XButtonGroup.fn = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.fh = BrushUtil.l(10, 33, 150, 243);
+    XButtonGroup.fi = BrushUtil.l(255, 119, 119, 119);
+    XButtonGroup.fl = BrushUtil.l(26, 33, 150, 243);
+    XButtonGroup.fm = BrushUtil.l(255, 33, 150, 243);
+    XButtonGroup.cw = "OutlinedSelectedItemHoverBackgroundColor";
+    XButtonGroup.a5 = 0;
+    XButtonGroup.n = new ThemeResolver(1, ((function () {
+        var $ret = new Dictionary$2(BaseControlTheme_$type, Theme.$, 0);
+        $ret.addItem(2, XButton.i);
+        $ret.addItem(1, XButton.h);
+        $ret.addItem(3, XButton.k);
+        $ret.addItem(4, XButton.j);
+        $ret.addItem(5, XButton.k);
+        $ret.addItem(6, XButton.j);
+        return $ret;
+    })()), 2);
     return XButtonGroup;
 }(Base));