igniteui-webcomponents-grids 4.0.4 → 4.2.2

package/bundles/igniteui-webcomponents-grids.umd.js

@@ -48727,13 +48727,13 @@
                     af.s.modelUpdated(af);
                     if (ai && y.b) {
                         var aq = y.a;
-                        aq.z();
+                        aq.aa();
                         if (af.l.d != 0 && this.e.b2) {
-                            aq.ae(this.ax(af.l.d));
+                            aq.af(this.ax(af.l.d));
                         }
                         var ar = af.s.nativeCell;
                         ar.b3(aq, y.c, y.d, af.cl, af.cm, z);
-                        aq.y();
+                        aq.z();
                     }
                     af.jv();
                     if (m) {
@@ -48748,7 +48748,7 @@
             }
             this.m = false;
             if (y.a != null && this.q != 1) {
-                y.a.y();
+                y.a.z();
             }
             this.an();
         };
@@ -48929,7 +48929,7 @@
                 if (f) {
                     this.a[b].setRawStyleProperty("z-index", e.toString());
                 }
-                a.a.k(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
+                a.a.l(0, 0, d.actualVisibleRegion.width, d.actualVisibleRegion.height);
                 this.a[b].setRawPosition(a.c, a.d);
             }
         };
@@ -49478,7 +49478,7 @@
         };
         Object.defineProperty(CanvasGridCellBase.prototype, "templateContext", {
             get: function () {
-                return this.j.g();
+                return this.j.h();
             },
             enumerable: true,
             configurable: true
@@ -49631,7 +49631,7 @@
                 return;
             }
             if (this.bz != 1) {
-                a.ad(this.bz);
+                a.ae(this.bz);
             }
             var j = this.j;
             if (!this.v) {
@@ -49647,17 +49647,17 @@
                 if (this.p || this.u || (this.i != null && this.i.g != this.br)) {
                     this.p = false;
                     this.br = this.i.g;
-                    j.ac(this.i);
+                    j.ad(this.i);
                 }
                 if (f != 1) {
-                    j.z();
-                    j.aa(f, f);
+                    j.aa();
+                    j.ab(f, f);
                 }
                 if (!this.v) {
-                    j.z();
+                    j.aa();
                     var k = Math.round((d - b));
                     var l = Math.round((e - c));
-                    j.af(k, l);
+                    j.ag(k, l);
                 }
                 if (g) {
                     this.b8(j);
@@ -49666,24 +49666,24 @@
                     this.b9(j);
                 }
                 if (!this.v) {
-                    j.y();
+                    j.z();
                 }
                 if (f != 1) {
-                    j.y();
+                    j.z();
                 }
             }
             if (!i && this.v) {
                 var m = Math.round((d - b) * f);
                 var n = Math.round((e - c) * f);
                 if (this.am == this.ao && this.al == this.an) {
-                    a.m(this.bu(), 1, m, n, this.am, this.al);
+                    a.n(this.bu(), 1, m, n, this.am, this.al);
                 }
                 else {
-                    a.n(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
+                    a.o(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
                 }
             }
             if (this.bz != 1) {
-                a.ad(1);
+                a.ae(1);
             }
         };
         CanvasGridCellBase.prototype.bu = function () {
@@ -49691,13 +49691,13 @@
         };
         CanvasGridCellBase.prototype.b8 = function (a) {
             if (!this.m) {
-                a.k(0, 0, this.ao, this.an);
+                a.l(0, 0, this.ao, this.an);
             }
             this.c6.n = 0;
             this.c6.o = 0;
             this.c6.width = this.a5;
             this.c6.height = this.as;
-            a.v(this.c6);
+            a.w(this.c6);
             if (this.cy != null) {
                 if (this.ai > 0) {
                     this.c2.am = 0;
@@ -49706,7 +49706,7 @@
                     this.c2.al = this.ai / 2;
                     this.c2._stroke = this.cy;
                     this.c2.ac = this.ai;
-                    a.r(this.c2);
+                    a.s(this.c2);
                 }
                 if (this.aj > 0) {
                     this.c3.am = 0;
@@ -49715,7 +49715,7 @@
                     this.c3.al = Math.max(0, (this.a5 - (this.aj / 2)));
                     this.c3._stroke = this.cy;
                     this.c3.ac = this.aj;
-                    a.r(this.c3);
+                    a.s(this.c3);
                 }
                 if (this.ak > 0) {
                     this.c5.am = this.ak / 2;
@@ -49724,7 +49724,7 @@
                     this.c5.al = Math.max(0, (this.a5 - (this.aj / 2)));
                     this.c5._stroke = this.cy;
                     this.c5.ac = this.ak;
-                    a.r(this.c5);
+                    a.s(this.c5);
                 }
                 if (this.ah > 0) {
                     this.c1.am = Math.max(0, this.as - (this.ah / 2));
@@ -49733,7 +49733,7 @@
                     this.c1.al = Math.max(0, (this.a5 - (this.aj / 2)));
                     this.c1._stroke = this.cy;
                     this.c1.ac = this.ah;
-                    a.r(this.c1);
+                    a.s(this.c1);
                 }
             }
         };
@@ -49754,7 +49754,7 @@
             if (this.cx.al != null) {
                 this.cx.n = this.a0;
                 this.cx.o = this.a3;
-                a.w(this.cx);
+                a.x(this.cx);
                 if (this.r) {
                     this.c4.ac = 1;
                     this.c4.ak = this.a0;
@@ -49762,7 +49762,7 @@
                     this.c4.al = this.a0 + (this.a2 - this.a0);
                     this.c4.an = this.a4 - 2;
                     this.c4._stroke = this.cx.ao;
-                    this.j.r(this.c4);
+                    this.j.s(this.c4);
                 }
             }
         };
@@ -49996,7 +49996,7 @@
             if (this.p || (this.i != null && this.i.g != this.br)) {
                 this.p = false;
                 this.br = this.i.g;
-                a.ac(this.i);
+                a.ad(this.i);
             }
             var b;
             if (this.h != this.i || this.bt != this.i.g) {
@@ -50053,13 +50053,13 @@
             var f = e.length;
             var g = ("\u2026");
             if (igniteuiWebcomponentsCore.isNaN_(this.ap)) {
-                this.ap = d.f(g);
+                this.ap = d.g(g);
             }
             if (c <= this.ap) {
                 a.al = g;
                 return this.ap;
             }
-            var h = d.f(e);
+            var h = d.g(e);
             if (h <= c) {
                 a.al = b;
                 return h;
@@ -50067,14 +50067,14 @@
             var i = c / h;
             var j = igniteuiWebcomponentsCore.truncate(Math.ceil(f * i));
             var k = e.substr(0, j) + g;
-            var l = d.f(k);
+            var l = d.g(k);
             if (l > c) {
                 f = j;
             }
             else {
                 j = j + 1;
                 k = e.substr(0, j) + g;
-                l = d.f(k);
+                l = d.g(k);
                 if (l > c) {
                     f = j;
                 }
@@ -50082,7 +50082,7 @@
             while (h > c && f > 0) {
                 f--;
                 e = e.substr(0, f) + g;
-                h = d.f(e);
+                h = d.g(e);
             }
             a.al = e;
             return h;
@@ -50640,24 +50640,24 @@
                 this.e = igniteuiWebcomponentsCore.truncate(Math.round(b));
             }
             if (this.c.d && this.g != 1) {
-                this.c.z();
-                this.c.aa(this.g, this.g);
+                this.c.aa();
+                this.c.ab(this.g, this.g);
             }
-            this.c.k(0, 0, this.k, this.j);
-            this.c.z();
-            this.c.aa(this.a.v(), this.a.v());
+            this.c.l(0, 0, this.k, this.j);
+            this.c.aa();
+            this.c.ab(this.a.v(), this.a.v());
             for (var c = 0; c < this.d.count; c++) {
-                this.c.j(this.d._inner[c].j);
+                this.c.k(this.d._inner[c].j);
                 var d = this.y();
                 if (this.a.a0 != null) {
                     d = this.a.a0;
                 }
                 this.d._inner[c]._stroke = d;
-                this.c.s(this.d._inner[c]);
+                this.c.t(this.d._inner[c]);
             }
-            this.c.y();
+            this.c.z();
             if (this.c.d && this.g != 1) {
-                this.c.y();
+                this.c.z();
             }
             this.a.at();
         };
@@ -51236,7 +51236,7 @@
             if (this.d == 2) {
                 b = this.bg - 21;
             }
-            a.m(this.c9, 1, b, this.bj - 8, 16, 16);
+            a.n(this.c9, 1, b, this.bj - 8, 16, 16);
         };
         CanvasTextHeaderCell.prototype.get_ab = function () {
             return true;
@@ -51896,7 +51896,7 @@
             if (this.c8 || (this.c7 != null && this.c7.g != this.de)) {
                 this.c8 = false;
                 this.de = this.c7.g;
-                a.ac(this.c7);
+                a.ad(this.c7);
                 this.da = igniteuiWebcomponentsCore.FontUtil.getCurrentFontHeight(this.bn, this.c7);
             }
             var b = this.bl;
@@ -51917,7 +51917,7 @@
                 }
                 this.dk.n = this.db;
                 this.dk.o = this.dc;
-                a.w(this.dk);
+                a.x(this.dk);
             }
             _super.prototype.b9.call(this, a);
         };
@@ -52115,23 +52115,23 @@
                 this.d = igniteuiWebcomponentsCore.truncate(Math.round(d));
             }
             if (this.b.d && this.f != 1) {
-                this.b.z();
-                this.b.aa(this.f, this.f);
+                this.b.aa();
+                this.b.ab(this.f, this.f);
             }
-            this.b.k(0, 0, this.j, this.g);
-            this.b.z();
+            this.b.l(0, 0, this.j, this.g);
+            this.b.aa();
             for (var e = 0; e < this.c.count; e++) {
-                this.b.j(this.c._inner[e].j);
+                this.b.k(this.c._inner[e].j);
                 var f = this.s();
                 if (this.a.ae != null) {
                     f = this.a.ae;
                 }
                 this.c._inner[e]._stroke = f;
-                this.b.s(this.c._inner[e]);
+                this.b.t(this.c._inner[e]);
             }
-            this.b.y();
+            this.b.z();
             if (this.b.d && this.f != 1) {
-                this.b.y();
+                this.b.z();
             }
         };
         GridExpansionIndicatorView.$t = igniteuiWebcomponentsCore.markType(GridExpansionIndicatorView, 'GridExpansionIndicatorView');
@@ -53347,7 +53347,7 @@
             var h = a.getSubRenderer(g);
             _this.v = new igniteuiWebcomponentsInputs.XInput();
             _this.v.provideContainer(h);
-            _this.v.b3 = "text";
+            _this.v.b6 = "text";
             _this.v.disabled = !_this.isEnabled;
             var i = e.getExternal(_this.v, h.rootWrapper, null);
             _this.w.appendContentChild(g);
@@ -53356,7 +53356,7 @@
         }
         TextEditorView.prototype.setFont = function (a) {
             if (this.v != null) {
-                this.v.ad = a;
+                this.v.af = a;
             }
         };
         TextEditorView.prototype.attachEvents = function () {
@@ -53404,7 +53404,7 @@
             if (this.a.isEditRefocusDesired) {
                 var a = this.h.rootWrapper.getNativeElement();
                 if (a == document.activeElement || a.contains(document.activeElement)) {
-                    this.v.cm();
+                    this.v.cp();
                     this.focus();
                 }
             }
@@ -53413,8 +53413,8 @@
             var _this = this;
             if (this.v != null) {
                 this.v.focus(true);
-                if (this.v.b3 != "date") {
-                    window.setTimeout(function () { return _this.v.dg(); }, 0);
+                if (this.v.b6 != "date") {
+                    window.setTimeout(function () { return _this.v.dj(); }, 0);
                 }
             }
         };
@@ -53422,14 +53422,14 @@
             if (this.v != null) {
                 if (this.value != null) {
                     this.x = null;
-                    this.v.cj = null;
-                    this.v.cj = this.value.toString();
+                    this.v.cm = null;
+                    this.v.cm = this.value.toString();
                     if (this.focusOnValueChanged) {
                         this.r();
                     }
                 }
                 else {
-                    this.v.cj = null;
+                    this.v.cm = null;
                 }
             }
         };
@@ -53464,13 +53464,13 @@
         };
         TextEditorView.prototype.getEditorValue = function () {
             if (this.v != null) {
-                return this.v.cj;
+                return this.v.cm;
             }
             return null;
         };
         TextEditorView.prototype.setEditorValue = function (a) {
             if (this.v != null) {
-                this.v.cj = a;
+                this.v.cm = a;
             }
         };
         TextEditorView.$t = igniteuiWebcomponentsCore.markType(TextEditorView, 'TextEditorView', BaseEditorView.$);
@@ -53490,15 +53490,15 @@
         tslib_1.__extends(NumericEditorView, _super);
         function NumericEditorView(a, b, c) {
             var _this = _super.call(this, a, b, c) || this;
-            _this.v.b3 = "number";
+            _this.v.b6 = "number";
             return _this;
         }
         NumericEditorView.prototype.getEditorValue = function () {
-            if (this.v == null || this.v.cj == null) {
+            if (this.v == null || this.v.cm == null) {
                 return null;
             }
             var a = NaN;
-            var b = igniteuiWebcomponentsCore.tryParseNumber(this.v.cj, a);
+            var b = igniteuiWebcomponentsCore.tryParseNumber(this.v.cm, a);
             a = b.p1;
             return a;
         };
@@ -54161,7 +54161,7 @@
             if (this.dc == null) {
                 this.dc = this.ab.createElement("div");
                 var b = this.ab.getSubRenderer(this.dc);
-                this.cx = new igniteuiWebcomponentsLayouts.Popup();
+                this.cx = new igniteuiWebcomponentsCore.Popup();
                 this.cx.provideRenderer(b);
                 this.de = this.ab.createElement("div");
                 this.de.setStyleProperty("background-color", "rgba(0,0,0,0.7)");
@@ -54882,7 +54882,7 @@
             var e = this.a;
             e.closing = igniteuiWebcomponentsCore.delegateCombine(e.closing, igniteuiWebcomponentsCore.runOn(this, this.n));
             this.g = a;
-            this.d = new igniteuiWebcomponentsLayouts.Popup();
+            this.d = new igniteuiWebcomponentsCore.Popup();
             this.d.provideRenderer(this.g);
             this.i = this.g.createElement("div");
             this.i.setStyleProperty("background-color", "rgba(255,255,255,1)");
@@ -56046,7 +56046,7 @@
         FilterCell.prototype.d3 = function (a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
-                this.cw.x = a ? 1 : 0.3;
+                this.cw.z = a ? 1 : 0.3;
             }
         };
         FilterCell.prototype.dh = function (a) {
@@ -57126,13 +57126,13 @@
             this.z();
             this.ad._fill = this.b.bq != null ? this.b.bq : GridStyleRepository.az;
             if (this.d.d && this.h != 1) {
-                this.d.z();
-                this.d.aa(this.h, this.h);
+                this.d.aa();
+                this.d.ab(this.h, this.h);
             }
-            this.d.k(0, 0, this.l, this.k);
-            this.d.s(this.ad);
+            this.d.l(0, 0, this.l, this.k);
+            this.d.t(this.ad);
             if (this.d.d && this.h != 1) {
-                this.d.y();
+                this.d.z();
             }
             this.b.bc();
         };
@@ -63596,7 +63596,7 @@
             }
             var j = this.d.j;
             for (var k = 0; k < j.count; k++) {
-                var l = this.q._inner[k].ac();
+                var l = this.q._inner[k].ae();
                 var m = this.d.b(j._inner[k]);
                 l.h = m[0] - d;
                 l.f = m[1] - e;
@@ -70267,43 +70267,44 @@
         tslib_1.__extends(CheckboxListView, _super);
         function CheckboxListView() {
             var _this = _super.call(this) || this;
-            _this.d = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.DomWrapper_$type, igniteuiWebcomponentsInputs.XCheckbox.$, 0);
-            _this.i = null;
+            _this.e = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.DomWrapper_$type, igniteuiWebcomponentsInputs.XCheckbox.$, 0);
+            _this.j = null;
             _this.a = null;
+            _this.i = null;
             _this.h = null;
-            _this.g = null;
+            _this.c = null;
             _this.b = null;
-            _this.e = null;
-            _this.c = false;
             _this.f = null;
+            _this.d = false;
+            _this.g = null;
             return _this;
         }
-        CheckboxListView.prototype.m = function () {
+        CheckboxListView.prototype.n = function () {
         };
-        CheckboxListView.prototype.l = function (a) {
+        CheckboxListView.prototype.m = function (a) {
             if (a == null) {
-                this.e = null;
-                this.d.clear();
+                this.f = null;
+                this.e.clear();
                 return;
             }
-            this.e = a;
-            this.u();
-            this.aa();
-            this.ad();
-            this.r();
+            this.f = a;
+            this.v();
+            this.ae();
+            this.ah();
+            this.s();
             var b = Math.round(a.rootWrapper.width());
             var c = Math.round(a.rootWrapper.height());
-            this.e.rootWrapper.setStyleProperty("position", "relative");
-            this.e.rootWrapper.setStyleProperty("padding-bottom", "4px");
+            this.f.rootWrapper.setStyleProperty("position", "relative");
+            this.f.rootWrapper.setStyleProperty("padding-bottom", "4px");
         };
-        CheckboxListView.prototype.u = function () {
-            if (this.e != null) {
-                this.v(this.e);
+        CheckboxListView.prototype.v = function () {
+            if (this.f != null) {
+                this.w(this.f);
             }
         };
-        CheckboxListView.prototype.v = function (a) {
+        CheckboxListView.prototype.w = function (a) {
             var b = a.rootWrapper.getChildAt(0);
-            this.g = b;
+            this.h = b;
             this.b.r = new igniteuiWebcomponentsInputs.XInputGroup();
             var c = a.getSubRenderer(b);
             this.b.r.provideContainer(c);
@@ -70318,56 +70319,56 @@
             var h = f.getExternal(g, f.rootWrapper, f.getExternal(this.b, null, null));
             var i = a.createElement("div");
             var j = a.getSubRenderer(i);
-            var k = new igniteuiWebcomponentsInputs.XIcon();
-            k.provideContainer(j);
-            k.fill = CheckboxList.c1;
-            k.svgPath = CheckboxList.bi;
-            var l = f.getExternal(k, j.rootWrapper, j.getExternal(this.b, null, null));
+            this.c = new igniteuiWebcomponentsInputs.XIcon();
+            this.c.provideContainer(j);
+            this.c.fill = this.b.du;
+            this.c.svgPath = CheckboxList.bt;
+            var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
             g.appendContentChild(i);
             this.b.r.appendContentChild(e);
             this.b.r.inputs.add(g);
-            var m = a.createElement("div");
-            m.setRawStyleProperty("flex-grow", "1");
-            var n = a.getSubRenderer(m);
+            var l = a.createElement("div");
+            l.setRawStyleProperty("flex-grow", "1");
+            var m = a.getSubRenderer(l);
             this.b.p = new igniteuiWebcomponentsInputs.XInput();
-            this.b.p.provideContainer(n);
-            this.b.p.b3 = "text";
-            var o = n.getExternal(this.b.p, n.rootWrapper, n.getExternal(this.b, null, null));
-            if (this.b.a8 != null) {
-                this.b.p.cb = this.b.a8;
+            this.b.p.provideContainer(m);
+            this.b.p.b6 = "text";
+            var n = m.getExternal(this.b.p, m.rootWrapper, m.getExternal(this.b, null, null));
+            if (this.b.bg != null) {
+                this.b.p.ce = this.b.bg;
             }
-            this.b.r.appendContentChild(m);
+            this.b.r.appendContentChild(l);
             this.b.r.inputs.add(this.b.p);
-            this.b.b7();
+            this.b.ck();
         };
-        CheckboxListView.prototype.r = function () {
-            if (this.e != null) {
-                var a = this.e.rootWrapper.getChildAt(3);
+        CheckboxListView.prototype.s = function () {
+            if (this.f != null) {
+                var a = this.f.rootWrapper.getChildAt(3);
                 a.setStyleProperty("width", "100%");
                 a.setStyleProperty("margin", "4px 0px 0px 0px");
-                if (this.b.aq == false) {
+                if (this.b.as == false) {
                     a.setStyleProperty("height", "calc(100% - 50px");
                 }
                 else {
                     a.setStyleProperty("height", "calc(100% - 75px");
                 }
-                if (!this.b.ao && !this.b.aq) {
+                if (!this.b.aq && !this.b.as) {
                     a.setStyleProperty("height", "100%");
                 }
             }
         };
-        CheckboxListView.prototype.n = function (a, b, c) {
+        CheckboxListView.prototype.o = function (a, b, c) {
             var d = null;
             if (a.getChildCount() == 0) {
                 d = new igniteuiWebcomponentsInputs.XCheckbox();
-                var e = this.e.getSubRenderer(a);
+                var e = this.f.getSubRenderer(a);
                 d.provideContainer(e);
-                var f = this.e.getExternal(d, e.rootWrapper, this.e.getExternal(this.b, null, null));
-                this.d.addItem(a, d);
+                var f = this.f.getExternal(d, e.rootWrapper, this.f.getExternal(this.b, null, null));
+                this.e.addItem(a, d);
                 d.i = this.b.y;
                 d.t = true;
-                d.change = igniteuiWebcomponentsCore.delegateCombine(d.change, igniteuiWebcomponentsCore.runOn(this, this.j));
-                var g = this.e.createElement("div");
+                d.change = igniteuiWebcomponentsCore.delegateCombine(d.change, igniteuiWebcomponentsCore.runOn(this, this.k));
+                var g = this.f.createElement("div");
                 a.setStyleProperty("display", "flex");
                 a.setStyleProperty("height", "100%");
                 a.setStyleProperty("align-items", "center");
@@ -70385,7 +70386,7 @@
                 a.append(g);
             }
             else {
-                d = this.d.item(a);
+                d = this.e.item(a);
             }
             if (d != null) {
                 var h = d.u;
@@ -70412,13 +70413,18 @@
                 finally {
                     d.u = h;
                 }
+                d.ds = this.b.dl;
+                d.da = this.b.dj;
+                d.dt = this.b.dm;
+                d.db = this.b.dk;
+                d.du = this.b.dn;
             }
         };
-        CheckboxListView.prototype.x = function () {
+        CheckboxListView.prototype.z = function () {
             var e_1, _a;
-            if (this.d != null) {
+            if (this.e != null) {
                 try {
-                    for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var a = _c.value;
                         var b = a.value;
                         b.i = this.b.y;
@@ -70442,43 +70448,43 @@
                 this.a.i = this.b.y;
             }
         };
-        CheckboxListView.prototype.w = function () {
+        CheckboxListView.prototype.x = function () {
         };
-        CheckboxListView.prototype.j = function (a, b) {
+        CheckboxListView.prototype.k = function (a, b) {
             var c = a;
             var d = parseInt(c.a5.toString());
             var e = c.checked;
             if (e == true) {
                 if (this.b.l == 0) {
-                    this.b.cj(d);
+                    this.b.cw(d);
                 }
                 else {
-                    this.b.bs(d);
+                    this.b.b5(d);
                 }
             }
             else {
                 if (this.b.l == 0) {
-                    this.b.bs(d);
+                    this.b.b5(d);
                 }
                 else {
-                    this.b.cj(d);
+                    this.b.cw(d);
                 }
             }
-            this.b.b5(d, e);
-            this.ac(false);
+            this.b.ci(d, e);
+            this.ag(false);
         };
-        CheckboxListView.prototype.k = function () {
+        CheckboxListView.prototype.l = function () {
         };
-        CheckboxListView.prototype.s = function (a, b) {
+        CheckboxListView.prototype.t = function (a, b) {
             var e_2, _a;
             try {
-                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var c = _c.value;
                     var d = c.value;
                     var e = parseInt(d.a5.toString());
                     if (e == a) {
                         d.checked = b;
-                        this.b.b5(e, b);
+                        this.b.ci(e, b);
                     }
                 }
             }
@@ -70495,12 +70501,12 @@
                         throw e_2.error;
                 }
             }
-            this.ac();
+            this.ag();
         };
-        CheckboxListView.prototype.t = function (a) {
+        CheckboxListView.prototype.u = function (a) {
             var e_3, _a;
             try {
-                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.d)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var b = _c.value;
                     var c = b.value;
                     c.checked = a;
@@ -70520,68 +70526,68 @@
                 }
             }
         };
-        CheckboxListView.prototype.p = function (a) {
-            this.i = a;
-            if (null != this.i) {
-                this.i.setStyleProperty("margin", "5px 0px 4px 0px");
+        CheckboxListView.prototype.q = function (a) {
+            this.j = a;
+            if (null != this.j) {
+                this.j.setStyleProperty("margin", "5px 0px 4px 0px");
             }
         };
-        CheckboxListView.prototype.ad = function () {
-            var a = this.e;
-            if (null == a || null == this.i) {
+        CheckboxListView.prototype.ah = function () {
+            var a = this.f;
+            if (null == a || null == this.j) {
                 return;
             }
             var b = a.createElement("div");
             var c = a.getSubRenderer(b);
             this.a = new igniteuiWebcomponentsInputs.XCheckbox();
             this.a.provideContainer(c);
-            var d = this.e.getExternal(this.a, c.rootWrapper, this.e.getExternal(this.b, null, null));
+            var d = this.f.getExternal(this.a, c.rootWrapper, this.f.getExternal(this.b, null, null));
             this.a.i = this.b.y;
-            this.h = a.createElement("label");
-            this.h.setRawText(this.b.bk);
-            this.h.setStyleProperty("font-size", "13px");
-            this.i.setStyleProperty("display", "flex");
-            this.i.setStyleProperty("flex-direction", "row");
-            this.i.setStyleProperty("font-family", "Verdana");
-            this.i.setStyleProperty("align-items", "center");
-            this.i.append(b);
-            this.i.append(this.h);
-            this.ae();
-            this.ab();
+            this.i = a.createElement("label");
+            this.i.setRawText(this.b.bx);
+            this.i.setStyleProperty("font-size", "13px");
+            this.j.setStyleProperty("display", "flex");
+            this.j.setStyleProperty("flex-direction", "row");
+            this.j.setStyleProperty("font-family", "Verdana");
+            this.j.setStyleProperty("align-items", "center");
+            this.j.append(b);
+            this.j.append(this.i);
+            this.ai();
+            this.af();
             var e = this.a;
-            e.change = igniteuiWebcomponentsCore.delegateCombine(e.change, igniteuiWebcomponentsCore.runOn(this, this.q));
+            e.change = igniteuiWebcomponentsCore.delegateCombine(e.change, igniteuiWebcomponentsCore.runOn(this, this.r));
             this.a.t = true;
         };
-        CheckboxListView.prototype.ab = function () {
-            if (null != this.h) {
-                this.h.setRawText(this.b.bk);
-                igniteuiWebcomponentsCore.NativeUI.o(this.h, this.b.cv);
+        CheckboxListView.prototype.af = function () {
+            if (null != this.i) {
+                this.i.setRawText(this.b.bx);
+                igniteuiWebcomponentsCore.NativeUI.o(this.i, this.b.dh);
             }
         };
-        CheckboxListView.prototype.ae = function () {
-            if (null != this.h) {
-                var a = this.b.aq ? "flex" : "none";
-                this.i.setStyleProperty("display", a);
+        CheckboxListView.prototype.ai = function () {
+            if (null != this.i) {
+                var a = this.b.as ? "flex" : "none";
+                this.j.setStyleProperty("display", a);
             }
         };
-        CheckboxListView.prototype.aa = function () {
-            if (this.g != null) {
-                this.g.setStyleProperty("display", this.b.ao ? "block" : "none");
+        CheckboxListView.prototype.ae = function () {
+            if (this.h != null) {
+                this.h.setStyleProperty("display", this.b.aq ? "block" : "none");
             }
-            if (this.f != null) {
-                this.f.setStyleProperty("display", this.b.ao ? "block" : "none");
+            if (this.g != null) {
+                this.g.setStyleProperty("display", this.b.aq ? "block" : "none");
             }
         };
-        CheckboxListView.prototype.ac = function (a) {
+        CheckboxListView.prototype.ag = function (a) {
             if (a === void 0) {
                 a = true;
             }
-            var b = this.c;
-            this.c = true;
+            var b = this.d;
+            this.d = true;
             var c = this.a.u;
             this.a.u = a;
             try {
-                if (this.b.am) {
+                if (this.b.ao) {
                     this.a.indeterminate = true;
                     return;
                 }
@@ -70595,40 +70601,61 @@
             }
             finally {
                 this.a.u = c;
-                this.c = b;
+                this.d = b;
             }
         };
-        CheckboxListView.prototype.q = function (a, b) {
-            if (this.c || b.isIndeterminate) {
+        CheckboxListView.prototype.r = function (a, b) {
+            if (this.d || b.isIndeterminate) {
                 return;
             }
             if (b.isChecked) {
-                this.b.cl();
-                this.b.cc(b.isChecked);
+                this.b.cy();
+                this.b.cp(b.isChecked);
             }
             else {
-                this.b.bw();
-                this.b.cc(b.isChecked);
+                this.b.b9();
+                this.b.cp(b.isChecked);
             }
         };
-        CheckboxListView.prototype.z = function () {
-            var a = this.e;
+        CheckboxListView.prototype.ad = function () {
+            var a = this.f;
             if (null == a) {
                 return;
             }
             var b = a.rootWrapper;
             if (null != b) {
-                igniteuiWebcomponentsCore.NativeUI.o(b, this.b.c2);
-                igniteuiWebcomponentsCore.NativeUI.k(b, this.b.cw);
+                igniteuiWebcomponentsCore.NativeUI.o(b, this.b.dy);
+                igniteuiWebcomponentsCore.NativeUI.k(b, this.b.di);
             }
         };
-        CheckboxListView.prototype.y = function (a) {
-            if (this.f != null) {
-                igniteuiWebcomponentsCore.NativeUI.t(this.f, a);
+        CheckboxListView.prototype.ab = function () {
+            if (this.c != null) {
+                this.c.fill = this.b.du;
             }
         };
-        CheckboxListView.prototype.o = function (a) {
-            this.f = a;
+        CheckboxListView.prototype.ac = function () {
+            if (this.b.ae != null) {
+                this.i.setStyleProperty("font", this.b.ae.fontString);
+            }
+            else {
+                this.i.setStyleProperty("font-family", "Verdana");
+                this.i.setStyleProperty("font-size", 13 + "px");
+            }
+        };
+        CheckboxListView.prototype.y = function () {
+            this.a.ds = this.b.dl;
+            this.a.da = this.b.dj;
+            this.a.dt = this.b.dm;
+            this.a.db = this.b.dk;
+            this.a.du = this.b.dn;
+        };
+        CheckboxListView.prototype.aa = function (a) {
+            if (this.g != null) {
+                igniteuiWebcomponentsCore.NativeUI.t(this.g, a);
+            }
+        };
+        CheckboxListView.prototype.p = function (a) {
+            this.g = a;
         };
         CheckboxListView.$t = igniteuiWebcomponentsCore.markType(CheckboxListView, 'CheckboxListView');
         return CheckboxListView;
@@ -70645,45 +70672,55 @@
             _this.i = null;
             _this.ab = null;
             _this.d = null;
-            _this.ag = false;
+            _this.ai = false;
             _this.c = null;
             _this.o = null;
             _this.q = null;
-            _this.ah = false;
-            _this.ae = null;
+            _this.aj = false;
+            _this.ag = null;
             _this.f = new GridSelectedKeysCollection();
             _this.a = null;
             _this.propertyChanged = null;
             _this.checkedChanged = null;
-            _this.av = null;
-            _this.ax = null;
-            _this.az = null;
             _this.ay = null;
+            _this.a0 = null;
+            _this.a2 = null;
+            _this.a1 = null;
             _this.s = 3;
-            _this.ar = -1;
+            _this.au = -1;
             _this.ac = null;
             _this.k = 1;
             _this.x = 1;
             _this.z = 2;
+            _this.dd = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+            _this.db = null;
+            _this.de = null;
+            _this.dc = null;
+            _this.ad = null;
+            _this.c7 = null;
+            _this.c5 = null;
+            _this.c8 = null;
+            _this.c6 = null;
+            _this.c9 = null;
             _this.v = 0;
-            _this.cs = null;
-            _this.bj = null;
-            _this.ct = null;
-            _this.cq = CheckboxList.cy;
-            _this.ap = true;
-            _this.cr = CheckboxList.cx;
-            _this.cu = CheckboxList.cy;
+            _this.da = null;
+            _this.bw = null;
+            _this.df = null;
+            _this.c3 = CheckboxList.dq;
+            _this.ar = true;
+            _this.c4 = CheckboxList.dp;
+            _this.dg = CheckboxList.dq;
             _this.selectAllCheckboxChanged = null;
-            _this.at = -1;
-            _this.an = true;
-            _this.ak = true;
+            _this.aw = -1;
+            _this.ap = true;
+            _this.am = true;
             var a = _this.f;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.ce));
+            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.cr));
             _this.d = new igniteuiWebcomponentsCore.FilterFactory();
             var b = new CheckboxListView();
             b.b = _this;
             _this.m = b;
-            _this.m.m();
+            _this.m.n();
             return _this;
         }
         Object.defineProperty(CheckboxList.prototype, "r", {
@@ -70716,13 +70753,13 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "af", {
+        Object.defineProperty(CheckboxList.prototype, "ah", {
             get: function () {
-                if (this.ae == null) {
-                    this.ae = new igniteuiWebcomponentsCore.SRProvider(this.m.e);
-                    this.ae.cb("DataGrid");
+                if (this.ag == null) {
+                    this.ag = new igniteuiWebcomponentsCore.SRProvider(this.m.f);
+                    this.ag.cb("DataGrid");
                 }
-                return this.ae;
+                return this.ag;
             },
             enumerable: true,
             configurable: true
@@ -70742,57 +70779,57 @@
                 var b = this.a;
                 this.a = a;
                 if (b != this.a) {
-                    this.ca("PrimaryKey", b, this.a);
+                    this.cn("PrimaryKey", b, this.a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        CheckboxList.prototype.ce = function (a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.ag) {
+        CheckboxList.prototype.cr = function (a, b) {
+            if (this.e == null || this.e.actualSchema == null || this.ai) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (var c = 0; c < b.newItems.count; c++) {
-                        this.b8(b.newItems.item(c));
+                        this.cl(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (var d = 0; d < b.oldItems.count; d++) {
-                        this.b9(b.oldItems.item(d));
+                        this.cm(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (var e = 0; e < b.oldItems.count; e++) {
-                        this.b9(b.oldItems.item(e));
+                        this.cm(b.oldItems.item(e));
                     }
                     for (var f = 0; f < b.newItems.count; f++) {
-                        this.b8(b.newItems.item(f));
+                        this.cl(b.newItems.item(f));
                     }
                     break;
                 case 4:
-                    this.m.t(this.l == 0);
+                    this.m.u(this.l == 0);
                     for (var g = 0; g < this.g.ae.count; g++) {
-                        this.b8(this.g.ae._inner[g]);
+                        this.cl(this.g.ae._inner[g]);
                     }
                     break;
             }
         };
-        CheckboxList.prototype.b8 = function (a) {
+        CheckboxList.prototype.cl = function (a) {
             var b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.s(b, this.l == 1);
+                this.m.t(b, this.l == 1);
             }
         };
-        CheckboxList.prototype.b9 = function (a) {
+        CheckboxList.prototype.cm = function (a) {
             var b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.s(b, this.l == 0);
+                this.m.t(b, this.l == 0);
             }
         };
-        CheckboxList.prototype.b5 = function (a, b) {
-            if (this.checkedChanged != null && this.ah == false) {
+        CheckboxList.prototype.ci = function (a, b) {
+            if (this.checkedChanged != null && this.aj == false) {
                 this.checkedChanged(this, ((function () {
                     var $ret = new CheckedChangedEventArgs();
                     $ret.b = a;
@@ -70802,32 +70839,32 @@
             }
         };
         CheckboxList.prototype.notifySizeChanged = function () {
-            this.m.k();
+            this.m.l();
         };
         CheckboxList.prototype.destroy = function () {
             if (this.h != null) {
                 var a = this.h;
-                a.cellClicked = igniteuiWebcomponentsCore.delegateRemove(a.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.by));
+                a.cellClicked = igniteuiWebcomponentsCore.delegateRemove(a.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.cb));
                 if (this.h.actualDataSource != null) {
                     var b = this.h.actualDataSource;
-                    b.schemaChanged = igniteuiWebcomponentsCore.delegateRemove(b.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.cb));
+                    b.schemaChanged = igniteuiWebcomponentsCore.delegateRemove(b.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.co));
                 }
             }
             if (this.o != null) {
                 var c = this.o;
-                c.change = igniteuiWebcomponentsCore.delegateRemove(c.change, igniteuiWebcomponentsCore.runOn(this, this.bz));
+                c.change = igniteuiWebcomponentsCore.delegateRemove(c.change, igniteuiWebcomponentsCore.runOn(this, this.cc));
             }
             this.provideContainer(null, null, null);
             if (this.i != null) {
                 var d = this.i;
-                d.cellUpdating = igniteuiWebcomponentsCore.delegateRemove(d.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.bv));
+                d.cellUpdating = igniteuiWebcomponentsCore.delegateRemove(d.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.b8));
             }
         };
         CheckboxList.prototype.provideContainer = function (a, b, c) {
             this.h = b;
             if (null != this.h) {
                 this.h.gm = this.w;
-                this.h.aae = this.cz;
+                this.h.aae = this.dr;
                 this.h.n1 = 0;
                 this.h.oc = 0;
                 this.h.md = NaN;
@@ -70835,24 +70872,24 @@
                 this.h.c9 = 0;
                 this.h.cu = 0;
                 var d = this.h;
-                d.cellClicked = igniteuiWebcomponentsCore.delegateCombine(d.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.by));
-                if (this.av != null) {
-                    this.h.itemsSource = this.av;
-                    this.bu();
-                    this.cd();
-                }
-                if (this.ax != null) {
-                    this.cd();
-                    this.co();
+                d.cellClicked = igniteuiWebcomponentsCore.delegateCombine(d.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.cb));
+                if (this.ay != null) {
+                    this.h.itemsSource = this.ay;
+                    this.b7();
+                    this.cq();
+                }
+                if (this.a0 != null) {
+                    this.cq();
+                    this.c1();
                 }
             }
-            this.m.p(c);
-            this.m.l(a);
+            this.m.q(c);
+            this.m.m(a);
         };
         CheckboxList.prototype.provideSelectAllSection = function (a) {
-            this.m.p(a);
+            this.m.q(a);
         };
-        CheckboxList.prototype.by = function (a, b) {
+        CheckboxList.prototype.cb = function (a, b) {
             if (b.cellInfo.l.a5 == 0) {
                 return;
             }
@@ -70868,7 +70905,7 @@
                 this.g.add(d);
             }
         };
-        CheckboxList.prototype.bv = function (a, b) {
+        CheckboxList.prototype.b8 = function (a, b) {
             var c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
@@ -70880,11 +70917,11 @@
                     d = true;
                 }
             }
-            this.m.n(b.content.element, c, d);
+            this.m.o(b.content.element, c, d);
         };
-        CheckboxList.prototype.b6 = function (a) {
-            if (this.ax != null) {
-                var b = this.d.property(this.ax).cast(igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, 0)).toLower();
+        CheckboxList.prototype.cj = function (a) {
+            if (this.a0 != null) {
+                var b = this.d.property(this.a0).cast(igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, 0)).toLower();
                 var c = b.contains(a);
                 if (!this.h.u.k.contains(this.c)) {
                     this.c = c;
@@ -70898,55 +70935,55 @@
         };
         Object.defineProperty(CheckboxList.prototype, "itemsSource", {
             get: function () {
-                return this.av;
+                return this.ay;
             },
             set: function (a) {
-                var b = this.av;
-                this.av = a;
-                if (b != this.av) {
-                    this.ca("ItemsSource", b, this.av);
+                var b = this.ay;
+                this.ay = a;
+                if (b != this.ay) {
+                    this.cn("ItemsSource", b, this.ay);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "a4", {
+        Object.defineProperty(CheckboxList.prototype, "bc", {
             get: function () {
-                return this.ax;
+                return this.a0;
             },
             set: function (a) {
-                var b = this.ax;
-                this.ax = a;
-                if (b != this.ax) {
-                    this.ca("DataMemberPath", b, this.ax);
+                var b = this.a0;
+                this.a0 = a;
+                if (b != this.a0) {
+                    this.cn("DataMemberPath", b, this.a0);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "bn", {
+        Object.defineProperty(CheckboxList.prototype, "b0", {
             get: function () {
-                return this.az;
+                return this.a2;
             },
             set: function (a) {
-                var b = this.az;
-                this.az = a;
-                if (b != this.az) {
-                    this.ca("SelectedMemberPath", b, this.az);
+                var b = this.a2;
+                this.a2 = a;
+                if (b != this.a2) {
+                    this.cn("SelectedMemberPath", b, this.a2);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "a8", {
+        Object.defineProperty(CheckboxList.prototype, "bg", {
             get: function () {
-                return this.ay;
+                return this.a1;
             },
             set: function (a) {
-                var b = this.ay;
-                this.ay = a;
-                if (b != this.ay) {
-                    this.ca("FilterPlaceholderText", b, this.ay);
+                var b = this.a1;
+                this.a1 = a;
+                if (b != this.a1) {
+                    this.cn("FilterPlaceholderText", b, this.a1);
                 }
             },
             enumerable: true,
@@ -70960,27 +70997,27 @@
                 var b = this.s;
                 this.s = a;
                 if (b != this.s) {
-                    this.ca("SearchInputType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, this.s));
+                    this.cn("SearchInputType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsInputs.InputGroupDisplayType_$type, this.s));
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "au", {
+        Object.defineProperty(CheckboxList.prototype, "ax", {
             get: function () {
-                return this.ar;
+                return this.au;
             },
             set: function (a) {
-                var b = this.ar;
-                this.ar = a;
-                if (b != this.ar) {
-                    this.ca("RowHeight", b, this.ar);
+                var b = this.au;
+                this.au = a;
+                if (b != this.au) {
+                    this.cn("RowHeight", b, this.au);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "as", {
+        Object.defineProperty(CheckboxList.prototype, "av", {
             get: function () {
                 if (this.h != null) {
                     return this.h.nf;
@@ -70990,7 +71027,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "ad", {
+        Object.defineProperty(CheckboxList.prototype, "ae", {
             get: function () {
                 return this.ac;
             },
@@ -70998,7 +71035,7 @@
                 var b = this.ac;
                 this.ac = a;
                 if (b != this.ac) {
-                    this.ca("CellTextStyle", b, this.ac);
+                    this.cn("CellTextStyle", b, this.ac);
                 }
             },
             enumerable: true,
@@ -71012,7 +71049,7 @@
                 var b = this.k;
                 this.k = a;
                 if (b != this.k) {
-                    this.ca("IndexType", igniteuiWebcomponentsCore.enumGetBox(CheckboxListIndexType_$type, b), igniteuiWebcomponentsCore.enumGetBox(CheckboxListIndexType_$type, this.k));
+                    this.cn("IndexType", igniteuiWebcomponentsCore.enumGetBox(CheckboxListIndexType_$type, b), igniteuiWebcomponentsCore.enumGetBox(CheckboxListIndexType_$type, this.k));
                 }
             },
             enumerable: true,
@@ -71026,7 +71063,7 @@
                 var b = this.x;
                 this.x = a;
                 if (b != this.x) {
-                    this.ca("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.x));
+                    this.cn("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.x));
                 }
             },
             enumerable: true,
@@ -71040,7 +71077,147 @@
                 var b = this.z;
                 this.z = a;
                 if (b != this.z) {
-                    this.ca("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.z));
+                    this.cn("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.z));
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "du", {
+            get: function () {
+                return this.dd;
+            },
+            set: function (a) {
+                var b = this.dd;
+                this.dd = a;
+                if (b != this.dd) {
+                    this.cn("SearchIconColor", b, this.dd);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "ds", {
+            get: function () {
+                return this.db;
+            },
+            set: function (a) {
+                var b = this.db;
+                this.db = a;
+                if (b != this.db) {
+                    this.cn("SearchBackgroundColor", b, this.db);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dv", {
+            get: function () {
+                return this.de;
+            },
+            set: function (a) {
+                var b = this.de;
+                this.de = a;
+                if (b != this.de) {
+                    this.cn("SearchTextColor", b, this.de);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dt", {
+            get: function () {
+                return this.dc;
+            },
+            set: function (a) {
+                var b = this.dc;
+                this.dc = a;
+                if (b != this.dc) {
+                    this.cn("SearchBorderColor", b, this.dc);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "af", {
+            get: function () {
+                return this.ad;
+            },
+            set: function (a) {
+                var b = this.ad;
+                this.ad = a;
+                if (b != this.ad) {
+                    this.cn("SearchTextStyle", b, this.ad);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dl", {
+            get: function () {
+                return this.c7;
+            },
+            set: function (a) {
+                var b = this.c7;
+                this.c7 = a;
+                if (b != this.c7) {
+                    this.cn("CheckboxTickColor", b, this.c7);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dj", {
+            get: function () {
+                return this.c5;
+            },
+            set: function (a) {
+                var b = this.c5;
+                this.c5 = a;
+                if (b != this.c5) {
+                    this.cn("CheckboxCheckedBackgroundColor", b, this.c5);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dm", {
+            get: function () {
+                return this.c8;
+            },
+            set: function (a) {
+                var b = this.c8;
+                this.c8 = a;
+                if (b != this.c8) {
+                    this.cn("CheckboxUncheckedBackgroundColor", b, this.c8);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dk", {
+            get: function () {
+                return this.c6;
+            },
+            set: function (a) {
+                var b = this.c6;
+                this.c6 = a;
+                if (b != this.c6) {
+                    this.cn("CheckboxCheckedBorderColor", b, this.c6);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxList.prototype, "dn", {
+            get: function () {
+                return this.c9;
+            },
+            set: function (a) {
+                var b = this.c9;
+                this.c9 = a;
+                if (b != this.c9) {
+                    this.cn("CheckboxUncheckedBorderColor", b, this.c9);
                 }
             },
             enumerable: true,
@@ -71054,33 +71231,33 @@
                 var b = this.v;
                 this.v = a;
                 if (b != this.v) {
-                    this.ca("ScrollbarStyle", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, this.v));
+                    this.cn("ScrollbarStyle", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, this.v));
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "cz", {
+        Object.defineProperty(CheckboxList.prototype, "dr", {
             get: function () {
-                return this.cs;
+                return this.da;
             },
             set: function (a) {
-                var b = this.cs;
-                this.cs = a;
-                if (b != this.cs) {
-                    this.ca("ScrollbarBackground", b, this.cs);
+                var b = this.da;
+                this.da = a;
+                if (b != this.da) {
+                    this.cn("ScrollbarBackground", b, this.da);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        CheckboxList.prototype.ca = function (a, b, c) {
+        CheckboxList.prototype.cn = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.cf(a, b, c);
+            this.cs(a, b, c);
         };
-        CheckboxList.prototype.cf = function (a, b, c) {
+        CheckboxList.prototype.cs = function (a, b, c) {
             switch (a) {
                 case "ItemsSource":
                     if (this.h != null) {
@@ -71093,26 +71270,26 @@
                         }
                         if (this.h.actualDataSource != null) {
                             var d = this.h.actualDataSource;
-                            d.schemaChanged = igniteuiWebcomponentsCore.delegateRemove(d.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.cb));
+                            d.schemaChanged = igniteuiWebcomponentsCore.delegateRemove(d.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.co));
                         }
-                        this.h.itemsSource = this.av;
-                        this.bu();
+                        this.h.itemsSource = this.ay;
+                        this.b7();
                         if (this.h.actualDataSource != null) {
                             var e = this.h.actualDataSource;
-                            e.schemaChanged = igniteuiWebcomponentsCore.delegateCombine(e.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.cb));
+                            e.schemaChanged = igniteuiWebcomponentsCore.delegateCombine(e.schemaChanged, igniteuiWebcomponentsCore.runOn(this, this.co));
                         }
-                        this.ah = true;
-                        this.cd();
-                        this.ah = false;
-                        this.m.ac();
+                        this.aj = true;
+                        this.cq();
+                        this.aj = false;
+                        this.m.ag();
                     }
                     break;
                 case "DataMemberPath":
                 case "SelectedMemberPath":
                     if (this.h != null) {
-                        if (this.ax != null) {
-                            this.cd();
-                            this.co();
+                        if (this.a0 != null) {
+                            this.cq();
+                            this.c1();
                         }
                     }
                     break;
@@ -71122,23 +71299,23 @@
                     }
                     break;
                 case "SelectAllCaptionTextColor":
-                    this.cv = null != this.c0 ? this.c0 : CheckboxList.cy;
+                    this.dh = null != this.dw ? this.dw : CheckboxList.dq;
                     break;
                 case "SelectAllCaption":
                 case "ActualSelectAllCaptionTextColor":
-                    this.m.ab();
+                    this.m.af();
                     break;
                 case "showSelectAll":
-                    this.m.ae();
-                    this.m.r();
+                    this.m.ai();
+                    this.m.s();
                     break;
                 case "ShowFilter":
-                    this.m.aa();
-                    this.m.r();
+                    this.m.ae();
+                    this.m.s();
                     break;
                 case "FilterPlaceholderText":
                     if (this.o != null) {
-                        this.o.cb = this.a8;
+                        this.o.ce = this.bg;
                     }
                     break;
                 case "SearchInputType":
@@ -71148,32 +71325,33 @@
                     break;
                 case "RowHeight":
                     if (this.h != null) {
-                        this.h.oa = this.au;
+                        this.h.oa = this.ax;
                     }
                     break;
                 case "CellTextStyle":
                     if (this.h != null) {
-                        this.h.gx = this.ad;
+                        this.h.gx = this.ae;
                     }
+                    this.m.ac();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
                     var f = this.h;
                     if (null != f) {
-                        f.zv = this.c2;
-                        f.zt = this.cw;
+                        f.zv = this.dy;
+                        f.zt = this.di;
                     }
-                    this.m.z();
+                    this.m.ad();
                     break;
                 case "BaseTheme":
-                    this.cn();
+                    this.c0();
                     break;
                 case "Density":
-                    this.cm();
+                    this.cz();
                     break;
                 case "IsRowHoverEnabled":
                     if (this.h != null) {
-                        this.h.ka = this.al;
+                        this.h.ka = this.an;
                     }
                     break;
                 case "ScrollbarStyle":
@@ -71183,44 +71361,69 @@
                     break;
                 case "ScrollbarBackground":
                     if (this.h != null) {
-                        this.h.aae = this.cz;
+                        this.h.aae = this.dr;
+                    }
+                    break;
+                case "SearchIconColor":
+                    this.m.ab();
+                    break;
+                case "SearchBackgroundColor":
+                    this.r.oz = this.ds;
+                    break;
+                case "SearchBorderColor":
+                    this.r.o0 = this.dt;
+                    break;
+                case "SearchTextColor":
+                    this.p.d1 = this.dv;
+                    break;
+                case "SearchTextStyle":
+                    this.p.af = this.af;
+                    break;
+                case "CheckboxTickColor":
+                case "CheckboxCheckedBackgroundColor":
+                case "CheckboxUncheckedBackgroundColor":
+                case "CheckboxCheckedBorderColor":
+                case "CheckboxUncheckedBorderColor":
+                    this.m.y();
+                    if (this.h != null) {
+                        this.h.w9();
                     }
                     break;
             }
         };
-        CheckboxList.prototype.cm = function () {
+        CheckboxList.prototype.cz = function () {
             if (this.h != null) {
                 this.h.go = this.aa;
             }
             if (this.q != null) {
                 this.q.n = this.aa;
             }
-            this.m.w();
+            this.m.x();
         };
-        CheckboxList.prototype.cn = function () {
+        CheckboxList.prototype.c0 = function () {
             if (this.q != null) {
                 this.q.j = this.y;
             }
-            this.m.x();
+            this.m.z();
         };
-        CheckboxList.prototype.cb = function (a, b) {
-            this.ah = true;
-            this.bu();
+        CheckboxList.prototype.co = function (a, b) {
+            this.aj = true;
+            this.b7();
             if (b.schema != null) {
-                this.cd();
+                this.cq();
                 for (var c = 0; c < this.g.count; c++) {
-                    this.b8(this.g._inner[c]);
+                    this.cl(this.g._inner[c]);
                 }
-                this.m.ac();
+                this.m.ag();
             }
-            this.ah = false;
+            this.aj = false;
         };
-        CheckboxList.prototype.cd = function () {
-            if (this.ab == null && this.az != null && this.az != "") {
-                this.ab = new igniteuiWebcomponentsCore.FastReflectionHelper(false, this.az);
+        CheckboxList.prototype.cq = function () {
+            if (this.ab == null && this.a2 != null && this.a2 != "") {
+                this.ab = new igniteuiWebcomponentsCore.FastReflectionHelper(false, this.a2);
             }
-            if (this.av != null && this.ab != null && this.h.actualDataSource.actualSchema != null) {
-                this.ab.propertyName = this.az;
+            if (this.ay != null && this.ab != null && this.h.actualDataSource.actualSchema != null) {
+                this.ab.propertyName = this.a2;
                 var a = this.h.actualDataSource.actualCount;
                 for (var b = 0; b < a; b++) {
                     var c = this.h.actualDataSource.getItemAtIndex(b);
@@ -71234,24 +71437,24 @@
                 }
             }
         };
-        CheckboxList.prototype.co = function () {
+        CheckboxList.prototype.c1 = function () {
             this.h.actualColumns.clear();
             this.h.l = this.b;
             this.h.jy = false;
-            this.h.oa = this.au;
-            this.h.zt = this.cw;
-            this.h.zu = this.cw;
+            this.h.oa = this.ax;
+            this.h.zt = this.di;
+            this.h.zu = this.di;
             this.h.go = this.aa;
-            this.h.ka = this.al;
+            this.h.ka = this.an;
             this.h.aa0 = new igniteuiWebcomponentsCore.Thickness(0, 0);
-            if (this.ad != null) {
-                this.h.gx = this.ad;
+            if (this.ae != null) {
+                this.h.gx = this.ae;
             }
             var a = new TemplateColumn();
-            if (this.az == null) {
-                this.az = "";
+            if (this.a2 == null) {
+                this.a2 = "";
             }
-            a.i8 = this.az;
+            a.i8 = this.a2;
             a.jz = "CheckboxColumn";
             var b = new ColumnWidth();
             b.c = false;
@@ -71259,10 +71462,10 @@
             a.width = b;
             a.h2 = 0;
             a.h3 = 0;
-            a.cellUpdating = igniteuiWebcomponentsCore.delegateCombine(a.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.bv));
+            a.cellUpdating = igniteuiWebcomponentsCore.delegateCombine(a.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.b8));
             this.h.columns.add(a);
             this.i = a;
-            var c = this.h.actualDataSource.resolveSchemaPropertyType(this.ax);
+            var c = this.h.actualDataSource.resolveSchemaPropertyType(this.a0);
             var d;
             switch (c) {
                 case 8:
@@ -71285,25 +71488,25 @@
                     d = new TextColumn();
                     break;
             }
-            d.i8 = this.ax;
+            d.i8 = this.a0;
             d.jz = "DataColumn";
             d.h2 = 0;
             d.e = 0;
             this.h.columns.add(d);
         };
         CheckboxList.prototype.updateHrMargin = function (a) {
-            this.m.y(a);
+            this.m.aa(a);
         };
         CheckboxList.prototype.provideHrElement = function (a) {
-            this.m.o(a);
+            this.m.p(a);
         };
-        CheckboxList.prototype.b7 = function () {
+        CheckboxList.prototype.ck = function () {
             var a = this.p;
-            a.changing = igniteuiWebcomponentsCore.delegateCombine(a.changing, igniteuiWebcomponentsCore.runOn(this, this.bz));
+            a.changing = igniteuiWebcomponentsCore.delegateCombine(a.changing, igniteuiWebcomponentsCore.runOn(this, this.cc));
         };
-        CheckboxList.prototype.bz = function (a, b) {
+        CheckboxList.prototype.cc = function (a, b) {
             var c = b.value.toLowerCase();
-            this.b6(c);
+            this.cj(c);
         };
         CheckboxList.prototype.j = function (a) {
             if (this.b == null) {
@@ -71317,55 +71520,55 @@
             }
             return new PrimaryKeyValue(b, c);
         };
-        CheckboxList.prototype.cj = function (a) {
-            this.ag = true;
+        CheckboxList.prototype.cw = function (a) {
+            this.ai = true;
             var b = this.e.getItemAtIndex(a);
             var c = this.j(b);
             this.g.remove(c);
-            this.ag = false;
+            this.ai = false;
         };
-        CheckboxList.prototype.bs = function (a) {
-            this.ag = true;
+        CheckboxList.prototype.b5 = function (a) {
+            this.ai = true;
             var b = this.e.getItemAtIndex(a);
             var c = this.j(b);
             this.g.add(c);
-            this.ag = false;
+            this.ai = false;
         };
-        CheckboxList.prototype.cl = function () {
+        CheckboxList.prototype.cy = function () {
             this.l = 0;
             this.g.clear();
-            this.b0();
-            this.m.ac();
+            this.cd();
+            this.m.ag();
         };
-        CheckboxList.prototype.bw = function () {
+        CheckboxList.prototype.b9 = function () {
             this.l = 1;
             this.g.clear();
-            this.b0();
-            this.m.ac();
+            this.cd();
+            this.m.ag();
         };
-        CheckboxList.prototype.b3 = function (a, b, c) {
+        CheckboxList.prototype.cg = function (a, b, c) {
             if (this.h != null) {
                 this.h.u5(a, b, c);
             }
         };
-        CheckboxList.prototype.b0 = function () {
+        CheckboxList.prototype.cd = function () {
             if (this.h != null) {
                 this.h.uz();
             }
         };
-        CheckboxList.prototype.b1 = function (a, b) {
+        CheckboxList.prototype.ce = function (a, b) {
             if (this.h != null) {
                 this.h.u1(a, b);
             }
             ;
         };
-        CheckboxList.prototype.b2 = function (a, b) {
+        CheckboxList.prototype.cf = function (a, b) {
             if (this.h != null) {
                 this.h.u2(a, b);
             }
             ;
         };
-        CheckboxList.prototype.bt = function (a) {
+        CheckboxList.prototype.b6 = function (a) {
             var b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -71380,7 +71583,7 @@
                 this.g.add(b);
             }
         };
-        CheckboxList.prototype.ck = function (a) {
+        CheckboxList.prototype.cx = function (a) {
             var b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -71395,59 +71598,59 @@
                 this.g.remove(b);
             }
         };
-        Object.defineProperty(CheckboxList.prototype, "bk", {
+        Object.defineProperty(CheckboxList.prototype, "bx", {
             get: function () {
-                return this.bj != null ? this.bj : !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(this.af.b1("Select_All")) ? this.af.b1("Select_All") : "(Select All)";
+                return this.bw != null ? this.bw : !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(this.ah.b1("Select_All")) ? this.ah.b1("Select_All") : "(Select All)";
             },
             set: function (a) {
-                if (a == this.bj) {
+                if (a == this.bw) {
                     return;
                 }
-                var b = this.bj;
-                this.bj = a;
-                this.ca("SelectAllCaption", b, this.bj);
+                var b = this.bw;
+                this.bw = a;
+                this.cn("SelectAllCaption", b, this.bw);
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "c0", {
+        Object.defineProperty(CheckboxList.prototype, "dw", {
             get: function () {
-                return this.ct;
+                return this.df;
             },
             set: function (a) {
-                var b = this.ct;
-                this.ct = a;
-                if (b != this.ct) {
-                    this.ca("SelectAllCaptionTextColor", b, a);
+                var b = this.df;
+                this.df = a;
+                if (b != this.df) {
+                    this.cn("SelectAllCaptionTextColor", b, a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "cv", {
+        Object.defineProperty(CheckboxList.prototype, "dh", {
             get: function () {
-                return this.cq;
+                return this.c3;
             },
             set: function (a) {
-                var b = this.cq;
-                this.cq = a;
-                if (b != this.cq) {
-                    this.ca("ActualSelectAllCaptionTextColor", b, a);
+                var b = this.c3;
+                this.c3 = a;
+                if (b != this.c3) {
+                    this.cn("ActualSelectAllCaptionTextColor", b, a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "am", {
+        Object.defineProperty(CheckboxList.prototype, "ao", {
             get: function () {
-                if (-1 == this.at) {
+                if (-1 == this.aw) {
                     return false;
                 }
                 var a = this.g.count;
                 if (0 == a) {
                     return false;
                 }
-                if (a == this.at) {
+                if (a == this.aw) {
                     return false;
                 }
                 return true;
@@ -71455,50 +71658,50 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "aq", {
+        Object.defineProperty(CheckboxList.prototype, "as", {
             get: function () {
-                return this.ap;
+                return this.ar;
             },
             set: function (a) {
-                if (a == this.ap) {
+                if (a == this.ar) {
                     return;
                 }
-                var b = this.ap;
-                this.ap = a;
-                this.ca("showSelectAll", b, this.ap);
+                var b = this.ar;
+                this.ar = a;
+                this.cn("showSelectAll", b, this.ar);
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "cw", {
+        Object.defineProperty(CheckboxList.prototype, "di", {
             get: function () {
-                return this.cr;
+                return this.c4;
             },
             set: function (a) {
-                var b = this.cr;
-                this.cr = a;
-                if (b != this.cr) {
-                    this.ca("BackgroundColor", b, a);
+                var b = this.c4;
+                this.c4 = a;
+                if (b != this.c4) {
+                    this.cn("BackgroundColor", b, a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "c2", {
+        Object.defineProperty(CheckboxList.prototype, "dy", {
             get: function () {
-                return this.cu;
+                return this.dg;
             },
             set: function (a) {
-                var b = this.cu;
-                this.cu = a;
-                if (b != this.cu) {
-                    this.ca("TextColor", b, a);
+                var b = this.dg;
+                this.dg = a;
+                if (b != this.dg) {
+                    this.cn("TextColor", b, a);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        CheckboxList.prototype.cc = function (a) {
+        CheckboxList.prototype.cp = function (a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((function () {
                     var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -71507,77 +71710,77 @@
                 })()));
             }
         };
-        CheckboxList.prototype.aj = function () {
-            if (-1 == this.at) {
+        CheckboxList.prototype.al = function () {
+            if (-1 == this.aw) {
                 return true;
             }
             var a = this.g.count;
             switch (this.l) {
-                case 0: return this.at == a;
+                case 0: return this.aw == a;
                 case 1: return 0 == a;
                 default: return false;
             }
         };
-        CheckboxList.prototype.ai = function () {
-            if (-1 == this.at) {
+        CheckboxList.prototype.ak = function () {
+            if (-1 == this.aw) {
                 return false;
             }
             var a = this.g.count;
             switch (this.l) {
                 case 0: return 0 == a;
-                case 1: return this.at == a;
+                case 1: return this.aw == a;
                 default: return false;
             }
         };
-        CheckboxList.prototype.bu = function () {
+        CheckboxList.prototype.b7 = function () {
             var a = this.h.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.at = -1;
+                    this.aw = -1;
                     return;
                 }
                 var b = a.actualCount;
-                this.at = b;
+                this.aw = b;
             }
             else {
-                this.at = -1;
+                this.aw = -1;
             }
         };
-        Object.defineProperty(CheckboxList.prototype, "ao", {
+        Object.defineProperty(CheckboxList.prototype, "aq", {
             get: function () {
-                return this.an;
+                return this.ap;
             },
             set: function (a) {
-                if (a == this.an) {
+                if (a == this.ap) {
                     return;
                 }
-                var b = this.an;
-                this.an = a;
-                this.ca("ShowFilter", b, this.an);
+                var b = this.ap;
+                this.ap = a;
+                this.cn("ShowFilter", b, this.ap);
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(CheckboxList.prototype, "al", {
+        Object.defineProperty(CheckboxList.prototype, "an", {
             get: function () {
-                return this.ak;
+                return this.am;
             },
             set: function (a) {
-                if (a == this.ak) {
+                if (a == this.am) {
                     return;
                 }
-                var b = this.ak;
-                this.ak = a;
-                this.ca("IsRowHoverEnabled", b, this.ak);
+                var b = this.am;
+                this.am = a;
+                this.cn("IsRowHoverEnabled", b, this.am);
             },
             enumerable: true,
             configurable: true
         });
         CheckboxList.$t = igniteuiWebcomponentsCore.markType(CheckboxList, 'CheckboxList', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
-        CheckboxList.c1 = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
-        CheckboxList.bi = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
-        CheckboxList.cx = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
-        CheckboxList.cy = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+        CheckboxList.dx = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+        CheckboxList.bt = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
+        CheckboxList.dp = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
+        CheckboxList.dq = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
         return CheckboxList;
     }(igniteuiWebcomponentsCore.Base));
 
@@ -71948,10 +72151,10 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                return this.i.a4;
+                return this.i.bc;
             },
             set: function (v) {
-                this.i.a4 = v;
+                this.i.bc = v;
             },
             enumerable: true,
             configurable: true
@@ -71961,10 +72164,10 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                return this.i.bn;
+                return this.i.b0;
             },
             set: function (v) {
-                this.i.bn = v;
+                this.i.b0 = v;
             },
             enumerable: true,
             configurable: true
@@ -71974,10 +72177,10 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                return this.i.a8;
+                return this.i.bg;
             },
             set: function (v) {
-                this.i.a8 = v;
+                this.i.bg = v;
             },
             enumerable: true,
             configurable: true
@@ -72001,18 +72204,18 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                return this.i.au;
+                return this.i.ax;
             },
             set: function (v) {
-                this.i.au = +v;
-                this._a("rowHeight", this.i.au);
+                this.i.ax = +v;
+                this._a("rowHeight", this.i.ax);
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
             get: function () {
-                return this.i.as;
+                return this.i.av;
             },
             enumerable: true,
             configurable: true
@@ -72022,16 +72225,16 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                if (this.i.ad == null) {
+                if (this.i.ae == null) {
                     return null;
                 }
-                return this.i.ad.fontString;
+                return this.i.ae.fontString;
             },
             set: function (v) {
                 var fi = new igniteuiWebcomponentsCore.FontInfo();
                 fi.fontString = v;
-                this.i.ad = fi;
-                this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+                this.i.ae = fi;
+                this._a("cellTextStyle", this.i.ae != null ? this.i.ae.fontString : "");
             },
             enumerable: true,
             configurable: true
@@ -72078,6 +72281,151 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "searchIconColor", {
+            /**
+             * Gets or sets the search icon color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.du);
+            },
+            set: function (v) {
+                this.i.du = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("searchIconColor", igniteuiWebcomponentsCore.brushToString(this.i.du));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBackgroundColor", {
+            /**
+             * Gets or sets the search background color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.ds);
+            },
+            set: function (v) {
+                this.i.ds = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("searchBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.ds));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextColor", {
+            /**
+             * Gets or sets the search text color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dv);
+            },
+            set: function (v) {
+                this.i.dv = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("searchTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dv));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "searchBorderColor", {
+            /**
+             * Gets or sets the search border color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dt);
+            },
+            set: function (v) {
+                this.i.dt = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("searchBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.dt));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "searchTextStyle", {
+            /**
+             * Gets or sets the text style.
+            */
+            get: function () {
+                if (this.i.af == null) {
+                    return null;
+                }
+                return this.i.af.fontString;
+            },
+            set: function (v) {
+                var fi = new igniteuiWebcomponentsCore.FontInfo();
+                fi.fontString = v;
+                this.i.af = fi;
+                this._a("searchTextStyle", this.i.af != null ? this.i.af.fontString : "");
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxTickColor", {
+            /**
+             * Gets or sets the checkbox tick color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dl);
+            },
+            set: function (v) {
+                this.i.dl = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkboxTickColor", igniteuiWebcomponentsCore.brushToString(this.i.dl));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBackgroundColor", {
+            /**
+             * Gets or sets the checkbox background color when checked.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dj);
+            },
+            set: function (v) {
+                this.i.dj = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkboxCheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.dj));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBackgroundColor", {
+            /**
+             * Gets or sets the checkbox background color when unchecked.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dm);
+            },
+            set: function (v) {
+                this.i.dm = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkboxUncheckedBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.dm));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCheckedBorderColor", {
+            /**
+             * Gets or sets the checkbox border color when checked.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dk);
+            },
+            set: function (v) {
+                this.i.dk = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkboxCheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.dk));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxUncheckedBorderColor", {
+            /**
+             * Gets or sets the checkbox border color when unchecked.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.dn);
+            },
+            set: function (v) {
+                this.i.dn = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("checkboxUncheckedBorderColor", igniteuiWebcomponentsCore.brushToString(this.i.dn));
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(IgcCheckboxListComponent.prototype, "scrollbarStyle", {
             /**
              * Gets or sets the style of scrollbar.
@@ -72097,11 +72445,11 @@
              * Gets or sets the scrollbar background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cz);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dr);
             },
             set: function (v) {
-                this.i.cz = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("scrollbarBackground", igniteuiWebcomponentsCore.brushToString(this.i.cz));
+                this.i.dr = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("scrollbarBackground", igniteuiWebcomponentsCore.brushToString(this.i.dr));
             },
             enumerable: true,
             configurable: true
@@ -72111,10 +72459,10 @@
              * Gets / sets the caption of the "Select All" checkbox.
             */
             get: function () {
-                return this.i.bk;
+                return this.i.bx;
             },
             set: function (v) {
-                this.i.bk = v;
+                this.i.bx = v;
             },
             enumerable: true,
             configurable: true
@@ -72124,11 +72472,11 @@
              * Gets or sets the color to use for the "Select All" label.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dw);
             },
             set: function (v) {
-                this.i.c0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("selectAllCaptionTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c0));
+                this.i.dw = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("selectAllCaptionTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dw));
             },
             enumerable: true,
             configurable: true
@@ -72138,11 +72486,11 @@
              * Gets or sets the color to use for the actual header selectAllCaption text.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cv);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dh);
             },
             set: function (v) {
-                this.i.cv = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualSelectAllCaptionTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cv));
+                this.i.dh = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualSelectAllCaptionTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dh));
             },
             enumerable: true,
             configurable: true
@@ -72152,11 +72500,11 @@
              * Gets / sets whether the "Select all" checkbox is visible.
             */
             get: function () {
-                return this.i.aq;
+                return this.i.as;
             },
             set: function (v) {
-                this.i.aq = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showSelectAll", this.i.aq);
+                this.i.as = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showSelectAll", this.i.as);
             },
             enumerable: true,
             configurable: true
@@ -72166,11 +72514,11 @@
              * Gets or sets the color to use for the background of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cw);
+                return igniteuiWebcomponentsCore.brushToString(this.i.di);
             },
             set: function (v) {
-                this.i.cw = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cw));
+                this.i.di = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.di));
             },
             enumerable: true,
             configurable: true
@@ -72180,11 +72528,11 @@
              * Gets or sets the color to use for the text of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c2);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dy);
             },
             set: function (v) {
-                this.i.c2 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.c2));
+                this.i.dy = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.dy));
             },
             enumerable: true,
             configurable: true
@@ -72194,11 +72542,11 @@
              * Gets or sets whether the filter input is visible.
             */
             get: function () {
-                return this.i.ao;
+                return this.i.aq;
             },
             set: function (v) {
-                this.i.ao = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showFilter", this.i.ao);
+                this.i.aq = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showFilter", this.i.aq);
             },
             enumerable: true,
             configurable: true
@@ -72208,11 +72556,11 @@
              * Gets or sets whether row hover highlighting is enabled.
             */
             get: function () {
-                return this.i.al;
+                return this.i.an;
             },
             set: function (v) {
-                this.i.al = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("isRowHoverEnabled", this.i.al);
+                this.i.an = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("isRowHoverEnabled", this.i.an);
             },
             enumerable: true,
             configurable: true
@@ -72290,17 +72638,17 @@
 
     */
         IgcCheckboxListComponent.prototype.selectAll = function () {
-            this.i.cl();
+            this.i.cy();
         };
         /**
          * Deselects all the items in the checkbox list.
         
         */
         IgcCheckboxListComponent.prototype.deselectAll = function () {
-            this.i.bw();
+            this.i.b9();
         };
         IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-            this.i.b3(index, oldItem, newItem);
+            this.i.cg(index, oldItem, newItem);
         };
         /**
          * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -72308,26 +72656,26 @@
         
         */
         IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-            this.i.b0();
+            this.i.cd();
         };
         IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-            this.i.b1(index, newItem);
+            this.i.ce(index, newItem);
         };
         IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-            this.i.b2(index, oldItem);
+            this.i.cf(index, oldItem);
         };
         IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-            this.i.bt(value);
+            this.i.b6(value);
         };
         IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-            this.i.ck(value);
+            this.i.cx(value);
         };
         /**
          * Returns true if no items are selected / checked; otherwise false.
         
         */
         IgcCheckboxListComponent.prototype.isNothingSelected = function () {
-            var iv = this.i.aj();
+            var iv = this.i.al();
             return (iv);
         };
         /**
@@ -72335,7 +72683,7 @@
         
         */
         IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
-            var iv = this.i.ai();
+            var iv = this.i.ak();
             return (iv);
         };
         Object.defineProperty(IgcCheckboxListComponent.prototype, "checkedChanged", {
@@ -72750,7 +73098,7 @@
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.a8 = this.s;
+                        this.d.bg = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -72761,7 +73109,7 @@
                     break;
                 case "BackgroundColor":
                     if (this.d != null) {
-                        this.d.cw = this.aq;
+                        this.d.di = this.aq;
                     }
                     this.c.i();
                     break;
@@ -72791,7 +73139,7 @@
             if (this.a != null && this.d != null) {
                 this.d.y = this.f;
                 this.d.aa = this.h;
-                this.d.cw = this.aq;
+                this.d.di = this.aq;
                 var a = void 0;
                 var b = new igniteuiWebcomponentsCore.ObservableCollection$1(ColumnChooserInfo.$, 0);
                 try {
@@ -72821,16 +73169,16 @@
                     }
                 }
                 if (this.s != null) {
-                    this.d.a8 = this.s;
+                    this.d.bg = this.s;
                 }
                 this.d.itemsSource = b;
                 var e = "";
                 var f = "";
                 e = "columnName";
                 f = "isNotHidden";
-                this.d.bn = f;
-                this.d.a4 = e;
-                this.d.aq = true;
+                this.d.b0 = f;
+                this.d.bc = e;
+                this.d.as = true;
             }
         };
         ColumnChooser.prototype.an = function (a) {
@@ -72840,7 +73188,7 @@
         };
         ColumnChooser.prototype.al = function () {
             var e_2, _a;
-            this.d.cl();
+            this.d.cy();
             if (this.a != null) {
                 try {
                     for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.a.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -72866,7 +73214,7 @@
         };
         ColumnChooser.prototype.ae = function () {
             var e_3, _a;
-            this.d.bw();
+            this.d.b9();
             if (this.a != null) {
                 try {
                     for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.a.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -74095,7 +74443,7 @@
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.a8 = this.s;
+                        this.d.bg = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -74106,7 +74454,7 @@
                     break;
                 case "BackgroundColor":
                     if (this.d != null) {
-                        this.d.cw = this.an;
+                        this.d.di = this.an;
                     }
                     this.c.g();
                     break;
@@ -74136,7 +74484,7 @@
             if (this.a != null && this.d != null) {
                 this.d.y = this.f;
                 this.d.aa = this.h;
-                this.d.cw = this.an;
+                this.d.di = this.an;
                 var a = void 0;
                 var b = new igniteuiWebcomponentsCore.ObservableCollection$1(ColumnPinningInfo.$, 0);
                 try {
@@ -74170,17 +74518,17 @@
                             throw e_1.error;
                     }
                 }
-                this.d.aq = false;
+                this.d.as = false;
                 if (this.s != null) {
-                    this.d.a8 = this.s;
+                    this.d.bg = this.s;
                 }
                 this.d.itemsSource = b;
                 var e = "";
                 var f = "";
                 e = "columnName";
                 f = "isPinned";
-                this.d.bn = f;
-                this.d.a4 = e;
+                this.d.b0 = f;
+                this.d.bc = e;
             }
         };
         ColumnPinning.prototype.ae = function (a, b) {
@@ -78977,7 +79325,7 @@
             configurable: true
         });
         GridColumnFilterOptions.prototype.cu = function () {
-            var a = this.bx.aj();
+            var a = this.bx.al();
             this.bw.al(!a);
             var b = this.b3();
             this.bw.am(b);
@@ -79112,7 +79460,7 @@
                     }
                 }
                 this.bx.itemsSource = e;
-                this.bx.a4 = c;
+                this.bx.bc = c;
                 this.bx.b = [c];
                 e.shouldEmitSectionHeaders = true;
                 e.isSectionHeaderNormalRow = true;
@@ -79158,15 +79506,15 @@
                 }
             }
             if (e.count == 0 || !c) {
-                this.bx.cl();
+                this.bx.cy();
                 return;
             }
             switch (d.value) {
                 case 0:
-                    this.bx.bw();
+                    this.bx.b9();
                     break;
                 case 1:
-                    this.bx.cl();
+                    this.bx.cy();
                     break;
             }
             var h = this.bx.g;
@@ -79224,9 +79572,9 @@
         GridColumnFilterOptions.prototype.cw = function () {
             if (null != this.bx) {
                 this.bx.aa = this.b0;
-                this.bx.a8 = this.cc;
-                this.bx.cw = this.bo;
-                this.bx.c2 = this.br;
+                this.bx.bg = this.cc;
+                this.bx.di = this.bo;
+                this.bx.dy = this.br;
                 this.bx.y = this.i;
                 this.bx.updateHrMargin(new igniteuiWebcomponentsCore.Thickness(1, -7, 3, -7, 3));
             }
@@ -79580,8 +79928,8 @@
             this.e();
         };
         SummaryChooserView.prototype.e = function () {
-            if (this.model.f.as > -1) {
-                var a = this.model.r.count * this.model.f.as;
+            if (this.model.f.av > -1) {
+                var a = this.model.r.count * this.model.f.av;
                 a += 4;
                 this.d.setStyleProperty("height", a + "px");
             }
@@ -79884,15 +80232,15 @@
         SummaryChooser.prototype.a6 = function () {
             if (this.e != null) {
                 this.e.aa = this.m;
-                this.e.c2 = this.ba;
+                this.e.dy = this.ba;
                 this.e.y = this.i;
+                this.e.as = false;
                 this.e.aq = false;
-                this.e.ao = false;
-                this.e.al = false;
+                this.e.an = false;
                 this.e.updateHrMargin(new igniteuiWebcomponentsCore.Thickness(1, -7, 3, -7, 3));
                 this.e.itemsSource = this.q;
-                this.e.a4 = "label";
-                this.e.bn = "isSelected";
+                this.e.bc = "label";
+                this.e.b0 = "isSelected";
                 this.e.b = ["label"];
             }
         };
@@ -79942,7 +80290,7 @@
                 if (d.iD == a) {
                     d.isSelected = b;
                     if (this.e != null) {
-                        this.e.b3(c, d, d);
+                        this.e.cg(c, d, d);
                     }
                     break;
                 }
@@ -79954,7 +80302,7 @@
             c.label = b;
             this.q.add(c);
             if (this.e != null) {
-                this.e.b1(this.q.count - 1, c);
+                this.e.ce(this.q.count - 1, c);
             }
             this.c.onItemInserted();
         };
@@ -79964,7 +80312,7 @@
                 if (c.iD == a) {
                     this.q.removeAt(b);
                     if (this.e != null) {
-                        this.e.b2(b, c);
+                        this.e.cf(b, c);
                     }
                     break;
                 }
@@ -79977,7 +80325,7 @@
                 if (d.iD == a) {
                     d.label = b;
                     if (this.e != null) {
-                        this.e.b3(c, d, d);
+                        this.e.cg(c, d, d);
                     }
                     break;
                 }
@@ -80059,7 +80407,7 @@
                 this.n.cm(d);
                 var e = this.e.createElement("div");
                 var f = this.e.getSubRenderer(e);
-                var g = new igniteuiWebcomponentsLayouts.Popup();
+                var g = new igniteuiWebcomponentsCore.Popup();
                 g.provideRenderer(f);
                 g.appendPopupContent(d.c.container);
                 this.n.cj(g);
@@ -80404,7 +80752,7 @@
             if (this.by != null) {
                 this.by.ef = 0;
                 this.by.ak = false;
-                this.by.t8 = this.br;
+                this.by.t9 = this.br;
                 this.bh(this.by);
             }
         };
@@ -83428,8 +83776,8 @@
             this.j = new igniteuiWebcomponentsInputs.XInput();
             this.j.provideContainer(g);
             a.getExternal(this.j, a.rootWrapper, a.getExternal(b, null, null));
-            this.j.b3 = "text";
-            this.j.cj = b.text;
+            this.j.b6 = "text";
+            this.j.cm = b.text;
             var h = this.j;
             h.changing = igniteuiWebcomponentsCore.delegateCombine(h.changing, igniteuiWebcomponentsCore.runOn(this, this.bi));
             var i = this.j;
@@ -83480,7 +83828,7 @@
         MultiColumnComboBoxView.prototype.a1 = function () {
             var a = this.ac.createElement("div");
             var b = this.ac.getSubRenderer(a);
-            this.m = new igniteuiWebcomponentsLayouts.Popup();
+            this.m = new igniteuiWebcomponentsCore.Popup();
             this.m.provideRenderer(b);
             var c = b.getExternal(this.m, b.rootWrapper, b.getExternal(this.g, null, null));
             this.am = this.ac.createElement("div");
@@ -83679,14 +84027,14 @@
                 this.az();
                 var b = this.j;
                 b.focus();
-                var c = b.cj;
-                var d = null != c ? b.cj.length : 0;
-                b.di(d, d);
+                var c = b.cm;
+                var d = null != c ? b.cm.length : 0;
+                b.dl(d, d);
             }
         };
         MultiColumnComboBoxView.prototype.by = function () {
             this.k.ah = true;
-            this.j.dg();
+            this.j.dj();
             var a = new GotFocusEventArgs();
             this.g.f1(a);
         };
@@ -83796,7 +84144,7 @@
             if (this.x && !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.au) && b > 0) {
                 b--;
             }
-            this.j.di(b, c);
+            this.j.dl(b, c);
         };
         MultiColumnComboBoxView.prototype.b8 = function () {
             if (this.p) {
@@ -83825,7 +84173,7 @@
                 if (this.g.bi == false) {
                     this.ae.setStyleProperty("display", "none");
                 }
-                else if ((this.g.value != null && this.g.value != "") || (this.j.cj != null && this.j.cj != "")) {
+                else if ((this.g.value != null && this.g.value != "") || (this.j.cm != null && this.j.cm != "")) {
                     this.ae.show();
                 }
                 else {
@@ -83973,9 +84321,9 @@
                 this.k.h4 = a.cc;
             }
             if (null != this.j) {
-                this.j.dy = a.hg;
-                this.j.ad = a.aw;
-                this.j.cb = a.fb;
+                this.j.d1 = a.hg;
+                this.j.af = a.aw;
+                this.j.ce = a.fb;
             }
             if (null != this.l) {
                 this.l.text = a.e0;
@@ -84006,7 +84354,7 @@
             if (!this.v) {
                 if (null != this.j) {
                     var a = this.f.text;
-                    this.j.cj = a;
+                    this.j.cm = a;
                 }
             }
         };
@@ -84241,7 +84589,7 @@
         };
         MultiColumnComboBoxView.prototype.ce = function () {
             if (this.j != null) {
-                this.j.dg();
+                this.j.dj();
             }
         };
         MultiColumnComboBoxView.prototype.ci = function (a) {
@@ -84283,7 +84631,7 @@
         };
         MultiColumnComboBoxView.prototype.ax = function (a) {
             this.d.ae.clear();
-            this.j.cj = "";
+            this.j.cm = "";
             this.g.text = "";
             this.g.value = null;
         };
@@ -84297,7 +84645,7 @@
             }
             if (null != this.j) {
                 this.j.focus();
-                this.j.dg();
+                this.j.dj();
             }
         };
         MultiColumnComboBoxView.prototype.a7 = function (a, b) {
@@ -84341,7 +84689,7 @@
             this.b9(c);
         };
         MultiColumnComboBoxView.prototype.bj = function (a, b) {
-            var c = this.j.cj;
+            var c = this.j.cm;
             this.b9(c);
         };
         MultiColumnComboBoxView.prototype.bk = function (a, b) {
@@ -84362,7 +84710,7 @@
                     if (0 == e) {
                         break;
                     }
-                    var f = this.j.cj;
+                    var f = this.j.cm;
                     if (igniteuiWebcomponentsCore.stringIsNullOrEmpty(f)) {
                         break;
                     }
@@ -84441,7 +84789,7 @@
         };
         MultiColumnComboBoxView.prototype.bm = function (a, b) {
             if (false == this.o()) {
-                this.j.dg();
+                this.j.dj();
                 b.handled = true;
             }
         };
@@ -95794,7 +96142,7 @@
                     break;
                 case "FilterPlaceholderText":
                     if (this.n != null) {
-                        this.n.cb = this.b8;
+                        this.n.ce = this.b8;
                     }
                     break;
                 case "SearchInputType":
@@ -95837,11 +96185,11 @@
             try {
                 for (var _b = tslib_1.__values(igniteuiWebcomponentsCore.fromEnum(this.properties)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var c = _c.value;
-                    var d = c.al;
+                    var d = c.an;
                     if (this.r != null) {
                         var e = this.r.e(d, false);
                         if (e != null) {
-                            if (c.p(e)) {
+                            if (c.r(e)) {
                                 b = true;
                             }
                         }
@@ -96143,7 +96491,7 @@
         PropertyEditor.prototype.ct = function (a, b) {
             var c = a;
             var d = this.s(c, b.cellInfo.et, b.rowObject);
-            b.resolvedValue = igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsLayouts.PropertyEditorValueType_$type, d != null ? d.n : 0);
+            b.resolvedValue = igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsLayouts.PropertyEditorValueType_$type, d != null ? d.p : 0);
         };
         PropertyEditor.prototype.dm = function (a, b) {
             var c = a;
@@ -96152,10 +96500,10 @@
                 b.resolvedValue = null;
                 return;
             }
-            b.resolvedValue = d.aj != null ? d.aj : d.al;
+            b.resolvedValue = d.al != null ? d.al : d.an;
         };
         PropertyEditor.prototype.a9 = function (a) {
-            switch (a.n) {
+            switch (a.p) {
                 case 10: return this.aw(a);
                 case 7: return this.ax(a);
                 case 4: return this.az(a);
@@ -96256,12 +96604,12 @@
             return this.m.i(this.cb(a)) + 17;
         };
         PropertyEditor.prototype.cb = function (a) {
-            return a.aj != null ? a.aj : a.al;
+            return a.al != null ? a.al : a.an;
         };
         PropertyEditor.prototype.cs = function (a, b) {
             var c = a;
             var d = this.s(c, b.cellInfo.et, b.cellInfo.g4);
-            var e = d != null ? d.n : 0;
+            var e = d != null ? d.p : 0;
             switch (e) {
                 case 10:
                     this.cu(c, b);
@@ -96357,8 +96705,8 @@
                 }
                 var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
                 var f = c.inputs._inner[0];
-                f.bd = e;
-                f.cj = (e.ad != null ? e.ad.toString() : "");
+                f.bf = e;
+                f.cm = (e.af != null ? e.af.toString() : "");
                 if (d) {
                     f.changing = igniteuiWebcomponentsCore.delegateCombine(f.changing, igniteuiWebcomponentsCore.runOn(_this, _this.dj));
                 }
@@ -96372,9 +96720,9 @@
                 }
                 var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
                 c.ez = e;
-                var f = e.ad;
-                if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                    f = e.ad.toString();
+                var f = e.af;
+                if (typeof e.af === 'number' || typeof e.af === 'number') {
+                    f = e.af.toString();
                 }
                 _this.m.ac(c, f);
                 if (d) {
@@ -96396,12 +96744,12 @@
                     c.c4 = e;
                     c.value = null;
                     c.itemsSource = _this.b(_this.a(e));
-                    if (e.ad != c.value) {
-                        if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                            c.value = e.ad.toString();
+                    if (e.af != c.value) {
+                        if (typeof e.af === 'number' || typeof e.af === 'number') {
+                            c.value = e.af.toString();
                         }
                         else {
-                            c.value = e.ad;
+                            c.value = e.af;
                         }
                     }
                     if (!d) {
@@ -96409,12 +96757,12 @@
                     }
                 }
                 else {
-                    if (e.ad != c.value) {
-                        if (typeof e.ad === 'number' || typeof e.ad === 'number') {
-                            c.value = e.ad.toString();
+                    if (e.af != c.value) {
+                        if (typeof e.af === 'number' || typeof e.af === 'number') {
+                            c.value = e.af.toString();
                         }
                         else {
-                            c.value = e.ad;
+                            c.value = e.af;
                         }
                     }
                 }
@@ -96458,25 +96806,25 @@
             var c = a;
             var d = c.c4;
             this.an = true;
-            d.ad = c.value;
-            d.am();
+            d.af = c.value;
+            d.ao();
             this.an = false;
             this.dv(d);
         };
         PropertyEditor.prototype.dj = function (a, b) {
             var c = a;
-            var d = c.bd;
+            var d = c.bf;
             this.an = true;
-            if (d.n == 1) {
+            if (d.p == 1) {
                 var e = 0;
-                var f = igniteuiWebcomponentsCore.tryParseNumber(c.cj, e);
+                var f = igniteuiWebcomponentsCore.tryParseNumber(c.cm, e);
                 e = f.p1;
-                d.ad = e;
+                d.af = e;
             }
             else {
-                d.ad = c.cj;
+                d.af = c.cm;
             }
-            d.am();
+            d.ao();
             this.an = false;
             this.dv(d);
         };
@@ -96484,7 +96832,7 @@
             var c = a;
             var d = c.ez;
             this.an = true;
-            d.an();
+            d.ap();
             this.an = false;
             this.dv(d);
         };
@@ -96511,9 +96859,9 @@
                 d = d.ae;
             }
             for (var e = 0; e < d.count; e++) {
-                var f = d._inner[e].al;
+                var f = d._inner[e].an;
                 if (this.as(f, a)) {
-                    d._inner[e].ap(a, b, c);
+                    d._inner[e].ar(a, b, c);
                 }
             }
             if (this.ap) {
@@ -96590,22 +96938,22 @@
         PropertyEditor.prototype.c4 = function (a, b, c, d) {
             for (var e = 0; e < a.count; e++) {
                 var f = a._inner[e];
-                if (f.n == 20) {
+                if (f.p == 20) {
                     continue;
                 }
                 if (f.i != null) {
                     for (var g = 0; g < f.i.count; g++) {
                         var h = f.i._inner[g];
-                        var i = b + f.al + "[" + g + "]";
+                        var i = b + f.an + "[" + g + "]";
                         this.c4(h.a, i, c, h.b);
                     }
                 }
                 else if (f.g != null) {
-                    var j = b + f.al;
+                    var j = b + f.an;
                     this.c4(f.g.a, j, c, f.g.b);
                 }
                 else {
-                    c.h(b + f.al, f.ad, d);
+                    c.h(b + f.an, f.af, d);
                 }
             }
         };
@@ -96639,7 +96987,7 @@
                     c.t = true;
                 }
                 var e = _this.s(a, b.cellInfo.et, b.cellInfo.g4);
-                var f = e.ad;
+                var f = e.af;
                 if (f == null) {
                     f = false;
                 }
@@ -96675,8 +97023,8 @@
             var c = a;
             var d = c.a5;
             this.an = true;
-            d.ad = c.checked;
-            d.am();
+            d.af = c.checked;
+            d.ao();
             this.an = false;
             this.dv(d);
         };
@@ -96689,7 +97037,7 @@
                 d = this.actualProperties._inner[b.rowNumber];
             }
             var e = this.s(c, b.rowNumber, d);
-            var f = e != null ? e.n : 0;
+            var f = e != null ? e.p : 0;
             b.styleKey = "editortype_" + igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsLayouts.PropertyEditorValueType_$type, f);
         };
         PropertyEditor.prototype.dk = function (a, b) {