igniteui-webcomponents-data-grids 7.1.0-beta.0 → 7.1.0-beta.2

package/esm2015/lib/GridIconRepository.js

@@ -53,10 +53,10 @@ let GridIconRepository = /*@__PURE__*/ (() => {
     GridIconRepository.$t = /*@__PURE__*/ 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

@@ -317,7 +317,7 @@ 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;
@@ -376,7 +376,7 @@ 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;
                 }
@@ -388,7 +388,7 @@ 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();
         }
@@ -398,7 +398,7 @@ 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;
                 }
@@ -411,7 +411,7 @@ 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

@@ -677,7 +677,7 @@ let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                 }
                 let f = this.g;
                 let g = this.g.p();
-                e = g.no();
+                e = g.nq();
             }
             d.d = e;
             d.b = a;
@@ -843,7 +843,7 @@ 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;
@@ -1122,7 +1122,7 @@ 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 {
@@ -1149,7 +1149,7 @@ 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 {
@@ -2398,7 +2398,7 @@ 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

@@ -738,11 +738,11 @@ 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));
@@ -833,8 +833,8 @@ 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++;
@@ -871,8 +871,8 @@ 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

@@ -26,7 +26,7 @@ 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 = /*@__PURE__*/ markType(TemplateCellPresenter, 'TemplateCellPresenter', CellPresenterBase.$);

package/esm2015/lib/TemplateHeader.js

@@ -25,7 +25,7 @@ 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

@@ -68,7 +68,7 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             }
         }
         de(a, b, c, d) {
-            this.d4.b0();
+            this.d4.b1();
         }
         constructor(a) {
             super(a);
@@ -105,13 +105,13 @@ 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;
@@ -167,7 +167,7 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d4.ce();
+                    this.d4.cf();
                     break;
             }
         }
@@ -175,7 +175,7 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d4.by();
+                    this.d4.bz();
                     break;
             }
         }
@@ -288,7 +288,7 @@ 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

@@ -65,50 +65,53 @@ 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/igc-checkbox-list-component.js

@@ -279,25 +279,25 @@ let IgcCheckboxListComponent = /*@__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.
@@ -399,21 +399,21 @@ let IgcCheckboxListComponent = /*@__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._a("searchBackgroundColor", brushToString(this.i.fj));
+            this.i.fm = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fm));
         }
         /**
          * 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._a("labelClickTriggersChange", this.i.a6);
+            this.i.labelClickTriggersChange = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.labelClickTriggersChange);
         }
         /**
          * Gets or sets the search text color.
@@ -429,11 +429,21 @@ let IgcCheckboxListComponent = /*@__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._a("searchBorderColor", brushToString(this.i.fk));
+            this.i.searchBorderColor = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.searchBorderColor));
+        }
+        /**
+         * Gets or sets the search focus border color.
+        */
+        get searchFocusBorderColor() {
+            return brushToString(this.i.searchFocusBorderColor);
+        }
+        set searchFocusBorderColor(v) {
+            this.i.searchFocusBorderColor = stringToBrush(v);
+            this._a("searchFocusBorderColor", brushToString(this.i.searchFocusBorderColor));
         }
         /**
          * Gets or sets the text style.
@@ -454,61 +464,61 @@ let IgcCheckboxListComponent = /*@__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._a("checkboxTickColor", brushToString(this.i.e9));
+            this.i.fc = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.fc));
         }
         /**
          * 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._a("checkboxCheckedBackgroundColor", brushToString(this.i.e7));
+            this.i.checkboxCheckedBackgroundColor = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.checkboxCheckedBackgroundColor));
         }
         /**
          * 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._a("checkboxUncheckedBackgroundColor", brushToString(this.i.fa));
+            this.i.checkboxUncheckedBackgroundColor = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.checkboxUncheckedBackgroundColor));
         }
         /**
          * 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._a("checkboxCheckedBorderColor", brushToString(this.i.e8));
+            this.i.checkboxCheckedBorderColor = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.checkboxCheckedBorderColor));
         }
         /**
          * 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._a("checkboxUncheckedBorderColor", brushToString(this.i.fb));
+            this.i.checkboxUncheckedBorderColor = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.checkboxUncheckedBorderColor));
         }
         /**
          * 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._a("checkboxCornerRadius", this.i.bc);
+            this.i.checkboxCornerRadius = +v;
+            this._a("checkboxCornerRadius", this.i.checkboxCornerRadius);
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -524,40 +534,40 @@ let IgcCheckboxListComponent = /*@__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._a("scrollbarBackground", brushToString(this.i.fi));
+            this.i.fl = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.fl));
         }
         /**
          * 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._a("selectAllCaptionTextColor", brushToString(this.i.fn));
+            this.i.selectAllCaptionTextColor = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.selectAllCaptionTextColor));
         }
         /**
          * 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._a("actualSelectAllCaptionTextColor", brushToString(this.i.e5));
+            this.i.e8 = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e8));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -593,11 +603,11 @@ let IgcCheckboxListComponent = /*@__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._a("textColor", brushToString(this.i.fp));
+            this.i.textColor = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.textColor));
         }
         /**
          * Gets or sets whether the filter input is visible.
@@ -623,11 +633,11 @@ let IgcCheckboxListComponent = /*@__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._a("checkboxAlignedRight", this.i.az);
+            this.i.checkboxAlignedRight = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.checkboxAlignedRight);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -698,17 +708,17 @@ let IgcCheckboxListComponent = /*@__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.
@@ -716,22 +726,22 @@ let IgcCheckboxListComponent = /*@__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));