igniteui-angular-data-grids 21.1.0-beta.0 → 21.1.0-beta.1

package/esm2015/lib/GridIconRepository.js

@@ -56,10 +56,10 @@ export let GridIconRepository = /*@__PURE__*/ (() => {
     GridIconRepository.$t = markType(GridIconRepository, 'GridIconRepository');
     GridIconRepository.a = false;
     GridIconRepository.ar = "M12 14c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 14 12 14 z M12 8c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 8 12 8z M12 16 c1.1 0 2 0.9 2 2s -0.9 2 -2 2 s-2 -0.9 -2 -2 S10.9 16 12 16z";
-    GridIconRepository.x = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 5.5C5.5 4.948 5.948 4.5 6.5 4.5H21.5C22.052 4.5 22.5 4.948 22.5 5.5V22.5C22.5 23.052 22.052 23.5 21.5 23.5H6.5C5.948 23.5 5.5 23.052 5.5 22.5V5.5Z\" fill=\"white\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M5.5 17.5H22.5M5.5 10.5H22.5M10.5 4.5V23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5 3H17.5V25H10.5V3Z\" fill=\"#D2DBFF\" stroke=\"#6988FF\" stroke-linecap=\"round\"/>\r\n<line x1=\"17.5\" y1=\"17.5\" x2=\"10.5\" y2=\"17.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<line x1=\"17.5\" y1=\"10.5\" x2=\"10.5\" y2=\"10.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<rect transform=\"translate(6.5, 9.5)\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"white\" stroke=\"none\"/>\r\n<path d=\"M10.5 16L8.5 14L10.5 12\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8.5 14H13\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
-    GridIconRepository.z = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" transform=\"scale(-1, 1)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 5.5C5.5 4.948 5.948 4.5 6.5 4.5H21.5C22.052 4.5 22.5 4.948 22.5 5.5V22.5C22.5 23.052 22.052 23.5 21.5 23.5H6.5C5.948 23.5 5.5 23.052 5.5 22.5V5.5Z\" fill=\"white\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M5.5 17.5H22.5M5.5 10.5H22.5M10.5 4.5V23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5 3H17.5V25H10.5V3Z\" fill=\"#D2DBFF\" stroke=\"#6988FF\" stroke-linecap=\"round\"/>\r\n<line x1=\"17.5\" y1=\"17.5\" x2=\"10.5\" y2=\"17.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<line x1=\"17.5\" y1=\"10.5\" x2=\"10.5\" y2=\"10.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<rect transform=\"translate(6.5, 9.5)\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"white\" stroke=\"none\"/>\r\n<path d=\"M10.5 16L8.5 14L10.5 12\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8.5 14H13\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
-    GridIconRepository.ab = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 5.5C4.5 4.948 4.948 4.5 5.5 4.5H22.5C23.052 4.5 23.5 4.948 23.5 5.5V22.5C23.5 23.052 23.052 23.5 22.5 23.5H5.5C4.948 23.5 4.5 23.052 4.5 22.5V5.5Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 5.5C5 5.224 5.224 5 5.5 5H10.5V23H5.5C5.224 23 5 22.776 5 22.5V5.5Z\" fill=\"#D2DBFF\" stroke=\"none\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M10.5 17.5H23.5M10.5 10.5H23.5\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10.5 4.5V23.5\" stroke-linejoin=\"round\"/>\r\n<line x1=\"10\" y1=\"17.5\" x2=\"5\" y2=\"17.5\" stroke=\"#6988FF\"/>\r\n<line x1=\"10\" y1=\"10.5\" x2=\"5\" y2=\"10.5\" stroke=\"#6988FF\"/>\r\n</svg>";
-    GridIconRepository.ad = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" transform=\"scale(-1, 1)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 5.5C4.5 4.948 4.948 4.5 5.5 4.5H22.5C23.052 4.5 23.5 4.948 23.5 5.5V22.5C23.5 23.052 23.052 23.5 22.5 23.5H5.5C4.948 23.5 4.5 23.052 4.5 22.5V5.5Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 5.5C5 5.224 5.224 5 5.5 5H10.5V23H5.5C5.224 23 5 22.776 5 22.5V5.5Z\" fill=\"#D2DBFF\" stroke=\"none\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M10.5 17.5H23.5M10.5 10.5H23.5\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10.5 4.5V23.5\" stroke-linejoin=\"round\"/>\r\n<line x1=\"10\" y1=\"17.5\" x2=\"5\" y2=\"17.5\" stroke=\"#6988FF\"/>\r\n<line x1=\"10\" y1=\"10.5\" x2=\"5\" y2=\"10.5\" stroke=\"#6988FF\"/>\r\n</svg>";
+    GridIconRepository.x = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 5.5C5.5 4.948 5.948 4.5 6.5 4.5H21.5C22.052 4.5 22.5 4.948 22.5 5.5V22.5C22.5 23.052 22.052 23.5 21.5 23.5H6.5C5.948 23.5 5.5 23.052 5.5 22.5V5.5Z\" fill=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M5.5 17.5H22.5M5.5 10.5H22.5M10.5 4.5V23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5 3H17.5V25H10.5V3Z\" fill=\"#D2DBFF\" stroke=\"#6988FF\" stroke-linecap=\"round\"/>\r\n<line x1=\"17.5\" y1=\"17.5\" x2=\"10.5\" y2=\"17.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<line x1=\"17.5\" y1=\"10.5\" x2=\"10.5\" y2=\"10.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<rect transform=\"translate(6.5, 9.5)\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"white\" stroke=\"none\"/>\r\n<path d=\"M10.5 16L8.5 14L10.5 12\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8.5 14H13\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
+    GridIconRepository.z = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" transform=\"scale(-1, 1)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.5 5.5C5.5 4.948 5.948 4.5 6.5 4.5H21.5C22.052 4.5 22.5 4.948 22.5 5.5V22.5C22.5 23.052 22.052 23.5 21.5 23.5H6.5C5.948 23.5 5.5 23.052 5.5 22.5V5.5Z\" fill=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M5.5 17.5H22.5M5.5 10.5H22.5M10.5 4.5V23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5 3H17.5V25H10.5V3Z\" fill=\"#D2DBFF\" stroke=\"#6988FF\" stroke-linecap=\"round\"/>\r\n<line x1=\"17.5\" y1=\"17.5\" x2=\"10.5\" y2=\"17.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<line x1=\"17.5\" y1=\"10.5\" x2=\"10.5\" y2=\"10.5\" stroke=\"#6988FF\" stroke-linecap=\"square\"/>\r\n<rect transform=\"translate(6.5, 9.5)\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"white\" stroke=\"none\"/>\r\n<path d=\"M10.5 16L8.5 14L10.5 12\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M8.5 14H13\" stroke=\"#2E2E30\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
+    GridIconRepository.ab = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 5.5C4.5 4.948 4.948 4.5 5.5 4.5H22.5C23.052 4.5 23.5 4.948 23.5 5.5V22.5C23.5 23.052 23.052 23.5 22.5 23.5H5.5C4.948 23.5 4.5 23.052 4.5 22.5V5.5Z\" fill=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 5.5C5 5.224 5.224 5 5.5 5H10.5V23H5.5C5.224 23 5 22.776 5 22.5V5.5Z\" fill=\"#D2DBFF\" stroke=\"none\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M10.5 17.5H23.5M10.5 10.5H23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10.5 5V23\" stroke=\"#6988FF\" stroke-linejoin=\"round\"/>\r\n<line x1=\"10\" y1=\"17.5\" x2=\"5\" y2=\"17.5\" stroke=\"#6988FF\"/>\r\n<line x1=\"10\" y1=\"10.5\" x2=\"5\" y2=\"10.5\" stroke=\"#6988FF\"/>\r\n</svg>";
+    GridIconRepository.ad = "\r\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" transform=\"scale(-1, 1)\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.5 5.5C4.5 4.948 4.948 4.5 5.5 4.5H22.5C23.052 4.5 23.5 4.948 23.5 5.5V22.5C23.5 23.052 23.052 23.5 22.5 23.5H5.5C4.948 23.5 4.5 23.052 4.5 22.5V5.5Z\" fill=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 5.5C5 5.224 5.224 5 5.5 5H10.5V23H5.5C5.224 23 5 22.776 5 22.5V5.5Z\" fill=\"#D2DBFF\" stroke=\"none\"/>\r\n<path opacity=\"0.3\" d=\"M17.5 4.5V23.5M10.5 17.5H23.5M10.5 10.5H23.5\" stroke=\"#2E2E30\" stroke-linejoin=\"round\"/>\r\n<path d=\"M10.5 5V23\" stroke=\"#6988FF\" stroke-linejoin=\"round\"/>\r\n<line x1=\"10\" y1=\"17.5\" x2=\"5\" y2=\"17.5\" stroke=\"#6988FF\"/>\r\n<line x1=\"10\" y1=\"10.5\" x2=\"5\" y2=\"10.5\" stroke=\"#6988FF\"/>\r\n</svg>";
     GridIconRepository.ap = "\r\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 12C21 12.5 18 18 12 18C6 18 3 12.5 3 12C3 11.5 6 6 12 6C18 6 21 11.5 21 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 12C15 13.657 13.657 15 12 15C10.343 15 9 13.657 9 12C9 10.343 10.343 9 12 9C13.657 9 15 10.343 15 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
     GridIconRepository.an = "\r\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 12C21 12.5 18 18 12 18C6 18 3 12.5 3 12C3 11.5 6 6 12 6C18 6 21 11.5 21 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 12C15 13.657 13.657 15 12 15C10.343 15 9 13.657 9 12C9 10.343 10.343 9 12 9C13.657 9 15 10.343 15 12Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M6 3.5L18 20.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";
     GridIconRepository.v = "\r\n<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5 6C5 5.44772 5.44772 5 6 5H18C18.5523 5 19 5.44772 19 6V8.5C19 9.05228 18.5523 9.5 18 9.5H6C5.44772 9.5 5 9.05228 5 8.5V6Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M5.5 14.5H18.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M5.5 19.5H18.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>";

package/esm2015/lib/ISummaryChooserView_combined.js

@@ -322,7 +322,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
         a6() {
             if (this.e != null) {
                 this.e.density = this.m;
-                this.e.fp = this.ba;
+                this.e.textColor = this.ba;
                 this.e.baseTheme = this.i;
                 this.e.backgroundColor = this.a9;
                 this.e.showSelectAll = false;
@@ -381,7 +381,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 if (d.iD == a) {
                     d.isSelected = b;
                     if (this.e != null) {
-                        this.e.dv(c, d, d);
+                        this.e.dw(c, d, d);
                     }
                     break;
                 }
@@ -393,7 +393,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
             c.label = b;
             this.q.add(c);
             if (this.e != null) {
-                this.e.ds(this.q.count - 1, c);
+                this.e.dt(this.q.count - 1, c);
             }
             this.c.onItemInserted();
         }
@@ -403,7 +403,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 if (c.iD == a) {
                     this.q.removeAt(b);
                     if (this.e != null) {
-                        this.e.du(b, c);
+                        this.e.dv(b, c);
                     }
                     break;
                 }
@@ -416,7 +416,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 if (d.iD == a) {
                     d.label = b;
                     if (this.e != null) {
-                        this.e.dv(c, d, d);
+                        this.e.dw(c, d, d);
                     }
                     break;
                 }

package/esm2015/lib/MultiColumnComboBoxView_combined.js

@@ -680,7 +680,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
                 let f = this.g;
                 let g = this.g.p();
-                e = g.no();
+                e = g.nq();
             }
             d.d = e;
             d.b = a;
@@ -846,7 +846,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     this.d.isColumnOptionsEnabled = false;
                     this.d.isActiveCellStyleEnabled = false;
                     this.d.cornerRadius = new CornerRadius(0, 0);
-                    this.d.i8 = false;
+                    this.d.i9 = false;
                     let b = this.d;
                     b.activeCellChanged = delegateCombine(b.activeCellChanged, runOn(this, this.a7));
                     let c = this.d;
@@ -1125,7 +1125,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let k = this.e.activeCell;
                         if (null != j.activeCell) {
-                            this.d.kv(false, false);
+                            this.d.kx(false, false);
                             b.preventDefault();
                         }
                         else {
@@ -1152,7 +1152,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let o = this.e.activeCell;
                         if (null != n.activeCell) {
-                            this.d.k8(false, false);
+                            this.d.la(false, false);
                             b.preventDefault();
                         }
                         else {
@@ -2403,7 +2403,7 @@ export let MultiColumnComboBox = /*@__PURE__*/ (() => {
                 return c._inner[0];
             }
             for (let d of fromEnum(c)) {
-                if (0 == StringComparer.b.compare(d.nj, a)) {
+                if (0 == StringComparer.b.compare(d.nl, a)) {
                     return d;
                 }
             }

package/esm2015/lib/PropertyEditorView_combined.js

@@ -743,11 +743,11 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
                 let a = new TextColumn();
                 a.lm = 10;
                 a.ln = 5;
-                a.nj = "PropertyPath";
+                a.nl = "PropertyPath";
                 a.dataBinding = delegateCombine(a.dataBinding, runOn(this, this.dp));
                 this.l.columns.add(a);
                 let b = new TemplateColumn();
-                b.nj = "ValueType";
+                b.nl = "ValueType";
                 b.lm = 5;
                 b.ln = 5;
                 b.dataBinding = delegateCombine(b.dataBinding, runOn(this, this.cu));
@@ -838,8 +838,8 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
                         return $ret;
                     })());
                     s.dataBinding = delegateCombine(s.dataBinding, runOn(this, this.dp));
-                    s.ob = "PropertyName_" + k;
-                    s.nj = "PropertyName";
+                    s.od = "PropertyName_" + k;
+                    s.nl = "PropertyName";
                     c.add(s);
                     this.au.item(s, c.count - 1);
                     g++;
@@ -876,8 +876,8 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
                 }
                 if (c.count <= g) {
                     let v = new TemplateColumn();
-                    v.ob = "ValueType_" + k;
-                    v.nj = "ValueType";
+                    v.od = "ValueType_" + k;
+                    v.nl = "ValueType";
                     v.lm = 5;
                     v.ln = 5;
                     v.dataBinding = delegateCombine(v.dataBinding, runOn(this, this.cu));

package/esm2015/lib/TemplateCellPresenter.js

@@ -29,7 +29,7 @@ export let TemplateCellPresenter = /*@__PURE__*/ (() => {
                 let e = a.cs * (1 - d);
                 this.e.d0.element.setRawStyleProperty("opacity", e.toString());
             }
-            c.r8(a, this.e.d0);
+            c.sf(a, this.e.d0);
         }
     }
     TemplateCellPresenter.$t = markType(TemplateCellPresenter, 'TemplateCellPresenter', CellPresenterBase.$);

package/esm2015/lib/TemplateHeader.js

@@ -28,7 +28,7 @@ export let TemplateHeader = /*@__PURE__*/ (() => {
             super.eq(a, b, c, d);
             let e = a;
             let f = b.ci(a.l);
-            e.ob = f.ml;
+            e.ob = f.mm;
             e.n = f.hv;
             e.oe = f.jx;
         }

package/esm2015/lib/TextHeaderCell.js

@@ -50,13 +50,13 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             this.eb = d;
             let e = a.getSubRenderer(d);
             this.d4 = new GridFilterDialog();
-            this.d4.ca(e, this.ar, a);
+            this.d4.cb(e, this.ar, a);
             this.ar.append(d);
-            this.d4.b1(b, c);
+            this.d4.b2(b, c);
             this.d4.ar = 24;
             let f = this.d4.ai;
             this.d4.ai = false;
-            this.d4.by();
+            this.d4.bz();
             this.d4.ai = f;
             let g = 18;
             let h = 18;
@@ -142,7 +142,7 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             }
         }
         de(a, b, c, d) {
-            this.d4.b0();
+            this.d4.b1();
         }
         ei(a, b) {
             switch (b.propertyName) {
@@ -170,7 +170,7 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d4.ce();
+                    this.d4.cf();
                     break;
             }
         }
@@ -178,7 +178,7 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d4.by();
+                    this.d4.bz();
                     break;
             }
         }
@@ -291,7 +291,7 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             switch (this.d3) {
                 case 1:
                     this.d4.ai = false;
-                    this.d4.ce();
+                    this.d4.cf();
                     break;
                 case 2:
                     this.d4.ai = false;

package/esm2015/lib/TextHeaderCellPresenter.js

@@ -68,50 +68,53 @@ export let TextHeaderCellPresenter = /*@__PURE__*/ (() => {
                     this.d.d3 = b.og;
                 }
                 if (a.bb("ColumnOptionsIconColor")) {
-                    this.d.d5.c1 = b.p9;
+                    this.d.d5.c4 = b.qc;
                 }
                 if (a.bb("Path") || (this.d.d5.n != null && this.d.d5.n.grid == null)) {
                     let f = a.e.getColumn();
                     if (f != this.d.d5.n) {
                         this.d.d5.n = f;
-                        this.d.d5.bx();
+                        this.d.d5.by();
                     }
                 }
                 if (a.bc(TextHeaderCellModel.o7)) {
                     this.d.db(b.ok);
                 }
                 if (a.bc(TextHeaderCellModel.ot)) {
-                    this.d.d5.ct = b.p4;
+                    this.d.d5.cv = b.p7;
                 }
                 if (a.bc(TextHeaderCellModel.o5)) {
-                    this.d.d5.cz = b.qb;
+                    this.d.d5.c1 = b.qe;
                 }
                 if (a.bc(TextHeaderCellModel.o6)) {
                     this.d.d5.ab = b.oo;
                 }
                 if (a.bc(TextHeaderCellModel.oy)) {
-                    this.d.d5.cx = b.p8;
+                    this.d.d5.cz = b.qb;
                 }
                 if (a.bc(TextHeaderCellModel.o8)) {
-                    this.d.d5.c0 = b.qc;
+                    this.d.d5.c2 = b.qf;
+                }
+                if (a.bc(TextHeaderCellModel.o9)) {
+                    this.d.d5.c3 = b.qg;
                 }
                 if (a.bc(TextHeaderCellModel.ox)) {
-                    this.d.d5.cw = b.p7;
+                    this.d.d5.cy = b.qa;
                 }
                 if (a.bc(TextHeaderCellModel.o4)) {
-                    this.d.d5.cy = b.qa;
+                    this.d.d5.c0 = b.qd;
                 }
                 if (a.bc(TextHeaderCellModel.ou)) {
-                    this.d.d5.cu = b.p5;
+                    this.d.d5.cw = b.p8;
                 }
                 if (a.bc(TextHeaderCellModel.ov)) {
-                    this.d.d5.cv = b.p6;
+                    this.d.d5.cx = b.p9;
                 }
                 if (a.bc(TextHeaderCellModel.ow)) {
                     this.d.d5.aa = b.on;
                 }
                 if (a.bc(TextHeaderCellModel.os)) {
-                    this.d.d5.cs = b.p3;
+                    this.d.d5.cu = b.p6;
                 }
                 if (a.bc(TextHeaderCellModel.o3)) {
                     this.d.d5.ax = b.o2;

package/esm2015/lib/igx-checkbox-list-component.js

@@ -176,25 +176,25 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.dataMemberPath = v;
         }
         get dataLegendTarget() {
-            return this.i.bq;
+            return this.i.dataLegendTarget;
         }
         set dataLegendTarget(v) {
-            this.i.bq = v;
+            this.i.dataLegendTarget = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get subtitleMemberPath() {
-            return this.i.c7;
+            return this.i.subtitleMemberPath;
         }
         set subtitleMemberPath(v) {
-            this.i.c7 = v;
+            this.i.subtitleMemberPath = v;
         }
         get propertyTypeMemberPath() {
-            return this.i.cm;
+            return this.i.propertyTypeMemberPath;
         }
         set propertyTypeMemberPath(v) {
-            this.i.cm = v;
+            this.i.propertyTypeMemberPath = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -289,19 +289,19 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fm);
         }
         set searchBackgroundColor(v) {
-            this.i.fj = stringToBrush(v);
+            this.i.fm = stringToBrush(v);
         }
         /**
          * Gets or sets the search background color.
         */
         get labelClickTriggersChange() {
-            return this.i.a6;
+            return this.i.labelClickTriggersChange;
         }
         set labelClickTriggersChange(v) {
-            this.i.a6 = ensureBool(v);
+            this.i.labelClickTriggersChange = ensureBool(v);
         }
         /**
          * Gets or sets the search text color.
@@ -316,10 +316,19 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.searchBorderColor);
         }
         set searchBorderColor(v) {
-            this.i.fk = stringToBrush(v);
+            this.i.searchBorderColor = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the search focus border color.
+        */
+        get searchFocusBorderColor() {
+            return brushToString(this.i.searchFocusBorderColor);
+        }
+        set searchFocusBorderColor(v) {
+            this.i.searchFocusBorderColor = stringToBrush(v);
         }
         /**
          * Gets or sets the text style.
@@ -339,55 +348,55 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.e9);
+            return brushToString(this.i.fc);
         }
         set checkboxTickColor(v) {
-            this.i.e9 = stringToBrush(v);
+            this.i.fc = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.checkboxCheckedBackgroundColor);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.e7 = stringToBrush(v);
+            this.i.checkboxCheckedBackgroundColor = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.fa);
+            return brushToString(this.i.checkboxUncheckedBackgroundColor);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.fa = stringToBrush(v);
+            this.i.checkboxUncheckedBackgroundColor = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.e8);
+            return brushToString(this.i.checkboxCheckedBorderColor);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.e8 = stringToBrush(v);
+            this.i.checkboxCheckedBorderColor = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.fb);
+            return brushToString(this.i.checkboxUncheckedBorderColor);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.fb = stringToBrush(v);
+            this.i.checkboxUncheckedBorderColor = stringToBrush(v);
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get checkboxCornerRadius() {
-            return this.i.bc;
+            return this.i.checkboxCornerRadius;
         }
         set checkboxCornerRadius(v) {
-            this.i.bc = +v;
+            this.i.checkboxCornerRadius = +v;
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -402,37 +411,37 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.fi);
+            return brushToString(this.i.fl);
         }
         set scrollbarBackground(v) {
-            this.i.fi = stringToBrush(v);
+            this.i.fl = stringToBrush(v);
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.c0;
+            return this.i.c1;
         }
         set selectAllCaption(v) {
-            this.i.c0 = v;
+            this.i.c1 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.selectAllCaptionTextColor);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.fn = stringToBrush(v);
+            this.i.selectAllCaptionTextColor = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e8);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.e5 = stringToBrush(v);
+            this.i.e8 = stringToBrush(v);
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -465,10 +474,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.fp);
+            return brushToString(this.i.textColor);
         }
         set textColor(v) {
-            this.i.fp = stringToBrush(v);
+            this.i.textColor = stringToBrush(v);
         }
         /**
          * Gets or sets whether the filter input is visible.
@@ -492,10 +501,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get checkboxAlignedRight() {
-            return this.i.az;
+            return this.i.checkboxAlignedRight;
         }
         set checkboxAlignedRight(v) {
-            this.i.az = ensureBool(v);
+            this.i.checkboxAlignedRight = ensureBool(v);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -566,17 +575,17 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.ej();
+            this.i.el();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.dg();
+            this.i.dh();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.dv(index, oldItem, newItem);
+            this.i.dw(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.
@@ -584,22 +593,22 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.dr();
+            this.i.ds();
         }
         notifyInsertItem(index, newItem) {
-            this.i.ds(index, newItem);
+            this.i.dt(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.du(index, oldItem);
+            this.i.dv(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.db(value);
+            this.i.dc(value);
         }
         removeKeyValue(value) {
-            this.i.eh(value);
+            this.i.ej(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));
@@ -782,13 +791,13 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         }
     }
     IgxCheckboxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxCheckboxListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-    IgxCheckboxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: { height: "height", width: "width", dataSource: "dataSource", keys: "keys", primaryKey: "primaryKey", dataMemberPath: "dataMemberPath", dataLegendTarget: "dataLegendTarget", subtitleMemberPath: "subtitleMemberPath", propertyTypeMemberPath: "propertyTypeMemberPath", selectedMemberPath: "selectedMemberPath", filterPlaceholderText: "filterPlaceholderText", searchInputType: "searchInputType", rowHeight: "rowHeight", cellTextStyle: "cellTextStyle", indexType: "indexType", baseTheme: "baseTheme", density: "density", searchIconColor: "searchIconColor", searchBackgroundColor: "searchBackgroundColor", labelClickTriggersChange: "labelClickTriggersChange", searchTextColor: "searchTextColor", searchBorderColor: "searchBorderColor", searchTextStyle: "searchTextStyle", checkboxTickColor: "checkboxTickColor", checkboxCheckedBackgroundColor: "checkboxCheckedBackgroundColor", checkboxUncheckedBackgroundColor: "checkboxUncheckedBackgroundColor", checkboxCheckedBorderColor: "checkboxCheckedBorderColor", checkboxUncheckedBorderColor: "checkboxUncheckedBorderColor", checkboxCornerRadius: "checkboxCornerRadius", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", selectAllCaption: "selectAllCaption", selectAllCaptionTextColor: "selectAllCaptionTextColor", actualSelectAllCaptionTextColor: "actualSelectAllCaptionTextColor", showSelectAll: "showSelectAll", backgroundColor: "backgroundColor", rowHoverBackgroundColor: "rowHoverBackgroundColor", textColor: "textColor", showFilter: "showFilter", isRowHoverEnabled: "isRowHoverEnabled", checkboxAlignedRight: "checkboxAlignedRight" }, outputs: { selectedKeyAdded: "selectedKeyAdded", selectedKeyRemoved: "selectedKeyRemoved", checkedChanged: "checkedChanged", labelClicked: "labelClicked", indexTypeChanged: "indexTypeChanged", keysCleared: "keysCleared", selectAllCheckboxChanged: "selectAllCheckboxChanged" }, host: { classAttribute: "ig-checkbox-list igx-checkbox-list" }, providers: [], viewQueries: [{ propertyName: "_listGrid", first: true, predicate: ["listGrid"], descendants: true, read: IgxDataGridComponent, static: true }, { propertyName: "_listContainer", first: true, predicate: ["listContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "_hrElement", first: true, predicate: ["hrElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_selectAllSection", first: true, predicate: ["selectAllSection"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `<div #listContainer style="width: 100%; height: 100%">
+    IgxCheckboxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: { height: "height", width: "width", dataSource: "dataSource", keys: "keys", primaryKey: "primaryKey", dataMemberPath: "dataMemberPath", dataLegendTarget: "dataLegendTarget", subtitleMemberPath: "subtitleMemberPath", propertyTypeMemberPath: "propertyTypeMemberPath", selectedMemberPath: "selectedMemberPath", filterPlaceholderText: "filterPlaceholderText", searchInputType: "searchInputType", rowHeight: "rowHeight", cellTextStyle: "cellTextStyle", indexType: "indexType", baseTheme: "baseTheme", density: "density", searchIconColor: "searchIconColor", searchBackgroundColor: "searchBackgroundColor", labelClickTriggersChange: "labelClickTriggersChange", searchTextColor: "searchTextColor", searchBorderColor: "searchBorderColor", searchFocusBorderColor: "searchFocusBorderColor", searchTextStyle: "searchTextStyle", checkboxTickColor: "checkboxTickColor", checkboxCheckedBackgroundColor: "checkboxCheckedBackgroundColor", checkboxUncheckedBackgroundColor: "checkboxUncheckedBackgroundColor", checkboxCheckedBorderColor: "checkboxCheckedBorderColor", checkboxUncheckedBorderColor: "checkboxUncheckedBorderColor", checkboxCornerRadius: "checkboxCornerRadius", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", selectAllCaption: "selectAllCaption", selectAllCaptionTextColor: "selectAllCaptionTextColor", actualSelectAllCaptionTextColor: "actualSelectAllCaptionTextColor", showSelectAll: "showSelectAll", backgroundColor: "backgroundColor", rowHoverBackgroundColor: "rowHoverBackgroundColor", textColor: "textColor", showFilter: "showFilter", isRowHoverEnabled: "isRowHoverEnabled", checkboxAlignedRight: "checkboxAlignedRight" }, outputs: { selectedKeyAdded: "selectedKeyAdded", selectedKeyRemoved: "selectedKeyRemoved", checkedChanged: "checkedChanged", labelClicked: "labelClicked", indexTypeChanged: "indexTypeChanged", keysCleared: "keysCleared", selectAllCheckboxChanged: "selectAllCheckboxChanged" }, host: { classAttribute: "ig-checkbox-list igx-checkbox-list" }, providers: [], viewQueries: [{ propertyName: "_listGrid", first: true, predicate: ["listGrid"], descendants: true, read: IgxDataGridComponent, static: true }, { propertyName: "_listContainer", first: true, predicate: ["listContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "_hrElement", first: true, predicate: ["hrElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_selectAllSection", first: true, predicate: ["selectAllSection"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `<div #listContainer style="width: 100%; height: 100%">
                 <div>             
                 </div>
                 <hr #hrElement>
                 <div #selectAllSection key='checkBoxListSelectAllSection'></div>
                 <igx-data-grid #listGrid headerHeight="0"></igx-data-grid>
-                </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "theme", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "useNewerColumnOptionsMenu", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "cellSelectedTextColor", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderExpansionIndicatorIconColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "actualBorder", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "actualBackground", "background", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "columnOptionsBackground", "columnOptionsTextColor", "columnOptionsTextStyle", "columnOptionsHoverBackgroundColor", "columnOptionsToolTipBackgroundColor", "columnOptionsHighlightColor", "columnOptionsSeparatorColor", "columnOptionsGroupHeaderBackground", "columnOptionsGroupHeaderTextColor", "columnOptionsGroupHeaderTextStyle", "columnOptionsAccentColor", "columnOptionsRowHeight", "allowCopyOperation", "maxSelectedCellRanges", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "filterRowDataBinding", "filterRowDataBound", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+                </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "theme", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "useNewerColumnOptionsMenu", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "cellSelectedTextColor", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderExpansionIndicatorIconColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "actualBorder", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "actualBackground", "background", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "expandCollapseOnSectionHeaderClick", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "columnOptionsBackground", "columnOptionsTextColor", "columnOptionsTextStyle", "columnOptionsHoverBackgroundColor", "columnOptionsToolTipBackgroundColor", "columnOptionsToolTipTextColor", "columnOptionsHighlightColor", "columnOptionsSeparatorColor", "columnOptionsGroupHeaderBackground", "columnOptionsGroupHeaderTextColor", "columnOptionsGroupHeaderTextStyle", "columnOptionsAccentColor", "columnOptionsRowHeight", "allowCopyOperation", "maxSelectedCellRanges", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "filterRowDataBinding", "filterRowDataBound", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxCheckboxListComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxCheckboxListComponent, decorators: [{
@@ -867,6 +876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], searchBorderColor: [{
                 type: Input
+            }], searchFocusBorderColor: [{
+                type: Input
             }], searchTextStyle: [{
                 type: Input
             }], checkboxTickColor: [{