igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

package/esm2015/lib/ButtonView_combined.js

@@ -4,11 +4,12 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
+import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, String_$type } from "igniteui-webcomponents-core";
 import { List$1 } from "igniteui-webcomponents-core";
 import { XRipple } from "./XRipple";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { KeyFrameAnimationFactory } from "igniteui-webcomponents-core";
 import { ElevationMode_$type } from "igniteui-webcomponents-core";
 import { ElevationHelper } from "./ElevationHelper";
@@ -16,15 +17,20 @@ import { ButtonDisplayStyle_$type } from "./ButtonDisplayStyle";
 import { isNaN_ } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { CornerRadius } from "igniteui-webcomponents-core";
+import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffectTiming } from "igniteui-webcomponents-core";
 import { ThemeResolver } from "./ThemeResolver";
 import { ButtonClickEventArgs } from "./ButtonClickEventArgs";
+import { MouseEventArgs } from "igniteui-webcomponents-core";
+import { FocusEventArgs } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { BrushUtil } from "igniteui-webcomponents-core";
 import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
 import { UIElementPropertyAccessorFactory } from "igniteui-webcomponents-core";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
+import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { Theme } from "./Theme";
 /**
  * @hidden
  */
@@ -46,7 +52,7 @@ export let ButtonView = /*@__PURE__*/ (() => {
             this.p = null;
             this.o = null;
         }
-        ak() {
+        ao() {
         }
         g() {
             return true;
@@ -54,10 +60,10 @@ export let ButtonView = /*@__PURE__*/ (() => {
         get q() {
             return this.n;
         }
-        get r() {
+        get s() {
             return this.m;
         }
-        ae(a) {
+        ai(a) {
             if (a == null) {
                 for (let b of fromEnum(this.h)) {
                     b();
@@ -76,7 +82,7 @@ export let ButtonView = /*@__PURE__*/ (() => {
             this.n.setStyleProperty("display", "inline-flex");
             this.n.setStyleProperty("align-items", "center");
             this.n.setStyleProperty("justify-content", "center");
-            this.at();
+            this.ay();
             this.n.setStyleProperty("border", "none");
             this.n.setStyleProperty("cursor", "pointer");
             this.n.setStyleProperty("user-select", "none");
@@ -85,16 +91,18 @@ export let ButtonView = /*@__PURE__*/ (() => {
             this.n.setStyleProperty("overflow", "hidden");
             this.n.setStyleProperty("white-space", "no-wrap");
             this.n.setStyleProperty("color", "#000");
-            this.n.setStyleProperty("background", this.b.m9._fill);
-            NativeUI.m(this.n, this.b.kd);
-            this.n.setAttribute("id", this.b.h8);
-            this.aq();
-            this.h.add(c.listen("change", runOn(this, this.w)));
-            this.h.add(c.listen("click", runOn(this, this.x)));
-            this.h.add(c.listen("focus", runOn(this, this.y)));
-            this.h.add(c.listen("blur", runOn(this, this.v)));
-            this.h.add(this.k.rootWrapper.listen("mouseenter", runOn(this, this.t)));
-            this.h.add(this.k.rootWrapper.listen("mouseleave", runOn(this, this.u)));
+            this.n.setStyleProperty("background", this.b.nf._fill);
+            NativeUI.n(this.n, this.b.kr);
+            this.n.setAttribute("id", this.b.hu);
+            this.av();
+            this.h.add(c.listen("change", runOn(this, this.x)));
+            this.h.add(c.listen("click", runOn(this, this.y)));
+            this.h.add(c.listen("focus", runOn(this, this.z)));
+            this.h.add(c.listen("blur", runOn(this, this.w)));
+            this.h.add(this.k.rootWrapper.listen("mouseenter", runOn(this, this.u)));
+            this.h.add(this.k.rootWrapper.listen("mouseleave", runOn(this, this.v)));
+            this.h.add(this.k.rootWrapper.listen("focusin", runOn(this, this.aa)));
+            this.h.add(this.k.rootWrapper.listen("focusout", runOn(this, this.ab)));
             this.k.append(c);
             let d = this.k.createElement("div");
             let e = this.k.getSubRenderer(d);
@@ -117,31 +125,30 @@ export let ButtonView = /*@__PURE__*/ (() => {
             h.setStyleProperty("font-family", "Verdana");
             h.setStyleProperty("font-weight", "400");
             h.setStyleProperty("font-size", ".875rem");
-            h.setStyleProperty("cursor", "pointer");
             this.m = h;
-            this.h.add(h.listen("click", runOn(this, this.s)));
+            this.h.add(h.listen("click", runOn(this, this.t)));
             this.n.append(h);
             this.o = h;
             this.k.getPortal(h, "ChildContent", (i) => {
                 let comp_ = i.componentRef;
                 this.p = comp_;
                 {
-                    this.o.setStyleProperty("flex-direction", this.b.hf);
-                    this.o.setStyleProperty("align-items", this.b.fw);
-                    let direction_ = this.b.hf;
-                    let display_ = this.b.gc;
-                    let alignItems_ = this.b.fw;
+                    this.o.setStyleProperty("flex-direction", this.b.g0);
+                    this.o.setStyleProperty("align-items", this.b.e7);
+                    let direction_ = this.b.g0;
+                    let display_ = this.b.ff != null ? this.b.ff : this.b.fw;
+                    let alignItems_ = this.b.e7;
                     comp_.display = display_;
                     comp_.flexDirection = direction_;
                     comp_.alignItems = alignItems_;
                 }
             }, true);
-            this.b.j0();
+            this.b.ke();
         }
-        ag() {
-            this.c.i = this.b.ae;
+        ak() {
+            this.c.i = this.b.ap;
         }
-        at() {
+        ay() {
             let a = "2.25rem";
             let b = "2.25rem";
             let c = "2.25rem";
@@ -155,7 +162,7 @@ export let ButtonView = /*@__PURE__*/ (() => {
             let k = "0px";
             let l = ".9375rem";
             let m = ".5625rem 1rem";
-            switch (this.b.l) {
+            switch (this.b.q) {
                 case 2:
                     m = ".375rem .75rem";
                     j = "1.875rem";
@@ -175,6 +182,9 @@ export let ButtonView = /*@__PURE__*/ (() => {
                     l = ".4375rem";
                     break;
             }
+            if (!isNaN_(this.b.bi) && !isNaN_(this.b.bk) && !isNaN_(this.b.bj) && !isNaN_(this.b.bh)) {
+                m = this.b.bk + "px " + this.b.bj + "px " + this.b.bh + "px " + this.b.bi + "px";
+            }
             if (this.b.e == 4) {
                 this.n.setStyleProperty("min-width", a);
                 this.n.setStyleProperty("min-height", b);
@@ -194,7 +204,7 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 this.n.setStyleProperty("min-height", j);
                 this.n.setStyleProperty("padding", m);
             }
-            if (!isNaN_(this.b.aw) && this.b.aw > 0) {
+            if (!isNaN_(this.b.bf) && this.b.bf > 0) {
                 this.n.setStyleProperty("border-style", "solid");
             }
             else {
@@ -206,24 +216,54 @@ export let ButtonView = /*@__PURE__*/ (() => {
             if (!isNaN_(this.i)) {
                 this.n.setStyleProperty("min-height", this.i.toString() + "px");
             }
+            if (this.b.av) {
+                this.n.setStyleProperty("width", "100%");
+                this.n.setStyleProperty("height", "100%");
+                this.k.rootWrapper.setStyleProperty("height", "100%");
+            }
+            else {
+                this.n.setStyleProperty("width", "auto");
+                this.n.setStyleProperty("height", "auto");
+                this.k.rootWrapper.setStyleProperty("height", "auto");
+            }
+        }
+        as() {
+            switch (this.b.k5) {
+                case 1:
+                    this.n.setStyleProperty("justify-content", "center");
+                    this.o.setStyleProperty("flex-grow", "unset");
+                    break;
+                case 3:
+                    this.n.setStyleProperty("justify-content", "stretch");
+                    this.o.setStyleProperty("flex-grow", "1");
+                    break;
+                case 0:
+                    this.n.setStyleProperty("justify-content", "left");
+                    this.o.setStyleProperty("flex-grow", "unset");
+                    break;
+                case 2:
+                    this.n.setStyleProperty("justify-content", "right");
+                    this.o.setStyleProperty("flex-grow", "unset");
+                    break;
+            }
         }
-        ap(a) {
+        au(a) {
             this.j = a;
         }
-        ao(a) {
+        at(a) {
             this.i = a;
         }
-        am() {
+        aq() {
             this.n.setAttribute("disabled", this.b.disabled ? "true" : "false");
             this.n.setProperty("disabled", this.b.disabled);
         }
-        ah() {
+        al() {
             if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("display", this.b.gc);
+                this.k.rootWrapper.setStyleProperty("display", this.b.fw);
                 let comp_ = this.p;
                 if (this.p != null) {
-                    this.o.setStyleProperty("display", this.b.gc);
-                    let display_ = this.b.gc;
+                    this.o.setStyleProperty("display", this.b.fw);
+                    let display_ = this.b.ff != null ? this.b.fw : this.b.ff;
                     comp_.display = display_;
                 }
                 let ext_ = this.k.getExternal(this.b, null, null);
@@ -233,14 +273,23 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 ;
             }
         }
-        ac() {
+        ah() {
+            if (this.k != null) {
+                let comp_ = this.p;
+                if (this.p != null) {
+                    let display_ = this.b.ff != null ? this.b.ff : this.b.fw;
+                    comp_.display = display_;
+                }
+            }
+        }
+        af() {
             if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("align-items", this.b.fw);
-                this.n.setStyleProperty("align-items", this.b.fw);
+                this.k.rootWrapper.setStyleProperty("align-items", this.b.e7);
+                this.n.setStyleProperty("align-items", this.b.e7);
                 let comp_ = this.p;
                 if (this.p != null) {
-                    this.o.setStyleProperty("align-items", this.b.fw);
-                    let alignItems_ = this.b.fw;
+                    this.o.setStyleProperty("align-items", this.b.e7);
+                    let alignItems_ = this.b.e7;
                     comp_.alignItems = alignItems_;
                 }
                 let ext_ = this.k.getExternal(this.b, null, null);
@@ -250,15 +299,15 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 ;
             }
         }
-        ai() {
+        am() {
             if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("flex-direction", this.b.hf);
-                this.n.setStyleProperty("flex-direction", this.b.hf);
+                this.k.rootWrapper.setStyleProperty("flex-direction", this.b.g0);
+                this.n.setStyleProperty("flex-direction", this.b.g0);
                 let ext_ = this.k.getExternal(this.b, null, null);
                 let comp_ = this.p;
                 if (this.p != null) {
-                    this.o.setStyleProperty("flex-direction", this.b.hf);
-                    let direction_ = this.b.hf;
+                    this.o.setStyleProperty("flex-direction", this.b.g0);
+                    let direction_ = this.b.g0;
                     comp_.flexDirection = direction_;
                 }
                 if (ext_ && ext_._onFlexDirectionChanged) {
@@ -267,10 +316,10 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 ;
             }
         }
-        aj() {
+        an() {
             if (this.k != null) {
-                this.k.rootWrapper.setStyleProperty("flex-grow", this.b.hh);
-                this.n.setStyleProperty("flex-grow", this.b.hh);
+                this.k.rootWrapper.setStyleProperty("flex-grow", this.b.g2);
+                this.n.setStyleProperty("flex-grow", this.b.g2);
                 let ext_ = this.k.getExternal(this.b, null, null);
                 if (ext_ && ext_._onFlexGrowChanged) {
                     ext_._onFlexGrowChanged();
@@ -278,96 +327,111 @@ export let ButtonView = /*@__PURE__*/ (() => {
                 ;
             }
         }
-        s(a) {
+        t(a) {
         }
-        aq() {
+        av() {
             if (this.g()) {
-                let a = this.b.h8;
-                this.n.setAttribute("name", this.b.ih);
-                this.n.setProperty("value", this.b.e0);
-                if (this.b.ah) {
-                    this.n.setAttribute("tabindex", this.b.eu.toString());
+                let a = this.b.hu;
+                this.n.setAttribute("name", this.b.h2);
+                this.n.setProperty("value", this.b.ea);
+                if (this.b.aw) {
+                    this.n.setAttribute("tabindex", this.b.d3.toString());
                 }
                 this.n.setProperty("disabled", this.b.disabled);
                 {
                 }
-                this.n.setAttribute("aria-label", this.b.fy);
+                this.n.setAttribute("aria-label", this.b.e9);
+                this.n.setStyleProperty("cursor", !this.b.as ? "pointer" : "unset");
             }
         }
-        al() {
+        ap() {
             if (this.g()) {
-                let a = this.b.h8;
+                let a = this.b.hu;
                 this.n.setAttribute("id", a);
             }
         }
-        t(a) {
-            this.b.jx();
-        }
         u(a) {
-            this.b.jy();
+            this.b.kb();
         }
         v(a) {
-            this.b.jt();
+            this.b.kc();
+        }
+        w(a) {
+            this.b.j5();
+        }
+        z(a) {
+            this.b.j8();
         }
         y(a) {
-            this.b.jw();
+            if (!this.b.aq) {
+                a.preventDefault();
+            }
+            this.b.j6();
         }
-        x(a) {
-            this.b.ju();
+        aa(a) {
+            this.b.j9();
+        }
+        ab(a) {
+            this.b.ka(a.originalEvent.relatedTarget);
         }
         f() {
             return false;
         }
-        w(a) {
+        x(a) {
         }
-        ab() {
+        ae() {
             if (KeyFrameAnimationFactory.h == null) {
                 KeyFrameAnimationFactory.h = this.k;
             }
         }
-        ad() {
+        ag() {
             this.e = true;
-            this.h.add(this.n.listen("change", runOn(this, this.w)));
-            this.h.add(this.n.listen("click", runOn(this, this.x)));
-            this.h.add(this.n.listen("focus", runOn(this, this.y)));
-            this.h.add(this.n.listen("blur", runOn(this, this.v)));
-            this.h.add(this.m.listen("click", runOn(this, this.s)));
-            this.h.add(this.n.listen("mouseenter", runOn(this, this.t)));
-            this.h.add(this.n.listen("mouseleave", runOn(this, this.u)));
+            this.h.add(this.n.listen("change", runOn(this, this.x)));
+            this.h.add(this.n.listen("click", runOn(this, this.y)));
+            this.h.add(this.n.listen("focus", runOn(this, this.z)));
+            this.h.add(this.n.listen("blur", runOn(this, this.w)));
+            this.h.add(this.m.listen("click", runOn(this, this.t)));
+            this.h.add(this.n.listen("mouseenter", runOn(this, this.u)));
+            this.h.add(this.n.listen("mouseleave", runOn(this, this.v)));
+            this.h.add(this.n.listen("focusin", runOn(this, this.aa)));
+            this.h.add(this.n.listen("focusout", runOn(this, this.ab)));
         }
-        af() {
+        aj() {
             this.e = false;
             for (let a of fromEnum(this.h)) {
                 a();
             }
             this.h.clear();
         }
-        an() {
+        ar() {
             let model_ = this.b;
             if (model_.externalObject && model_.externalObject.refreshDefaults) {
                 model_.externalObject.refreshDefaults();
             }
             ;
         }
-        ar(a, b) {
+        aw(a, b) {
             this.c.ax = a;
             this.c.aw = b;
         }
-        as(a, b) {
-            let c = ElevationHelper.e(a, this.b.nl, this.b.ni, this.b.m8, b);
+        ax(a, b) {
+            let c = ElevationHelper.e(a, this.b.nr, this.b.no, this.b.ne, b);
             this.n.setStyleProperty("box-shadow", c);
         }
-        au(a) {
+        az(a) {
             if (a != null) {
                 this.m.setStyleProperty("font", a.fontString);
             }
         }
-        z(a) {
+        ac(a) {
             this.m.append(a);
         }
-        aa() {
+        ad() {
             this.m.removeChildren();
         }
+        r() {
+            return this.m.getChildCount() > 0 ? this.m.getChildAt(0) : null;
+        }
         a() {
             let rect_ = this.k.rootWrapper.getNativeElement().getBoundingClientRect();
             let a = (rect_.top);
@@ -389,251 +453,266 @@ export let XButton = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this._view = null;
-            this.ez = null;
-            this.sh = ThemeResolver.e(XButton.h, XButton.rt, XButton.pa);
-            this.r5 = ThemeResolver.e(XButton.h, XButton.rh, XButton.oy);
-            this.no = ThemeResolver.e(XButton.h, XButton.p8, XButton.np);
-            this.r = ThemeResolver.a(XButton.h, XButton.s, XButton.q);
-            this.r8 = ThemeResolver.e(XButton.h, XButton.rk, XButton.o1);
-            this.r9 = ThemeResolver.e(XButton.h, XButton.rl, XButton.o2);
-            this.sa = ThemeResolver.e(XButton.h, XButton.rm, XButton.o3);
-            this.d2 = ThemeResolver.c(XButton.h, XButton.du, XButton.cx);
-            this.d5 = ThemeResolver.c(XButton.h, XButton.dx, XButton.c0);
-            this.d4 = ThemeResolver.c(XButton.h, XButton.dw, XButton.cz);
-            this.d3 = ThemeResolver.c(XButton.h, XButton.dv, XButton.cy);
-            this.r7 = ThemeResolver.e(XButton.h, XButton.rj, XButton.o0);
-            this.sf = ThemeResolver.e(XButton.h, XButton.rr, XButton.o8);
-            this.ku = ThemeResolver.d(XButton.h, XButton.ks, XButton.kk);
-            this.bc = ThemeResolver.b(XButton.h, XButton.ba, XButton.a2);
-            this.r6 = ThemeResolver.e(XButton.h, XButton.ri, XButton.oz);
-            this.sg = ThemeResolver.e(XButton.h, XButton.rs, XButton.o9);
-            this.se = ThemeResolver.e(XButton.h, XButton.rq, XButton.o7);
-            this.sd = ThemeResolver.e(XButton.h, XButton.rp, XButton.o6);
-            this.sb = ThemeResolver.e(XButton.h, XButton.rn, XButton.o4);
-            this.sc = ThemeResolver.e(XButton.h, XButton.ro, XButton.o5);
-            this.po = ThemeResolver.e(XButton.h, XButton.qm, XButton.n3);
-            this.pp = ThemeResolver.e(XButton.h, XButton.qn, XButton.n4);
-            this.pq = ThemeResolver.e(XButton.h, XButton.qo, XButton.n5);
-            this.c5 = ThemeResolver.c(XButton.h, XButton.dh, XButton.cl);
-            this.c8 = ThemeResolver.c(XButton.h, XButton.dk, XButton.co);
-            this.c7 = ThemeResolver.c(XButton.h, XButton.dj, XButton.cn);
-            this.c6 = ThemeResolver.c(XButton.h, XButton.di, XButton.cm);
-            this.pn = ThemeResolver.e(XButton.h, XButton.ql, XButton.n2);
-            this.pv = ThemeResolver.e(XButton.h, XButton.qt, XButton.oa);
-            this.km = ThemeResolver.d(XButton.h, XButton.kp, XButton.kh);
-            this.a4 = ThemeResolver.b(XButton.h, XButton.a7, XButton.az);
-            this.pm = ThemeResolver.e(XButton.h, XButton.qk, XButton.n1);
-            this.pw = ThemeResolver.e(XButton.h, XButton.qu, XButton.ob);
-            this.pu = ThemeResolver.e(XButton.h, XButton.qs, XButton.n9);
-            this.pt = ThemeResolver.e(XButton.h, XButton.qr, XButton.n8);
-            this.pr = ThemeResolver.e(XButton.h, XButton.qp, XButton.n6);
-            this.ps = ThemeResolver.e(XButton.h, XButton.qq, XButton.n7);
-            this.rw = ThemeResolver.e(XButton.h, XButton.q8, XButton.op);
-            this.rx = ThemeResolver.e(XButton.h, XButton.q9, XButton.oq);
-            this.ry = ThemeResolver.e(XButton.h, XButton.ra, XButton.or);
-            this.dy = ThemeResolver.c(XButton.h, XButton.dq, XButton.ct);
-            this.d1 = ThemeResolver.c(XButton.h, XButton.dt, XButton.cw);
-            this.d0 = ThemeResolver.c(XButton.h, XButton.ds, XButton.cv);
-            this.dz = ThemeResolver.c(XButton.h, XButton.dr, XButton.cu);
-            this.rv = ThemeResolver.e(XButton.h, XButton.q7, XButton.oo);
-            this.r3 = ThemeResolver.e(XButton.h, XButton.rf, XButton.ow);
-            this.kt = ThemeResolver.d(XButton.h, XButton.kr, XButton.kj);
-            this.bb = ThemeResolver.b(XButton.h, XButton.a9, XButton.a1);
-            this.ru = ThemeResolver.e(XButton.h, XButton.q6, XButton.on);
-            this.r4 = ThemeResolver.e(XButton.h, XButton.rg, XButton.ox);
-            this.r2 = ThemeResolver.e(XButton.h, XButton.re, XButton.ov);
-            this.r1 = ThemeResolver.e(XButton.h, XButton.rd, XButton.ou);
-            this.rz = ThemeResolver.e(XButton.h, XButton.rb, XButton.os);
-            this.r0 = ThemeResolver.e(XButton.h, XButton.rc, XButton.ot);
-            this.pz = ThemeResolver.e(XButton.h, XButton.qx, XButton.oe);
-            this.p0 = ThemeResolver.e(XButton.h, XButton.qy, XButton.of);
-            this.p1 = ThemeResolver.e(XButton.h, XButton.qz, XButton.og);
-            this.c9 = ThemeResolver.c(XButton.h, XButton.dl, XButton.cp);
-            this.dc = ThemeResolver.c(XButton.h, XButton.dp, XButton.cs);
-            this.db = ThemeResolver.c(XButton.h, XButton.dn, XButton.cr);
-            this.da = ThemeResolver.c(XButton.h, XButton.dm, XButton.cq);
-            this.py = ThemeResolver.e(XButton.h, XButton.qw, XButton.od);
-            this.p6 = ThemeResolver.e(XButton.h, XButton.q4, XButton.ol);
-            this.kn = ThemeResolver.d(XButton.h, XButton.kq, XButton.ki);
-            this.a5 = ThemeResolver.b(XButton.h, XButton.a8, XButton.a0);
-            this.px = ThemeResolver.e(XButton.h, XButton.qv, XButton.oc);
-            this.p7 = ThemeResolver.e(XButton.h, XButton.q5, XButton.om);
-            this.p5 = ThemeResolver.e(XButton.h, XButton.q3, XButton.ok);
-            this.p4 = ThemeResolver.e(XButton.h, XButton.q2, XButton.oj);
-            this.p2 = ThemeResolver.e(XButton.h, XButton.q0, XButton.oh);
-            this.p3 = ThemeResolver.e(XButton.h, XButton.q1, XButton.oi);
-            this.pd = ThemeResolver.e(XButton.h, XButton.qb, XButton.ns);
-            this.pe = ThemeResolver.e(XButton.h, XButton.qc, XButton.nt);
-            this.pf = ThemeResolver.e(XButton.h, XButton.qd, XButton.nu);
-            this.c1 = ThemeResolver.c(XButton.h, XButton.dd, XButton.ch);
-            this.c4 = ThemeResolver.c(XButton.h, XButton.dg, XButton.ck);
-            this.c3 = ThemeResolver.c(XButton.h, XButton.df, XButton.cj);
-            this.c2 = ThemeResolver.c(XButton.h, XButton.de, XButton.ci);
-            this.pc = ThemeResolver.e(XButton.h, XButton.qa, XButton.nr);
-            this.pk = ThemeResolver.e(XButton.h, XButton.qi, XButton.nz);
-            this.kl = ThemeResolver.d(XButton.h, XButton.ko, XButton.kg);
-            this.a3 = ThemeResolver.b(XButton.h, XButton.a6, XButton.ay);
-            this.pb = ThemeResolver.e(XButton.h, XButton.p9, XButton.nq);
-            this.pl = ThemeResolver.e(XButton.h, XButton.qj, XButton.n0);
-            this.pj = ThemeResolver.e(XButton.h, XButton.qh, XButton.ny);
-            this.pi = ThemeResolver.e(XButton.h, XButton.qg, XButton.nx);
-            this.pg = ThemeResolver.e(XButton.h, XButton.qe, XButton.nv);
-            this.ph = ThemeResolver.e(XButton.h, XButton.qf, XButton.nw);
-            this.at = NaN;
-            this.as = NaN;
+            this.d9 = null;
+            this.pf = XButton.k.ae(XButton.m, "UmbraShadowColor");
+            this.o3 = XButton.k.ae(XButton.m, "PenumbraShadowColor");
+            this.nu = XButton.k.ae(XButton.m, "AmbientShadowColor");
+            this.v = XButton.k.d(XButton.m, "ElevationMode");
+            this.o6 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBackgroundColor");
+            this.o7 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBorderColor");
+            this.o8 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledTextColor");
+            this.da = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledElevation");
+            this.dd = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "RestingElevation");
+            this.dc = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverElevation");
+            this.db = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusElevation");
+            this.o5 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderColor");
+            this.pd = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "RippleColor");
+            this.ky = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "CornerRadius");
+            this.bp = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderWidth");
+            this.o4 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "BackgroundColor");
+            this.pe = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "TextColor");
+            this.pc = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverTextColor");
+            this.pb = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverBackgroundColor");
+            this.o9 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusBackgroundColor");
+            this.pa = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusTextColor");
+            this.n8 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
+            this.n9 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
+            this.oa = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
+            this.cy = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledElevation");
+            this.c1 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "RestingElevation");
+            this.c0 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverElevation");
+            this.cz = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusElevation");
+            this.n7 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
+            this.of = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "RippleColor");
+            this.kv = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius");
+            this.bm = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
+            this.n6 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
+            this.og = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
+            this.oe = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
+            this.od = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
+            this.ob = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusBackgroundColor");
+            this.oc = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusTextColor");
+            this.ou = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
+            this.ov = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
+            this.ow = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
+            this.c6 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledElevation");
+            this.c9 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "RestingElevation");
+            this.c8 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverElevation");
+            this.c7 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusElevation");
+            this.ot = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
+            this.o1 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "RippleColor");
+            this.kx = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius");
+            this.bo = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
+            this.os = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
+            this.o2 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
+            this.o0 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
+            this.oz = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
+            this.ox = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusBackgroundColor");
+            this.oy = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusTextColor");
+            this.oj = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBackgroundColor");
+            this.ok = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBorderColor");
+            this.ol = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledTextColor");
+            this.c2 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledElevation");
+            this.c5 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "RestingElevation");
+            this.c4 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverElevation");
+            this.c3 = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusElevation");
+            this.oi = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderColor");
+            this.oq = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "RippleColor");
+            this.kw = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "CornerRadius");
+            this.bn = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderWidth");
+            this.oh = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "BackgroundColor");
+            this.or = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "TextColor");
+            this.op = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverTextColor");
+            this.oo = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverBackgroundColor");
+            this.om = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusBackgroundColor");
+            this.on = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusTextColor");
+            this.nx = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBackgroundColor");
+            this.ny = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBorderColor");
+            this.nz = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledTextColor");
+            this.cu = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledElevation");
+            this.cx = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "RestingElevation");
+            this.cw = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverElevation");
+            this.cv = XButton.k.n(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusElevation");
+            this.nw = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderColor");
+            this.n4 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "RippleColor");
+            this.ku = XButton.k.y(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "CornerRadius");
+            this.bl = XButton.k.i(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderWidth");
+            this.nv = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "BackgroundColor");
+            this.n5 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "TextColor");
+            this.n3 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverTextColor");
+            this.n2 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverBackgroundColor");
+            this.n0 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusBackgroundColor");
+            this.n1 = XButton.k.ad(XButton.m, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusTextColor");
+            this.bc = NaN;
+            this.bb = NaN;
             this.d = 0;
-            this.k = 0;
-            this.g = 0;
-            this.j = 1;
-            this.k2 = ThemeResolver.e(XButton.h, XButton.rj, XButton.o0);
-            this.ld = ThemeResolver.e(XButton.h, XButton.rt, XButton.pa);
-            this.la = ThemeResolver.e(XButton.h, XButton.rh, XButton.oy);
-            this.k0 = ThemeResolver.e(XButton.h, XButton.p8, XButton.np);
-            this.bn = ThemeResolver.c(XButton.h, XButton.dx, XButton.c0);
-            this.bl = ThemeResolver.c(XButton.h, XButton.dv, XButton.cy);
-            this.bm = ThemeResolver.c(XButton.h, XButton.dw, XButton.cz);
-            this.lb = ThemeResolver.e(XButton.h, XButton.rr, XButton.o8);
-            this.j6 = ThemeResolver.d(XButton.h, XButton.ks, XButton.kk);
-            this.k1 = ThemeResolver.e(XButton.h, XButton.ri, XButton.oz);
-            this.k3 = ThemeResolver.e(XButton.h, XButton.rk, XButton.o1);
-            this.k4 = ThemeResolver.e(XButton.h, XButton.rl, XButton.o2);
-            this.k5 = ThemeResolver.e(XButton.h, XButton.rm, XButton.o3);
-            this.bk = ThemeResolver.c(XButton.h, XButton.du, XButton.cx);
-            this.n = ThemeResolver.a(XButton.h, XButton.s, XButton.q);
-            this.lc = ThemeResolver.e(XButton.h, XButton.rs, XButton.o9);
-            this.k9 = ThemeResolver.e(XButton.h, XButton.rq, XButton.o7);
-            this.k6 = ThemeResolver.e(XButton.h, XButton.rn, XButton.o4);
-            this.k7 = ThemeResolver.e(XButton.h, XButton.ro, XButton.o5);
-            this.k8 = ThemeResolver.e(XButton.h, XButton.rp, XButton.o6);
-            this.an = ThemeResolver.b(XButton.h, XButton.ba, XButton.a2);
-            this.mv = null;
-            this.mx = null;
-            this.my = null;
-            this.mz = null;
-            this.b7 = -1;
-            this.m2 = null;
-            this.mw = null;
-            this.ca = -1;
-            this.b9 = -1;
-            this.b8 = -1;
-            this.av = NaN;
-            this.kc = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.p = 0;
+            this.l = 0;
+            this.o = 1;
+            this.k8 = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderColor");
+            this.lj = ThemeResolver.ag(XButton.m, XButton.k, "UmbraShadowColor");
+            this.lg = ThemeResolver.ag(XButton.m, XButton.k, "PenumbraShadowColor");
+            this.k6 = ThemeResolver.ag(XButton.m, XButton.k, "AmbientShadowColor");
+            this.b0 = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "RestingElevation");
+            this.by = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusElevation");
+            this.bz = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverElevation");
+            this.lh = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "RippleColor");
+            this.kk = ThemeResolver.aa(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "CornerRadius");
+            this.k7 = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BackgroundColor");
+            this.k9 = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBackgroundColor");
+            this.la = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBorderColor");
+            this.lb = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledTextColor");
+            this.bx = ThemeResolver.p(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledElevation");
+            this.s = ThemeResolver.f(XButton.m, XButton.k, "ElevationMode");
+            this.li = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "TextColor");
+            this.lf = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverTextColor");
+            this.lc = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusBackgroundColor");
+            this.ld = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusTextColor");
+            this.le = ThemeResolver.af(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverBackgroundColor");
+            this.a2 = ThemeResolver.k(XButton.m, XButton.k, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderWidth");
+            this.m1 = null;
+            this.m3 = null;
             this.m4 = null;
-            this.lt = null;
-            this.lv = null;
-            this.lw = null;
-            this.lx = null;
-            this.bt = -1;
-            this.l0 = null;
-            this.lu = null;
-            this.bw = -1;
-            this.bv = -1;
-            this.bu = -1;
+            this.m5 = null;
+            this.ck = -1;
+            this.m8 = null;
+            this.m2 = null;
+            this.cn = -1;
+            this.cm = -1;
+            this.cl = -1;
+            this.be = NaN;
+            this.kq = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.na = null;
+            this.lz = null;
+            this.l1 = null;
             this.l2 = null;
             this.l3 = null;
-            this.l1 = null;
-            this.ly = null;
-            this.lz = null;
-            this.aq = NaN;
-            this.j9 = new CornerRadius(1, NaN, NaN, NaN, NaN);
-            this.le = null;
-            this.lg = null;
-            this.lh = null;
-            this.li = null;
-            this.bo = -1;
-            this.o = 0;
+            this.b6 = -1;
             this.l6 = null;
-            this.lf = null;
-            this.cb = -1;
-            this.by = -1;
-            this.bx = -1;
-            this.u = null;
-            this.m7 = null;
+            this.l0 = null;
+            this.b9 = -1;
+            this.b8 = -1;
+            this.b7 = -1;
             this.l8 = null;
-            this.m6 = null;
-            this.m5 = null;
-            this.m3 = null;
-            this.m0 = null;
-            this.m1 = null;
+            this.l9 = null;
+            this.l7 = null;
             this.l4 = null;
             this.l5 = null;
-            this.ao = NaN;
-            this.j7 = new CornerRadius(1, NaN, NaN, NaN, NaN);
-            this.mk = null;
-            this.mm = null;
-            this.mn = null;
-            this.mo = null;
-            this.b3 = -1;
-            this.mr = null;
-            this.ml = null;
-            this.b6 = -1;
-            this.b5 = -1;
-            this.b4 = -1;
-            this.au = NaN;
-            this.kb = new CornerRadius(1, NaN, NaN, NaN, NaN);
-            this.mt = null;
-            this.mu = null;
-            this.ms = null;
-            this.mp = null;
-            this.mq = null;
-            this.lj = null;
-            this.ll = null;
+            this.a9 = NaN;
+            this.kn = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.lk = null;
             this.lm = null;
             this.ln = null;
-            this.bp = -1;
-            this.l7 = null;
-            this.lk = null;
-            this.bs = -1;
-            this.br = -1;
-            this.bq = -1;
-            this.ap = NaN;
-            this.j8 = new CornerRadius(1, NaN, NaN, NaN, NaN);
-            this.lr = null;
-            this.ls = null;
-            this.lq = null;
             this.lo = null;
-            this.lp = null;
-            this.l9 = null;
-            this.mb = null;
+            this.b1 = -1;
+            this.t = 0;
             this.mc = null;
-            this.md = null;
-            this.bz = -1;
-            this.mg = null;
+            this.ll = null;
+            this.co = -1;
+            this.cb = -1;
+            this.ca = -1;
+            this.z = null;
+            this.nd = null;
+            this.me = null;
+            this.nc = null;
+            this.nb = null;
+            this.m9 = null;
+            this.m6 = null;
+            this.m7 = null;
             this.ma = null;
+            this.mb = null;
+            this.a3 = NaN;
+            this.kl = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.mq = null;
+            this.ms = null;
+            this.mt = null;
+            this.mu = null;
+            this.cg = -1;
+            this.mx = null;
+            this.mr = null;
+            this.cj = -1;
+            this.ci = -1;
+            this.ch = -1;
+            this.bd = NaN;
+            this.kp = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.mz = null;
+            this.m0 = null;
+            this.my = null;
+            this.mv = null;
+            this.mw = null;
+            this.lp = null;
+            this.lr = null;
+            this.ls = null;
+            this.lt = null;
             this.b2 = -1;
-            this.b1 = -1;
-            this.b0 = -1;
-            this.ar = NaN;
-            this.ka = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.md = null;
+            this.lq = null;
+            this.b5 = -1;
+            this.b4 = -1;
+            this.b3 = -1;
+            this.a8 = NaN;
+            this.km = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.lx = null;
+            this.ly = null;
+            this.lw = null;
+            this.lu = null;
+            this.lv = null;
+            this.mf = null;
+            this.mh = null;
             this.mi = null;
             this.mj = null;
-            this.mh = null;
-            this.me = null;
-            this.mf = null;
-            this.e7 = "ig-native-button-" + XButton.ew++;
-            this.e6 = "ig-button-" + XButton.ev++;
-            this.e3 = "inline-block";
-            this.e4 = "inline-block";
-            this.e5 = null;
-            this.e1 = "center";
-            this.ex = null;
-            this.e8 = null;
-            this.cc = 0;
-            this.z = false;
-            this.e2 = null;
-            this.ab = false;
-            this.ac = true;
-            this.x = false;
-            this.w = false;
+            this.cc = -1;
+            this.mm = null;
+            this.mg = null;
+            this.cf = -1;
+            this.ce = -1;
+            this.cd = -1;
+            this.ba = NaN;
+            this.ko = new CornerRadius(1, NaN, NaN, NaN, NaN);
+            this.mo = null;
+            this.mp = null;
+            this.mn = null;
+            this.mk = null;
+            this.ml = null;
+            this.ei = "ig-native-button-" + XButton.d5++;
+            this.eh = "ig-button-" + XButton.d4++;
+            this.ee = "inline-block";
+            this.ed = null;
+            this.ef = "inline-block";
+            this.eg = null;
+            this.eb = "center";
+            this.d6 = null;
+            this.ej = null;
+            this.cp = 0;
+            this.ak = false;
+            this.ec = null;
+            this.aj = false;
+            this.am = false;
+            this.an = true;
+            this.ah = false;
             this.ad = false;
-            this.aa = false;
-            this.y = false;
+            this.af = false;
+            this.ao = false;
+            this.al = false;
+            this.ai = false;
+            this.ag = false;
+            this.a5 = NaN;
+            this.a7 = NaN;
+            this.a6 = NaN;
+            this.a4 = NaN;
+            this.k4 = 1;
+            this.q8 = 1;
+            this.ae = true;
             this.propertyChanged = null;
             this.clicked = null;
+            this.mouseEnter = null;
+            this.mouseLeave = null;
+            this.gotFocus = null;
+            this.lostFocus = null;
             let a = new ButtonView();
             a.b = this;
             this.view = a;
-            this.view.ak();
+            this.view.ao();
         }
         get view() {
             return this._view;
@@ -644,13 +723,13 @@ export let XButton = /*@__PURE__*/ (() => {
         destroy() {
             this.provideContainer(null);
         }
-        jz(a, b, c) {
+        kd(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.j1(a, b, c);
+            this.kf(a, b, c);
         }
-        j1(a, b, c) {
+        kf(a, b, c) {
             switch (a) {
                 case "CornerRadius":
                 case "BorderColor":
@@ -756,23 +835,26 @@ export let XButton = /*@__PURE__*/ (() => {
                 case "IconTextColor":
                 case "IconHoverTextColor":
                 case "ElevationMode":
-                    this.j4();
+                    this.ki();
                     break;
                 case "BaseTheme":
-                    this.j5(this.i == 0 ? 2 : this.i);
-                    this.j4();
+                    this.kj(this.n == 0 ? 2 : this.n);
+                    this.ki();
                     break;
                 case "IsDisabled":
-                    this.ae = this.disabled || this.af;
-                    this.j4();
-                    this.view.am();
+                    this.ap = this.disabled || this.at;
+                    this.ki();
+                    this.view.aq();
                     break;
                 case "DisableRipple":
-                    this.ae = this.disabled || this.af;
-                    this.j4();
+                    this.ap = this.disabled || this.at;
+                    this.ki();
+                    break;
+                case "DisableHover":
+                    this.kh();
                     break;
                 case "ActualDisableRipple":
-                    this.view.ag();
+                    this.view.ak();
                     break;
                 case "ActualBackgroundColor":
                 case "ActualDisabledBackgroundColor":
@@ -784,157 +866,172 @@ export let XButton = /*@__PURE__*/ (() => {
                 case "ActualFocusTextColor":
                 case "ActualHoverTextColor":
                 case "ActualElevationMode":
-                    this.j3();
+                    this.kh();
                     break;
                 case "Density":
-                    this.l = this.m == 0 ? 1 : this.m;
+                    this.q = this.r == 0 ? 1 : this.r;
                     break;
                 case "ActualDensity":
                 case "ActualBorderWidth":
                 case "ActualCornerRadius":
-                    this.view.at();
-                    this.j3();
+                    this.view.ay();
+                    this.kh();
                     break;
                 case "DisplayType":
-                    this.view.at();
-                    this.j4();
-                    this.j3();
+                    this.view.ay();
+                    this.ki();
+                    this.kh();
+                    break;
+                case "ContentPaddingLeft":
+                case "ContentPaddingTop":
+                case "ContentPaddingRight":
+                case "ContentPaddingBottom":
+                case "FillAvailableSpace":
+                    this.view.ay();
+                    break;
+                case "HorizontalContentAlignment":
+                case "VerticalContentAlignment":
+                    this.view.as();
                     break;
                 case "InputId":
-                    this.view.al();
+                    this.view.ap();
                     break;
                 case "Display":
+                    this.view.al();
+                    break;
+                case "ChildContentDisplay":
                     this.view.ah();
                     break;
                 case "FlexDirection":
-                    this.view.ai();
+                    this.view.am();
                     break;
                 case "FlexGrow":
-                    this.view.aj();
+                    this.view.an();
                     break;
                 case "AlignItems":
-                    this.view.ac();
+                    this.view.af();
                     break;
                 case "TabIndex":
-                    this.view.aq();
+                case "DisablePointer":
+                    this.view.av();
                     break;
                 case "MinWidth":
-                    this.view.ap(this.bh);
-                    this.view.at();
+                    this.view.au(this.bu);
+                    this.view.ay();
                     break;
                 case "MinHeight":
-                    this.view.ao(this.bg);
-                    this.view.at();
+                    this.view.at(this.bt);
+                    this.view.ay();
                     break;
             }
         }
-        ke(a, b) {
+        ks(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);
         }
-        j4() {
-            this.p = this.t != 0 ? this.t : this.r;
-            this.nl = this.sh;
-            this.ni = this.r5;
-            this.m8 = this.no;
+        ki() {
+            this.u = this.w != 0 ? this.w : this.v;
+            this.nr = this.pf;
+            this.no = this.o3;
+            this.ne = this.nu;
             switch (this.e) {
                 case 0:
-                    this.nb = this.si != null ? this.si : this.tz != null ? this.tz : this.r8;
-                    this.nc = this.sj != null ? this.sj : this.t0 != null ? this.t0 : this.r9;
-                    this.nd = this.sk != null ? this.sk : this.t1 != null ? this.t1 : this.sa;
-                    this.cd = this.d6 >= 0 ? this.d6 : this.ep >= 0 ? this.ep : this.d2;
-                    this.cg = this.et >= 0 ? this.et : this.es >= 0 ? this.es : this.d5;
-                    this.cf = this.eg >= 0 ? this.eg : this.er >= 0 ? this.er : this.d4;
-                    this.ce = this.ef >= 0 ? this.ef : this.eq >= 0 ? this.eq : this.d3;
-                    this.na = this.nn != null ? this.nn : this.ty != null ? this.ty : this.r7;
-                    this.m9 = this.nm != null ? this.nm : this.tx != null ? this.tx : this.r6;
-                    this.ng = this.s9 != null ? this.s9 : this.t4 != null ? this.t4 : this.sd;
-                    this.kd = this.ke(this.kf, this.ke(this.kz, this.ku));
-                    this.aw = !isNaN_(this.ax) ? this.ax : !isNaN_(this.bj) ? this.bj : this.bc;
-                    this.nj = this.t8 != null ? this.t8 : this.t6 != null ? this.t6 : this.sf;
-                    this.ne = this.s7 != null ? this.s7 : this.t2 != null ? this.t2 : this.sb;
-                    this.nf = this.s8 != null ? this.s8 : this.t3 != null ? this.t3 : this.sc;
-                    this.nk = this.t9 != null ? this.t9 : this.t7 != null ? this.t7 : this.sg;
-                    this.nh = this.ta != null ? this.ta : this.t5 != null ? this.t5 : this.se;
+                    this.nh = this.pg != null ? this.pg : this.qx != null ? this.qx : this.o6;
+                    this.ni = this.ph != null ? this.ph : this.qy != null ? this.qy : this.o7;
+                    this.nj = this.pi != null ? this.pi : this.qz != null ? this.qz : this.o8;
+                    this.cq = this.de >= 0 ? this.de : this.dy >= 0 ? this.dy : this.da;
+                    this.ct = this.d2 >= 0 ? this.d2 : this.d1 >= 0 ? this.d1 : this.dd;
+                    this.cs = this.dp >= 0 ? this.dp : this.d0 >= 0 ? this.d0 : this.dc;
+                    this.cr = this.dn >= 0 ? this.dn : this.dz >= 0 ? this.dz : this.db;
+                    this.ng = this.nt != null ? this.nt : this.qw != null ? this.qw : this.o5;
+                    this.nf = this.ns != null ? this.ns : this.qv != null ? this.qv : this.o4;
+                    this.nm = this.p7 != null ? this.p7 : this.q2 != null ? this.q2 : this.pb;
+                    this.kr = this.ks(this.kt, this.ks(this.k3, this.ky));
+                    this.bf = !isNaN_(this.bg) ? this.bg : !isNaN_(this.bw) ? this.bw : this.bp;
+                    this.np = this.q6 != null ? this.q6 : this.q4 != null ? this.q4 : this.pd;
+                    this.nk = this.p5 != null ? this.p5 : this.q0 != null ? this.q0 : this.o9;
+                    this.nl = this.p6 != null ? this.p6 : this.q1 != null ? this.q1 : this.pa;
+                    this.nq = this.q7 != null ? this.q7 : this.q5 != null ? this.q5 : this.pe;
+                    this.nn = this.p8 != null ? this.p8 : this.q3 != null ? this.q3 : this.pc;
                     break;
                 case 2:
-                    this.nb = this.si != null ? this.si : this.to != null ? this.to : this.rw;
-                    this.nc = this.sj != null ? this.sj : this.tp != null ? this.tp : this.rx;
-                    this.nd = this.sk != null ? this.sk : this.tq != null ? this.tq : this.ry;
-                    this.cd = this.d6 >= 0 ? this.d6 : this.el >= 0 ? this.el : this.dy;
-                    this.cg = this.et >= 0 ? this.et : this.eo >= 0 ? this.eo : this.d1;
-                    this.cf = this.eg >= 0 ? this.eg : this.en >= 0 ? this.en : this.d0;
-                    this.ce = this.ef >= 0 ? this.ef : this.em >= 0 ? this.em : this.dz;
-                    this.na = this.nn != null ? this.nn : this.tn != null ? this.tn : this.rv;
-                    this.m9 = this.s9 != null ? this.s9 : this.nm != null ? this.nm : this.tm != null ? this.tm : this.ru;
-                    this.ng = this.tt != null ? this.tt : this.r1;
-                    this.kd = this.ke(this.kf, this.ke(this.ky, this.kt));
-                    this.aw = !isNaN_(this.ax) ? this.ax : !isNaN_(this.bi) ? this.bi : this.bb;
-                    this.nj = this.t8 != null ? this.t8 : this.tv != null ? this.tv : this.r3;
-                    this.ne = this.s7 != null ? this.s7 : this.tr != null ? this.tr : this.rz;
-                    this.nf = this.s8 != null ? this.s8 : this.ts != null ? this.ts : this.r0;
-                    this.nk = this.t9 != null ? this.t9 : this.tw != null ? this.tw : this.r4;
-                    this.nh = this.ta != null ? this.ta : this.tu != null ? this.tu : this.r2;
+                    this.nh = this.pg != null ? this.pg : this.qm != null ? this.qm : this.ou;
+                    this.ni = this.ph != null ? this.ph : this.qn != null ? this.qn : this.ov;
+                    this.nj = this.pi != null ? this.pi : this.qo != null ? this.qo : this.ow;
+                    this.cq = this.de >= 0 ? this.de : this.du >= 0 ? this.du : this.c6;
+                    this.ct = this.d2 >= 0 ? this.d2 : this.dx >= 0 ? this.dx : this.c9;
+                    this.cs = this.dp >= 0 ? this.dp : this.dw >= 0 ? this.dw : this.c8;
+                    this.cr = this.dn >= 0 ? this.dn : this.dv >= 0 ? this.dv : this.c7;
+                    this.ng = this.nt != null ? this.nt : this.ql != null ? this.ql : this.ot;
+                    this.nf = this.p7 != null ? this.p7 : this.ns != null ? this.ns : this.qk != null ? this.qk : this.os;
+                    this.nm = this.qr != null ? this.qr : this.oz;
+                    this.kr = this.ks(this.kt, this.ks(this.k2, this.kx));
+                    this.bf = !isNaN_(this.bg) ? this.bg : !isNaN_(this.bv) ? this.bv : this.bo;
+                    this.np = this.q6 != null ? this.q6 : this.qt != null ? this.qt : this.o1;
+                    this.nk = this.p5 != null ? this.p5 : this.qp != null ? this.qp : this.ox;
+                    this.nl = this.p6 != null ? this.p6 : this.qq != null ? this.qq : this.oy;
+                    this.nq = this.q7 != null ? this.q7 : this.qu != null ? this.qu : this.o2;
+                    this.nn = this.p8 != null ? this.p8 : this.qs != null ? this.qs : this.o0;
                     break;
                 case 1:
-                    this.nb = this.si != null ? this.si : this.sy != null ? this.sy : this.po;
-                    this.nc = this.sj != null ? this.sj : this.sz != null ? this.sz : this.pp;
-                    this.nd = this.sk != null ? this.sk : this.s0 != null ? this.s0 : this.pq;
-                    this.cd = this.d6 >= 0 ? this.d6 : this.eb >= 0 ? this.eb : this.c5;
-                    this.cg = this.et >= 0 ? this.et : this.ee >= 0 ? this.ee : this.c8;
-                    this.cf = this.eg >= 0 ? this.eg : this.ed >= 0 ? this.ed : this.c7;
-                    this.ce = this.ef >= 0 ? this.ef : this.ec >= 0 ? this.ec : this.c6;
-                    this.na = this.nn != null ? this.nn : this.sx != null ? this.sx : this.pn;
-                    this.m9 = this.nm != null ? this.nm : this.sw != null ? this.sw : this.pm;
-                    this.ng = this.s9 != null ? this.s9 : this.s3 != null ? this.s3 : this.pt;
-                    this.kd = this.ke(this.kf, this.ke(this.kw, this.km));
-                    this.aw = !isNaN_(this.ax) ? this.ax : !isNaN_(this.be) ? this.be : this.a4;
-                    this.nj = this.t8 != null ? this.t8 : this.s5 != null ? this.s5 : this.pv;
-                    this.ne = this.s7 != null ? this.s7 : this.s1 != null ? this.s1 : this.pr;
-                    this.nf = this.s8 != null ? this.s8 : this.s2 != null ? this.s2 : this.ps;
-                    this.nk = this.t9 != null ? this.t9 : this.s6 != null ? this.s6 : this.pw;
-                    this.nh = this.ta != null ? this.ta : this.s4 != null ? this.s4 : this.pu;
+                    this.nh = this.pg != null ? this.pg : this.pw != null ? this.pw : this.n8;
+                    this.ni = this.ph != null ? this.ph : this.px != null ? this.px : this.n9;
+                    this.nj = this.pi != null ? this.pi : this.py != null ? this.py : this.oa;
+                    this.cq = this.de >= 0 ? this.de : this.dj >= 0 ? this.dj : this.cy;
+                    this.ct = this.d2 >= 0 ? this.d2 : this.dm >= 0 ? this.dm : this.c1;
+                    this.cs = this.dp >= 0 ? this.dp : this.dl >= 0 ? this.dl : this.c0;
+                    this.cr = this.dn >= 0 ? this.dn : this.dk >= 0 ? this.dk : this.cz;
+                    this.ng = this.nt != null ? this.nt : this.pv != null ? this.pv : this.n7;
+                    this.nf = this.ns != null ? this.ns : this.pu != null ? this.pu : this.n6;
+                    this.nm = this.p7 != null ? this.p7 : this.p1 != null ? this.p1 : this.od;
+                    this.kr = this.ks(this.kt, this.ks(this.k0, this.kv));
+                    this.bf = !isNaN_(this.bg) ? this.bg : !isNaN_(this.br) ? this.br : this.bm;
+                    this.np = this.q6 != null ? this.q6 : this.p3 != null ? this.p3 : this.of;
+                    this.nk = this.p5 != null ? this.p5 : this.pz != null ? this.pz : this.ob;
+                    this.nl = this.p6 != null ? this.p6 : this.p0 != null ? this.p0 : this.oc;
+                    this.nq = this.q7 != null ? this.q7 : this.p4 != null ? this.p4 : this.og;
+                    this.nn = this.p8 != null ? this.p8 : this.p2 != null ? this.p2 : this.oe;
                     break;
                 case 4:
-                    this.nb = this.si != null ? this.si : this.td != null ? this.td : this.pz;
-                    this.nc = this.sj != null ? this.sj : this.te != null ? this.te : this.p0;
-                    this.nd = this.sk != null ? this.sk : this.tf != null ? this.tf : this.p1;
-                    this.cd = this.d6 >= 0 ? this.d6 : this.eh >= 0 ? this.eh : this.c9;
-                    this.cg = this.et >= 0 ? this.et : this.ek >= 0 ? this.ek : this.dc;
-                    this.cf = this.eg >= 0 ? this.eg : this.ej >= 0 ? this.ej : this.db;
-                    this.ce = this.ef >= 0 ? this.ef : this.ei >= 0 ? this.ei : this.da;
-                    this.na = this.nn != null ? this.nn : this.tc != null ? this.tc : this.py;
-                    this.m9 = this.nm != null ? this.nm : this.tb != null ? this.tb : this.px;
-                    this.ng = this.s9 != null ? this.s9 : this.ti != null ? this.ti : this.p4;
-                    this.kd = this.ke(this.kf, this.ke(this.kx, this.kn));
-                    this.aw = !isNaN_(this.ax) ? this.ax : !isNaN_(this.bf) ? this.bf : this.a5;
-                    this.nj = this.t8 != null ? this.t8 : this.tk != null ? this.tk : this.p6;
-                    this.ne = this.s7 != null ? this.s7 : this.tg != null ? this.tg : this.p2;
-                    this.nf = this.s8 != null ? this.s8 : this.th != null ? this.th : this.p3;
-                    this.nk = this.t9 != null ? this.t9 : this.tl != null ? this.tl : this.p7;
-                    this.nh = this.ta != null ? this.ta : this.tj != null ? this.tj : this.p5;
+                    this.nh = this.pg != null ? this.pg : this.qb != null ? this.qb : this.oj;
+                    this.ni = this.ph != null ? this.ph : this.qc != null ? this.qc : this.ok;
+                    this.nj = this.pi != null ? this.pi : this.qd != null ? this.qd : this.ol;
+                    this.cq = this.de >= 0 ? this.de : this.dq >= 0 ? this.dq : this.c2;
+                    this.ct = this.d2 >= 0 ? this.d2 : this.dt >= 0 ? this.dt : this.c5;
+                    this.cs = this.dp >= 0 ? this.dp : this.ds >= 0 ? this.ds : this.c4;
+                    this.cr = this.dn >= 0 ? this.dn : this.dr >= 0 ? this.dr : this.c3;
+                    this.ng = this.nt != null ? this.nt : this.qa != null ? this.qa : this.oi;
+                    this.nf = this.ns != null ? this.ns : this.p9 != null ? this.p9 : this.oh;
+                    this.nm = this.p7 != null ? this.p7 : this.qg != null ? this.qg : this.oo;
+                    this.kr = this.ks(this.kt, this.ks(this.k1, this.kw));
+                    this.bf = !isNaN_(this.bg) ? this.bg : !isNaN_(this.bs) ? this.bs : this.bn;
+                    this.np = this.q6 != null ? this.q6 : this.qi != null ? this.qi : this.oq;
+                    this.nk = this.p5 != null ? this.p5 : this.qe != null ? this.qe : this.om;
+                    this.nl = this.p6 != null ? this.p6 : this.qf != null ? this.qf : this.on;
+                    this.nq = this.q7 != null ? this.q7 : this.qj != null ? this.qj : this.or;
+                    this.nn = this.p8 != null ? this.p8 : this.qh != null ? this.qh : this.op;
                     break;
                 case 3:
-                    this.nb = this.si != null ? this.si : this.sn != null ? this.sn : this.pd;
-                    this.nc = this.sj != null ? this.sj : this.so != null ? this.so : this.pe;
-                    this.nd = this.sk != null ? this.sk : this.sp != null ? this.sp : this.pf;
-                    this.cd = this.d6 >= 0 ? this.d6 : this.d7 >= 0 ? this.d7 : this.c1;
-                    this.cg = this.et >= 0 ? this.et : this.ea >= 0 ? this.ea : this.c4;
-                    this.cf = this.eg >= 0 ? this.eg : this.d9 >= 0 ? this.d9 : this.c3;
-                    this.ce = this.ef >= 0 ? this.ef : this.d8 >= 0 ? this.d8 : this.c2;
-                    this.na = this.nn != null ? this.nn : this.sm != null ? this.sm : this.pc;
-                    this.m9 = this.nm != null ? this.nm : this.sl != null ? this.sl : this.pb;
-                    this.ng = this.s9 != null ? this.s9 : this.ss != null ? this.ss : this.pi;
-                    this.kd = this.ke(this.kf, this.ke(this.kv, this.kl));
-                    this.aw = !isNaN_(this.ax) ? this.ax : !isNaN_(this.bd) ? this.bd : this.a3;
-                    this.nj = this.t8 != null ? this.t8 : this.su != null ? this.su : this.sf;
-                    this.ne = this.s7 != null ? this.s7 : this.sq != null ? this.sq : this.pg;
-                    this.nf = this.s8 != null ? this.s8 : this.sr != null ? this.sr : this.ph;
-                    this.nk = this.t9 != null ? this.t9 : this.sv != null ? this.sv : this.pl;
-                    this.nh = this.ta != null ? this.ta : this.st != null ? this.st : this.pj;
+                    this.nh = this.pg != null ? this.pg : this.pl != null ? this.pl : this.nx;
+                    this.ni = this.ph != null ? this.ph : this.pm != null ? this.pm : this.ny;
+                    this.nj = this.pi != null ? this.pi : this.pn != null ? this.pn : this.nz;
+                    this.cq = this.de >= 0 ? this.de : this.df >= 0 ? this.df : this.cu;
+                    this.ct = this.d2 >= 0 ? this.d2 : this.di >= 0 ? this.di : this.cx;
+                    this.cs = this.dp >= 0 ? this.dp : this.dh >= 0 ? this.dh : this.cw;
+                    this.cr = this.dn >= 0 ? this.dn : this.dg >= 0 ? this.dg : this.cv;
+                    this.ng = this.nt != null ? this.nt : this.pk != null ? this.pk : this.nw;
+                    this.nf = this.ns != null ? this.ns : this.pj != null ? this.pj : this.nv;
+                    this.nm = this.p7 != null ? this.p7 : this.pq != null ? this.pq : this.n2;
+                    this.kr = this.ks(this.kt, this.ks(this.kz, this.ku));
+                    this.bf = !isNaN_(this.bg) ? this.bg : !isNaN_(this.bq) ? this.bq : this.bl;
+                    this.np = this.q6 != null ? this.q6 : this.ps != null ? this.ps : this.pd;
+                    this.nk = this.p5 != null ? this.p5 : this.po != null ? this.po : this.n0;
+                    this.nl = this.p6 != null ? this.p6 : this.pp != null ? this.pp : this.n1;
+                    this.nq = this.q7 != null ? this.q7 : this.pt != null ? this.pt : this.n5;
+                    this.nn = this.p8 != null ? this.p8 : this.pr != null ? this.pr : this.n3;
                     break;
             }
         }
-        ju() {
+        j6() {
             if (this.disabled) {
                 return;
             }
@@ -942,192 +1039,212 @@ export let XButton = /*@__PURE__*/ (() => {
                 this.clicked(this, new ButtonClickEventArgs());
             }
         }
-        jt() {
+        j5() {
             this.focused = false;
-            this.j3();
+            this.kh();
         }
-        jw() {
+        j8() {
             this.focused = true;
-            this.j3();
+            this.kh();
         }
-        jy() {
-            this.al = false;
-            this.j3();
+        kc() {
+            this.a0 = false;
+            this.kh();
+            if (this.mouseLeave != null) {
+                this.mouseLeave(this, new MouseEventArgs());
+            }
         }
-        jx() {
-            this.al = true;
-            this.j3();
+        kb() {
+            this.a0 = true;
+            this.kh();
+            if (this.mouseEnter != null) {
+                this.mouseEnter(this, new MouseEventArgs());
+            }
         }
-        j3() {
+        j9() {
+            if (this.gotFocus != null) {
+                this.gotFocus(this, new FocusEventArgs());
+            }
+        }
+        ka(a) {
+            if (this.lostFocus != null) {
+                this.lostFocus(this, ((() => {
+                    let $ret = new FocusEventArgs();
+                    $ret.a = a;
+                    return $ret;
+                })()));
+            }
+        }
+        kh() {
             let a = this.view.q;
             if (a == null) {
                 return;
             }
-            NativeUI.m(a, this.kd);
-            NativeUI.l(a, this.na);
-            if (!isNaN_(this.aw)) {
-                NativeUI.n(a, new Thickness(0, this.aw));
+            NativeUI.n(a, this.kr);
+            NativeUI.m(a, this.ng);
+            if (!isNaN_(this.bf)) {
+                NativeUI.o(a, new Thickness(0, this.bf));
             }
             if (this.disabled) {
-                this.view.as(this.cd, this.p);
+                this.view.ax(this.cq, this.u);
             }
-            else if (this.focused && this.ak) {
-                this.view.as(this.ce, this.p);
+            else if (this.focused && this.az) {
+                this.view.ax(this.cr, this.u);
             }
             else {
-                if (this.al) {
-                    this.view.as(this.cf, this.p);
+                if (this.a0 && !this.ar) {
+                    this.view.ax(this.cs, this.u);
                 }
                 else {
-                    this.view.as(this.cg, this.p);
+                    this.view.ax(this.ct, this.u);
                 }
             }
             if (this.disabled) {
-                NativeUI.k(a, this.nb);
+                NativeUI.l(a, this.nh);
             }
-            else if (this.focused && this.ak) {
-                NativeUI.k(a, this.ne);
+            else if (this.focused && this.az) {
+                NativeUI.l(a, this.nk);
             }
             else {
-                if (this.al) {
-                    NativeUI.k(a, this.ng);
+                if (this.a0 && !this.ar) {
+                    NativeUI.l(a, this.nm);
                 }
                 else {
-                    NativeUI.k(a, this.m9);
+                    NativeUI.l(a, this.nf);
                 }
             }
-            this.view.ar(this.nj, BrushUtil.g(0, 0, 0, 0));
-            if (this.v != null) {
-                this.view.au(this.v);
+            this.view.aw(this.np, BrushUtil.g(0, 0, 0, 0));
+            if (this.aa != null) {
+                this.view.az(this.aa);
             }
             if (this.disabled) {
-                NativeUI.o(this.view.r, this.nd);
-                NativeUI.p(this.view.r, this.nd);
+                NativeUI.p(this.view.s, this.nj);
+                NativeUI.q(this.view.s, this.nj);
             }
-            else if (this.focused && this.ak) {
-                NativeUI.o(this.view.r, this.nf);
-                NativeUI.p(this.view.r, this.nf);
+            else if (this.focused && this.az) {
+                NativeUI.p(this.view.s, this.nl);
+                NativeUI.q(this.view.s, this.nl);
             }
             else {
-                if (this.al) {
-                    NativeUI.o(this.view.r, this.nh);
-                    NativeUI.p(this.view.r, this.nh);
+                if (this.a0 && !this.ar) {
+                    NativeUI.p(this.view.s, this.nn);
+                    NativeUI.q(this.view.s, this.nn);
                 }
                 else {
-                    NativeUI.o(this.view.r, this.nk);
-                    NativeUI.p(this.view.r, this.nk);
+                    NativeUI.p(this.view.s, this.nq);
+                    NativeUI.q(this.view.s, this.nq);
                 }
             }
         }
-        j5(a) {
-            this.sh = ThemeResolver.e(a, XButton.rt, XButton.pa);
-            this.r5 = ThemeResolver.e(a, XButton.rh, XButton.oy);
-            this.no = ThemeResolver.e(a, XButton.p8, XButton.np);
-            this.r = ThemeResolver.a(a, XButton.s, XButton.q);
-            this.r8 = ThemeResolver.e(a, XButton.rk, XButton.o1);
-            this.r9 = ThemeResolver.e(a, XButton.rl, XButton.o2);
-            this.sa = ThemeResolver.e(a, XButton.rm, XButton.o3);
-            this.d2 = ThemeResolver.c(a, XButton.du, XButton.cx);
-            this.d5 = ThemeResolver.c(a, XButton.dx, XButton.c0);
-            this.d4 = ThemeResolver.c(a, XButton.dw, XButton.cz);
-            this.d3 = ThemeResolver.c(a, XButton.dv, XButton.cy);
-            this.r7 = ThemeResolver.e(a, XButton.rj, XButton.o0);
-            this.sf = ThemeResolver.e(a, XButton.rr, XButton.o8);
-            this.ku = ThemeResolver.d(a, XButton.ks, XButton.kk);
-            this.bc = ThemeResolver.b(a, XButton.ba, XButton.a2);
-            this.r6 = ThemeResolver.e(a, XButton.ri, XButton.oz);
-            this.sg = ThemeResolver.e(a, XButton.rs, XButton.o9);
-            this.se = ThemeResolver.e(a, XButton.rq, XButton.o7);
-            this.sd = ThemeResolver.e(a, XButton.rp, XButton.o6);
-            this.sb = ThemeResolver.e(a, XButton.rn, XButton.o4);
-            this.sc = ThemeResolver.e(a, XButton.ro, XButton.o5);
-            this.po = ThemeResolver.e(a, XButton.qm, XButton.n3);
-            this.pp = ThemeResolver.e(a, XButton.qn, XButton.n4);
-            this.pq = ThemeResolver.e(a, XButton.qo, XButton.n5);
-            this.c5 = ThemeResolver.c(a, XButton.dh, XButton.cl);
-            this.c8 = ThemeResolver.c(a, XButton.dk, XButton.co);
-            this.c7 = ThemeResolver.c(a, XButton.dj, XButton.cn);
-            this.c6 = ThemeResolver.c(a, XButton.di, XButton.cm);
-            this.pn = ThemeResolver.e(a, XButton.ql, XButton.n2);
-            this.pv = ThemeResolver.e(a, XButton.qt, XButton.oa);
-            this.km = ThemeResolver.d(a, XButton.kp, XButton.kh);
-            this.a4 = ThemeResolver.b(a, XButton.a7, XButton.az);
-            this.pm = ThemeResolver.e(a, XButton.qk, XButton.n1);
-            this.pw = ThemeResolver.e(a, XButton.qu, XButton.ob);
-            this.pu = ThemeResolver.e(a, XButton.qs, XButton.n9);
-            this.pt = ThemeResolver.e(a, XButton.qr, XButton.n8);
-            this.pr = ThemeResolver.e(a, XButton.qp, XButton.n6);
-            this.ps = ThemeResolver.e(a, XButton.qq, XButton.n7);
-            this.rw = ThemeResolver.e(a, XButton.q8, XButton.op);
-            this.rx = ThemeResolver.e(a, XButton.q9, XButton.oq);
-            this.ry = ThemeResolver.e(a, XButton.ra, XButton.or);
-            this.dy = ThemeResolver.c(a, XButton.dq, XButton.ct);
-            this.d1 = ThemeResolver.c(a, XButton.dt, XButton.cw);
-            this.d0 = ThemeResolver.c(a, XButton.ds, XButton.cv);
-            this.dz = ThemeResolver.c(a, XButton.dr, XButton.cu);
-            this.rv = ThemeResolver.e(a, XButton.q7, XButton.oo);
-            this.r3 = ThemeResolver.e(a, XButton.rf, XButton.ow);
-            this.kt = ThemeResolver.d(a, XButton.kr, XButton.kj);
-            this.bb = ThemeResolver.b(a, XButton.a9, XButton.a1);
-            this.ru = ThemeResolver.e(a, XButton.q6, XButton.on);
-            this.r4 = ThemeResolver.e(a, XButton.rg, XButton.ox);
-            this.r2 = ThemeResolver.e(a, XButton.re, XButton.ov);
-            this.r1 = ThemeResolver.e(a, XButton.rd, XButton.ou);
-            this.rz = ThemeResolver.e(a, XButton.rb, XButton.os);
-            this.r0 = ThemeResolver.e(a, XButton.rc, XButton.ot);
-            this.pz = ThemeResolver.e(a, XButton.qx, XButton.oe);
-            this.p0 = ThemeResolver.e(a, XButton.qy, XButton.of);
-            this.p1 = ThemeResolver.e(a, XButton.qz, XButton.og);
-            this.c9 = ThemeResolver.c(a, XButton.dl, XButton.cp);
-            this.dc = ThemeResolver.c(a, XButton.dp, XButton.cs);
-            this.db = ThemeResolver.c(a, XButton.dn, XButton.cr);
-            this.da = ThemeResolver.c(a, XButton.dm, XButton.cq);
-            this.py = ThemeResolver.e(a, XButton.qw, XButton.od);
-            this.p6 = ThemeResolver.e(a, XButton.q4, XButton.ol);
-            this.kn = ThemeResolver.d(a, XButton.kq, XButton.ki);
-            this.a5 = ThemeResolver.b(a, XButton.a8, XButton.a0);
-            this.px = ThemeResolver.e(a, XButton.qv, XButton.oc);
-            this.p7 = ThemeResolver.e(a, XButton.q5, XButton.om);
-            this.p5 = ThemeResolver.e(a, XButton.q3, XButton.ok);
-            this.p4 = ThemeResolver.e(a, XButton.q2, XButton.oj);
-            this.p2 = ThemeResolver.e(a, XButton.q0, XButton.oh);
-            this.p3 = ThemeResolver.e(a, XButton.q1, XButton.oi);
-            this.pd = ThemeResolver.e(a, XButton.qb, XButton.ns);
-            this.pe = ThemeResolver.e(a, XButton.qc, XButton.nt);
-            this.pf = ThemeResolver.e(a, XButton.qd, XButton.nu);
-            this.c1 = ThemeResolver.c(a, XButton.dd, XButton.ch);
-            this.c4 = ThemeResolver.c(a, XButton.dg, XButton.ck);
-            this.c3 = ThemeResolver.c(a, XButton.df, XButton.cj);
-            this.c2 = ThemeResolver.c(a, XButton.de, XButton.ci);
-            this.pc = ThemeResolver.e(a, XButton.qa, XButton.nr);
-            this.pk = ThemeResolver.e(a, XButton.qi, XButton.nz);
-            this.kl = ThemeResolver.d(a, XButton.ko, XButton.kg);
-            this.a3 = ThemeResolver.b(a, XButton.a6, XButton.ay);
-            this.pb = ThemeResolver.e(a, XButton.p9, XButton.nq);
-            this.pl = ThemeResolver.e(a, XButton.qj, XButton.n0);
-            this.pj = ThemeResolver.e(a, XButton.qh, XButton.ny);
-            this.pi = ThemeResolver.e(a, XButton.qg, XButton.nx);
-            this.pg = ThemeResolver.e(a, XButton.qe, XButton.nv);
-            this.ph = ThemeResolver.e(a, XButton.qf, XButton.nw);
-        }
-        get bh() {
-            return this.at;
-        }
-        set bh(a) {
-            let b = this.at;
-            this.at = a;
-            if (b != this.at) {
-                this.jz("MinWidth", b, a);
-            }
-        }
-        get bg() {
-            return this.as;
-        }
-        set bg(a) {
-            let b = this.as;
-            this.as = a;
-            if (b != this.as) {
-                this.jz("MinHeight", b, a);
+        kj(a) {
+            this.pf = XButton.k.ae(a, "UmbraShadowColor");
+            this.o3 = XButton.k.ae(a, "PenumbraShadowColor");
+            this.nu = XButton.k.ae(a, "AmbientShadowColor");
+            this.v = XButton.k.d(a, "ElevationMode");
+            this.o6 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBackgroundColor");
+            this.o7 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledBorderColor");
+            this.o8 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledTextColor");
+            this.da = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 0), "DisabledElevation");
+            this.dd = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 0), "RestingElevation");
+            this.dc = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverElevation");
+            this.db = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusElevation");
+            this.o5 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderColor");
+            this.pd = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "RippleColor");
+            this.ky = XButton.k.y(a, enumGetBox(ButtonDisplayStyle_$type, 0), "CornerRadius");
+            this.bp = XButton.k.i(a, enumGetBox(ButtonDisplayStyle_$type, 0), "BorderWidth");
+            this.o4 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "BackgroundColor");
+            this.pe = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "TextColor");
+            this.pc = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverTextColor");
+            this.pb = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "HoverBackgroundColor");
+            this.o9 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusBackgroundColor");
+            this.pa = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 0), "FocusTextColor");
+            this.n8 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBackgroundColor");
+            this.n9 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledBorderColor");
+            this.oa = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledTextColor");
+            this.cy = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 1), "DisabledElevation");
+            this.c1 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 1), "RestingElevation");
+            this.c0 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverElevation");
+            this.cz = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusElevation");
+            this.n7 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderColor");
+            this.of = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "RippleColor");
+            this.kv = XButton.k.y(a, enumGetBox(ButtonDisplayStyle_$type, 1), "CornerRadius");
+            this.bm = XButton.k.i(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BorderWidth");
+            this.n6 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "BackgroundColor");
+            this.og = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "TextColor");
+            this.oe = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverTextColor");
+            this.od = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "HoverBackgroundColor");
+            this.ob = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusBackgroundColor");
+            this.oc = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 1), "FocusTextColor");
+            this.ou = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBackgroundColor");
+            this.ov = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledBorderColor");
+            this.ow = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledTextColor");
+            this.c6 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 2), "DisabledElevation");
+            this.c9 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 2), "RestingElevation");
+            this.c8 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverElevation");
+            this.c7 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusElevation");
+            this.ot = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderColor");
+            this.o1 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "RippleColor");
+            this.kx = XButton.k.y(a, enumGetBox(ButtonDisplayStyle_$type, 2), "CornerRadius");
+            this.bo = XButton.k.i(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BorderWidth");
+            this.os = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "BackgroundColor");
+            this.o2 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "TextColor");
+            this.o0 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverTextColor");
+            this.oz = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "HoverBackgroundColor");
+            this.ox = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusBackgroundColor");
+            this.oy = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 2), "FocusTextColor");
+            this.oj = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBackgroundColor");
+            this.ok = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledBorderColor");
+            this.ol = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledTextColor");
+            this.c2 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 4), "DisabledElevation");
+            this.c5 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 4), "RestingElevation");
+            this.c4 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverElevation");
+            this.c3 = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusElevation");
+            this.oi = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderColor");
+            this.oq = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "RippleColor");
+            this.kw = XButton.k.y(a, enumGetBox(ButtonDisplayStyle_$type, 4), "CornerRadius");
+            this.bn = XButton.k.i(a, enumGetBox(ButtonDisplayStyle_$type, 4), "BorderWidth");
+            this.oh = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "BackgroundColor");
+            this.or = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "TextColor");
+            this.op = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverTextColor");
+            this.oo = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "HoverBackgroundColor");
+            this.om = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusBackgroundColor");
+            this.on = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 4), "FocusTextColor");
+            this.nx = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBackgroundColor");
+            this.ny = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledBorderColor");
+            this.nz = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledTextColor");
+            this.cu = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 3), "DisabledElevation");
+            this.cx = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 3), "RestingElevation");
+            this.cw = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverElevation");
+            this.cv = XButton.k.n(a, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusElevation");
+            this.nw = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderColor");
+            this.n4 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "RippleColor");
+            this.ku = XButton.k.y(a, enumGetBox(ButtonDisplayStyle_$type, 3), "CornerRadius");
+            this.bl = XButton.k.i(a, enumGetBox(ButtonDisplayStyle_$type, 3), "BorderWidth");
+            this.nv = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "BackgroundColor");
+            this.n5 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "TextColor");
+            this.n3 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverTextColor");
+            this.n2 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "HoverBackgroundColor");
+            this.n0 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusBackgroundColor");
+            this.n1 = XButton.k.ad(a, enumGetBox(ButtonDisplayStyle_$type, 3), "FocusTextColor");
+        }
+        get bu() {
+            return this.bc;
+        }
+        set bu(a) {
+            let b = this.bc;
+            this.bc = a;
+            if (b != this.bc) {
+                this.kd("MinWidth", b, a);
+            }
+        }
+        get bt() {
+            return this.bb;
+        }
+        set bt(a) {
+            let b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.kd("MinHeight", b, a);
             }
         }
         get e() {
@@ -1137,187 +1254,207 @@ export let XButton = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.jz("DisplayType", enumGetBox(ButtonDisplayStyle_$type, b), enumGetBox(ButtonDisplayStyle_$type, a));
+                this.kd("DisplayType", enumGetBox(ButtonDisplayStyle_$type, b), enumGetBox(ButtonDisplayStyle_$type, a));
             }
         }
-        get m() {
-            return this.k;
+        get r() {
+            return this.p;
         }
-        set m(a) {
-            let b = this.k;
-            this.k = a;
-            if (b != this.k) {
-                this.jz("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+        set r(a) {
+            let b = this.p;
+            this.p = a;
+            if (b != this.p) {
+                this.kd("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         }
-        get i() {
-            return this.g;
+        get n() {
+            return this.l;
         }
-        set i(a) {
-            let b = this.g;
-            this.g = a;
-            if (b != this.g) {
-                this.jz("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+        set n(a) {
+            let b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.kd("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         }
-        get l() {
-            return this.j;
+        get q() {
+            return this.o;
         }
-        set l(a) {
-            let b = this.j;
-            this.j = a;
-            if (b != this.j) {
-                this.jz("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
+        set q(a) {
+            let b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.kd("ActualDensity", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, a));
             }
         }
-        get na() {
-            return this.k2;
+        get ng() {
+            return this.k8;
         }
-        set na(a) {
-            let b = this.k2;
-            this.k2 = a;
-            if (b != this.k2) {
-                this.jz("ActualBorderColor", b, a);
+        set ng(a) {
+            let b = this.k8;
+            this.k8 = a;
+            if (b != this.k8) {
+                this.kd("ActualBorderColor", b, a);
             }
         }
-        get nl() {
-            return this.ld;
+        get nr() {
+            return this.lj;
         }
-        set nl(a) {
-            let b = this.ld;
-            this.ld = a;
-            if (b != this.ld) {
-                this.jz("ActualUmbraShadowColor", b, a);
+        set nr(a) {
+            let b = this.lj;
+            this.lj = a;
+            if (b != this.lj) {
+                this.kd("ActualUmbraShadowColor", b, a);
             }
         }
-        get ni() {
-            return this.la;
+        get no() {
+            return this.lg;
         }
-        set ni(a) {
-            let b = this.la;
-            this.la = a;
-            if (b != this.la) {
-                this.jz("ActualPenumbraShadowColor", b, a);
+        set no(a) {
+            let b = this.lg;
+            this.lg = a;
+            if (b != this.lg) {
+                this.kd("ActualPenumbraShadowColor", b, a);
             }
         }
-        get m8() {
-            return this.k0;
+        get ne() {
+            return this.k6;
         }
-        set m8(a) {
-            let b = this.k0;
-            this.k0 = a;
-            if (b != this.k0) {
-                this.jz("ActualAmbientShadowColor", b, a);
+        set ne(a) {
+            let b = this.k6;
+            this.k6 = a;
+            if (b != this.k6) {
+                this.kd("ActualAmbientShadowColor", b, a);
             }
         }
-        get cg() {
-            return this.bn;
+        get ct() {
+            return this.b0;
         }
-        set cg(a) {
-            let b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.jz("ActualRestingElevation", b, a);
+        set ct(a) {
+            let b = this.b0;
+            this.b0 = a;
+            if (b != this.b0) {
+                this.kd("ActualRestingElevation", b, a);
             }
         }
-        get ce() {
-            return this.bl;
+        get cr() {
+            return this.by;
         }
-        set ce(a) {
-            let b = this.bl;
-            this.bl = a;
-            if (b != this.bl) {
-                this.jz("ActualFocusElevation", b, a);
+        set cr(a) {
+            let b = this.by;
+            this.by = a;
+            if (b != this.by) {
+                this.kd("ActualFocusElevation", b, a);
             }
         }
-        get cf() {
-            return this.bm;
+        get cs() {
+            return this.bz;
         }
-        set cf(a) {
-            let b = this.bm;
-            this.bm = a;
-            if (b != this.bm) {
-                this.jz("ActualHoverElevation", b, a);
+        set cs(a) {
+            let b = this.bz;
+            this.bz = a;
+            if (b != this.bz) {
+                this.kd("ActualHoverElevation", b, a);
             }
         }
-        get nj() {
-            return this.lb;
+        get np() {
+            return this.lh;
         }
-        set nj(a) {
-            let b = this.lb;
-            this.lb = a;
-            if (b != this.lb) {
-                this.jz("ActualRippleColor", b, a);
+        set np(a) {
+            let b = this.lh;
+            this.lh = a;
+            if (b != this.lh) {
+                this.kd("ActualRippleColor", b, a);
             }
         }
-        get kd() {
-            return this.j6;
+        get kr() {
+            return this.kk;
         }
-        set kd(a) {
-            let b = this.j6;
-            this.j6 = a;
-            if (b != this.j6) {
-                this.jz("ActualCornerRadius", b, a);
+        set kr(a) {
+            let b = this.kk;
+            this.kk = a;
+            if (b != this.kk) {
+                this.kd("ActualCornerRadius", b, a);
             }
         }
-        get m9() {
-            return this.k1;
+        get nf() {
+            return this.k7;
         }
-        set m9(a) {
-            let b = this.k1;
-            this.k1 = a;
-            if (b != this.k1) {
-                this.jz("ActualBackgroundColor", b, a);
+        set nf(a) {
+            let b = this.k7;
+            this.k7 = a;
+            if (b != this.k7) {
+                this.kd("ActualBackgroundColor", b, a);
             }
         }
-        get nb() {
-            return this.k3;
+        get nh() {
+            return this.k9;
         }
-        set nb(a) {
-            let b = this.k3;
-            this.k3 = a;
-            if (b != this.k3) {
-                this.jz("ActualDisabledBackgroundColor", b, a);
+        set nh(a) {
+            let b = this.k9;
+            this.k9 = a;
+            if (b != this.k9) {
+                this.kd("ActualDisabledBackgroundColor", b, a);
             }
         }
-        get nc() {
-            return this.k4;
+        get ni() {
+            return this.la;
         }
-        set nc(a) {
-            let b = this.k4;
-            this.k4 = a;
-            if (b != this.k4) {
-                this.jz("ActualDisabledBorderColor", b, a);
+        set ni(a) {
+            let b = this.la;
+            this.la = a;
+            if (b != this.la) {
+                this.kd("ActualDisabledBorderColor", b, a);
+            }
+        }
+        get nj() {
+            return this.lb;
+        }
+        set nj(a) {
+            let b = this.lb;
+            this.lb = a;
+            if (b != this.lb) {
+                this.kd("ActualDisabledTextColor", b, a);
             }
         }
-        get nd() {
-            return this.k5;
+        get cq() {
+            return this.bx;
         }
-        set nd(a) {
-            let b = this.k5;
-            this.k5 = a;
-            if (b != this.k5) {
-                this.jz("ActualDisabledTextColor", b, a);
+        set cq(a) {
+            let b = this.bx;
+            this.bx = a;
+            if (b != this.bx) {
+                this.kd("ActualDisabledElevation", b, a);
             }
         }
-        get cd() {
-            return this.bk;
+        get u() {
+            return this.s;
         }
-        set cd(a) {
-            let b = this.bk;
-            this.bk = a;
-            if (b != this.bk) {
-                this.jz("ActualDisabledElevation", b, a);
+        set u(a) {
+            let b = this.s;
+            this.s = a;
+            if (b != this.s) {
+                this.kd("ActualElevationMode", enumGetBox(ElevationMode_$type, b), enumGetBox(ElevationMode_$type, a));
             }
         }
-        get p() {
-            return this.n;
+        get nq() {
+            return this.li;
+        }
+        set nq(a) {
+            let b = this.li;
+            this.li = a;
+            if (b != this.li) {
+                this.kd("ActualTextColor", b, a);
+            }
+        }
+        get nn() {
+            return this.lf;
         }
-        set p(a) {
-            let b = this.n;
-            this.n = a;
-            if (b != this.n) {
-                this.jz("ActualElevationMode", enumGetBox(ElevationMode_$type, b), enumGetBox(ElevationMode_$type, a));
+        set nn(a) {
+            let b = this.lf;
+            this.lf = a;
+            if (b != this.lf) {
+                this.kd("ActualHoverTextColor", b, a);
             }
         }
         get nk() {
@@ -1327,1277 +1464,1367 @@ export let XButton = /*@__PURE__*/ (() => {
             let b = this.lc;
             this.lc = a;
             if (b != this.lc) {
-                this.jz("ActualTextColor", b, a);
-            }
-        }
-        get nh() {
-            return this.k9;
-        }
-        set nh(a) {
-            let b = this.k9;
-            this.k9 = a;
-            if (b != this.k9) {
-                this.jz("ActualHoverTextColor", b, a);
+                this.kd("ActualFocusBackgroundColor", b, a);
             }
         }
-        get ne() {
-            return this.k6;
+        get nl() {
+            return this.ld;
         }
-        set ne(a) {
-            let b = this.k6;
-            this.k6 = a;
-            if (b != this.k6) {
-                this.jz("ActualFocusBackgroundColor", b, a);
+        set nl(a) {
+            let b = this.ld;
+            this.ld = a;
+            if (b != this.ld) {
+                this.kd("ActualFocusTextColor", b, a);
             }
         }
-        get nf() {
-            return this.k7;
+        get nm() {
+            return this.le;
         }
-        set nf(a) {
-            let b = this.k7;
-            this.k7 = a;
-            if (b != this.k7) {
-                this.jz("ActualFocusTextColor", b, a);
+        set nm(a) {
+            let b = this.le;
+            this.le = a;
+            if (b != this.le) {
+                this.kd("ActualHoverBackgroundColor", b, a);
             }
         }
-        get ng() {
-            return this.k8;
+        get bf() {
+            return this.a2;
         }
-        set ng(a) {
-            let b = this.k8;
-            this.k8 = a;
-            if (b != this.k8) {
-                this.jz("ActualHoverBackgroundColor", b, a);
+        set bf(a) {
+            let b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.kd("ActualBorderWidth", b, a);
             }
         }
-        get aw() {
-            return this.an;
+        get qv() {
+            return this.m1;
         }
-        set aw(a) {
-            let b = this.an;
-            this.an = a;
-            if (b != this.an) {
-                this.jz("ActualBorderWidth", b, a);
+        set qv(a) {
+            let b = this.m1;
+            this.m1 = a;
+            if (b != this.m1) {
+                this.kd("RaisedBackgroundColor", b, a);
             }
         }
-        get tx() {
-            return this.mv;
+        get qx() {
+            return this.m3;
         }
-        set tx(a) {
-            let b = this.mv;
-            this.mv = a;
-            if (b != this.mv) {
-                this.jz("RaisedBackgroundColor", b, a);
+        set qx(a) {
+            let b = this.m3;
+            this.m3 = a;
+            if (b != this.m3) {
+                this.kd("RaisedDisabledBackgroundColor", b, a);
             }
         }
-        get tz() {
-            return this.mx;
+        get qy() {
+            return this.m4;
         }
-        set tz(a) {
-            let b = this.mx;
-            this.mx = a;
-            if (b != this.mx) {
-                this.jz("RaisedDisabledBackgroundColor", b, a);
+        set qy(a) {
+            let b = this.m4;
+            this.m4 = a;
+            if (b != this.m4) {
+                this.kd("RaisedDisabledBorderColor", b, a);
             }
         }
-        get t0() {
-            return this.my;
+        get qz() {
+            return this.m5;
         }
-        set t0(a) {
-            let b = this.my;
-            this.my = a;
-            if (b != this.my) {
-                this.jz("RaisedDisabledBorderColor", b, a);
+        set qz(a) {
+            let b = this.m5;
+            this.m5 = a;
+            if (b != this.m5) {
+                this.kd("RaisedDisabledTextColor", b, a);
             }
         }
-        get t1() {
-            return this.mz;
+        get dy() {
+            return this.ck;
         }
-        set t1(a) {
-            let b = this.mz;
-            this.mz = a;
-            if (b != this.mz) {
-                this.jz("RaisedDisabledTextColor", b, a);
+        set dy(a) {
+            let b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.kd("RaisedDisabledElevation", b, a);
             }
         }
-        get ep() {
-            return this.b7;
+        get q2() {
+            return this.m8;
         }
-        set ep(a) {
-            let b = this.b7;
-            this.b7 = a;
-            if (b != this.b7) {
-                this.jz("RaisedDisabledElevation", b, a);
+        set q2(a) {
+            let b = this.m8;
+            this.m8 = a;
+            if (b != this.m8) {
+                this.kd("RaisedHoverBackgroundColor", b, a);
             }
         }
-        get t4() {
+        get qw() {
             return this.m2;
         }
-        set t4(a) {
+        set qw(a) {
             let b = this.m2;
             this.m2 = a;
             if (b != this.m2) {
-                this.jz("RaisedHoverBackgroundColor", b, a);
+                this.kd("RaisedBorderColor", b, a);
             }
         }
-        get ty() {
-            return this.mw;
+        get d1() {
+            return this.cn;
         }
-        set ty(a) {
-            let b = this.mw;
-            this.mw = a;
-            if (b != this.mw) {
-                this.jz("RaisedBorderColor", b, a);
+        set d1(a) {
+            let b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.kd("RaisedRestingElevation", b, a);
             }
         }
-        get es() {
-            return this.ca;
+        get d0() {
+            return this.cm;
         }
-        set es(a) {
-            let b = this.ca;
-            this.ca = a;
-            if (b != this.ca) {
-                this.jz("RaisedRestingElevation", b, a);
+        set d0(a) {
+            let b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.kd("RaisedHoverElevation", b, a);
             }
         }
-        get er() {
-            return this.b9;
+        get dz() {
+            return this.cl;
         }
-        set er(a) {
-            let b = this.b9;
-            this.b9 = a;
-            if (b != this.b9) {
-                this.jz("RaisedHoverElevation", b, a);
+        set dz(a) {
+            let b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.kd("RaisedFocusElevation", b, a);
             }
         }
-        get eq() {
-            return this.b8;
+        get bw() {
+            return this.be;
         }
-        set eq(a) {
-            let b = this.b8;
-            this.b8 = a;
-            if (b != this.b8) {
-                this.jz("RaisedFocusElevation", b, a);
+        set bw(a) {
+            let b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.kd("RaisedBorderWidth", b, a);
             }
         }
-        get bj() {
-            return this.av;
+        get k3() {
+            return this.kq;
         }
-        set bj(a) {
-            let b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.jz("RaisedBorderWidth", b, a);
+        set k3(a) {
+            let b = this.kq;
+            this.kq = a;
+            {
+                this.kd("RaisedCornerRadius", b, a);
             }
         }
-        get kz() {
-            return this.kc;
+        get q4() {
+            return this.na;
         }
-        set kz(a) {
-            let b = this.kc;
-            this.kc = a;
-            {
-                this.jz("RaisedCornerRadius", b, a);
+        set q4(a) {
+            let b = this.na;
+            this.na = a;
+            if (b != this.na) {
+                this.kd("RaisedRippleColor", b, a);
             }
         }
-        get t6() {
-            return this.m4;
+        get pu() {
+            return this.lz;
         }
-        set t6(a) {
-            let b = this.m4;
-            this.m4 = a;
-            if (b != this.m4) {
-                this.jz("RaisedRippleColor", b, a);
+        set pu(a) {
+            let b = this.lz;
+            this.lz = a;
+            if (b != this.lz) {
+                this.kd("FlatBackgroundColor", b, a);
             }
         }
-        get sw() {
-            return this.lt;
+        get pw() {
+            return this.l1;
         }
-        set sw(a) {
-            let b = this.lt;
-            this.lt = a;
-            if (b != this.lt) {
-                this.jz("FlatBackgroundColor", b, a);
+        set pw(a) {
+            let b = this.l1;
+            this.l1 = a;
+            if (b != this.l1) {
+                this.kd("FlatDisabledBackgroundColor", b, a);
             }
         }
-        get sy() {
-            return this.lv;
+        get px() {
+            return this.l2;
         }
-        set sy(a) {
-            let b = this.lv;
-            this.lv = a;
-            if (b != this.lv) {
-                this.jz("FlatDisabledBackgroundColor", b, a);
+        set px(a) {
+            let b = this.l2;
+            this.l2 = a;
+            if (b != this.l2) {
+                this.kd("FlatDisabledBorderColor", b, a);
             }
         }
-        get sz() {
-            return this.lw;
+        get py() {
+            return this.l3;
         }
-        set sz(a) {
-            let b = this.lw;
-            this.lw = a;
-            if (b != this.lw) {
-                this.jz("FlatDisabledBorderColor", b, a);
+        set py(a) {
+            let b = this.l3;
+            this.l3 = a;
+            if (b != this.l3) {
+                this.kd("FlatDisabledTextColor", b, a);
             }
         }
-        get s0() {
-            return this.lx;
+        get dj() {
+            return this.b6;
         }
-        set s0(a) {
-            let b = this.lx;
-            this.lx = a;
-            if (b != this.lx) {
-                this.jz("FlatDisabledTextColor", b, a);
+        set dj(a) {
+            let b = this.b6;
+            this.b6 = a;
+            if (b != this.b6) {
+                this.kd("FlatDisabledElevation", b, a);
             }
         }
-        get eb() {
-            return this.bt;
+        get p1() {
+            return this.l6;
         }
-        set eb(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.jz("FlatDisabledElevation", b, a);
+        set p1(a) {
+            let b = this.l6;
+            this.l6 = a;
+            if (b != this.l6) {
+                this.kd("FlatHoverBackgroundColor", b, a);
             }
         }
-        get s3() {
+        get pv() {
             return this.l0;
         }
-        set s3(a) {
+        set pv(a) {
             let b = this.l0;
             this.l0 = a;
             if (b != this.l0) {
-                this.jz("FlatHoverBackgroundColor", b, a);
+                this.kd("FlatBorderColor", b, a);
             }
         }
-        get sx() {
-            return this.lu;
+        get dm() {
+            return this.b9;
         }
-        set sx(a) {
-            let b = this.lu;
-            this.lu = a;
-            if (b != this.lu) {
-                this.jz("FlatBorderColor", b, a);
+        set dm(a) {
+            let b = this.b9;
+            this.b9 = a;
+            if (b != this.b9) {
+                this.kd("FlatRestingElevation", b, a);
             }
         }
-        get ee() {
-            return this.bw;
+        get dl() {
+            return this.b8;
         }
-        set ee(a) {
-            let b = this.bw;
-            this.bw = a;
-            if (b != this.bw) {
-                this.jz("FlatRestingElevation", b, a);
+        set dl(a) {
+            let b = this.b8;
+            this.b8 = a;
+            if (b != this.b8) {
+                this.kd("FlatHoverElevation", b, a);
             }
         }
-        get ed() {
-            return this.bv;
+        get dk() {
+            return this.b7;
         }
-        set ed(a) {
-            let b = this.bv;
-            this.bv = a;
-            if (b != this.bv) {
-                this.jz("FlatHoverElevation", b, a);
+        set dk(a) {
+            let b = this.b7;
+            this.b7 = a;
+            if (b != this.b7) {
+                this.kd("FlatFocusElevation", b, a);
             }
         }
-        get ec() {
-            return this.bu;
+        get p3() {
+            return this.l8;
         }
-        set ec(a) {
-            let b = this.bu;
-            this.bu = a;
-            if (b != this.bu) {
-                this.jz("FlatFocusElevation", b, a);
+        set p3(a) {
+            let b = this.l8;
+            this.l8 = a;
+            if (b != this.l8) {
+                this.kd("FlatRippleColor", b, a);
             }
         }
-        get s5() {
-            return this.l2;
+        get p4() {
+            return this.l9;
         }
-        set s5(a) {
-            let b = this.l2;
-            this.l2 = a;
-            if (b != this.l2) {
-                this.jz("FlatRippleColor", b, a);
+        set p4(a) {
+            let b = this.l9;
+            this.l9 = a;
+            if (b != this.l9) {
+                this.kd("FlatTextColor", b, a);
             }
         }
-        get s6() {
-            return this.l3;
+        get p2() {
+            return this.l7;
         }
-        set s6(a) {
-            let b = this.l3;
-            this.l3 = a;
-            if (b != this.l3) {
-                this.jz("FlatTextColor", b, a);
+        set p2(a) {
+            let b = this.l7;
+            this.l7 = a;
+            if (b != this.l7) {
+                this.kd("FlatHoverTextColor", b, a);
             }
         }
-        get s4() {
-            return this.l1;
+        get pz() {
+            return this.l4;
         }
-        set s4(a) {
-            let b = this.l1;
-            this.l1 = a;
-            if (b != this.l1) {
-                this.jz("FlatHoverTextColor", b, a);
+        set pz(a) {
+            let b = this.l4;
+            this.l4 = a;
+            if (b != this.l4) {
+                this.kd("FlatFocusBackgroundColor", b, a);
             }
         }
-        get s1() {
-            return this.ly;
-        }
-        set s1(a) {
-            let b = this.ly;
-            this.ly = a;
-            if (b != this.ly) {
-                this.jz("FlatFocusBackgroundColor", b, a);
-            }
+        get p0() {
+            return this.l5;
         }
-        get s2() {
-            return this.lz;
-        }
-        set s2(a) {
-            let b = this.lz;
-            this.lz = a;
-            if (b != this.lz) {
-                this.jz("FlatFocusTextColor", b, a);
+        set p0(a) {
+            let b = this.l5;
+            this.l5 = a;
+            if (b != this.l5) {
+                this.kd("FlatFocusTextColor", b, a);
             }
         }
-        get be() {
-            return this.aq;
+        get br() {
+            return this.a9;
         }
-        set be(a) {
-            let b = this.aq;
-            this.aq = a;
-            if (b != this.aq) {
-                this.jz("FlatBorderWidth", b, a);
+        set br(a) {
+            let b = this.a9;
+            this.a9 = a;
+            if (b != this.a9) {
+                this.kd("FlatBorderWidth", b, a);
             }
         }
-        get kw() {
-            return this.j9;
+        get k0() {
+            return this.kn;
         }
-        set kw(a) {
-            let b = this.j9;
-            this.j9 = a;
+        set k0(a) {
+            let b = this.kn;
+            this.kn = a;
             {
-                this.jz("FlatCornerRadius", b, a);
+                this.kd("FlatCornerRadius", b, a);
             }
         }
-        get nm() {
-            return this.le;
+        get ns() {
+            return this.lk;
         }
-        set nm(a) {
-            let b = this.le;
-            this.le = a;
-            if (b != this.le) {
-                this.jz("BackgroundColor", b, a);
+        set ns(a) {
+            let b = this.lk;
+            this.lk = a;
+            if (b != this.lk) {
+                this.kd("BackgroundColor", b, a);
             }
         }
-        get si() {
-            return this.lg;
+        get pg() {
+            return this.lm;
         }
-        set si(a) {
-            let b = this.lg;
-            this.lg = a;
-            if (b != this.lg) {
-                this.jz("DisabledBackgroundColor", b, a);
+        set pg(a) {
+            let b = this.lm;
+            this.lm = a;
+            if (b != this.lm) {
+                this.kd("DisabledBackgroundColor", b, a);
             }
         }
-        get sj() {
-            return this.lh;
+        get ph() {
+            return this.ln;
         }
-        set sj(a) {
-            let b = this.lh;
-            this.lh = a;
-            if (b != this.lh) {
-                this.jz("DisabledBorderColor", b, a);
+        set ph(a) {
+            let b = this.ln;
+            this.ln = a;
+            if (b != this.ln) {
+                this.kd("DisabledBorderColor", b, a);
             }
         }
-        get sk() {
-            return this.li;
+        get pi() {
+            return this.lo;
         }
-        set sk(a) {
-            let b = this.li;
-            this.li = a;
-            if (b != this.li) {
-                this.jz("DisabledTextColor", b, a);
+        set pi(a) {
+            let b = this.lo;
+            this.lo = a;
+            if (b != this.lo) {
+                this.kd("DisabledTextColor", b, a);
             }
         }
-        get d6() {
-            return this.bo;
+        get de() {
+            return this.b1;
         }
-        set d6(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.jz("DisabledElevation", b, a);
+        set de(a) {
+            let b = this.b1;
+            this.b1 = a;
+            if (b != this.b1) {
+                this.kd("DisabledElevation", b, a);
             }
         }
-        get t() {
-            return this.o;
+        get w() {
+            return this.t;
         }
-        set t(a) {
-            let b = this.o;
-            this.o = a;
-            if (b != this.o) {
-                this.jz("ElevationMode", enumGetBox(ElevationMode_$type, b), enumGetBox(ElevationMode_$type, a));
+        set w(a) {
+            let b = this.t;
+            this.t = a;
+            if (b != this.t) {
+                this.kd("ElevationMode", enumGetBox(ElevationMode_$type, b), enumGetBox(ElevationMode_$type, a));
             }
         }
-        get s9() {
-            return this.l6;
+        get p7() {
+            return this.mc;
         }
-        set s9(a) {
-            let b = this.l6;
-            this.l6 = a;
-            if (b != this.l6) {
-                this.jz("HoverBackgroundColor", b, a);
+        set p7(a) {
+            let b = this.mc;
+            this.mc = a;
+            if (b != this.mc) {
+                this.kd("HoverBackgroundColor", b, a);
             }
         }
-        get nn() {
-            return this.lf;
+        get nt() {
+            return this.ll;
         }
-        set nn(a) {
-            let b = this.lf;
-            this.lf = a;
-            if (b != this.lf) {
-                this.jz("BorderColor", b, a);
+        set nt(a) {
+            let b = this.ll;
+            this.ll = a;
+            if (b != this.ll) {
+                this.kd("BorderColor", b, a);
+            }
+        }
+        get d2() {
+            return this.co;
+        }
+        set d2(a) {
+            let b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.kd("RestingElevation", b, a);
             }
         }
-        get et() {
+        get dp() {
             return this.cb;
         }
-        set et(a) {
+        set dp(a) {
             let b = this.cb;
             this.cb = a;
             if (b != this.cb) {
-                this.jz("RestingElevation", b, a);
+                this.kd("HoverElevation", b, a);
             }
         }
-        get eg() {
-            return this.by;
+        get dn() {
+            return this.ca;
         }
-        set eg(a) {
-            let b = this.by;
-            this.by = a;
-            if (b != this.by) {
-                this.jz("HoverElevation", b, a);
+        set dn(a) {
+            let b = this.ca;
+            this.ca = a;
+            if (b != this.ca) {
+                this.kd("FocusElevation", b, a);
             }
         }
-        get ef() {
-            return this.bx;
+        get aa() {
+            return this.z;
         }
-        set ef(a) {
-            let b = this.bx;
-            this.bx = a;
-            if (b != this.bx) {
-                this.jz("FocusElevation", b, a);
+        set aa(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.kd("TextStyle", b, a);
             }
         }
-        get v() {
-            return this.u;
+        get q7() {
+            return this.nd;
         }
-        set v(a) {
-            let b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.jz("TextStyle", b, a);
+        set q7(a) {
+            let b = this.nd;
+            this.nd = a;
+            if (b != this.nd) {
+                this.kd("TextColor", b, a);
             }
         }
-        get t9() {
-            return this.m7;
+        get p8() {
+            return this.me;
         }
-        set t9(a) {
-            let b = this.m7;
-            this.m7 = a;
-            if (b != this.m7) {
-                this.jz("TextColor", b, a);
+        set p8(a) {
+            let b = this.me;
+            this.me = a;
+            if (b != this.me) {
+                this.kd("HoverTextColor", b, a);
             }
         }
-        get ta() {
-            return this.l8;
+        get q6() {
+            return this.nc;
         }
-        set ta(a) {
-            let b = this.l8;
-            this.l8 = a;
-            if (b != this.l8) {
-                this.jz("HoverTextColor", b, a);
+        set q6(a) {
+            let b = this.nc;
+            this.nc = a;
+            if (b != this.nc) {
+                this.kd("RippleColor", b, a);
             }
         }
-        get t8() {
-            return this.m6;
+        get q5() {
+            return this.nb;
         }
-        set t8(a) {
-            let b = this.m6;
-            this.m6 = a;
-            if (b != this.m6) {
-                this.jz("RippleColor", b, a);
+        set q5(a) {
+            let b = this.nb;
+            this.nb = a;
+            if (b != this.nb) {
+                this.kd("RaisedTextColor", b, a);
             }
         }
-        get t7() {
-            return this.m5;
+        get q3() {
+            return this.m9;
         }
-        set t7(a) {
-            let b = this.m5;
-            this.m5 = a;
-            if (b != this.m5) {
-                this.jz("RaisedTextColor", b, a);
+        set q3(a) {
+            let b = this.m9;
+            this.m9 = a;
+            if (b != this.m9) {
+                this.kd("RaisedHoverTextColor", b, a);
             }
         }
-        get t5() {
-            return this.m3;
+        get q0() {
+            return this.m6;
         }
-        set t5(a) {
-            let b = this.m3;
-            this.m3 = a;
-            if (b != this.m3) {
-                this.jz("RaisedHoverTextColor", b, a);
+        set q0(a) {
+            let b = this.m6;
+            this.m6 = a;
+            if (b != this.m6) {
+                this.kd("RaisedFocusBackgroundColor", b, a);
             }
         }
-        get t2() {
-            return this.m0;
+        get q1() {
+            return this.m7;
         }
-        set t2(a) {
-            let b = this.m0;
-            this.m0 = a;
-            if (b != this.m0) {
-                this.jz("RaisedFocusBackgroundColor", b, a);
+        set q1(a) {
+            let b = this.m7;
+            this.m7 = a;
+            if (b != this.m7) {
+                this.kd("RaisedFocusTextColor", b, a);
             }
         }
-        get t3() {
-            return this.m1;
+        get p5() {
+            return this.ma;
         }
-        set t3(a) {
-            let b = this.m1;
-            this.m1 = a;
-            if (b != this.m1) {
-                this.jz("RaisedFocusTextColor", b, a);
+        set p5(a) {
+            let b = this.ma;
+            this.ma = a;
+            if (b != this.ma) {
+                this.kd("FocusBackgroundColor", b, a);
             }
         }
-        get s7() {
-            return this.l4;
+        get p6() {
+            return this.mb;
         }
-        set s7(a) {
-            let b = this.l4;
-            this.l4 = a;
-            if (b != this.l4) {
-                this.jz("FocusBackgroundColor", b, a);
+        set p6(a) {
+            let b = this.mb;
+            this.mb = a;
+            if (b != this.mb) {
+                this.kd("FocusTextColor", b, a);
             }
         }
-        get s8() {
-            return this.l5;
+        get bg() {
+            return this.a3;
         }
-        set s8(a) {
-            let b = this.l5;
-            this.l5 = a;
-            if (b != this.l5) {
-                this.jz("FocusTextColor", b, a);
+        set bg(a) {
+            let b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
+                this.kd("BorderWidth", b, a);
             }
         }
-        get ax() {
-            return this.ao;
+        get kt() {
+            return this.kl;
         }
-        set ax(a) {
-            let b = this.ao;
-            this.ao = a;
-            if (b != this.ao) {
-                this.jz("BorderWidth", b, a);
+        set kt(a) {
+            let b = this.kl;
+            this.kl = a;
+            {
+                this.kd("CornerRadius", b, a);
             }
         }
-        get kf() {
-            return this.j7;
+        get qk() {
+            return this.mq;
         }
-        set kf(a) {
-            let b = this.j7;
-            this.j7 = a;
-            {
-                this.jz("CornerRadius", b, a);
+        set qk(a) {
+            let b = this.mq;
+            this.mq = a;
+            if (b != this.mq) {
+                this.kd("OutlinedBackgroundColor", b, a);
             }
         }
-        get tm() {
-            return this.mk;
+        get qm() {
+            return this.ms;
         }
-        set tm(a) {
-            let b = this.mk;
-            this.mk = a;
-            if (b != this.mk) {
-                this.jz("OutlinedBackgroundColor", b, a);
+        set qm(a) {
+            let b = this.ms;
+            this.ms = a;
+            if (b != this.ms) {
+                this.kd("OutlinedDisabledBackgroundColor", b, a);
             }
         }
-        get to() {
-            return this.mm;
+        get qn() {
+            return this.mt;
         }
-        set to(a) {
-            let b = this.mm;
-            this.mm = a;
-            if (b != this.mm) {
-                this.jz("OutlinedDisabledBackgroundColor", b, a);
+        set qn(a) {
+            let b = this.mt;
+            this.mt = a;
+            if (b != this.mt) {
+                this.kd("OutlinedDisabledBorderColor", b, a);
             }
         }
-        get tp() {
-            return this.mn;
+        get qo() {
+            return this.mu;
         }
-        set tp(a) {
-            let b = this.mn;
-            this.mn = a;
-            if (b != this.mn) {
-                this.jz("OutlinedDisabledBorderColor", b, a);
+        set qo(a) {
+            let b = this.mu;
+            this.mu = a;
+            if (b != this.mu) {
+                this.kd("OutlinedDisabledTextColor", b, a);
             }
         }
-        get tq() {
-            return this.mo;
+        get du() {
+            return this.cg;
         }
-        set tq(a) {
-            let b = this.mo;
-            this.mo = a;
-            if (b != this.mo) {
-                this.jz("OutlinedDisabledTextColor", b, a);
+        set du(a) {
+            let b = this.cg;
+            this.cg = a;
+            if (b != this.cg) {
+                this.kd("OutlinedDisabledElevation", b, a);
             }
         }
-        get el() {
-            return this.b3;
+        get qr() {
+            return this.mx;
         }
-        set el(a) {
-            let b = this.b3;
-            this.b3 = a;
-            if (b != this.b3) {
-                this.jz("OutlinedDisabledElevation", b, a);
+        set qr(a) {
+            let b = this.mx;
+            this.mx = a;
+            if (b != this.mx) {
+                this.kd("OutlinedHoverBackgroundColor", b, a);
             }
         }
-        get tt() {
+        get ql() {
             return this.mr;
         }
-        set tt(a) {
+        set ql(a) {
             let b = this.mr;
             this.mr = a;
             if (b != this.mr) {
-                this.jz("OutlinedHoverBackgroundColor", b, a);
+                this.kd("OutlinedBorderColor", b, a);
             }
         }
-        get tn() {
-            return this.ml;
+        get dx() {
+            return this.cj;
         }
-        set tn(a) {
-            let b = this.ml;
-            this.ml = a;
-            if (b != this.ml) {
-                this.jz("OutlinedBorderColor", b, a);
+        set dx(a) {
+            let b = this.cj;
+            this.cj = a;
+            if (b != this.cj) {
+                this.kd("OutlinedRestingElevation", b, a);
             }
         }
-        get eo() {
-            return this.b6;
+        get dw() {
+            return this.ci;
         }
-        set eo(a) {
-            let b = this.b6;
-            this.b6 = a;
-            if (b != this.b6) {
-                this.jz("OutlinedRestingElevation", b, a);
+        set dw(a) {
+            let b = this.ci;
+            this.ci = a;
+            if (b != this.ci) {
+                this.kd("OutlinedHoverElevation", b, a);
             }
         }
-        get en() {
-            return this.b5;
+        get dv() {
+            return this.ch;
         }
-        set en(a) {
-            let b = this.b5;
-            this.b5 = a;
-            if (b != this.b5) {
-                this.jz("OutlinedHoverElevation", b, a);
+        set dv(a) {
+            let b = this.ch;
+            this.ch = a;
+            if (b != this.ch) {
+                this.kd("OutlinedFocusElevation", b, a);
             }
         }
-        get em() {
-            return this.b4;
+        get bv() {
+            return this.bd;
         }
-        set em(a) {
-            let b = this.b4;
-            this.b4 = a;
-            if (b != this.b4) {
-                this.jz("OutlinedFocusElevation", b, a);
+        set bv(a) {
+            let b = this.bd;
+            this.bd = a;
+            if (b != this.bd) {
+                this.kd("OutlinedBorderWidth", b, a);
             }
         }
-        get bi() {
-            return this.au;
+        get k2() {
+            return this.kp;
         }
-        set bi(a) {
-            let b = this.au;
-            this.au = a;
-            if (b != this.au) {
-                this.jz("OutlinedBorderWidth", b, a);
+        set k2(a) {
+            let b = this.kp;
+            this.kp = a;
+            {
+                this.kd("OutlinedCornerRadius", b, a);
             }
         }
-        get ky() {
-            return this.kb;
+        get qt() {
+            return this.mz;
         }
-        set ky(a) {
-            let b = this.kb;
-            this.kb = a;
-            {
-                this.jz("OutlinedCornerRadius", b, a);
+        set qt(a) {
+            let b = this.mz;
+            this.mz = a;
+            if (b != this.mz) {
+                this.kd("OutlinedRippleColor", b, a);
             }
         }
-        get tv() {
-            return this.mt;
+        get qu() {
+            return this.m0;
         }
-        set tv(a) {
-            let b = this.mt;
-            this.mt = a;
-            if (b != this.mt) {
-                this.jz("OutlinedRippleColor", b, a);
+        set qu(a) {
+            let b = this.m0;
+            this.m0 = a;
+            if (b != this.m0) {
+                this.kd("OutlinedTextColor", b, a);
             }
         }
-        get tw() {
-            return this.mu;
+        get qs() {
+            return this.my;
         }
-        set tw(a) {
-            let b = this.mu;
-            this.mu = a;
-            if (b != this.mu) {
-                this.jz("OutlinedTextColor", b, a);
+        set qs(a) {
+            let b = this.my;
+            this.my = a;
+            if (b != this.my) {
+                this.kd("OutlinedHoverTextColor", b, a);
+            }
+        }
+        get qp() {
+            return this.mv;
+        }
+        set qp(a) {
+            let b = this.mv;
+            this.mv = a;
+            if (b != this.mv) {
+                this.kd("OutlinedFocusBackgroundColor", b, a);
+            }
+        }
+        get qq() {
+            return this.mw;
+        }
+        set qq(a) {
+            let b = this.mw;
+            this.mw = a;
+            if (b != this.mw) {
+                this.kd("OutlinedFocusTextColor", b, a);
+            }
+        }
+        get pj() {
+            return this.lp;
+        }
+        set pj(a) {
+            let b = this.lp;
+            this.lp = a;
+            if (b != this.lp) {
+                this.kd("FabBackgroundColor", b, a);
+            }
+        }
+        get pl() {
+            return this.lr;
+        }
+        set pl(a) {
+            let b = this.lr;
+            this.lr = a;
+            if (b != this.lr) {
+                this.kd("FabDisabledBackgroundColor", b, a);
+            }
+        }
+        get pm() {
+            return this.ls;
+        }
+        set pm(a) {
+            let b = this.ls;
+            this.ls = a;
+            if (b != this.ls) {
+                this.kd("FabDisabledBorderColor", b, a);
+            }
+        }
+        get pn() {
+            return this.lt;
+        }
+        set pn(a) {
+            let b = this.lt;
+            this.lt = a;
+            if (b != this.lt) {
+                this.kd("FabDisabledTextColor", b, a);
+            }
+        }
+        get df() {
+            return this.b2;
+        }
+        set df(a) {
+            let b = this.b2;
+            this.b2 = a;
+            if (b != this.b2) {
+                this.kd("FabDisabledElevation", b, a);
+            }
+        }
+        get pq() {
+            return this.md;
+        }
+        set pq(a) {
+            let b = this.md;
+            this.md = a;
+            if (b != this.md) {
+                this.kd("FabHoverBackgroundColor", b, a);
+            }
+        }
+        get pk() {
+            return this.lq;
+        }
+        set pk(a) {
+            let b = this.lq;
+            this.lq = a;
+            if (b != this.lq) {
+                this.kd("FabBorderColor", b, a);
+            }
+        }
+        get di() {
+            return this.b5;
+        }
+        set di(a) {
+            let b = this.b5;
+            this.b5 = a;
+            if (b != this.b5) {
+                this.kd("FabRestingElevation", b, a);
             }
         }
-        get tu() {
-            return this.ms;
+        get dh() {
+            return this.b4;
         }
-        set tu(a) {
-            let b = this.ms;
-            this.ms = a;
-            if (b != this.ms) {
-                this.jz("OutlinedHoverTextColor", b, a);
+        set dh(a) {
+            let b = this.b4;
+            this.b4 = a;
+            if (b != this.b4) {
+                this.kd("FabHoverElevation", b, a);
             }
         }
-        get tr() {
-            return this.mp;
+        get dg() {
+            return this.b3;
         }
-        set tr(a) {
-            let b = this.mp;
-            this.mp = a;
-            if (b != this.mp) {
-                this.jz("OutlinedFocusBackgroundColor", b, a);
+        set dg(a) {
+            let b = this.b3;
+            this.b3 = a;
+            if (b != this.b3) {
+                this.kd("FabFocusElevation", b, a);
             }
         }
-        get ts() {
-            return this.mq;
+        get bq() {
+            return this.a8;
         }
-        set ts(a) {
-            let b = this.mq;
-            this.mq = a;
-            if (b != this.mq) {
-                this.jz("OutlinedFocusTextColor", b, a);
+        set bq(a) {
+            let b = this.a8;
+            this.a8 = a;
+            if (b != this.a8) {
+                this.kd("FabBorderWidth", b, a);
             }
         }
-        get sl() {
-            return this.lj;
+        get kz() {
+            return this.km;
         }
-        set sl(a) {
-            let b = this.lj;
-            this.lj = a;
-            if (b != this.lj) {
-                this.jz("FabBackgroundColor", b, a);
+        set kz(a) {
+            let b = this.km;
+            this.km = a;
+            {
+                this.kd("FabCornerRadius", b, a);
             }
         }
-        get sn() {
-            return this.ll;
+        get ps() {
+            return this.lx;
         }
-        set sn(a) {
-            let b = this.ll;
-            this.ll = a;
-            if (b != this.ll) {
-                this.jz("FabDisabledBackgroundColor", b, a);
+        set ps(a) {
+            let b = this.lx;
+            this.lx = a;
+            if (b != this.lx) {
+                this.kd("FabRippleColor", b, a);
             }
         }
-        get so() {
-            return this.lm;
+        get pt() {
+            return this.ly;
         }
-        set so(a) {
-            let b = this.lm;
-            this.lm = a;
-            if (b != this.lm) {
-                this.jz("FabDisabledBorderColor", b, a);
+        set pt(a) {
+            let b = this.ly;
+            this.ly = a;
+            if (b != this.ly) {
+                this.kd("FabTextColor", b, a);
             }
         }
-        get sp() {
-            return this.ln;
+        get pr() {
+            return this.lw;
         }
-        set sp(a) {
-            let b = this.ln;
-            this.ln = a;
-            if (b != this.ln) {
-                this.jz("FabDisabledTextColor", b, a);
+        set pr(a) {
+            let b = this.lw;
+            this.lw = a;
+            if (b != this.lw) {
+                this.kd("FabHoverTextColor", b, a);
             }
         }
-        get d7() {
-            return this.bp;
+        get po() {
+            return this.lu;
         }
-        set d7(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.jz("FabDisabledElevation", b, a);
+        set po(a) {
+            let b = this.lu;
+            this.lu = a;
+            if (b != this.lu) {
+                this.kd("FabFocusBackgroundColor", b, a);
             }
         }
-        get ss() {
-            return this.l7;
+        get pp() {
+            return this.lv;
         }
-        set ss(a) {
-            let b = this.l7;
-            this.l7 = a;
-            if (b != this.l7) {
-                this.jz("FabHoverBackgroundColor", b, a);
+        set pp(a) {
+            let b = this.lv;
+            this.lv = a;
+            if (b != this.lv) {
+                this.kd("FabFocusTextColor", b, a);
             }
         }
-        get sm() {
-            return this.lk;
+        get p9() {
+            return this.mf;
         }
-        set sm(a) {
-            let b = this.lk;
-            this.lk = a;
-            if (b != this.lk) {
-                this.jz("FabBorderColor", b, a);
+        set p9(a) {
+            let b = this.mf;
+            this.mf = a;
+            if (b != this.mf) {
+                this.kd("IconBackgroundColor", b, a);
             }
         }
-        get ea() {
-            return this.bs;
+        get qb() {
+            return this.mh;
         }
-        set ea(a) {
-            let b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.jz("FabRestingElevation", b, a);
+        set qb(a) {
+            let b = this.mh;
+            this.mh = a;
+            if (b != this.mh) {
+                this.kd("IconDisabledBackgroundColor", b, a);
             }
         }
-        get d9() {
-            return this.br;
+        get qc() {
+            return this.mi;
         }
-        set d9(a) {
-            let b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.jz("FabHoverElevation", b, a);
+        set qc(a) {
+            let b = this.mi;
+            this.mi = a;
+            if (b != this.mi) {
+                this.kd("IconDisabledBorderColor", b, a);
             }
         }
-        get d8() {
-            return this.bq;
+        get qd() {
+            return this.mj;
         }
-        set d8(a) {
-            let b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.jz("FabFocusElevation", b, a);
+        set qd(a) {
+            let b = this.mj;
+            this.mj = a;
+            if (b != this.mj) {
+                this.kd("IconDisabledTextColor", b, a);
             }
         }
-        get bd() {
-            return this.ap;
+        get dq() {
+            return this.cc;
         }
-        set bd(a) {
-            let b = this.ap;
-            this.ap = a;
-            if (b != this.ap) {
-                this.jz("FabBorderWidth", b, a);
+        set dq(a) {
+            let b = this.cc;
+            this.cc = a;
+            if (b != this.cc) {
+                this.kd("IconDisabledElevation", b, a);
             }
         }
-        get kv() {
-            return this.j8;
+        get qg() {
+            return this.mm;
         }
-        set kv(a) {
-            let b = this.j8;
-            this.j8 = a;
-            {
-                this.jz("FabCornerRadius", b, a);
+        set qg(a) {
+            let b = this.mm;
+            this.mm = a;
+            if (b != this.mm) {
+                this.kd("IconHoverBackgroundColor", b, a);
             }
         }
-        get su() {
-            return this.lr;
+        get qa() {
+            return this.mg;
         }
-        set su(a) {
-            let b = this.lr;
-            this.lr = a;
-            if (b != this.lr) {
-                this.jz("FabRippleColor", b, a);
+        set qa(a) {
+            let b = this.mg;
+            this.mg = a;
+            if (b != this.mg) {
+                this.kd("IconBorderColor", b, a);
             }
         }
-        get sv() {
-            return this.ls;
+        get dt() {
+            return this.cf;
         }
-        set sv(a) {
-            let b = this.ls;
-            this.ls = a;
-            if (b != this.ls) {
-                this.jz("FabTextColor", b, a);
+        set dt(a) {
+            let b = this.cf;
+            this.cf = a;
+            if (b != this.cf) {
+                this.kd("IconRestingElevation", b, a);
             }
         }
-        get st() {
-            return this.lq;
+        get ds() {
+            return this.ce;
         }
-        set st(a) {
-            let b = this.lq;
-            this.lq = a;
-            if (b != this.lq) {
-                this.jz("FabHoverTextColor", b, a);
+        set ds(a) {
+            let b = this.ce;
+            this.ce = a;
+            if (b != this.ce) {
+                this.kd("IconHoverElevation", b, a);
             }
         }
-        get sq() {
-            return this.lo;
+        get dr() {
+            return this.cd;
         }
-        set sq(a) {
-            let b = this.lo;
-            this.lo = a;
-            if (b != this.lo) {
-                this.jz("FabFocusBackgroundColor", b, a);
+        set dr(a) {
+            let b = this.cd;
+            this.cd = a;
+            if (b != this.cd) {
+                this.kd("IconFocusElevation", b, a);
             }
         }
-        get sr() {
-            return this.lp;
+        get bs() {
+            return this.ba;
         }
-        set sr(a) {
-            let b = this.lp;
-            this.lp = a;
-            if (b != this.lp) {
-                this.jz("FabFocusTextColor", b, a);
+        set bs(a) {
+            let b = this.ba;
+            this.ba = a;
+            if (b != this.ba) {
+                this.kd("IconBorderWidth", b, a);
             }
         }
-        get tb() {
-            return this.l9;
+        get k1() {
+            return this.ko;
         }
-        set tb(a) {
-            let b = this.l9;
-            this.l9 = a;
-            if (b != this.l9) {
-                this.jz("IconBackgroundColor", b, a);
+        set k1(a) {
+            let b = this.ko;
+            this.ko = a;
+            {
+                this.kd("IconCornerRadius", b, a);
             }
         }
-        get td() {
-            return this.mb;
+        get qi() {
+            return this.mo;
         }
-        set td(a) {
-            let b = this.mb;
-            this.mb = a;
-            if (b != this.mb) {
-                this.jz("IconDisabledBackgroundColor", b, a);
+        set qi(a) {
+            let b = this.mo;
+            this.mo = a;
+            if (b != this.mo) {
+                this.kd("IconRippleColor", b, a);
             }
         }
-        get te() {
-            return this.mc;
+        get qj() {
+            return this.mp;
         }
-        set te(a) {
-            let b = this.mc;
-            this.mc = a;
-            if (b != this.mc) {
-                this.jz("IconDisabledBorderColor", b, a);
+        set qj(a) {
+            let b = this.mp;
+            this.mp = a;
+            if (b != this.mp) {
+                this.kd("IconTextColor", b, a);
             }
         }
-        get tf() {
-            return this.md;
+        get qh() {
+            return this.mn;
         }
-        set tf(a) {
-            let b = this.md;
-            this.md = a;
-            if (b != this.md) {
-                this.jz("IconDisabledTextColor", b, a);
+        set qh(a) {
+            let b = this.mn;
+            this.mn = a;
+            if (b != this.mn) {
+                this.kd("IconHoverTextColor", b, a);
             }
         }
-        get eh() {
-            return this.bz;
+        get qe() {
+            return this.mk;
         }
-        set eh(a) {
-            let b = this.bz;
-            this.bz = a;
-            if (b != this.bz) {
-                this.jz("IconDisabledElevation", b, a);
+        set qe(a) {
+            let b = this.mk;
+            this.mk = a;
+            if (b != this.mk) {
+                this.kd("IconFocusBackgroundColor", b, a);
             }
         }
-        get ti() {
-            return this.mg;
+        get qf() {
+            return this.ml;
         }
-        set ti(a) {
-            let b = this.mg;
-            this.mg = a;
-            if (b != this.mg) {
-                this.jz("IconHoverBackgroundColor", b, a);
+        set qf(a) {
+            let b = this.ml;
+            this.ml = a;
+            if (b != this.ml) {
+                this.kd("IconFocusTextColor", b, a);
             }
         }
-        get tc() {
-            return this.ma;
+        get hu() {
+            return this.ei;
         }
-        set tc(a) {
-            let b = this.ma;
-            this.ma = a;
-            if (b != this.ma) {
-                this.jz("IconBorderColor", b, a);
+        set hu(a) {
+            let b = this.ei;
+            this.ei = a;
+            if (b != this.ei) {
+                this.kd("InputId", b, a);
             }
         }
-        get ek() {
-            return this.b2;
+        get hs() {
+            return this.eh;
         }
-        set ek(a) {
-            let b = this.b2;
-            this.b2 = a;
-            if (b != this.b2) {
-                this.jz("IconRestingElevation", b, a);
+        set hs(a) {
+            let b = this.eh;
+            this.eh = a;
+            if (b != this.eh) {
+                this.kd("Id", b, a);
             }
         }
-        get ej() {
-            return this.b1;
+        get fw() {
+            return this.ee;
         }
-        set ej(a) {
-            let b = this.b1;
-            this.b1 = a;
-            if (b != this.b1) {
-                this.jz("IconHoverElevation", b, a);
+        set fw(a) {
+            let b = this.ee;
+            this.ee = a;
+            if (b != this.ee) {
+                this.kd("Display", b, a);
             }
         }
-        get ei() {
-            return this.b0;
+        get ff() {
+            return this.ed;
         }
-        set ei(a) {
-            let b = this.b0;
-            this.b0 = a;
-            if (b != this.b0) {
-                this.jz("IconFocusElevation", b, a);
+        set ff(a) {
+            let b = this.ed;
+            this.ed = a;
+            if (b != this.ed) {
+                this.kd("ChildContentDisplay", b, this.ed);
             }
         }
-        get bf() {
-            return this.ar;
+        get g0() {
+            return this.ef;
         }
-        set bf(a) {
-            let b = this.ar;
-            this.ar = a;
-            if (b != this.ar) {
-                this.jz("IconBorderWidth", b, a);
+        set g0(a) {
+            let b = this.ef;
+            this.ef = a;
+            if (b != this.ef) {
+                this.kd("FlexDirection", b, a);
             }
         }
-        get kx() {
-            return this.ka;
+        get g2() {
+            return this.eg;
         }
-        set kx(a) {
-            let b = this.ka;
-            this.ka = a;
-            {
-                this.jz("IconCornerRadius", b, a);
+        set g2(a) {
+            let b = this.eg;
+            this.eg = a;
+            if (b != this.eg) {
+                this.kd("FlexGrow", b, a);
             }
         }
-        get tk() {
-            return this.mi;
+        get e7() {
+            return this.eb;
         }
-        set tk(a) {
-            let b = this.mi;
-            this.mi = a;
-            if (b != this.mi) {
-                this.jz("IconRippleColor", b, a);
+        set e7(a) {
+            let b = this.eb;
+            this.eb = a;
+            if (b != this.eb) {
+                this.kd("AlignItems", b, a);
             }
         }
-        get tl() {
-            return this.mj;
+        get ea() {
+            return this.d6;
         }
-        set tl(a) {
-            let b = this.mj;
-            this.mj = a;
-            if (b != this.mj) {
-                this.jz("IconTextColor", b, a);
+        set ea(a) {
+            let b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.kd("Value", b, a);
             }
         }
-        get tj() {
-            return this.mh;
+        get h2() {
+            return this.ej;
         }
-        set tj(a) {
-            let b = this.mh;
-            this.mh = a;
-            if (b != this.mh) {
-                this.jz("IconHoverTextColor", b, a);
+        set h2(a) {
+            let b = this.ej;
+            this.ej = a;
+            if (b != this.ej) {
+                this.kd("Name", b, a);
             }
         }
-        get tg() {
-            return this.me;
+        get aw() {
+            return this.ak;
         }
-        set tg(a) {
-            let b = this.me;
-            this.me = a;
-            if (b != this.me) {
-                this.jz("IconFocusBackgroundColor", b, a);
+        get d3() {
+            return this.cp;
+        }
+        set d3(a) {
+            let b = this.cp;
+            this.cp = a;
+            this.ak = true;
+            if (b != this.cp) {
+                this.kd("TabIndex", b, a);
             }
         }
-        get th() {
-            return this.mf;
+        get e9() {
+            return this.ec;
         }
-        set th(a) {
-            let b = this.mf;
-            this.mf = a;
-            if (b != this.mf) {
-                this.jz("IconFocusTextColor", b, a);
+        set e9(a) {
+            let b = this.ec;
+            this.ec = a;
+            if (b != this.ec) {
+                this.kd("AriaLabel", b, a);
             }
         }
-        get h8() {
-            return this.e7;
+        get av() {
+            return this.aj;
         }
-        set h8(a) {
-            let b = this.e7;
-            this.e7 = a;
-            if (b != this.e7) {
-                this.jz("InputId", b, a);
+        set av(a) {
+            let b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.kd("FillAvailableSpace", b, this.aj);
             }
         }
-        get h6() {
-            return this.e6;
+        get focused() {
+            return this.am;
         }
-        set h6(a) {
-            let b = this.e6;
-            this.e6 = a;
-            if (b != this.e6) {
-                this.jz("Id", b, a);
+        set focused(a) {
+            let b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.kd("IsFocused", b, a);
             }
         }
-        get gc() {
-            return this.e3;
+        get az() {
+            return this.an;
         }
-        set gc(a) {
-            let b = this.e3;
-            this.e3 = a;
-            if (b != this.e3) {
-                this.jz("Display", b, a);
+        set az(a) {
+            let b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.kd("IsFocusStyleEnabled", b, a);
             }
         }
-        get hf() {
-            return this.e4;
+        get at() {
+            return this.ah;
         }
-        set hf(a) {
-            let b = this.e4;
-            this.e4 = a;
-            if (b != this.e4) {
-                this.jz("FlexDirection", b, a);
+        set at(a) {
+            let b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.kd("DisableRipple", b, a);
             }
         }
-        get hh() {
-            return this.e5;
+        get ap() {
+            return this.ad;
         }
-        set hh(a) {
-            let b = this.e5;
-            this.e5 = a;
-            if (b != this.e5) {
-                this.jz("FlexGrow", b, a);
+        set ap(a) {
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.kd("ActualDisableRipple", b, a);
             }
         }
-        get fw() {
-            return this.e1;
+        get ar() {
+            return this.af;
         }
-        set fw(a) {
-            let b = this.e1;
-            this.e1 = a;
-            if (b != this.e1) {
-                this.jz("AlignItems", b, a);
+        set ar(a) {
+            let b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.kd("DisableHover", b, this.af);
             }
         }
-        get e0() {
-            return this.ex;
+        get a0() {
+            return this.ao;
         }
-        set e0(a) {
-            let b = this.ex;
-            this.ex = a;
-            if (b != this.ex) {
-                this.jz("Value", b, a);
+        set a0(a) {
+            let b = this.ao;
+            this.ao = a;
+            if (b != this.ao) {
+                this.kd("IsHover", b, a);
             }
         }
-        get ih() {
-            return this.e8;
+        get disabled() {
+            return this.al;
         }
-        set ih(a) {
-            let b = this.e8;
-            this.e8 = a;
-            if (b != this.e8) {
-                this.jz("Name", b, a);
+        set disabled(a) {
+            let b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.kd("IsDisabled", b, a);
             }
         }
-        get ah() {
-            return this.z;
-        }
-        get eu() {
-            return this.cc;
+        get au() {
+            return this.ai;
         }
-        set eu(a) {
-            let b = this.cc;
-            this.cc = a;
-            this.z = true;
-            if (b != this.cc) {
-                this.jz("TabIndex", b, a);
+        set au(a) {
+            let b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
+                this.kd("DisableTransitions", b, a);
             }
         }
-        get fy() {
-            return this.e2;
+        get as() {
+            return this.ag;
         }
-        set fy(a) {
-            let b = this.e2;
-            this.e2 = a;
-            if (b != this.e2) {
-                this.jz("AriaLabel", b, a);
+        set as(a) {
+            let b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.kd("DisablePointer", b, this.ag);
             }
         }
-        get focused() {
-            return this.ab;
+        get bi() {
+            return this.a5;
         }
-        set focused(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.jz("IsFocused", b, a);
+        set bi(a) {
+            let b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
+                this.kd("ContentPaddingLeft", b, this.a5);
             }
         }
-        get ak() {
-            return this.ac;
+        get bk() {
+            return this.a7;
         }
-        set ak(a) {
-            let b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.jz("IsFocusStyleEnabled", b, a);
+        set bk(a) {
+            let b = this.a7;
+            this.a7 = a;
+            if (b != this.a7) {
+                this.kd("ContentPaddingTop", b, this.a7);
             }
         }
-        get af() {
-            return this.x;
+        get bj() {
+            return this.a6;
         }
-        set af(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.jz("DisableRipple", b, a);
+        set bj(a) {
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.kd("ContentPaddingRight", b, this.a6);
             }
         }
-        get ae() {
-            return this.w;
+        get bh() {
+            return this.a4;
         }
-        set ae(a) {
-            let b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.jz("ActualDisableRipple", b, a);
+        set bh(a) {
+            let b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.kd("ContentPaddingBottom", b, this.a4);
             }
         }
-        get al() {
-            return this.ad;
+        get k5() {
+            return this.k4;
         }
-        set al(a) {
-            let b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.jz("IsHover", b, a);
+        set k5(a) {
+            let b = this.k4;
+            this.k4 = a;
+            if (b != this.k4) {
+                this.kd("HorizontalContentAlignment", enumGetBox(HorizontalAlignment_$type, b), enumGetBox(HorizontalAlignment_$type, this.k4));
             }
         }
-        get disabled() {
-            return this.aa;
+        get q9() {
+            return this.q8;
         }
-        set disabled(a) {
-            let b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.jz("IsDisabled", b, a);
+        set q9(a) {
+            let b = this.q8;
+            this.q8 = a;
+            if (b != this.q8) {
+                this.kd("VerticalContentAlignment", enumGetBox(VerticalAlignment_$type, b), enumGetBox(VerticalAlignment_$type, this.q8));
             }
         }
-        get ag() {
-            return this.y;
+        get aq() {
+            return this.ae;
         }
-        set ag(a) {
-            let b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.jz("DisableTransitions", b, a);
+        set aq(a) {
+            let b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.kd("ClickTunneling", b, this.ae);
             }
         }
-        j0() {
-            this.jr();
-            this.view.ar(this.nj, BrushUtil.g(0, 0, 0, 0));
+        ke() {
             this.j3();
+            this.view.aw(this.np, BrushUtil.g(0, 0, 0, 0));
+            this.kh();
         }
         get a() {
             let a = new AnimationKeyFrameEffectTiming();
@@ -2605,67 +2832,70 @@ export let XButton = /*@__PURE__*/ (() => {
             a.b = 0;
             return a;
         }
-        jr() {
-            this.view.ab();
+        j3() {
+            this.view.ae();
         }
         onDetachedFromUI() {
-            this.view.af();
+            this.view.aj();
         }
         onAttachedToUI() {
-            this.view.ad();
+            this.view.ag();
         }
         appendButtonContent(a) {
-            this.view.z(a);
+            this.view.ac(a);
         }
         clearButtonContent() {
-            this.view.aa();
+            this.view.ad();
         }
-        am() {
+        getButtonContent() {
+            return this.view.r();
+        }
+        a1() {
             return this.view.g();
         }
-        ey() {
+        d7() {
             return this.b();
         }
-        gg() {
+        f0() {
             let a = this.b();
             return a.ab();
         }
         b() {
             let a = this.view.q;
-            let b = this.view.r;
+            let b = this.view.s;
             let c = new ButtonVisualModelExport();
             let d = UIElementPropertyAccessorFactory.c.a(12, 0);
             let e = d.b(a);
             let f = this.view.a();
             c.s = f[0];
             c.q = f[1];
-            c.p = NativeUI.c(a);
-            c.t = NativeUI.i(a);
-            c.h = this.i;
-            c.i = this.l;
-            c.c = AppearanceHelper.a(NativeUI.ag(a));
-            c.g = AppearanceHelper.a(this.nl);
-            c.d = AppearanceHelper.a(this.ni);
-            c.a = AppearanceHelper.a(this.m8);
-            c.u = this.cg;
-            c.e = AppearanceHelper.a(this.nj);
-            c.ah = this.kd;
-            c.b = AppearanceHelper.a(NativeUI.af(a));
-            c.j = this.p;
-            c.f = AppearanceHelper.a(NativeUI.ah(b));
-            c.o = this.aw;
-            c.x = this.gc;
-            c.y = this.hf;
-            c.z = this.hh;
-            c.w = this.fw;
-            c.v = this.view.r.getNativeElement().innerText;
-            c.aa = this.ih;
+            c.p = NativeUI.d(a);
+            c.t = NativeUI.j(a);
+            c.h = this.n;
+            c.i = this.q;
+            c.c = AppearanceHelper.a(NativeUI.ai(a));
+            c.g = AppearanceHelper.a(this.nr);
+            c.d = AppearanceHelper.a(this.no);
+            c.a = AppearanceHelper.a(this.ne);
+            c.u = this.ct;
+            c.e = AppearanceHelper.a(this.np);
+            c.ah = this.kr;
+            c.b = AppearanceHelper.a(NativeUI.ah(a));
+            c.j = this.u;
+            c.f = AppearanceHelper.a(NativeUI.aj(b));
+            c.o = this.bf;
+            c.x = this.fw;
+            c.y = this.g0;
+            c.z = this.g2;
+            c.w = this.e7;
+            c.v = this.view.s.getNativeElement().innerText;
+            c.aa = this.h2;
             c.m = this.focused;
-            c.k = this.ae;
-            c.n = this.al;
+            c.k = this.ap;
+            c.n = this.a0;
             c.l = this.disabled;
-            if (this.v != null) {
-                let g = this.v;
+            if (this.aa != null) {
+                let g = this.aa;
                 if (this.view != null && g.n == null) {
                     let h = this.view.k;
                     let i = FontUtil.getFontInfoFromString(h, g.fontString);
@@ -2695,190 +2925,367 @@ export let XButton = /*@__PURE__*/ (() => {
             return c;
         }
         provideContainer(a) {
-            this.view.ae(a);
+            this.view.ai(a);
         }
     }
     XButton.$t = /*@__PURE__*/ markType(XButton, 'XButton', Base.$, [INotifyPropertyChanged_$type]);
-    XButton.rt = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.rh = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.p8 = /*@__PURE__*/ BrushUtil.g(20, 0, 0, 0);
-    XButton.s = 1;
-    XButton.rk = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.rl = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.rm = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.du = 0;
-    XButton.dx = 2;
-    XButton.dw = 4;
-    XButton.dv = 8;
-    XButton.rj = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.rr = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.ks = /*@__PURE__*/ new CornerRadius(0, 4);
-    XButton.ba = NaN;
-    XButton.ri = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.rs = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.rq = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.rp = /*@__PURE__*/ BrushUtil.g(255, 220, 83, 145);
-    XButton.rn = /*@__PURE__*/ BrushUtil.g(255, 220, 83, 145);
-    XButton.ro = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.qm = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.qn = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.qo = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.dh = 0;
-    XButton.dk = 0;
-    XButton.dj = 0;
-    XButton.di = 0;
-    XButton.ql = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.qt = null;
-    XButton.kp = /*@__PURE__*/ new CornerRadius(0, 4);
-    XButton.a7 = NaN;
-    XButton.qk = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.qu = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.qs = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.qr = /*@__PURE__*/ BrushUtil.g(13, 228, 28, 119);
-    XButton.qp = /*@__PURE__*/ BrushUtil.g(30, 228, 28, 119);
-    XButton.qq = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.q8 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.q9 = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.ra = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.dq = 0;
-    XButton.dt = 0;
-    XButton.ds = 0;
-    XButton.dr = 0;
-    XButton.q7 = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.rf = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.kr = /*@__PURE__*/ new CornerRadius(0, 4);
-    XButton.a9 = 1;
-    XButton.q6 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.rg = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.re = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.rd = /*@__PURE__*/ BrushUtil.g(13, 228, 28, 119);
-    XButton.rb = /*@__PURE__*/ BrushUtil.g(30, 228, 28, 119);
-    XButton.rc = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.qx = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.qy = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.qz = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.dl = 0;
-    XButton.dp = 0;
-    XButton.dn = 0;
-    XButton.dm = 0;
-    XButton.qw = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.q4 = null;
-    XButton.kq = /*@__PURE__*/ new CornerRadius(0, 28);
-    XButton.a8 = NaN;
-    XButton.qv = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.q5 = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.q3 = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.q2 = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.q0 = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.q1 = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.qb = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.qc = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.qd = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.dd = 0;
-    XButton.dg = 6;
-    XButton.df = 12;
-    XButton.de = 12;
-    XButton.qa = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.qi = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.ko = /*@__PURE__*/ new CornerRadius(0, 28);
-    XButton.a6 = NaN;
-    XButton.p9 = /*@__PURE__*/ BrushUtil.g(255, 228, 28, 119);
-    XButton.qj = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.qh = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.qg = /*@__PURE__*/ BrushUtil.g(255, 220, 83, 145);
-    XButton.qe = /*@__PURE__*/ BrushUtil.g(255, 220, 83, 145);
-    XButton.qf = /*@__PURE__*/ BrushUtil.g(255, 0, 0, 0);
-    XButton.pa = /*@__PURE__*/ BrushUtil.g(100, 33, 150, 243);
-    XButton.oy = /*@__PURE__*/ BrushUtil.g(70, 33, 150, 243);
-    XButton.np = /*@__PURE__*/ BrushUtil.g(40, 33, 150, 243);
-    XButton.q = 2;
-    XButton.o1 = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.o2 = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.o3 = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.cx = 0;
-    XButton.c0 = 0;
-    XButton.cz = 0;
-    XButton.cy = 2;
-    XButton.o0 = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.o8 = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.kk = /*@__PURE__*/ new CornerRadius(0, 3);
-    XButton.a2 = NaN;
-    XButton.oz = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.o9 = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.o7 = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.o6 = /*@__PURE__*/ BrushUtil.g(255, 27, 135, 220);
-    XButton.o4 = /*@__PURE__*/ BrushUtil.g(255, 21, 112, 184);
-    XButton.o5 = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.n3 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.n4 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.n5 = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.cl = 0;
-    XButton.co = 0;
-    XButton.cn = 0;
-    XButton.cm = 2;
-    XButton.n2 = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.oa = /*@__PURE__*/ BrushUtil.g(100, 33, 150, 243);
-    XButton.kh = /*@__PURE__*/ new CornerRadius(0, 3);
-    XButton.az = NaN;
-    XButton.n1 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.ob = /*@__PURE__*/ BrushUtil.g(255, 119, 119, 119);
-    XButton.n9 = /*@__PURE__*/ BrushUtil.g(255, 119, 119, 119);
-    XButton.n8 = /*@__PURE__*/ BrushUtil.g(26, 33, 150, 243);
-    XButton.n6 = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.n7 = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.op = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.oq = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.or = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.ct = 0;
-    XButton.cw = 0;
-    XButton.cv = 0;
-    XButton.cu = 2;
-    XButton.oo = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.ow = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.kj = /*@__PURE__*/ new CornerRadius(0, 3);
-    XButton.a1 = 1;
-    XButton.on = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.ox = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.ov = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.ou = /*@__PURE__*/ BrushUtil.g(26, 33, 150, 243);
-    XButton.os = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.ot = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.oe = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.of = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.og = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.cp = 0;
-    XButton.cs = 0;
-    XButton.cr = 0;
-    XButton.cq = 2;
-    XButton.od = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.ol = null;
-    XButton.ki = /*@__PURE__*/ new CornerRadius(0, 28);
-    XButton.a0 = NaN;
-    XButton.oc = /*@__PURE__*/ BrushUtil.g(0, 0, 0, 0);
-    XButton.om = /*@__PURE__*/ BrushUtil.g(255, 119, 119, 119);
-    XButton.ok = /*@__PURE__*/ BrushUtil.g(255, 119, 119, 119);
-    XButton.oj = /*@__PURE__*/ BrushUtil.g(30, 0, 0, 0);
-    XButton.oh = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.oi = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.ns = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.nt = /*@__PURE__*/ BrushUtil.g(10, 0, 0, 0);
-    XButton.nu = /*@__PURE__*/ BrushUtil.g(66, 0, 0, 0);
-    XButton.ch = 0;
-    XButton.ck = 0;
-    XButton.cj = 0;
-    XButton.ci = 2;
-    XButton.nr = /*@__PURE__*/ BrushUtil.g(138, 0, 0, 0);
-    XButton.nz = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.kg = /*@__PURE__*/ new CornerRadius(0, 28);
-    XButton.ay = NaN;
-    XButton.nq = /*@__PURE__*/ BrushUtil.g(255, 33, 150, 243);
-    XButton.n0 = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.ny = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.nx = /*@__PURE__*/ BrushUtil.g(255, 27, 135, 220);
-    XButton.nv = /*@__PURE__*/ BrushUtil.g(255, 21, 112, 184);
-    XButton.nw = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
-    XButton.h = 2;
-    XButton.ew = 0;
-    XButton.ev = 0;
+    XButton.m = 2;
+    XButton.d5 = 0;
+    XButton.d4 = 0;
+    XButton.i = /*@__PURE__*/ new Theme(1, /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("UmbraShadowColor", BrushUtil.g(66, 0, 0, 0));
+        $ret.addItem("PenumbraShadowColor", BrushUtil.g(30, 0, 0, 0));
+        $ret.addItem("AmbientShadowColor", BrushUtil.g(20, 0, 0, 0));
+        $ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 1));
+        return $ret;
+    })()), /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(Base.$, Theme.$, 0);
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 0), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 2);
+            $ret.addItem("HoverElevation", 4);
+            $ret.addItem("FocusElevation", 8);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 4));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 228, 28, 119));
+            $ret.addItem("TextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 220, 83, 145));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 220, 83, 145));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 0, 0, 0));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 1), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 0);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", null);
+            $ret.addItem("CornerRadius", new CornerRadius(0, 4));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 228, 28, 119));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(13, 228, 28, 119));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(30, 228, 28, 119));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 228, 28, 119));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 2), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 0);
+            $ret.addItem("BorderColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 4));
+            $ret.addItem("BorderWidth", 1);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 228, 28, 119));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 228, 28, 119));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(13, 228, 28, 119));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(30, 228, 28, 119));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 228, 28, 119));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 4), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 0);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", null);
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 0, 0, 0));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 3), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 6);
+            $ret.addItem("HoverElevation", 12);
+            $ret.addItem("FocusElevation", 12);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 228, 28, 119));
+            $ret.addItem("TextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 220, 83, 145));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 220, 83, 145));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 0, 0, 0));
+            return $ret;
+        })())));
+        return $ret;
+    })()));
+    XButton.h = /*@__PURE__*/ new Theme(1, /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("UmbraShadowColor", BrushUtil.g(100, 33, 150, 243));
+        $ret.addItem("PenumbraShadowColor", BrushUtil.g(70, 33, 150, 243));
+        $ret.addItem("AmbientShadowColor", BrushUtil.g(40, 33, 150, 243));
+        $ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
+        return $ret;
+    })()), /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(Base.$, Theme.$, 0);
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 0), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("TextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 27, 135, 220));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 21, 112, 184));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 1), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(100, 33, 150, 243));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(26, 33, 150, 243));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 33, 150, 243));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 2), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("RippleColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", 1);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(26, 33, 150, 243));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 4), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", null);
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 33, 150, 243));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 3), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("TextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 27, 135, 220));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 21, 112, 184));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        return $ret;
+    })()));
+    XButton.j = /*@__PURE__*/ new Theme(1, /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("UmbraShadowColor", BrushUtil.g(100, 33, 150, 243));
+        $ret.addItem("PenumbraShadowColor", BrushUtil.g(70, 33, 150, 243));
+        $ret.addItem("AmbientShadowColor", BrushUtil.g(40, 33, 150, 243));
+        $ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
+        return $ret;
+    })()), /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(Base.$, Theme.$, 0);
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 0), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("TextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 27, 135, 220));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 21, 112, 184));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 1), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(100, 33, 150, 243));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 119, 119, 119));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(26, 33, 150, 243));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 33, 150, 243));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 2), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(30, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("RippleColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 3));
+            $ret.addItem("BorderWidth", 1);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(26, 33, 150, 243));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 4), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", null);
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(0, 0, 0, 0));
+            $ret.addItem("TextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 0, 0, 0));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(51, 178, 191, 220));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(51, 178, 191, 220));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 0, 0, 0));
+            return $ret;
+        })())));
+        $ret.addItem(enumGetBox(ButtonDisplayStyle_$type, 3), new Theme(0, ((() => {
+            let $ret = new Dictionary$2(String_$type, Base.$, 0);
+            $ret.addItem("DisabledBackgroundColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledBorderColor", BrushUtil.g(10, 0, 0, 0));
+            $ret.addItem("DisabledTextColor", BrushUtil.g(66, 0, 0, 0));
+            $ret.addItem("DisabledElevation", 0);
+            $ret.addItem("RestingElevation", 0);
+            $ret.addItem("HoverElevation", 0);
+            $ret.addItem("FocusElevation", 2);
+            $ret.addItem("BorderColor", BrushUtil.g(138, 0, 0, 0));
+            $ret.addItem("RippleColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("CornerRadius", new CornerRadius(0, 28));
+            $ret.addItem("BorderWidth", NaN);
+            $ret.addItem("BackgroundColor", BrushUtil.g(255, 33, 150, 243));
+            $ret.addItem("TextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverTextColor", BrushUtil.g(255, 255, 255, 255));
+            $ret.addItem("HoverBackgroundColor", BrushUtil.g(255, 27, 135, 220));
+            $ret.addItem("FocusBackgroundColor", BrushUtil.g(255, 21, 112, 184));
+            $ret.addItem("FocusTextColor", BrushUtil.g(255, 255, 255, 255));
+            return $ret;
+        })())));
+        return $ret;
+    })()));
+    XButton.k = /*@__PURE__*/ new ThemeResolver(1, /*@__PURE__*/ ((() => {
+        let $ret = new Dictionary$2(BaseControlTheme_$type, Theme.$, 0);
+        $ret.addItem(2, XButton.i);
+        $ret.addItem(1, XButton.h);
+        $ret.addItem(3, XButton.j);
+        return $ret;
+    })()), 2);
     return XButton;
 })();