igniteui-webcomponents-inputs 1.3.0 → 1.4.0

package/esm5/lib/CheckboxView_combined.js

@@ -6,7 +6,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 */
 import * as tslib_1 from "tslib";
 import { Base, Delegate_$type, fromEnum, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
-import { Ripple } from "./Ripple";
+import { XRipple } from "./XRipple";
 import { List$1 } from "igniteui-webcomponents-core";
 import { KeyFrameAnimationFactory } from "igniteui-webcomponents-core";
 import { AnimationKeyFrameEffect } from "igniteui-webcomponents-core";
@@ -164,7 +164,7 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         h.setStyleProperty("top", "calc(50% - 1.5em)");
         h.setStyleProperty("border-radius", "24px");
         h.setStyleProperty("overflow", "hidden");
-        var j = new Ripple();
+        var j = new XRipple();
         j.provideContainer(i);
         j.q = d;
         var k = this.l.getExternal(j, this.l.rootWrapper, this.l.getExternal(this.c, null, null));
@@ -333,40 +333,40 @@ export { CheckboxView };
 /**
  * @hidden
  */
-var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(Checkbox, _super);
-    function Checkbox() {
+var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(XCheckbox, _super);
+    function XCheckbox() {
         var _this = _super.call(this) || this;
         _this._view = null;
         _this.b = 0;
         _this.n = false;
         _this.ab = false;
         _this.c3 = null;
-        _this.cy = ThemeResolver.e(Checkbox.c, Checkbox.dm, Checkbox.dh);
+        _this.cy = ThemeResolver.e(XCheckbox.c, XCheckbox.dm, XCheckbox.dh);
         _this.c0 = null;
         _this.c2 = null;
-        _this.cx = ThemeResolver.e(Checkbox.c, Checkbox.dl, Checkbox.dg);
+        _this.cx = ThemeResolver.e(XCheckbox.c, XCheckbox.dl, XCheckbox.dg);
         _this.c4 = null;
         _this.c1 = null;
-        _this.dr = ThemeResolver.e(Checkbox.c, Checkbox.dn, Checkbox.di);
-        _this.dd = ThemeResolver.e(Checkbox.c, Checkbox.dk, Checkbox.df);
-        _this.an = ThemeResolver.b(Checkbox.c, Checkbox.as, Checkbox.ap);
-        _this.dc = ThemeResolver.e(Checkbox.c, Checkbox.dj, Checkbox.de);
-        _this.ao = ThemeResolver.b(Checkbox.c, Checkbox.at, Checkbox.aq);
-        _this.dp = ThemeResolver.e(Checkbox.c, Checkbox.dl, Checkbox.dg);
-        _this.av = ThemeResolver.b(Checkbox.c, Checkbox.au, Checkbox.ar);
-        _this.dq = ThemeResolver.e(Checkbox.c, Checkbox.dm, Checkbox.dh);
-        _this.cz = ThemeResolver.e(Checkbox.c, Checkbox.dn, Checkbox.di);
-        _this.cw = ThemeResolver.e(Checkbox.c, Checkbox.dk, Checkbox.df);
+        _this.dr = ThemeResolver.e(XCheckbox.c, XCheckbox.dn, XCheckbox.di);
+        _this.dd = ThemeResolver.e(XCheckbox.c, XCheckbox.dk, XCheckbox.df);
+        _this.an = ThemeResolver.b(XCheckbox.c, XCheckbox.as, XCheckbox.ap);
+        _this.dc = ThemeResolver.e(XCheckbox.c, XCheckbox.dj, XCheckbox.de);
+        _this.ao = ThemeResolver.b(XCheckbox.c, XCheckbox.at, XCheckbox.aq);
+        _this.dp = ThemeResolver.e(XCheckbox.c, XCheckbox.dl, XCheckbox.dg);
+        _this.av = ThemeResolver.b(XCheckbox.c, XCheckbox.au, XCheckbox.ar);
+        _this.dq = ThemeResolver.e(XCheckbox.c, XCheckbox.dm, XCheckbox.dh);
+        _this.cz = ThemeResolver.e(XCheckbox.c, XCheckbox.dn, XCheckbox.di);
+        _this.cw = ThemeResolver.e(XCheckbox.c, XCheckbox.dk, XCheckbox.df);
         _this.af = NaN;
-        _this.ac = ThemeResolver.b(Checkbox.c, Checkbox.as, Checkbox.ap);
+        _this.ac = ThemeResolver.b(XCheckbox.c, XCheckbox.as, XCheckbox.ap);
         _this.ag = NaN;
         _this.ah = NaN;
-        _this.ae = ThemeResolver.b(Checkbox.c, Checkbox.au, Checkbox.ar);
-        _this.ad = ThemeResolver.b(Checkbox.c, Checkbox.at, Checkbox.aq);
-        _this.cv = ThemeResolver.e(Checkbox.c, Checkbox.dj, Checkbox.de);
-        _this.a9 = "ig-native-checkbox-" + Checkbox.a2++;
-        _this.a8 = "ig-checkbox-" + Checkbox.a1++;
+        _this.ae = ThemeResolver.b(XCheckbox.c, XCheckbox.au, XCheckbox.ar);
+        _this.ad = ThemeResolver.b(XCheckbox.c, XCheckbox.at, XCheckbox.aq);
+        _this.cv = ThemeResolver.e(XCheckbox.c, XCheckbox.dj, XCheckbox.de);
+        _this.a9 = "ig-native-checkbox-" + XCheckbox.a2++;
+        _this.a8 = "ig-checkbox-" + XCheckbox.a1++;
         _this.ba = null;
         _this.bb = null;
         _this.ay = 0;
@@ -394,7 +394,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.view.ad();
         return _this;
     }
-    Object.defineProperty(Checkbox.prototype, "view", {
+    Object.defineProperty(XCheckbox.prototype, "view", {
         get: function () {
             return this._view;
         },
@@ -404,7 +404,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "d", {
+    Object.defineProperty(XCheckbox.prototype, "d", {
         get: function () {
             return this.b;
         },
@@ -418,16 +418,16 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Checkbox.prototype.destroy = function () {
+    XCheckbox.prototype.destroy = function () {
         this.provideContainer(null);
     };
-    Checkbox.prototype.cl = function (a, b, c) {
+    XCheckbox.prototype.cl = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
         this.cn(a, b, c);
     };
-    Checkbox.prototype.cr = function () {
+    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;
@@ -437,7 +437,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         this.aj = !isNaN_(this.am) ? this.am : this.ao;
         this.ak = !isNaN_(this.aw) ? this.aw : this.av;
     };
-    Checkbox.prototype.cn = function (a, b, c) {
+    XCheckbox.prototype.cn = function (a, b, c) {
         switch (a) {
             case "BaseTheme":
                 this.cu(this.d);
@@ -518,33 +518,33 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    Checkbox.prototype.cq = function () {
+    XCheckbox.prototype.cq = function () {
         var a = this.view.r;
         if (a == null) {
             return;
         }
-        NativeUI.l(a, new CornerRadius(0, this.aj));
+        NativeUI.m(a, new CornerRadius(0, this.aj));
         if (!isNaN_(this.ai)) {
-            NativeUI.m(a, new Thickness(0, this.ai));
+            NativeUI.n(a, new Thickness(0, this.ai));
         }
         if (this.checked) {
-            NativeUI.j(a, this.c5);
-            NativeUI.k(a, this.c6);
+            NativeUI.k(a, this.c5);
+            NativeUI.l(a, this.c6);
         }
         else {
-            NativeUI.j(a, this.c8);
-            NativeUI.k(a, this.c9);
+            NativeUI.k(a, this.c8);
+            NativeUI.l(a, this.c9);
         }
     };
-    Checkbox.prototype.ct = function () {
+    XCheckbox.prototype.ct = function () {
         var a = this.view.s;
         if (a == null) {
             return;
         }
-        NativeUI.v(a, this.c7);
-        NativeUI.y(a, this.ak);
+        NativeUI.w(a, this.c7);
+        NativeUI.z(a, this.ak);
     };
-    Object.defineProperty(Checkbox.prototype, "dt", {
+    Object.defineProperty(XCheckbox.prototype, "dt", {
         get: function () {
             return this.c3;
         },
@@ -558,7 +558,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "c8", {
+    Object.defineProperty(XCheckbox.prototype, "c8", {
         get: function () {
             return this.cy;
         },
@@ -572,7 +572,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "da", {
+    Object.defineProperty(XCheckbox.prototype, "da", {
         get: function () {
             return this.c0;
         },
@@ -586,7 +586,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "ds", {
+    Object.defineProperty(XCheckbox.prototype, "ds", {
         get: function () {
             return this.c2;
         },
@@ -600,7 +600,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "c7", {
+    Object.defineProperty(XCheckbox.prototype, "c7", {
         get: function () {
             return this.cx;
         },
@@ -614,7 +614,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "du", {
+    Object.defineProperty(XCheckbox.prototype, "du", {
         get: function () {
             return this.c4;
         },
@@ -628,7 +628,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "db", {
+    Object.defineProperty(XCheckbox.prototype, "db", {
         get: function () {
             return this.c1;
         },
@@ -642,17 +642,17 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Checkbox.prototype.cu = function (a) {
-        this.dr = ThemeResolver.e(a, Checkbox.dn, Checkbox.di);
-        this.dd = ThemeResolver.e(a, Checkbox.dk, Checkbox.df);
-        this.an = ThemeResolver.b(a, Checkbox.as, Checkbox.ap);
-        this.dc = ThemeResolver.e(a, Checkbox.dj, Checkbox.de);
-        this.ao = ThemeResolver.b(a, Checkbox.at, Checkbox.aq);
-        this.dp = ThemeResolver.e(a, Checkbox.dl, Checkbox.dg);
-        this.av = ThemeResolver.b(a, Checkbox.au, Checkbox.ar);
-        this.dq = ThemeResolver.e(a, Checkbox.dm, Checkbox.dh);
+    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(Checkbox.prototype, "c9", {
+    Object.defineProperty(XCheckbox.prototype, "c9", {
         get: function () {
             return this.cz;
         },
@@ -666,7 +666,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "c6", {
+    Object.defineProperty(XCheckbox.prototype, "c6", {
         get: function () {
             return this.cw;
         },
@@ -680,7 +680,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "al", {
+    Object.defineProperty(XCheckbox.prototype, "al", {
         get: function () {
             return this.af;
         },
@@ -694,7 +694,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "ai", {
+    Object.defineProperty(XCheckbox.prototype, "ai", {
         get: function () {
             return this.ac;
         },
@@ -708,7 +708,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "am", {
+    Object.defineProperty(XCheckbox.prototype, "am", {
         get: function () {
             return this.ag;
         },
@@ -722,7 +722,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "aw", {
+    Object.defineProperty(XCheckbox.prototype, "aw", {
         get: function () {
             return this.ah;
         },
@@ -736,7 +736,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "ak", {
+    Object.defineProperty(XCheckbox.prototype, "ak", {
         get: function () {
             return this.ae;
         },
@@ -750,7 +750,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "aj", {
+    Object.defineProperty(XCheckbox.prototype, "aj", {
         get: function () {
             return this.ad;
         },
@@ -764,7 +764,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "c5", {
+    Object.defineProperty(XCheckbox.prototype, "c5", {
         get: function () {
             return this.cv;
         },
@@ -778,7 +778,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "by", {
+    Object.defineProperty(XCheckbox.prototype, "by", {
         get: function () {
             return this.a9;
         },
@@ -792,7 +792,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "bw", {
+    Object.defineProperty(XCheckbox.prototype, "bw", {
         get: function () {
             return this.a8;
         },
@@ -806,7 +806,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "labelId", {
+    Object.defineProperty(XCheckbox.prototype, "labelId", {
         get: function () {
             return this.ba;
         },
@@ -820,7 +820,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "b7", {
+    Object.defineProperty(XCheckbox.prototype, "b7", {
         get: function () {
             return this.bb;
         },
@@ -834,14 +834,14 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "v", {
+    Object.defineProperty(XCheckbox.prototype, "v", {
         get: function () {
             return this.o;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "a0", {
+    Object.defineProperty(XCheckbox.prototype, "a0", {
         get: function () {
             return this.ay;
         },
@@ -856,7 +856,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "az", {
+    Object.defineProperty(XCheckbox.prototype, "az", {
         get: function () {
             return this.ax;
         },
@@ -870,7 +870,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "bl", {
+    Object.defineProperty(XCheckbox.prototype, "bl", {
         get: function () {
             return this.a7;
         },
@@ -884,7 +884,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "bk", {
+    Object.defineProperty(XCheckbox.prototype, "bk", {
         get: function () {
             return this.a6;
         },
@@ -898,7 +898,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "a5", {
+    Object.defineProperty(XCheckbox.prototype, "a5", {
         get: function () {
             return this.a3;
         },
@@ -912,7 +912,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "focused", {
+    Object.defineProperty(XCheckbox.prototype, "focused", {
         get: function () {
             return this.r;
         },
@@ -926,7 +926,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "h", {
+    Object.defineProperty(XCheckbox.prototype, "h", {
         get: function () {
             return this.g;
         },
@@ -940,7 +940,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "t", {
+    Object.defineProperty(XCheckbox.prototype, "t", {
         get: function () {
             return this.l;
         },
@@ -954,7 +954,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "checked", {
+    Object.defineProperty(XCheckbox.prototype, "checked", {
         get: function () {
             return this.p;
         },
@@ -968,7 +968,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "indeterminate", {
+    Object.defineProperty(XCheckbox.prototype, "indeterminate", {
         get: function () {
             return this.s;
         },
@@ -982,7 +982,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "disabled", {
+    Object.defineProperty(XCheckbox.prototype, "disabled", {
         get: function () {
             return this.q;
         },
@@ -996,7 +996,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Checkbox.prototype, "u", {
+    Object.defineProperty(XCheckbox.prototype, "u", {
         get: function () {
             return this.m;
         },
@@ -1010,16 +1010,16 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Checkbox.prototype.cm = function () {
+    XCheckbox.prototype.cm = function () {
         this.ch();
         if (this.checked) {
-            this.view.ah(BrushUtil.n(this.c5, 0.6), BrushUtil.n(this.c5, 0.1));
+            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c5, 0.1));
         }
         else {
-            this.view.ah(BrushUtil.n(this.c5, 0.6), BrushUtil.n(this.c9, 0.1));
+            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c9, 0.1));
         }
     };
-    Object.defineProperty(Checkbox.prototype, "a", {
+    Object.defineProperty(XCheckbox.prototype, "a", {
         get: function () {
             var a = new AnimationKeyFrameEffectTiming();
             a.g = 300;
@@ -1029,7 +1029,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Checkbox.prototype.ch = function () {
+    XCheckbox.prototype.ch = function () {
         this.view.y();
         var a = false;
         if (this.j == null) {
@@ -1041,7 +1041,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
             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)));
         }
     };
-    Checkbox.prototype.toggle = function () {
+    XCheckbox.prototype.toggle = function () {
         if (this.disabled) {
             return;
         }
@@ -1064,7 +1064,7 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
             this.change(this, b);
         }
     };
-    Checkbox.prototype.cs = function (a) {
+    XCheckbox.prototype.cs = function (a) {
         var _this = this;
         this.ch();
         var b = this.checked;
@@ -1076,13 +1076,13 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
             c = -1;
         }
         if (b) {
-            this.view.ah(BrushUtil.n(this.c5, 0.6), BrushUtil.n(this.c5, 0.1));
+            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c5, 0.1));
         }
         else {
-            this.view.ah(BrushUtil.n(this.c5, 0.6), BrushUtil.n(this.c9, 0.1));
+            this.view.ah(BrushUtil.o(this.c5, 0.6), BrushUtil.o(this.c9, 0.1));
         }
         if (!this.indeterminate) {
-            NativeUI.z(this.view.s, null);
+            NativeUI.ab(this.view.s, null);
         }
         if (this.u || this.indeterminate || a) {
             var d = this.view.r;
@@ -1099,23 +1099,29 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
                     $ret.j = -_this.view.k();
                     return $ret;
                 })()));
-                NativeUI.j(d, this.c5);
-                NativeUI.k(d, this.c6);
-                NativeUI.t(e, 1);
-                NativeUI.x(e, 41);
-                NativeUI.z(e, f);
+                NativeUI.k(d, this.c5);
+                NativeUI.l(d, this.c6);
+                NativeUI.u(e, 1);
+                NativeUI.y(e, 41);
+                NativeUI.ab(e, f);
             }
             else if (b) {
-                NativeUI.j(d, this.c5);
-                NativeUI.k(d, this.c6);
-                NativeUI.t(e, 1);
-                NativeUI.x(e, 0);
+                NativeUI.k(d, this.c5);
+                NativeUI.l(d, this.c6);
+                NativeUI.u(e, 1);
+                NativeUI.y(e, 0);
             }
             else {
-                NativeUI.j(d, this.c8);
-                NativeUI.k(d, this.c9);
-                NativeUI.t(e, 0);
-                NativeUI.x(e, 24);
+                NativeUI.k(d, this.c8);
+                NativeUI.l(d, this.c9);
+                NativeUI.u(e, 0);
+                NativeUI.y(e, 24);
+            }
+            if (this.j.playState == 1) {
+                this.j.cancel();
+            }
+            if (this.k.playState == 1) {
+                this.k.cancel();
             }
             return;
         }
@@ -1148,28 +1154,28 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
             });
         }
     };
-    Checkbox.prototype.onDetachedFromUI = function () {
+    XCheckbox.prototype.onDetachedFromUI = function () {
         this.view.ac();
     };
-    Checkbox.prototype.onAttachedToUI = function () {
+    XCheckbox.prototype.onAttachedToUI = function () {
         this.view.aa();
     };
-    Checkbox.prototype.onContentReady = function () {
+    XCheckbox.prototype.onContentReady = function () {
         if (this.indeterminate) {
             this.cs(false);
         }
     };
-    Checkbox.prototype.aa = function () {
+    XCheckbox.prototype.aa = function () {
         return this.view.i();
     };
-    Checkbox.prototype.a4 = function () {
+    XCheckbox.prototype.a4 = function () {
         return this.e();
     };
-    Checkbox.prototype.bv = function () {
+    XCheckbox.prototype.bv = function () {
         var a = this.e();
         return a.s();
     };
-    Checkbox.prototype.e = function () {
+    XCheckbox.prototype.e = function () {
         var a = new CheckboxVisualModelExport();
         a.f = this.d;
         a.d = AppearanceHelper.a(this.c8);
@@ -1191,30 +1197,30 @@ var Checkbox = /** @class */ /*@__PURE__*/ (function (_super) {
         a.i = this.disabled;
         return a;
     };
-    Checkbox.prototype.provideContainer = function (a) {
+    XCheckbox.prototype.provideContainer = function (a) {
         this.view.ab(a);
     };
-    Checkbox.$t = markType(Checkbox, 'Checkbox', Base.$, [INotifyPropertyChanged_$type]);
-    Checkbox.dn = BrushUtil.g(138, 0, 0, 0);
-    Checkbox.dk = BrushUtil.g(138, 0, 0, 0);
-    Checkbox.as = NaN;
-    Checkbox.dj = BrushUtil.g(255, 228, 28, 119);
-    Checkbox.at = 2;
-    Checkbox.dl = BrushUtil.g(255, 255, 255, 255);
-    Checkbox.au = 3;
-    Checkbox.dm = BrushUtil.g(255, 255, 255, 255);
-    Checkbox.di = BrushUtil.g(255, 153, 153, 153);
-    Checkbox.df = BrushUtil.g(138, 33, 150, 243);
-    Checkbox.ap = NaN;
-    Checkbox.de = BrushUtil.g(255, 33, 150, 243);
-    Checkbox.aq = 2;
-    Checkbox.dg = BrushUtil.g(255, 255, 255, 255);
-    Checkbox.ar = 3;
-    Checkbox.dh = BrushUtil.g(255, 255, 255, 255);
-    Checkbox.c = 2;
-    Checkbox.a2 = 0;
-    Checkbox.a1 = 0;
-    return Checkbox;
+    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.c = 2;
+    XCheckbox.a2 = 0;
+    XCheckbox.a1 = 0;
+    return XCheckbox;
 }(Base));
-export { Checkbox };
+export { XCheckbox };
 //# sourceMappingURL=CheckboxView_combined.js.map