igniteui-angular-inputs 20.1.0 → 20.2.0

package/esm5/lib/CheckboxListVisualModelExport.js

@@ -0,0 +1,45 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+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 { __extends } from "tslib";
+import { Base, enumGetBox, markType } from "igniteui-angular-core";
+import { BaseControlTheme_$type } from "igniteui-angular-core";
+import { StringBuilder } from "igniteui-angular-core";
+/**
+ * @hidden
+ */
+var CheckboxListVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(CheckboxListVisualModelExport, _super);
+    function CheckboxListVisualModelExport() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.f = 0;
+        _this.g = 0;
+        _this.h = 0;
+        _this.e = 0;
+        _this.c = 0;
+        _this.b = null;
+        _this.a = null;
+        _this.d = 0;
+        return _this;
+    }
+    CheckboxListVisualModelExport.prototype.i = function () {
+        var a = new StringBuilder(0);
+        a.l("{");
+        a.l("left : " + this.f + ", ");
+        a.l("top : " + this.g + ", ");
+        a.l("height : " + this.e + ", ");
+        a.l("width : " + this.h + ", ");
+        a.l("baseTheme : " + enumGetBox(BaseControlTheme_$type, this.c) + ", ");
+        a.l("backgroundColor : " + this.b.serialize() + ", ");
+        a.l("actualSelectAllCaptionTextColor : " + this.a.serialize() + ", ");
+        a.l("actualRowHeight : " + this.d);
+        a.l("}");
+        return a.toString();
+    };
+    CheckboxListVisualModelExport.$t = markType(CheckboxListVisualModelExport, 'CheckboxListVisualModelExport');
+    return CheckboxListVisualModelExport;
+}(Base));
+export { CheckboxListVisualModelExport };

package/esm5/lib/CheckboxView_combined.js

@@ -37,30 +37,30 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(CheckboxView, _super);
     function CheckboxView() {
         var _this = _super.call(this) || this;
-        _this.c = null;
-        _this.l = null;
-        _this.f = null;
-        _this.j = new List$1(Delegate_$type, 0);
-        _this.g = true;
-        _this.r = null;
+        _this.d = null;
         _this.m = null;
-        _this.q = null;
+        _this.g = null;
+        _this.k = new List$1(Delegate_$type, 0);
+        _this.h = true;
+        _this.s = null;
         _this.n = null;
+        _this.r = null;
         _this.o = null;
-        _this.d = null;
         _this.p = null;
+        _this.e = null;
+        _this.q = null;
         return _this;
     }
-    CheckboxView.prototype.af = function () {
+    CheckboxView.prototype.ag = function () {
     };
-    CheckboxView.prototype.i = function () {
+    CheckboxView.prototype.j = function () {
         return true;
     };
-    CheckboxView.prototype.ad = function (a) {
+    CheckboxView.prototype.ae = function (a) {
         var e_1, _a;
         if (a == null) {
             try {
-                for (var _b = __values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = __values(fromEnum(this.k)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     b();
                 }
@@ -78,46 +78,46 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
                         throw e_1.error;
                 }
             }
-            this.j.clear();
+            this.k.clear();
             return;
         }
-        this.l = a;
-        this.l.rootWrapper.setStyleProperty("display", "flex");
-        this.l.rootWrapper.setStyleProperty("flex-direction", "row");
-        this.l.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
-        this.l.rootWrapper.setStyleProperty("align-items", "center");
-        var c = this.l.createElement("input");
-        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.aj();
-        this.j.add(c.listen("change", runOn(this, this.x)));
-        this.j.add(c.listen("click", runOn(this, this.y)));
-        this.j.add(c.listen("focus", runOn(this, this.z)));
-        this.j.add(c.listen("blur", runOn(this, this.w)));
-        this.l.append(c);
-        var d = this.l.createElement("div");
+        this.m = a;
+        this.m.rootWrapper.setStyleProperty("display", "flex");
+        this.m.rootWrapper.setStyleProperty("flex-direction", "row");
+        this.m.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
+        this.m.rootWrapper.setStyleProperty("align-items", "center");
+        var c = this.m.createElement("input");
+        this.s = c;
+        this.s.addClass("ig-native-checkbox");
+        this.s.setStyleProperty("position", "absolute");
+        this.s.setStyleProperty("width", "1px");
+        this.s.setStyleProperty("height", "1px");
+        this.s.setStyleProperty("margin", "-1px");
+        this.s.setStyleProperty("border", "none");
+        this.s.setStyleProperty("clip", "rect(0, 0, 0, 0)");
+        this.s.setStyleProperty("outline", "0");
+        this.s.setStyleProperty("pointer-events", "none");
+        this.s.setStyleProperty("overflow", "hidden");
+        this.s.setStyleProperty("-webkit-appearance", "none");
+        this.s.setStyleProperty("-moz-appearance", "none");
+        this.s.setStyleProperty("appearance", "none");
+        this.s.setAttribute("type", "checkbox");
+        this.s.setAttribute("id", this.d.b1);
+        this.ak();
+        this.k.add(c.listen("change", runOn(this, this.y)));
+        this.k.add(c.listen("click", runOn(this, this.z)));
+        this.k.add(c.listen("focus", runOn(this, this.aa)));
+        this.k.add(c.listen("blur", runOn(this, this.x)));
+        this.m.append(c);
+        var d = this.m.createElement("div");
         d.addClass("ig-checkbox-box");
         d.setStyleProperty("width", "1.25em");
         d.setStyleProperty("height", "1.25em");
         d.setStyleProperty("position", "relative");
-        this.m = d;
-        this.l.append(d);
-        var e = this.l.createElement("label");
-        e.setAttribute("for", this.c.b1);
+        this.n = d;
+        this.m.append(d);
+        var e = this.m.createElement("label");
+        e.setAttribute("for", this.d.b1);
         e.addClass("ig-checkbox-composite");
         e.setStyleProperty("box-sizing", "border-box");
         e.setStyleProperty("position", "relative");
@@ -136,9 +136,9 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         e.setStyleProperty("border-radius", "2px");
         e.setStyleProperty("-webkit-tap-highlight-color", "transparent");
         e.setStyleProperty("overflow", "hidden");
-        this.q = e;
-        this.m.append(e);
-        var f = this.l.createElementNS("svg", "http://www.w3.org/2000/svg");
+        this.r = e;
+        this.n.append(e);
+        var f = this.m.createElementNS("svg", "http://www.w3.org/2000/svg");
         f.setAttribute("viewBox", "0 0 24 24");
         f.addClass("ig-checkbox-mark");
         f.setStyleProperty("position", "absolute");
@@ -154,14 +154,14 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         f.setStyleProperty("fill", "none");
         f.setStyleProperty("opacity", "0");
         f.setStyleProperty("z-index", "1");
-        this.o = f;
+        this.p = f;
         e.append(f);
-        var g = this.l.createElementNS("path", "http://www.w3.org/2000/svg");
-        g.setAttribute("d", this.c.bf);
+        var g = this.m.createElementNS("path", "http://www.w3.org/2000/svg");
+        g.setAttribute("d", this.d.bf);
         f.append(g);
-        this.n = g;
-        var h = this.l.createElement("div");
-        var i = this.l.getSubRenderer(h);
+        this.o = g;
+        var h = this.m.createElement("div");
+        var i = this.m.getSubRenderer(h);
         h.setStyleProperty("position", "absolute");
         h.setStyleProperty("width", "3em");
         h.setStyleProperty("height", "3em");
@@ -172,12 +172,12 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         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));
+        var k = this.m.getExternal(j, this.m.rootWrapper, this.m.getExternal(this.d, null, null));
         j.h = true;
         j.k = true;
-        this.d = j;
+        this.e = j;
         d.append(h);
-        var l = this.l.createElement("span");
+        var l = this.m.createElement("span");
         l.addClass("ig-checkbox-label");
         l.setStyleProperty("font-family", "Verdana");
         l.setStyleProperty("font-weight", "400");
@@ -190,125 +190,134 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
         l.setStyleProperty("margin-bottom", "0");
         l.setStyleProperty("cursor", "pointer");
         l.setStyleProperty("role", "label");
-        this.p = l;
-        this.j.add(l.listen("click", runOn(this, this.v)));
-        this.l.append(l);
-        this.l.getPortal(l, "ChildContent", function (m) {
+        this.q = l;
+        this.k.add(l.listen("click", runOn(this, this.w)));
+        this.m.append(l);
+        this.m.getPortal(l, "ChildContent", function (m) {
         }, true);
-        this.c.cp();
+        this.d.cp();
     };
-    CheckboxView.prototype.v = function (a) {
-        this.c.toggle();
+    CheckboxView.prototype.w = function (a) {
+        this.d.toggle();
     };
-    CheckboxView.prototype.aj = function () {
-        if (this.i()) {
-            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());
+    CheckboxView.prototype.ak = function () {
+        if (this.j()) {
+            var a = this.d.b1;
+            this.s.setAttribute("name", this.d.ca);
+            this.s.setProperty("value", this.d.a4);
+            if (this.d.aa) {
+                this.s.setAttribute("tabindex", this.d.az.toString());
             }
-            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.r.setAttribute("aria-checked", "mixed");
+            this.s.setProperty("disabled", this.d.disabled);
+            this.s.setProperty("indeterminate", this.d.indeterminate);
+            this.s.setProperty("checked", this.d.checked);
+            this.s.setProperty("required", this.d.ay);
+            if (this.d.indeterminate) {
+                this.s.setAttribute("aria-checked", "mixed");
             }
             else {
-                this.r.setAttribute("aria-checked", this.c.checked ? "true" : "false");
+                this.s.setAttribute("aria-checked", this.d.checked ? "true" : "false");
             }
-            this.r.setAttribute("aria-labelledby", this.c.bn);
-            this.r.setAttribute("aria-label", this.c.bm);
+            this.s.setAttribute("aria-labelledby", this.d.bn);
+            this.s.setAttribute("aria-label", this.d.bm);
         }
     };
-    CheckboxView.prototype.al = function () {
-        return new Size(1, this.q.width(), this.q.height());
+    CheckboxView.prototype.am = function () {
+        return new Size(1, this.r.width(), this.r.height());
     };
-    CheckboxView.prototype.ai = function () {
-        this.n.setAttribute("d", this.c.bf);
+    CheckboxView.prototype.a = function () {
+        var rect_ = this.r.getNativeElement().getBoundingClientRect();
+        var a = (rect_.top);
+        var b = (rect_.left);
+        var c = new Array(2);
+        c[0] = a;
+        c[1] = b;
+        return c;
     };
-    CheckboxView.prototype.ag = function () {
-        if (this.i()) {
-            var a = this.c.b1;
-            this.r.setAttribute("id", a);
-            this.q.setAttribute("for", a);
+    CheckboxView.prototype.aj = function () {
+        this.o.setAttribute("d", this.d.bf);
+    };
+    CheckboxView.prototype.ah = function () {
+        if (this.j()) {
+            var a = this.d.b1;
+            this.s.setAttribute("id", a);
+            this.r.setAttribute("for", a);
         }
     };
-    CheckboxView.prototype.w = function (a) {
-        this.c.focused = false;
+    CheckboxView.prototype.x = function (a) {
+        this.d.focused = false;
     };
-    CheckboxView.prototype.z = function (a) {
-        this.c.focused = true;
+    CheckboxView.prototype.aa = function (a) {
+        this.d.focused = true;
     };
-    CheckboxView.prototype.y = function (a) {
+    CheckboxView.prototype.z = function (a) {
         a.stopPropagation();
-        if (this.h()) {
-            var native_ = this.r.getNativeElement();
+        if (this.i()) {
+            var native_ = this.s.getNativeElement();
             native_.blur();
         }
-        this.c.toggle();
+        this.d.toggle();
     };
-    CheckboxView.prototype.h = function () {
+    CheckboxView.prototype.i = function () {
         return false;
     };
-    CheckboxView.prototype.x = function (a) {
+    CheckboxView.prototype.y = function (a) {
         a.stopPropagation();
     };
-    CheckboxView.prototype.aa = function () {
+    CheckboxView.prototype.ab = function () {
         if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.l;
+            KeyFrameAnimationFactory.h = this.m;
         }
     };
-    CheckboxView.prototype.a = function (a) {
-        return new AnimationKeyFrameEffect(0, this.q, 0, null, a);
-    };
     CheckboxView.prototype.b = function (a) {
-        return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
+        return new AnimationKeyFrameEffect(0, this.r, 0, null, a);
     };
-    CheckboxView.prototype.ab = function (a) {
+    CheckboxView.prototype.c = function (a) {
+        return new AnimationKeyFrameEffect(0, this.p, 0, null, a);
     };
-    Object.defineProperty(CheckboxView.prototype, "t", {
+    CheckboxView.prototype.ac = function (a) {
+    };
+    Object.defineProperty(CheckboxView.prototype, "u", {
         get: function () {
-            return this.q;
+            return this.r;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxView.prototype, "s", {
+    Object.defineProperty(CheckboxView.prototype, "t", {
         get: function () {
-            return this.q;
+            return this.r;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxView.prototype, "e", {
+    Object.defineProperty(CheckboxView.prototype, "f", {
         get: function () {
-            return this.d;
+            return this.e;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxView.prototype, "u", {
+    Object.defineProperty(CheckboxView.prototype, "v", {
         get: function () {
-            return this.o;
+            return this.p;
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxView.prototype.ac = function () {
-        this.g = true;
-        this.j.add(this.r.listen("change", runOn(this, this.x)));
-        this.j.add(this.r.listen("click", runOn(this, this.y)));
-        this.j.add(this.r.listen("focus", runOn(this, this.z)));
-        this.j.add(this.r.listen("blur", runOn(this, this.w)));
-        this.j.add(this.p.listen("click", runOn(this, this.v)));
+    CheckboxView.prototype.ad = function () {
+        this.h = true;
+        this.k.add(this.s.listen("change", runOn(this, this.y)));
+        this.k.add(this.s.listen("click", runOn(this, this.z)));
+        this.k.add(this.s.listen("focus", runOn(this, this.aa)));
+        this.k.add(this.s.listen("blur", runOn(this, this.x)));
+        this.k.add(this.q.listen("click", runOn(this, this.w)));
     };
-    CheckboxView.prototype.ae = function () {
+    CheckboxView.prototype.af = function () {
         var e_2, _a;
-        this.g = false;
+        this.h = false;
         try {
-            for (var _b = __values(fromEnum(this.j)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(fromEnum(this.k)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
                 a();
             }
@@ -326,21 +335,21 @@ var CheckboxView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.j.clear();
+        this.k.clear();
     };
-    CheckboxView.prototype.ah = function () {
-        var model_ = this.c;
+    CheckboxView.prototype.ai = function () {
+        var model_ = this.d;
         if (model_.externalObject && model_.externalObject.refreshDefaults) {
             model_.externalObject.refreshDefaults();
         }
         ;
     };
-    CheckboxView.prototype.ak = function (a, b) {
-        this.d.ax = a;
-        this.d.aw = b;
+    CheckboxView.prototype.al = function (a, b) {
+        this.e.ax = a;
+        this.e.aw = b;
     };
-    CheckboxView.prototype.k = function () {
-        var a = this.q.getStyleProperty("border-top-width");
+    CheckboxView.prototype.l = function () {
+        var a = this.r.getStyleProperty("border-top-width");
         a = stringReplace(a, "px", "");
         return parseFloat(a);
     };
@@ -409,9 +418,9 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.ba = _this.a8 + "-label";
         _this.a7 = _this.ba;
         var a = new CheckboxView();
-        a.c = _this;
+        a.d = _this;
         _this.view = a;
-        _this.view.af();
+        _this.view.ag();
         return _this;
     }
     Object.defineProperty(XCheckbox.prototype, "view", {
@@ -515,7 +524,7 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.ct();
                 break;
             case "ActualCheckPath":
-                this.view.ai();
+                this.view.aj();
                 break;
             case "IsChecked":
                 if (!this.s) {
@@ -535,16 +544,16 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "DisableRipple":
-                this.view.e.i = this.y;
+                this.view.f.i = this.y;
                 break;
             case "InputId":
-                this.view.ag();
+                this.view.ah();
                 break;
         }
     };
     XCheckbox.prototype.ct = function () {
-        var a = this.view.t;
-        var b = this.view.s;
+        var a = this.view.u;
+        var b = this.view.t;
         if (a == null || b == null) {
             return;
         }
@@ -563,7 +572,7 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XCheckbox.prototype.cw = function () {
-        var a = this.view.u;
+        var a = this.view.v;
         if (a == null) {
             return;
         }
@@ -1054,10 +1063,10 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
     XCheckbox.prototype.cp = function () {
         this.ck();
         if (this.checked) {
-            this.view.ak(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.c8, 0.1));
+            this.view.al(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.c8, 0.1));
         }
         else {
-            this.view.ak(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.dc, 0.1));
+            this.view.al(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.dc, 0.1));
         }
     };
     Object.defineProperty(XCheckbox.prototype, "a", {
@@ -1071,15 +1080,15 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     XCheckbox.prototype.ck = function () {
-        this.view.aa();
+        this.view.ab();
         var a = false;
         if (this.o == null) {
             if (!a) {
                 a = true;
-                this.view.ah();
+                this.view.ai();
             }
-            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)));
+            this.o = KeyFrameAnimationFactory.f.c(this.view.b(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.c(this.a).m(new AnimationKeyFrameProperty(19, 24), new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(19, 0), new AnimationKeyFrameProperty(1, 1)));
         }
     };
     XCheckbox.prototype.toggle = function () {
@@ -1117,21 +1126,21 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
             c = -1;
         }
         if (b) {
-            this.view.ak(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.c8, 0.1));
+            this.view.al(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.c8, 0.1));
         }
         else {
-            this.view.ak(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.dc, 0.1));
+            this.view.al(BrushUtil.s(this.c8, 0.6), BrushUtil.s(this.dc, 0.1));
         }
         if (!this.indeterminate) {
-            NativeUI.af(this.view.u, null);
+            NativeUI.af(this.view.v, null);
         }
         if (this.z || this.indeterminate || a) {
-            var d = this.view.t;
-            var e = this.view.s;
-            var f = this.view.u;
+            var d = this.view.u;
+            var e = this.view.t;
+            var f = this.view.v;
             if (this.indeterminate) {
                 var g = new TransformGroup();
-                var h = this.view.al();
+                var h = this.view.am();
                 g.j.add(((function () {
                     var $ret = new RotateTransform();
                     $ret.j = 45;
@@ -1139,7 +1148,7 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
                 })()));
                 g.j.add(((function () {
                     var $ret = new TranslateTransform();
-                    $ret.j = -_this.view.k();
+                    $ret.j = -_this.view.l();
                     return $ret;
                 })()));
                 NativeUI.m(d, this.c8);
@@ -1198,10 +1207,10 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XCheckbox.prototype.onDetachedFromUI = function () {
-        this.view.ae();
+        this.view.af();
     };
     XCheckbox.prototype.onAttachedToUI = function () {
-        this.view.ac();
+        this.view.ad();
     };
     XCheckbox.prototype.onContentReady = function () {
         if (this.indeterminate) {
@@ -1209,17 +1218,23 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XCheckbox.prototype.af = function () {
-        return this.view.i();
+        return this.view.j();
     };
     XCheckbox.prototype.a3 = function () {
         return this.b();
     };
     XCheckbox.prototype.by = function () {
         var a = this.b();
-        return a.s();
+        return a.w();
     };
     XCheckbox.prototype.b = function () {
         var a = new CheckboxVisualModelExport();
+        var b = this.view.am();
+        var c = this.view.a();
+        a.u = b.width;
+        a.q = b.height;
+        a.t = c[0];
+        a.r = c[1];
         a.f = this.n;
         a.d = AppearanceHelper.a(this.db);
         a.c = AppearanceHelper.a(this.da);
@@ -1228,11 +1243,11 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         a.o = this.aq;
         a.l = this.an;
         a.p = this.ar;
-        a.q = this.av;
+        a.s = this.av;
         a.n = this.ap;
         a.m = this.ao;
         a.a = AppearanceHelper.a(this.c8);
-        a.r = this.a4;
+        a.v = this.a4;
         a.j = this.focused;
         a.g = this.y;
         a.h = this.checked;
@@ -1241,7 +1256,7 @@ var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
         return a;
     };
     XCheckbox.prototype.provideContainer = function (a) {
-        this.view.ad(a);
+        this.view.ae(a);
     };
     XCheckbox.$t = markType(XCheckbox, 'XCheckbox', Base.$, [INotifyPropertyChanged_$type]);
     XCheckbox.g = ThemeResolver.a(((function () {