igniteui-webcomponents-inputs 4.2.4-alpha → 4.3.0-beta.0

package/esm5/lib/CheckboxView_combined.js

@@ -4,34 +4,37 @@ 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 * as tslib_1 from "tslib";
-import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
+import { __extends, __values } from "tslib";
+import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, String_$type } from "igniteui-webcomponents-core";
 import { XRipple } from "./XRipple";
 import { List$1 } from "igniteui-webcomponents-core";
+import { Size } from "igniteui-webcomponents-core";
 import { KeyFrameAnimationFactory } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffect } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffectTiming } from "igniteui-webcomponents-core";
 import { stringReplace } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { CheckboxLabelPosition_$type } from "./CheckboxLabelPosition";
+import { BrushUtil } from "igniteui-webcomponents-core";
 import { ThemeResolver } from "./ThemeResolver";
 import { CornerRadius } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxChangeEventArgs } from "./CheckboxChangeEventArgs";
-import { BrushUtil } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameProperty } from "igniteui-webcomponents-core";
 import { TransformGroup } from "igniteui-webcomponents-core";
 import { RotateTransform } from "igniteui-webcomponents-core";
 import { TranslateTransform } from "igniteui-webcomponents-core";
 import { CheckboxVisualModelExport } from "./CheckboxVisualModelExport";
 import { AppearanceHelper } from "igniteui-webcomponents-core";
+import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { Theme } from "./Theme";
 import { isNaN_ } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
 var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(CheckboxView, _super);
+    __extends(CheckboxView, _super);
     function CheckboxView() {
         var _this = _super.call(this) || this;
         _this.c = null;
@@ -39,24 +42,25 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.f = null;
         _this.j = new List$1(Delegate_$type, 0);
         _this.g = true;
-        _this.q = null;
+        _this.r = null;
         _this.m = null;
-        _this.p = null;
+        _this.q = null;
         _this.n = null;
-        _this.d = null;
         _this.o = null;
+        _this.d = null;
+        _this.p = null;
         return _this;
     }
-    CheckboxView.prototype.ad = function () {
+    CheckboxView.prototype.ae = function () {
     };
     CheckboxView.prototype.i = function () {
         return true;
     };
-    CheckboxView.prototype.ab = function (a) {
+    CheckboxView.prototype.ac = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
-                for (var _b = tslib_1.__values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -83,27 +87,27 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.l.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
         this.l.rootWrapper.setStyleProperty("align-items", "center");
         var c = this.l.createElement("input");
-        this.q = c;
-        this.q.addClass("ig-native-checkbox");
-        this.q.setStyleProperty("position", "absolute");
-        this.q.setStyleProperty("width", "1px");
-        this.q.setStyleProperty("height", "1px");
-        this.q.setStyleProperty("margin", "-1px");
-        this.q.setStyleProperty("border", "none");
-        this.q.setStyleProperty("clip", "rect(0, 0, 0, 0)");
-        this.q.setStyleProperty("outline", "0");
-        this.q.setStyleProperty("pointer-events", "none");
-        this.q.setStyleProperty("overflow", "hidden");
-        this.q.setStyleProperty("-webkit-appearance", "none");
-        this.q.setStyleProperty("-moz-appearance", "none");
-        this.q.setStyleProperty("appearance", "none");
-        this.q.setAttribute("type", "checkbox");
-        this.q.setAttribute("id", this.c.by);
-        this.ag();
-        this.j.add(c.listen("change", runOn(this, this.v)));
-        this.j.add(c.listen("click", runOn(this, this.w)));
-        this.j.add(c.listen("focus", runOn(this, this.x)));
-        this.j.add(c.listen("blur", runOn(this, this.u)));
+        this.r = c;
+        this.r.addClass("ig-native-checkbox");
+        this.r.setStyleProperty("position", "absolute");
+        this.r.setStyleProperty("width", "1px");
+        this.r.setStyleProperty("height", "1px");
+        this.r.setStyleProperty("margin", "-1px");
+        this.r.setStyleProperty("border", "none");
+        this.r.setStyleProperty("clip", "rect(0, 0, 0, 0)");
+        this.r.setStyleProperty("outline", "0");
+        this.r.setStyleProperty("pointer-events", "none");
+        this.r.setStyleProperty("overflow", "hidden");
+        this.r.setStyleProperty("-webkit-appearance", "none");
+        this.r.setStyleProperty("-moz-appearance", "none");
+        this.r.setStyleProperty("appearance", "none");
+        this.r.setAttribute("type", "checkbox");
+        this.r.setAttribute("id", this.c.b1);
+        this.ai();
+        this.j.add(c.listen("change", runOn(this, this.w)));
+        this.j.add(c.listen("click", runOn(this, this.x)));
+        this.j.add(c.listen("focus", runOn(this, this.y)));
+        this.j.add(c.listen("blur", runOn(this, this.v)));
         this.l.append(c);
         var d = this.l.createElement("div");
         d.addClass("ig-checkbox-box");
@@ -113,7 +117,7 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m = d;
         this.l.append(d);
         var e = this.l.createElement("label");
-        e.setAttribute("for", this.c.by);
+        e.setAttribute("for", this.c.b1);
         e.addClass("ig-checkbox-composite");
         e.setStyleProperty("box-sizing", "border-box");
         e.setStyleProperty("position", "relative");
@@ -132,7 +136,7 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         e.setStyleProperty("border-radius", "2px");
         e.setStyleProperty("-webkit-tap-highlight-color", "transparent");
         e.setStyleProperty("overflow", "hidden");
-        this.p = e;
+        this.q = e;
         this.m.append(e);
         var f = this.l.createElementNS("svg", "http://www.w3.org/2000/svg");
         f.setAttribute("viewBox", "0 0 24 24");
@@ -150,11 +154,12 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         f.setStyleProperty("fill", "none");
         f.setStyleProperty("opacity", "0");
         f.setStyleProperty("z-index", "1");
-        this.n = f;
+        this.o = f;
         e.append(f);
         var g = this.l.createElementNS("path", "http://www.w3.org/2000/svg");
-        g.setAttribute("d", "M4.1,12.7 9,17.6 20.3,6.3");
+        g.setAttribute("d", this.c.bf);
         f.append(g);
+        this.n = g;
         var h = this.l.createElement("div");
         var i = this.l.getSubRenderer(h);
         h.setStyleProperty("position", "absolute");
@@ -185,55 +190,61 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         l.setStyleProperty("margin-bottom", "0");
         l.setStyleProperty("cursor", "pointer");
         l.setStyleProperty("role", "label");
-        this.o = l;
-        this.j.add(l.listen("click", runOn(this, this.t)));
+        this.p = l;
+        this.j.add(l.listen("click", runOn(this, this.u)));
         this.l.append(l);
         this.l.getPortal(l, "ChildContent", function (m) {
         }, true);
-        this.c.cm();
+        this.c.cp();
     };
-    CheckboxView.prototype.t = function (a) {
+    CheckboxView.prototype.u = function (a) {
         this.c.toggle();
     };
-    CheckboxView.prototype.ag = function () {
+    CheckboxView.prototype.ai = function () {
         if (this.i()) {
-            var a = this.c.by;
-            this.q.setAttribute("name", this.c.b7);
-            this.q.setProperty("value", this.c.a5);
-            if (this.c.v) {
-                this.q.setAttribute("tabindex", this.c.a0.toString());
+            var a = this.c.b1;
+            this.r.setAttribute("name", this.c.ca);
+            this.r.setProperty("value", this.c.a4);
+            if (this.c.aa) {
+                this.r.setAttribute("tabindex", this.c.az.toString());
             }
-            this.q.setProperty("disabled", this.c.disabled);
-            this.q.setProperty("indeterminate", this.c.indeterminate);
-            this.q.setProperty("checked", this.c.checked);
-            this.q.setProperty("required", this.c.az);
+            this.r.setProperty("disabled", this.c.disabled);
+            this.r.setProperty("indeterminate", this.c.indeterminate);
+            this.r.setProperty("checked", this.c.checked);
+            this.r.setProperty("required", this.c.ay);
             if (this.c.indeterminate) {
-                this.q.setAttribute("aria-checked", "mixed");
+                this.r.setAttribute("aria-checked", "mixed");
             }
             else {
-                this.q.setAttribute("aria-checked", this.c.checked ? "true" : "false");
+                this.r.setAttribute("aria-checked", this.c.checked ? "true" : "false");
             }
-            this.q.setAttribute("aria-labelledby", this.c.bl);
-            this.q.setAttribute("aria-label", this.c.bk);
+            this.r.setAttribute("aria-labelledby", this.c.bn);
+            this.r.setAttribute("aria-label", this.c.bm);
         }
     };
-    CheckboxView.prototype.ae = function () {
+    CheckboxView.prototype.ak = function () {
+        return new Size(1, this.q.width(), this.q.height());
+    };
+    CheckboxView.prototype.ah = function () {
+        this.n.setAttribute("d", this.c.bf);
+    };
+    CheckboxView.prototype.af = function () {
         if (this.i()) {
-            var a = this.c.by;
-            this.q.setAttribute("id", a);
-            this.p.setAttribute("for", a);
+            var a = this.c.b1;
+            this.r.setAttribute("id", a);
+            this.q.setAttribute("for", a);
         }
     };
-    CheckboxView.prototype.u = function (a) {
+    CheckboxView.prototype.v = function (a) {
         this.c.focused = false;
     };
-    CheckboxView.prototype.x = function (a) {
+    CheckboxView.prototype.y = function (a) {
         this.c.focused = true;
     };
-    CheckboxView.prototype.w = function (a) {
+    CheckboxView.prototype.x = function (a) {
         a.stopPropagation();
         if (this.h()) {
-            var native_ = this.q.getNativeElement();
+            var native_ = this.r.getNativeElement();
             native_.blur();
         }
         this.c.toggle();
@@ -241,56 +252,56 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxView.prototype.h = function () {
         return false;
     };
-    CheckboxView.prototype.v = function (a) {
+    CheckboxView.prototype.w = function (a) {
         a.stopPropagation();
     };
-    CheckboxView.prototype.y = function () {
+    CheckboxView.prototype.z = function () {
         if (KeyFrameAnimationFactory.h == null) {
             KeyFrameAnimationFactory.h = this.l;
         }
     };
     CheckboxView.prototype.a = function (a) {
-        return new AnimationKeyFrameEffect(0, this.p, 0, null, a);
+        return new AnimationKeyFrameEffect(0, this.q, 0, null, a);
     };
     CheckboxView.prototype.b = function (a) {
-        return new AnimationKeyFrameEffect(0, this.n, 0, null, a);
+        return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
     };
-    CheckboxView.prototype.z = function (a) {
+    CheckboxView.prototype.aa = function (a) {
     };
-    Object.defineProperty(CheckboxView.prototype, "r", {
+    Object.defineProperty(CheckboxView.prototype, "s", {
         get: function () {
-            return this.p;
+            return this.q;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxView.prototype, "e", {
         get: function () {
             return this.d;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxView.prototype, "s", {
+    Object.defineProperty(CheckboxView.prototype, "t", {
         get: function () {
-            return this.n;
+            return this.o;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    CheckboxView.prototype.aa = function () {
+    CheckboxView.prototype.ab = function () {
         this.g = true;
-        this.j.add(this.q.listen("change", runOn(this, this.v)));
-        this.j.add(this.q.listen("click", runOn(this, this.w)));
-        this.j.add(this.q.listen("focus", runOn(this, this.x)));
-        this.j.add(this.q.listen("blur", runOn(this, this.u)));
-        this.j.add(this.o.listen("click", runOn(this, this.t)));
+        this.j.add(this.r.listen("change", runOn(this, this.w)));
+        this.j.add(this.r.listen("click", runOn(this, this.x)));
+        this.j.add(this.r.listen("focus", runOn(this, this.y)));
+        this.j.add(this.r.listen("blur", runOn(this, this.v)));
+        this.j.add(this.p.listen("click", runOn(this, this.u)));
     };
-    CheckboxView.prototype.ac = function () {
+    CheckboxView.prototype.ad = function () {
         var e_2, _a;
         this.g = false;
         try {
-            for (var _b = tslib_1.__values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -310,19 +321,19 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.j.clear();
     };
-    CheckboxView.prototype.af = function () {
+    CheckboxView.prototype.ag = function () {
         var model_ = this.c;
         if (model_.externalObject && model_.externalObject.refreshDefaults) {
             model_.externalObject.refreshDefaults();
         }
         ;
     };
-    CheckboxView.prototype.ah = function (a, b) {
+    CheckboxView.prototype.aj = function (a, b) {
         this.d.ax = a;
         this.d.aw = b;
     };
     CheckboxView.prototype.k = function () {
-        var a = this.p.getStyleProperty("border-top-width");
+        var a = this.q.getStyleProperty("border-top-width");
         a = stringReplace(a, "px", "");
         return parseFloat(a);
     };
@@ -334,64 +345,66 @@ export { CheckboxView };
  * @hidden
  */
 var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(XCheckbox, _super);
+    __extends(XCheckbox, _super);
     function XCheckbox() {
         var _this = _super.call(this) || this;
         _this._view = null;
-        _this.g = 0;
-        _this.n = false;
-        _this.ab = false;
+        _this.l = 0;
+        _this.s = false;
+        _this.ag = false;
+        _this.c6 = null;
+        _this.c1 = ThemeResolver.ah(XCheckbox.m, BrushUtil.g(0, 0, 0, 0), BrushUtil.g(0, 0, 0, 0));
         _this.c3 = null;
-        _this.cy = ThemeResolver.e(XCheckbox.h, XCheckbox.dm, XCheckbox.dh);
-        _this.c0 = null;
-        _this.c2 = null;
-        _this.cx = ThemeResolver.e(XCheckbox.h, XCheckbox.dl, XCheckbox.dg);
+        _this.c5 = null;
+        _this.c0 = ThemeResolver.ag(XCheckbox.m, XCheckbox.k, "TickColor");
+        _this.c7 = null;
         _this.c4 = null;
-        _this.c1 = null;
-        _this.dr = ThemeResolver.e(XCheckbox.h, XCheckbox.dn, XCheckbox.di);
-        _this.dd = ThemeResolver.e(XCheckbox.h, XCheckbox.dk, XCheckbox.df);
-        _this.an = ThemeResolver.b(XCheckbox.h, XCheckbox.as, XCheckbox.ap);
-        _this.dc = ThemeResolver.e(XCheckbox.h, XCheckbox.dj, XCheckbox.de);
-        _this.ao = ThemeResolver.b(XCheckbox.h, XCheckbox.at, XCheckbox.aq);
-        _this.dp = ThemeResolver.e(XCheckbox.h, XCheckbox.dl, XCheckbox.dg);
-        _this.av = ThemeResolver.b(XCheckbox.h, XCheckbox.au, XCheckbox.ar);
-        _this.dq = ThemeResolver.e(XCheckbox.h, XCheckbox.dm, XCheckbox.dh);
-        _this.cz = ThemeResolver.e(XCheckbox.h, XCheckbox.dn, XCheckbox.di);
-        _this.cw = ThemeResolver.e(XCheckbox.h, XCheckbox.dk, XCheckbox.df);
-        _this.af = NaN;
-        _this.ac = ThemeResolver.b(XCheckbox.h, XCheckbox.as, XCheckbox.ap);
-        _this.ag = NaN;
-        _this.ah = NaN;
-        _this.ae = ThemeResolver.b(XCheckbox.h, XCheckbox.au, XCheckbox.ar);
-        _this.ad = ThemeResolver.b(XCheckbox.h, XCheckbox.at, XCheckbox.aq);
-        _this.cv = ThemeResolver.e(XCheckbox.h, XCheckbox.dj, XCheckbox.de);
-        _this.a9 = "ig-native-checkbox-" + XCheckbox.a2++;
-        _this.a8 = "ig-checkbox-" + XCheckbox.a1++;
+        _this.bv = XCheckbox.k.v(XCheckbox.m, "CheckPath");
+        _this.dj = XCheckbox.k.ae(XCheckbox.m, "UncheckedBorderColor");
+        _this.dg = XCheckbox.k.ae(XCheckbox.m, "CheckedBorderColor");
+        _this.as = XCheckbox.k.j(XCheckbox.m, "BorderWidth");
+        _this.df = XCheckbox.k.ae(XCheckbox.m, "CheckedBackgroundColor");
+        _this.at = XCheckbox.k.j(XCheckbox.m, "CornerRadius");
+        _this.dh = XCheckbox.k.ae(XCheckbox.m, "TickColor");
+        _this.au = XCheckbox.k.j(XCheckbox.m, "TickStrokeWidth");
+        _this.di = XCheckbox.k.ae(XCheckbox.m, "UncheckedBackgroundColor");
+        _this.a5 = ThemeResolver.x(XCheckbox.m, XCheckbox.k, "CheckPath");
+        _this.c2 = ThemeResolver.ag(XCheckbox.m, XCheckbox.k, "UncheckedBorderColor");
+        _this.cz = ThemeResolver.ag(XCheckbox.m, XCheckbox.k, "CheckedBorderColor");
+        _this.ak = NaN;
+        _this.ah = ThemeResolver.l(XCheckbox.m, XCheckbox.k, "BorderWidth");
+        _this.al = NaN;
+        _this.am = NaN;
+        _this.aj = ThemeResolver.l(XCheckbox.m, XCheckbox.k, "TickStrokeWidth");
+        _this.ai = ThemeResolver.l(XCheckbox.m, XCheckbox.k, "CornerRadius");
+        _this.cy = ThemeResolver.ag(XCheckbox.m, XCheckbox.k, "CheckedBackgroundColor");
+        _this.a9 = "ig-native-checkbox-" + XCheckbox.a1++;
+        _this.a8 = "ig-checkbox-" + XCheckbox.a0++;
         _this.ba = null;
         _this.bb = null;
-        _this.ay = 0;
-        _this.o = false;
         _this.ax = 0;
+        _this.t = false;
+        _this.aw = 0;
         _this.a7 = null;
         _this.a6 = null;
-        _this.a3 = null;
-        _this.r = false;
+        _this.a2 = null;
+        _this.w = false;
         _this.change = null;
         _this.d = 0;
-        _this.l = false;
-        _this.p = false;
-        _this.s = false;
         _this.q = false;
-        _this.m = false;
-        _this.j = null;
-        _this.k = null;
+        _this.u = false;
+        _this.x = false;
+        _this.v = false;
+        _this.r = false;
+        _this.o = null;
+        _this.p = null;
         _this.propertyChanged = null;
         _this.ba = _this.a8 + "-label";
         _this.a7 = _this.ba;
         var a = new CheckboxView();
         a.c = _this;
         _this.view = a;
-        _this.view.ad();
+        _this.view.ae();
         return _this;
     }
     Object.defineProperty(XCheckbox.prototype, "view", {
@@ -401,150 +414,182 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             this._view = a;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "i", {
+    Object.defineProperty(XCheckbox.prototype, "n", {
         get: function () {
-            return this.g;
+            return this.l;
         },
         set: function (a) {
-            var b = this.g;
-            this.g = a;
-            if (b != this.g) {
-                this.cl("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            var b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.co("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     XCheckbox.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    XCheckbox.prototype.cl = function (a, b, c) {
+    XCheckbox.prototype.co = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cn(a, b, c);
+        this.cq(a, b, c);
     };
-    XCheckbox.prototype.cr = function () {
-        this.c7 = this.ds != null ? this.ds : this.dp;
-        this.c9 = this.du != null ? this.du : this.dr;
-        this.c6 = this.db != null ? this.db : this.dd;
-        this.ai = !isNaN_(this.al) ? this.al : this.an;
-        this.c5 = this.da != null ? this.da : this.dc;
-        this.c8 = this.dt != null ? this.dt : this.dq;
-        this.aj = !isNaN_(this.am) ? this.am : this.ao;
-        this.ak = !isNaN_(this.aw) ? this.aw : this.av;
+    XCheckbox.prototype.cu = function () {
+        this.da = this.dk != null ? this.dk : this.dh;
+        this.dc = this.dm != null ? this.dm : this.dj;
+        this.c9 = this.de != null ? this.de : this.dg;
+        this.an = !isNaN_(this.aq) ? this.aq : this.as;
+        this.c8 = this.dd != null ? this.dd : this.df;
+        this.db = this.dl != null ? this.dl : this.di;
+        this.ao = !isNaN_(this.ar) ? this.ar : this.at;
+        this.ap = !isNaN_(this.av) ? this.av : this.au;
+        this.bf = this.bv;
     };
-    XCheckbox.prototype.cn = function (a, b, c) {
+    XCheckbox.prototype.cq = function (a, b, c) {
         switch (a) {
             case "BaseTheme":
-                this.cu(this.i);
-                this.cr();
+                this.cx(this.n);
+                this.cu();
                 break;
             case "TickColor":
-                this.c7 = this.ds != null ? this.ds : this.dp;
+                this.da = this.dk != null ? this.dk : this.dh;
                 break;
             case "UncheckedBorderColor":
-                this.c9 = this.du != null ? this.du : this.dr;
+                this.dc = this.dm != null ? this.dm : this.dj;
                 break;
             case "CheckedBorderColor":
-                this.c6 = this.db != null ? this.db : this.dd;
+                this.c9 = this.de != null ? this.de : this.dg;
                 break;
             case "BorderWidth":
-                this.ai = !isNaN_(this.al) ? this.al : this.an;
+                this.an = !isNaN_(this.aq) ? this.aq : this.as;
                 break;
             case "CheckedBackgroundColor":
-                this.c5 = this.da != null ? this.da : this.dc;
+                this.c8 = this.dd != null ? this.dd : this.df;
                 break;
             case "UncheckedBackgroundColor":
-                this.c8 = this.dt != null ? this.dt : this.dq;
+                this.db = this.dl != null ? this.dl : this.di;
                 break;
             case "CornerRadius":
-                this.aj = !isNaN_(this.am) ? this.am : this.ao;
+                this.ao = !isNaN_(this.ar) ? this.ar : this.at;
                 break;
             case "TickStrokeWidth":
-                this.ak = !isNaN_(this.aw) ? this.aw : this.av;
+                this.ap = !isNaN_(this.av) ? this.av : this.au;
                 break;
             case "ActualTickStrokeWidth":
             case "ActualTickColor":
-                this.ct();
+                this.cw();
                 break;
             case "ActualCheckedBackgroundColor":
             case "ActualUncheckedBackgroundColor":
             case "ActualUncheckedBorderColor":
             case "ActualCheckedBorderColor":
             case "ActualBorderWidth":
-                if (this.j != null) {
-                    this.j.cancel();
+                if (this.o != null) {
+                    this.o.cancel();
                 }
-                if (this.k != null) {
-                    this.k.cancel();
+                if (this.p != null) {
+                    this.p.cancel();
                 }
-                this.j = null;
-                this.k = null;
-                this.cq();
-                var d = (this.u);
-                this.u = true;
-                this.cs(this.indeterminate);
-                this.u = d;
+                this.o = null;
+                this.p = null;
+                this.ct();
+                var d = (this.z);
+                this.z = true;
+                this.cv(this.indeterminate);
+                this.z = d;
                 break;
             case "ActualCornerRadius":
-                this.cq();
+                this.ct();
+                break;
+            case "ActualCheckPath":
+                this.view.ah();
                 break;
             case "IsChecked":
-                if (!this.n) {
+                if (!this.s) {
                     var e = this.indeterminate;
-                    this.n = true;
+                    this.s = true;
                     this.indeterminate = false;
-                    this.n = false;
-                    var f = (this.u);
-                    this.u = true;
-                    this.cs(e);
-                    this.u = f;
+                    this.s = false;
+                    var f = (this.z);
+                    this.z = true;
+                    this.cv(e);
+                    this.z = f;
                 }
                 break;
             case "IsIndeterminate":
-                if (!this.n) {
-                    this.cs(b);
+                if (!this.s) {
+                    this.cv(b);
                 }
                 break;
             case "DisableRipple":
-                this.view.e.i = this.t;
+                this.view.e.i = this.y;
                 break;
             case "InputId":
-                this.view.ae();
+                this.view.af();
                 break;
         }
     };
-    XCheckbox.prototype.cq = function () {
-        var a = this.view.r;
+    XCheckbox.prototype.ct = function () {
+        var a = this.view.s;
         if (a == null) {
             return;
         }
-        NativeUI.m(a, new CornerRadius(0, this.aj));
-        if (!isNaN_(this.ai)) {
-            NativeUI.n(a, new Thickness(0, this.ai));
+        NativeUI.n(a, new CornerRadius(0, this.ao));
+        if (!isNaN_(this.an)) {
+            NativeUI.o(a, new Thickness(0, this.an));
         }
         if (this.checked) {
-            NativeUI.k(a, this.c5);
-            NativeUI.l(a, this.c6);
+            NativeUI.l(a, this.c8);
+            NativeUI.m(a, this.c9);
         }
         else {
-            NativeUI.k(a, this.c8);
-            NativeUI.l(a, this.c9);
+            NativeUI.l(a, this.db);
+            NativeUI.m(a, this.dc);
         }
     };
-    XCheckbox.prototype.ct = function () {
-        var a = this.view.s;
+    XCheckbox.prototype.cw = function () {
+        var a = this.view.t;
         if (a == null) {
             return;
         }
-        NativeUI.w(a, this.c7);
-        NativeUI.z(a, this.ak);
+        NativeUI.y(a, this.da);
+        NativeUI.ab(a, this.ap);
     };
-    Object.defineProperty(XCheckbox.prototype, "dt", {
+    Object.defineProperty(XCheckbox.prototype, "dl", {
+        get: function () {
+            return this.c6;
+        },
+        set: function (a) {
+            var b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.co("UncheckedBackgroundColor", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XCheckbox.prototype, "db", {
+        get: function () {
+            return this.c1;
+        },
+        set: function (a) {
+            var b = this.c1;
+            this.c1 = a;
+            if (b != this.c1) {
+                this.co("ActualUncheckedBackgroundColor", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(XCheckbox.prototype, "dd", {
         get: function () {
             return this.c3;
         },
@@ -552,24 +597,24 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c3;
             this.c3 = a;
             if (b != this.c3) {
-                this.cl("UncheckedBackgroundColor", b, a);
+                this.co("CheckedBackgroundColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "c8", {
+    Object.defineProperty(XCheckbox.prototype, "dk", {
         get: function () {
-            return this.cy;
+            return this.c5;
         },
         set: function (a) {
-            var b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
-                this.cl("ActualUncheckedBackgroundColor", b, a);
+            var b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.co("TickColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "da", {
@@ -580,78 +625,79 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c0;
             this.c0 = a;
             if (b != this.c0) {
-                this.cl("CheckedBackgroundColor", b, a);
+                this.co("ActualTickColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "ds", {
+    Object.defineProperty(XCheckbox.prototype, "dm", {
         get: function () {
-            return this.c2;
+            return this.c7;
         },
         set: function (a) {
-            var b = this.c2;
-            this.c2 = a;
-            if (b != this.c2) {
-                this.cl("TickColor", b, a);
+            var b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.co("UncheckedBorderColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "c7", {
+    Object.defineProperty(XCheckbox.prototype, "de", {
         get: function () {
-            return this.cx;
+            return this.c4;
         },
         set: function (a) {
-            var b = this.cx;
-            this.cx = a;
-            if (b != this.cx) {
-                this.cl("ActualTickColor", b, a);
+            var b = this.c4;
+            this.c4 = a;
+            if (b != this.c4) {
+                this.co("CheckedBorderColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "du", {
+    XCheckbox.prototype.cx = function (a) {
+        this.bv = XCheckbox.k.v(a, "CheckPath");
+        this.dj = XCheckbox.k.ae(a, "UncheckedBorderColor");
+        this.dg = XCheckbox.k.ae(a, "CheckedBorderColor");
+        this.as = XCheckbox.k.j(a, "BorderWidth");
+        this.df = XCheckbox.k.ae(a, "CheckedBackgroundColor");
+        this.at = XCheckbox.k.j(a, "CornerRadius");
+        this.dh = XCheckbox.k.ae(a, "TickColor");
+        this.au = XCheckbox.k.j(a, "TickStrokeWidth");
+        this.di = XCheckbox.k.ae(a, "UncheckedBackgroundColor");
+    };
+    Object.defineProperty(XCheckbox.prototype, "bf", {
         get: function () {
-            return this.c4;
+            return this.a5;
         },
         set: function (a) {
-            var b = this.c4;
-            this.c4 = a;
-            if (b != this.c4) {
-                this.cl("UncheckedBorderColor", b, a);
+            var b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
+                this.co("ActualCheckPath", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "db", {
+    Object.defineProperty(XCheckbox.prototype, "dc", {
         get: function () {
-            return this.c1;
+            return this.c2;
         },
         set: function (a) {
-            var b = this.c1;
-            this.c1 = a;
-            if (b != this.c1) {
-                this.cl("CheckedBorderColor", b, a);
+            var b = this.c2;
+            this.c2 = a;
+            if (b != this.c2) {
+                this.co("ActualUncheckedBorderColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    XCheckbox.prototype.cu = function (a) {
-        this.dr = ThemeResolver.e(a, XCheckbox.dn, XCheckbox.di);
-        this.dd = ThemeResolver.e(a, XCheckbox.dk, XCheckbox.df);
-        this.an = ThemeResolver.b(a, XCheckbox.as, XCheckbox.ap);
-        this.dc = ThemeResolver.e(a, XCheckbox.dj, XCheckbox.de);
-        this.ao = ThemeResolver.b(a, XCheckbox.at, XCheckbox.aq);
-        this.dp = ThemeResolver.e(a, XCheckbox.dl, XCheckbox.dg);
-        this.av = ThemeResolver.b(a, XCheckbox.au, XCheckbox.ar);
-        this.dq = ThemeResolver.e(a, XCheckbox.dm, XCheckbox.dh);
-    };
     Object.defineProperty(XCheckbox.prototype, "c9", {
         get: function () {
             return this.cz;
@@ -660,125 +706,111 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.cz;
             this.cz = a;
             if (b != this.cz) {
-                this.cl("ActualUncheckedBorderColor", b, a);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(XCheckbox.prototype, "c6", {
-        get: function () {
-            return this.cw;
-        },
-        set: function (a) {
-            var b = this.cw;
-            this.cw = a;
-            if (b != this.cw) {
-                this.cl("ActualCheckedBorderColor", b, a);
+                this.co("ActualCheckedBorderColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "al", {
+    Object.defineProperty(XCheckbox.prototype, "aq", {
         get: function () {
-            return this.af;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.cl("BorderWidth", b, a);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.co("BorderWidth", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "ai", {
+    Object.defineProperty(XCheckbox.prototype, "an", {
         get: function () {
-            return this.ac;
+            return this.ah;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.cl("ActualBorderWidth", b, a);
+            var b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.co("ActualBorderWidth", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "am", {
+    Object.defineProperty(XCheckbox.prototype, "ar", {
         get: function () {
-            return this.ag;
+            return this.al;
         },
         set: function (a) {
-            var b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.cl("CornerRadius", b, a);
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.co("CornerRadius", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "aw", {
+    Object.defineProperty(XCheckbox.prototype, "av", {
         get: function () {
-            return this.ah;
+            return this.am;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.cl("TickStrokeWidth", b, a);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.co("TickStrokeWidth", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "ak", {
+    Object.defineProperty(XCheckbox.prototype, "ap", {
         get: function () {
-            return this.ae;
+            return this.aj;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.cl("ActualTickStrokeWidth", b, a);
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.co("ActualTickStrokeWidth", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "aj", {
+    Object.defineProperty(XCheckbox.prototype, "ao", {
         get: function () {
-            return this.ad;
+            return this.ai;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.cl("ActualCornerRadius", b, a);
+            var b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
+                this.co("ActualCornerRadius", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "c5", {
+    Object.defineProperty(XCheckbox.prototype, "c8", {
         get: function () {
-            return this.cv;
+            return this.cy;
         },
         set: function (a) {
-            var b = this.cv;
-            this.cv = a;
-            if (b != this.cv) {
-                this.cl("ActualCheckedBackgroundColor", b, a);
+            var b = this.cy;
+            this.cy = a;
+            if (b != this.cy) {
+                this.co("ActualCheckedBackgroundColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "by", {
+    Object.defineProperty(XCheckbox.prototype, "b1", {
         get: function () {
             return this.a9;
         },
@@ -786,13 +818,13 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a9;
             this.a9 = a;
             if (b != this.a9) {
-                this.cl("InputId", b, a);
+                this.co("InputId", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "bw", {
+    Object.defineProperty(XCheckbox.prototype, "bz", {
         get: function () {
             return this.a8;
         },
@@ -800,10 +832,10 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a8;
             this.a8 = a;
             if (b != this.a8) {
-                this.cl("Id", b, a);
+                this.co("Id", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "labelId", {
@@ -814,13 +846,13 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ba;
             this.ba = a;
             if (b != this.ba) {
-                this.cl("LabelId", b, a);
+                this.co("LabelId", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "b7", {
+    Object.defineProperty(XCheckbox.prototype, "ca", {
         get: function () {
             return this.bb;
         },
@@ -828,49 +860,49 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.cl("Name", b, a);
+                this.co("Name", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "v", {
+    Object.defineProperty(XCheckbox.prototype, "aa", {
         get: function () {
-            return this.o;
+            return this.t;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "a0", {
+    Object.defineProperty(XCheckbox.prototype, "az", {
         get: function () {
-            return this.ay;
+            return this.ax;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            this.o = true;
-            if (b != this.ay) {
-                this.cl("TabIndex", b, a);
+            var b = this.ax;
+            this.ax = a;
+            this.t = true;
+            if (b != this.ax) {
+                this.co("TabIndex", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "az", {
+    Object.defineProperty(XCheckbox.prototype, "ay", {
         get: function () {
-            return this.ax;
+            return this.aw;
         },
         set: function (a) {
-            var b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.cl("Required", b, a);
+            var b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.co("Required", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "bl", {
+    Object.defineProperty(XCheckbox.prototype, "bn", {
         get: function () {
             return this.a7;
         },
@@ -878,13 +910,13 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.cl("AriaLabelledBy", b, a);
+                this.co("AriaLabelledBy", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "bk", {
+    Object.defineProperty(XCheckbox.prototype, "bm", {
         get: function () {
             return this.a6;
         },
@@ -892,38 +924,38 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a6;
             this.a6 = a;
             if (b != this.a6) {
-                this.cl("AriaLabel", b, a);
+                this.co("AriaLabel", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "a5", {
+    Object.defineProperty(XCheckbox.prototype, "a4", {
         get: function () {
-            return this.a3;
+            return this.a2;
         },
         set: function (a) {
-            var b = this.a3;
-            this.a3 = a;
-            if (b != this.a3) {
-                this.cl("Value", b, a);
+            var b = this.a2;
+            this.a2 = a;
+            if (b != this.a2) {
+                this.co("Value", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "focused", {
         get: function () {
-            return this.r;
+            return this.w;
         },
         set: function (a) {
-            var b = this.r;
-            this.r = a;
-            if (b != this.r) {
-                this.cl("IsFocused", b, a);
+            var b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.co("IsFocused", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "e", {
@@ -934,89 +966,89 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.cl("LabelPosition", enumGetBox(CheckboxLabelPosition_$type, b), enumGetBox(CheckboxLabelPosition_$type, a));
+                this.co("LabelPosition", enumGetBox(CheckboxLabelPosition_$type, b), enumGetBox(CheckboxLabelPosition_$type, a));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "t", {
+    Object.defineProperty(XCheckbox.prototype, "y", {
         get: function () {
-            return this.l;
+            return this.q;
         },
         set: function (a) {
-            var b = this.l;
-            this.l = a;
-            if (b != this.l) {
-                this.cl("DisableRipple", b, a);
+            var b = this.q;
+            this.q = a;
+            if (b != this.q) {
+                this.co("DisableRipple", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "checked", {
         get: function () {
-            return this.p;
+            return this.u;
         },
         set: function (a) {
-            var b = this.p;
-            this.p = a;
-            if (b != this.p) {
-                this.cl("IsChecked", b, a);
+            var b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.co("IsChecked", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "indeterminate", {
         get: function () {
-            return this.s;
+            return this.x;
         },
         set: function (a) {
-            var b = this.s;
-            this.s = a;
-            if (b != this.s) {
-                this.cl("IsIndeterminate", b, a);
+            var b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.co("IsIndeterminate", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(XCheckbox.prototype, "disabled", {
         get: function () {
-            return this.q;
+            return this.v;
         },
         set: function (a) {
-            var b = this.q;
-            this.q = a;
-            if (b != this.q) {
-                this.cl("IsDisabled", b, a);
+            var b = this.v;
+            this.v = a;
+            if (b != this.v) {
+                this.co("IsDisabled", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(XCheckbox.prototype, "u", {
+    Object.defineProperty(XCheckbox.prototype, "z", {
         get: function () {
-            return this.m;
+            return this.r;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.cl("DisableTransitions", b, a);
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.co("DisableTransitions", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    XCheckbox.prototype.cm = function () {
-        this.ch();
+    XCheckbox.prototype.cp = function () {
+        this.ck();
         if (this.checked) {
-            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c5, 0.1));
+            this.view.aj(BrushUtil.p(this.c8, 0.6), BrushUtil.p(this.c8, 0.1));
         }
         else {
-            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c9, 0.1));
+            this.view.aj(BrushUtil.p(this.c8, 0.6), BrushUtil.p(this.dc, 0.1));
         }
     };
     Object.defineProperty(XCheckbox.prototype, "a", {
@@ -1026,28 +1058,28 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             a.b = 0;
             return a;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    XCheckbox.prototype.ch = function () {
-        this.view.y();
+    XCheckbox.prototype.ck = function () {
+        this.view.z();
         var a = false;
-        if (this.j == null) {
+        if (this.o == null) {
             if (!a) {
                 a = true;
-                this.view.af();
+                this.view.ag();
             }
-            this.j = KeyFrameAnimationFactory.f.c(this.view.a(this.a).m(new AnimationKeyFrameProperty(2, this.c8), new AnimationKeyFrameProperty(3, this.c9)).m(new AnimationKeyFrameProperty(2, this.c5), new AnimationKeyFrameProperty(3, this.c6)));
-            this.k = KeyFrameAnimationFactory.f.c(this.view.b(this.a).m(new AnimationKeyFrameProperty(19, 24), new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(19, 0), new AnimationKeyFrameProperty(1, 1)));
+            this.o = KeyFrameAnimationFactory.f.c(this.view.a(this.a).m(new AnimationKeyFrameProperty(2, this.db), new AnimationKeyFrameProperty(3, this.dc)).m(new AnimationKeyFrameProperty(2, this.c8), new AnimationKeyFrameProperty(3, this.c9)));
+            this.p = KeyFrameAnimationFactory.f.c(this.view.b(this.a).m(new AnimationKeyFrameProperty(19, 24), new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(19, 0), new AnimationKeyFrameProperty(1, 1)));
         }
     };
     XCheckbox.prototype.toggle = function () {
         if (this.disabled) {
             return;
         }
-        this.ch();
+        this.ck();
         this.focused = false;
-        this.n = true;
+        this.s = true;
         var a = false;
         if (this.indeterminate) {
             a = true;
@@ -1055,8 +1087,8 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.indeterminate = false;
         this.checked = !this.checked;
-        this.n = false;
-        this.cs(a);
+        this.s = false;
+        this.cv(a);
         if (this.change != null) {
             var b = new CheckboxChangeEventArgs();
             b.isChecked = this.checked;
@@ -1064,9 +1096,9 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             this.change(this, b);
         }
     };
-    XCheckbox.prototype.cs = function (a) {
+    XCheckbox.prototype.cv = function (a) {
         var _this = this;
-        this.ch();
+        this.ck();
         var b = this.checked;
         if (this.indeterminate) {
             b = true;
@@ -1076,17 +1108,17 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             c = -1;
         }
         if (b) {
-            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c5, 0.1));
+            this.view.aj(BrushUtil.p(this.c8, 0.6), BrushUtil.p(this.c8, 0.1));
         }
         else {
-            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c9, 0.1));
+            this.view.aj(BrushUtil.p(this.c8, 0.6), BrushUtil.p(this.dc, 0.1));
         }
         if (!this.indeterminate) {
-            NativeUI.ab(this.view.s, null);
+            NativeUI.ad(this.view.t, null);
         }
-        if (this.u || this.indeterminate || a) {
-            var d = this.view.r;
-            var e = this.view.s;
+        if (this.z || this.indeterminate || a) {
+            var d = this.view.s;
+            var e = this.view.t;
             if (this.indeterminate) {
                 var f = new TransformGroup();
                 f.j.add(((function () {
@@ -1099,127 +1131,173 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
                     $ret.j = -_this.view.k();
                     return $ret;
                 })()));
-                NativeUI.k(d, this.c5);
-                NativeUI.l(d, this.c6);
-                NativeUI.u(e, 1);
-                NativeUI.y(e, 41);
-                NativeUI.ab(e, f);
+                NativeUI.l(d, this.c8);
+                NativeUI.m(d, this.c9);
+                NativeUI.w(e, 1);
+                NativeUI.aa(e, 41);
+                NativeUI.ad(e, f);
             }
             else if (b) {
-                NativeUI.k(d, this.c5);
-                NativeUI.l(d, this.c6);
-                NativeUI.u(e, 1);
-                NativeUI.y(e, 0);
+                NativeUI.l(d, this.c8);
+                NativeUI.m(d, this.c9);
+                NativeUI.w(e, 1);
+                NativeUI.aa(e, 0);
             }
             else {
-                NativeUI.k(d, this.c8);
-                NativeUI.l(d, this.c9);
-                NativeUI.u(e, 0);
-                NativeUI.y(e, 24);
+                NativeUI.l(d, this.db);
+                NativeUI.m(d, this.dc);
+                NativeUI.w(e, 0);
+                NativeUI.aa(e, 24);
             }
-            if (this.j.playState == 1) {
-                this.j.cancel();
+            if (this.o.playState == 1) {
+                this.o.cancel();
             }
-            if (this.k.playState == 1) {
-                this.k.cancel();
+            if (this.p.playState == 1) {
+                this.p.cancel();
             }
             return;
         }
-        if ((c > 0 && this.j.playbackRate < 0) || (c < 0 && this.j.playbackRate > 0)) {
-            this.j.reverse();
-            this.j.finished.f(function (g) {
-                if (_this.j != null) {
-                    _this.j.commitStyles();
+        if ((c > 0 && this.o.playbackRate < 0) || (c < 0 && this.o.playbackRate > 0)) {
+            this.o.reverse();
+            this.o.finished.f(function (g) {
+                if (_this.o != null) {
+                    _this.o.commitStyles();
                 }
             });
-            this.k.reverse();
-            this.k.finished.f(function (g) {
-                if (_this.k != null) {
-                    _this.k.commitStyles();
+            this.p.reverse();
+            this.p.finished.f(function (g) {
+                if (_this.p != null) {
+                    _this.p.commitStyles();
                 }
             });
         }
         else {
-            this.j.play();
-            this.j.finished.f(function (g) {
-                if (_this.j != null) {
-                    _this.j.commitStyles();
+            this.o.play();
+            this.o.finished.f(function (g) {
+                if (_this.o != null) {
+                    _this.o.commitStyles();
                 }
             });
-            this.k.play();
-            this.k.finished.f(function (g) {
-                if (_this.k != null) {
-                    _this.k.commitStyles();
+            this.p.play();
+            this.p.finished.f(function (g) {
+                if (_this.p != null) {
+                    _this.p.commitStyles();
                 }
             });
         }
     };
     XCheckbox.prototype.onDetachedFromUI = function () {
-        this.view.ac();
+        this.view.ad();
     };
     XCheckbox.prototype.onAttachedToUI = function () {
-        this.view.aa();
+        this.view.ab();
     };
     XCheckbox.prototype.onContentReady = function () {
         if (this.indeterminate) {
-            this.cs(false);
+            this.cv(false);
         }
     };
-    XCheckbox.prototype.aa = function () {
+    XCheckbox.prototype.af = function () {
         return this.view.i();
     };
-    XCheckbox.prototype.a4 = function () {
+    XCheckbox.prototype.a3 = function () {
         return this.b();
     };
-    XCheckbox.prototype.bv = function () {
+    XCheckbox.prototype.by = function () {
         var a = this.b();
         return a.s();
     };
     XCheckbox.prototype.b = function () {
         var a = new CheckboxVisualModelExport();
-        a.f = this.i;
-        a.d = AppearanceHelper.a(this.c8);
-        a.c = AppearanceHelper.a(this.c7);
-        a.e = AppearanceHelper.a(this.c9);
-        a.b = AppearanceHelper.a(this.c6);
-        a.o = this.al;
-        a.l = this.ai;
-        a.p = this.am;
-        a.q = this.aw;
-        a.n = this.ak;
-        a.m = this.aj;
-        a.a = AppearanceHelper.a(this.c5);
-        a.r = this.a5;
+        a.f = this.n;
+        a.d = AppearanceHelper.a(this.db);
+        a.c = AppearanceHelper.a(this.da);
+        a.e = AppearanceHelper.a(this.dc);
+        a.b = AppearanceHelper.a(this.c9);
+        a.o = this.aq;
+        a.l = this.an;
+        a.p = this.ar;
+        a.q = this.av;
+        a.n = this.ap;
+        a.m = this.ao;
+        a.a = AppearanceHelper.a(this.c8);
+        a.r = this.a4;
         a.j = this.focused;
-        a.g = this.t;
+        a.g = this.y;
         a.h = this.checked;
         a.k = this.indeterminate;
         a.i = this.disabled;
         return a;
     };
     XCheckbox.prototype.provideContainer = function (a) {
-        this.view.ab(a);
+        this.view.ac(a);
     };
     XCheckbox.$t = markType(XCheckbox, 'XCheckbox', Base.$, [INotifyPropertyChanged_$type]);
-    XCheckbox.dn = BrushUtil.g(138, 0, 0, 0);
-    XCheckbox.dk = BrushUtil.g(138, 0, 0, 0);
-    XCheckbox.as = NaN;
-    XCheckbox.dj = BrushUtil.g(255, 228, 28, 119);
-    XCheckbox.at = 2;
-    XCheckbox.dl = BrushUtil.g(255, 255, 255, 255);
-    XCheckbox.au = 3;
-    XCheckbox.dm = BrushUtil.g(255, 255, 255, 255);
-    XCheckbox.di = BrushUtil.g(255, 153, 153, 153);
-    XCheckbox.df = BrushUtil.g(138, 33, 150, 243);
-    XCheckbox.ap = NaN;
-    XCheckbox.de = BrushUtil.g(255, 33, 150, 243);
-    XCheckbox.aq = 2;
-    XCheckbox.dg = BrushUtil.g(255, 255, 255, 255);
-    XCheckbox.ar = 3;
-    XCheckbox.dh = BrushUtil.g(255, 255, 255, 255);
-    XCheckbox.h = 2;
-    XCheckbox.a2 = 0;
+    XCheckbox.g = ThemeResolver.a(((function () {
+        var $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
+        $ret.addItem("UncheckedBorderColor", BrushUtil.g(255, 153, 153, 153));
+        $ret.addItem("CheckedBorderColor", BrushUtil.g(138, 33, 150, 243));
+        $ret.addItem("UncheckedBackgroundColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("CheckedBackgroundColor", BrushUtil.g(255, 33, 150, 243));
+        $ret.addItem("TickColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("TickStrokeWidth", 3);
+        $ret.addItem("BorderWidth", NaN);
+        $ret.addItem("CornerRadius", 2);
+        return $ret;
+    })()));
+    XCheckbox.h = ThemeResolver.a(((function () {
+        var $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("CheckPath", "M4.1,12.7 9,17.6 20.3,6.3");
+        $ret.addItem("UncheckedBorderColor", BrushUtil.g(138, 0, 0, 0));
+        $ret.addItem("CheckedBorderColor", BrushUtil.g(138, 0, 0, 0));
+        $ret.addItem("UncheckedBackgroundColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("CheckedBackgroundColor", BrushUtil.g(255, 228, 28, 119));
+        $ret.addItem("TickColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("TickStrokeWidth", 3);
+        $ret.addItem("BorderWidth", NaN);
+        $ret.addItem("CornerRadius", 2);
+        return $ret;
+    })()));
+    XCheckbox.j = ThemeResolver.a(((function () {
+        var $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("UncheckedBorderColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("CheckedBorderColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("UncheckedBackgroundColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("CheckedBackgroundColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("TickColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("TickStrokeWidth", 3);
+        $ret.addItem("BorderWidth", NaN);
+        $ret.addItem("CornerRadius", 2);
+        return $ret;
+    })()));
+    XCheckbox.i = ThemeResolver.a(((function () {
+        var $ret = new Dictionary$2(String_$type, Base.$, 0);
+        $ret.addItem("CheckPath", "M5.1,12.7 9,17.6 19,9");
+        $ret.addItem("UncheckedBorderColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("CheckedBorderColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("UncheckedBackgroundColor", BrushUtil.g(255, 55, 63, 86));
+        $ret.addItem("CheckedBackgroundColor", BrushUtil.g(255, 105, 136, 255));
+        $ret.addItem("TickColor", BrushUtil.g(255, 255, 255, 255));
+        $ret.addItem("TickStrokeWidth", 3);
+        $ret.addItem("BorderWidth", NaN);
+        $ret.addItem("CornerRadius", 2);
+        return $ret;
+    })()));
+    XCheckbox.k = new ThemeResolver(1, ((function () {
+        var $ret = new Dictionary$2(BaseControlTheme_$type, Theme.$, 0);
+        $ret.addItem(2, XCheckbox.h);
+        $ret.addItem(1, XCheckbox.g);
+        $ret.addItem(3, XCheckbox.j);
+        $ret.addItem(4, XCheckbox.i);
+        $ret.addItem(5, XCheckbox.j);
+        $ret.addItem(6, XCheckbox.i);
+        return $ret;
+    })()), 2);
+    XCheckbox.m = 2;
     XCheckbox.a1 = 0;
+    XCheckbox.a0 = 0;
     return XCheckbox;
 }(Base));
 export { XCheckbox };