igniteui-angular-inputs 20.1.0 → 20.2.0-beta.0

package/esm2015/lib/CheckboxListVisualModelExport.js

@@ -0,0 +1,43 @@
+/*
+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 { Base, enumGetBox, markType } from "igniteui-angular-core";
+import { BaseControlTheme_$type } from "igniteui-angular-core";
+import { StringBuilder } from "igniteui-angular-core";
+/**
+ * @hidden
+ */
+export let CheckboxListVisualModelExport = /*@__PURE__*/ (() => {
+    class CheckboxListVisualModelExport extends Base {
+        constructor() {
+            super(...arguments);
+            this.f = 0;
+            this.g = 0;
+            this.h = 0;
+            this.e = 0;
+            this.c = 0;
+            this.b = null;
+            this.a = null;
+            this.d = 0;
+        }
+        i() {
+            let 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;
+})();

package/esm2015/lib/CheckboxView_combined.js

@@ -36,69 +36,69 @@ export let CheckboxView = /*@__PURE__*/ (() => {
     class CheckboxView extends Base {
         constructor() {
             super();
-            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;
         }
-        af() {
+        ag() {
         }
-        i() {
+        j() {
             return true;
         }
-        ad(a) {
+        ae(a) {
             if (a == null) {
-                for (let b of fromEnum(this.j)) {
+                for (let b of fromEnum(this.k)) {
                     b();
                 }
-                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");
-            let 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);
-            let 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");
+            let 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);
+            let 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);
-            let e = this.l.createElement("label");
-            e.setAttribute("for", this.c.b1);
+            this.n = d;
+            this.m.append(d);
+            let 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");
@@ -117,9 +117,9 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             e.setStyleProperty("border-radius", "2px");
             e.setStyleProperty("-webkit-tap-highlight-color", "transparent");
             e.setStyleProperty("overflow", "hidden");
-            this.q = e;
-            this.m.append(e);
-            let f = this.l.createElementNS("svg", "http://www.w3.org/2000/svg");
+            this.r = e;
+            this.n.append(e);
+            let 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");
@@ -135,14 +135,14 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             f.setStyleProperty("fill", "none");
             f.setStyleProperty("opacity", "0");
             f.setStyleProperty("z-index", "1");
-            this.o = f;
+            this.p = f;
             e.append(f);
-            let g = this.l.createElementNS("path", "http://www.w3.org/2000/svg");
-            g.setAttribute("d", this.c.bf);
+            let g = this.m.createElementNS("path", "http://www.w3.org/2000/svg");
+            g.setAttribute("d", this.d.bf);
             f.append(g);
-            this.n = g;
-            let h = this.l.createElement("div");
-            let i = this.l.getSubRenderer(h);
+            this.o = g;
+            let h = this.m.createElement("div");
+            let i = this.m.getSubRenderer(h);
             h.setStyleProperty("position", "absolute");
             h.setStyleProperty("width", "3em");
             h.setStyleProperty("height", "3em");
@@ -153,12 +153,12 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             let j = new XRipple();
             j.provideContainer(i);
             j.q = d;
-            let k = this.l.getExternal(j, this.l.rootWrapper, this.l.getExternal(this.c, null, null));
+            let 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);
-            let l = this.l.createElement("span");
+            let l = this.m.createElement("span");
             l.addClass("ig-checkbox-label");
             l.setStyleProperty("font-family", "Verdana");
             l.setStyleProperty("font-weight", "400");
@@ -171,124 +171,133 @@ export let CheckboxView = /*@__PURE__*/ (() => {
             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", (m) => {
+            this.q = l;
+            this.k.add(l.listen("click", runOn(this, this.w)));
+            this.m.append(l);
+            this.m.getPortal(l, "ChildContent", (m) => {
             }, true);
-            this.c.cp();
+            this.d.cp();
         }
-        v(a) {
-            this.c.toggle();
-        }
-        aj() {
-            if (this.i()) {
-                let 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());
+        w(a) {
+            this.d.toggle();
+        }
+        ak() {
+            if (this.j()) {
+                let 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);
             }
         }
-        al() {
-            return new Size(1, this.q.width(), this.q.height());
+        am() {
+            return new Size(1, this.r.width(), this.r.height());
         }
-        ai() {
-            this.n.setAttribute("d", this.c.bf);
+        a() {
+            let rect_ = this.r.getNativeElement().getBoundingClientRect();
+            let a = (rect_.top);
+            let b = (rect_.left);
+            let c = new Array(2);
+            c[0] = a;
+            c[1] = b;
+            return c;
         }
-        ag() {
-            if (this.i()) {
-                let a = this.c.b1;
-                this.r.setAttribute("id", a);
-                this.q.setAttribute("for", a);
+        aj() {
+            this.o.setAttribute("d", this.d.bf);
+        }
+        ah() {
+            if (this.j()) {
+                let a = this.d.b1;
+                this.s.setAttribute("id", a);
+                this.r.setAttribute("for", a);
             }
         }
-        w(a) {
-            this.c.focused = false;
+        x(a) {
+            this.d.focused = false;
         }
-        z(a) {
-            this.c.focused = true;
+        aa(a) {
+            this.d.focused = true;
         }
-        y(a) {
+        z(a) {
             a.stopPropagation();
-            if (this.h()) {
-                let native_ = this.r.getNativeElement();
+            if (this.i()) {
+                let native_ = this.s.getNativeElement();
                 native_.blur();
             }
-            this.c.toggle();
+            this.d.toggle();
         }
-        h() {
+        i() {
             return false;
         }
-        x(a) {
+        y(a) {
             a.stopPropagation();
         }
-        aa() {
+        ab() {
             if (KeyFrameAnimationFactory.h == null) {
-                KeyFrameAnimationFactory.h = this.l;
+                KeyFrameAnimationFactory.h = this.m;
             }
         }
-        a(a) {
-            return new AnimationKeyFrameEffect(0, this.q, 0, null, a);
-        }
         b(a) {
-            return new AnimationKeyFrameEffect(0, this.o, 0, null, a);
+            return new AnimationKeyFrameEffect(0, this.r, 0, null, a);
         }
-        ab(a) {
+        c(a) {
+            return new AnimationKeyFrameEffect(0, this.p, 0, null, a);
+        }
+        ac(a) {
+        }
+        get u() {
+            return this.r;
         }
         get t() {
-            return this.q;
+            return this.r;
         }
-        get s() {
-            return this.q;
+        get f() {
+            return this.e;
         }
-        get e() {
-            return this.d;
+        get v() {
+            return this.p;
         }
-        get u() {
-            return this.o;
-        }
-        ac() {
-            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)));
-        }
-        ae() {
-            this.g = false;
-            for (let a of fromEnum(this.j)) {
+        ad() {
+            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)));
+        }
+        af() {
+            this.h = false;
+            for (let a of fromEnum(this.k)) {
                 a();
             }
-            this.j.clear();
+            this.k.clear();
         }
-        ah() {
-            let model_ = this.c;
+        ai() {
+            let model_ = this.d;
             if (model_.externalObject && model_.externalObject.refreshDefaults) {
                 model_.externalObject.refreshDefaults();
             }
             ;
         }
-        ak(a, b) {
-            this.d.ax = a;
-            this.d.aw = b;
+        al(a, b) {
+            this.e.ax = a;
+            this.e.aw = b;
         }
-        k() {
-            let a = this.q.getStyleProperty("border-top-width");
+        l() {
+            let a = this.r.getStyleProperty("border-top-width");
             a = stringReplace(a, "px", "");
             return parseFloat(a);
         }
@@ -357,9 +366,9 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             this.ba = this.a8 + "-label";
             this.a7 = this.ba;
             let a = new CheckboxView();
-            a.c = this;
+            a.d = this;
             this.view = a;
-            this.view.af();
+            this.view.ag();
         }
         get view() {
             return this._view;
@@ -454,7 +463,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     this.ct();
                     break;
                 case "ActualCheckPath":
-                    this.view.ai();
+                    this.view.aj();
                     break;
                 case "IsChecked":
                     if (!this.s) {
@@ -474,16 +483,16 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     }
                     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;
             }
         }
         ct() {
-            let a = this.view.t;
-            let b = this.view.s;
+            let a = this.view.u;
+            let b = this.view.t;
             if (a == null || b == null) {
                 return;
             }
@@ -502,7 +511,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
         }
         cw() {
-            let a = this.view.u;
+            let a = this.view.v;
             if (a == null) {
                 return;
             }
@@ -857,10 +866,10 @@ export let XCheckbox = /*@__PURE__*/ (() => {
         cp() {
             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));
             }
         }
         get a() {
@@ -870,15 +879,15 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             return a;
         }
         ck() {
-            this.view.aa();
+            this.view.ab();
             let 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)));
             }
         }
         toggle() {
@@ -915,21 +924,21 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                 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) {
-                let d = this.view.t;
-                let e = this.view.s;
-                let f = this.view.u;
+                let d = this.view.u;
+                let e = this.view.t;
+                let f = this.view.v;
                 if (this.indeterminate) {
                     let g = new TransformGroup();
-                    let h = this.view.al();
+                    let h = this.view.am();
                     g.j.add(((() => {
                         let $ret = new RotateTransform();
                         $ret.j = 45;
@@ -937,7 +946,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
                     })()));
                     g.j.add(((() => {
                         let $ret = new TranslateTransform();
-                        $ret.j = -this.view.k();
+                        $ret.j = -this.view.l();
                         return $ret;
                     })()));
                     NativeUI.m(d, this.c8);
@@ -996,10 +1005,10 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
         }
         onDetachedFromUI() {
-            this.view.ae();
+            this.view.af();
         }
         onAttachedToUI() {
-            this.view.ac();
+            this.view.ad();
         }
         onContentReady() {
             if (this.indeterminate) {
@@ -1007,17 +1016,23 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             }
         }
         af() {
-            return this.view.i();
+            return this.view.j();
         }
         a3() {
             return this.b();
         }
         by() {
             let a = this.b();
-            return a.s();
+            return a.w();
         }
         b() {
             let a = new CheckboxVisualModelExport();
+            let b = this.view.am();
+            let 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);
@@ -1026,11 +1041,11 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             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;
@@ -1039,7 +1054,7 @@ export let XCheckbox = /*@__PURE__*/ (() => {
             return a;
         }
         provideContainer(a) {
-            this.view.ad(a);
+            this.view.ae(a);
         }
     }
     XCheckbox.$t = markType(XCheckbox, 'XCheckbox', Base.$, [INotifyPropertyChanged_$type]);

package/esm2015/lib/CheckboxVisualModelExport.js

@@ -13,6 +13,10 @@ export let CheckboxVisualModelExport = /*@__PURE__*/ (() => {
     class CheckboxVisualModelExport extends Base {
         constructor() {
             super(...arguments);
+            this.r = 0;
+            this.t = 0;
+            this.u = 0;
+            this.q = 0;
             this.f = 0;
             this.d = null;
             this.c = null;
@@ -21,20 +25,24 @@ export let CheckboxVisualModelExport = /*@__PURE__*/ (() => {
             this.o = 0;
             this.l = 0;
             this.p = 0;
-            this.q = 0;
+            this.s = 0;
             this.n = 0;
             this.m = 0;
             this.a = null;
-            this.r = null;
+            this.v = null;
             this.j = false;
             this.g = false;
             this.h = false;
             this.k = false;
             this.i = false;
         }
-        s() {
+        w() {
             let a = new StringBuilder(0);
             a.l("{");
+            a.l("left : " + this.r + ", ");
+            a.l("top : " + this.t + ", ");
+            a.l("height : " + this.q + ", ");
+            a.l("width : " + this.u + ", ");
             a.l("baseTheme : " + this.f + ", ");
             a.l("actualUncheckedBackgroundColor : " + this.d.serialize() + ", ");
             a.l("actualTickColor : " + this.c + ", ");
@@ -42,11 +50,11 @@ export let CheckboxVisualModelExport = /*@__PURE__*/ (() => {
             a.l("actualCheckedBorderColor : " + this.b.serialize() + ", ");
             a.l("borderWidth : " + this.o + ", ");
             a.l("actualBorderWidth : " + this.l + ", ");
-            a.l("tickStrokeWidth : " + this.q + ", ");
+            a.l("tickStrokeWidth : " + this.s + ", ");
             a.l("actualTickStrokeWidth : " + this.n + ", ");
             a.l("actualCheckedBackgroundColor : " + this.a.serialize() + ", ");
-            if (this.r != null) {
-                a.l("value : \"" + this.r.toString() + "\", ");
+            if (this.v != null) {
+                a.l("value : \"" + this.v.toString() + "\", ");
             }
             a.l("isFocused : " + this.j + ", ");
             a.l("disableRipple : " + this.g + ", ");