igniteui-webcomponents-grids 4.3.3-beta.2 → 4.7.0-beta.0

package/esm5/lib/ColumnFilterCondition_combined.js

@@ -1973,7 +1973,7 @@ var CellModel = /** @class */ /*@__PURE__*/ (function (_super) {
         if (c == 1) {
             return b;
         }
-        return BrushUtil.k(a, c, b, 0);
+        return BrushUtil.l(a, c, b, 0);
     };
     CellModel.prototype.kd = function () {
         this.ke();
@@ -5635,7 +5635,7 @@ var Pager = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.b.isVirtual) {
                 this.b.firstVisibleIndexRequested = a;
                 this.b.lastVisibleIndexRequested = a + this.ah;
-                this.d.d7 = false;
+                this.d.d8 = false;
             }
             this.b2();
             this.ac.clear();
@@ -5646,7 +5646,7 @@ var Pager = /** @class */ /*@__PURE__*/ (function (_super) {
                 var c = this.b.getItemAtIndex(b);
                 this.ac.add1(c);
                 if (c != null) {
-                    this.d.d7 = true;
+                    this.d.d8 = true;
                 }
             }
             var d = new Array(this.ac.count);
@@ -5657,7 +5657,7 @@ var Pager = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.targetGrid != null) {
                 this.targetGrid.actualDataSource.queueAutoRefresh();
                 this.targetGrid.actualDataSource.flushAutoRefresh();
-                if (this.b.isVirtual && this.d.d7) {
+                if (this.b.isVirtual && this.d.d8) {
                     this.targetGrid.v4(0, this.ao - 1);
                 }
                 else {
@@ -5688,7 +5688,7 @@ var Pager = /** @class */ /*@__PURE__*/ (function (_super) {
             this.b.summaryScope = this.p;
             var b = this.b;
             b.schemaChanged = delegateCombine(b.schemaChanged, runOn(this, this.bj));
-            this.d.d6 = this.b;
+            this.d.d7 = this.b;
             switch (this.l) {
                 case 1:
                 case 0:
@@ -17165,7 +17165,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 var r = m;
                 var s = n;
-                var t = BrushUtil.k(r, l, s, 0);
+                var t = BrushUtil.l(r, l, s, 0);
                 q.kh(c, t);
             };
         }
@@ -17346,7 +17346,7 @@ var GridAnimationManager = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 var u = p;
                 var v = q;
-                var w = BrushUtil.k(u, o, v, 0);
+                var w = BrushUtil.l(u, o, v, 0);
                 t.kh(c, w);
             };
         }
@@ -25952,8 +25952,8 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(SectionHeader, _super);
     function SectionHeader() {
         var _this = _super.call(this) || this;
+        _this.fe = null;
         _this.fd = null;
-        _this.fc = null;
         _this.eu = truncate(DeviceUtils.g(12));
         _this.ew = truncate(DeviceUtils.g(1));
         _this.ev = truncate(DeviceUtils.g(1));
@@ -25961,33 +25961,33 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.eq = false;
         _this.en = 4;
         _this.sectionHeaderPropertyUpdating = null;
-        _this.es = new Dictionary$2(String_$type, ComboBoxColumn.$, 0);
-        _this.fe = _this.ef();
+        _this.es = null;
+        _this.ff = _this.ef();
         return _this;
     }
-    Object.defineProperty(SectionHeader.prototype, "ff", {
+    Object.defineProperty(SectionHeader.prototype, "fg", {
         get: function () {
-            return this.fd;
+            return this.fe;
         },
         set: function (a) {
-            var b = this.fd;
-            this.fd = a;
-            if (this.fd != b) {
-                this.c3("SelectedBackground", 10, b, this.fd);
+            var b = this.fe;
+            this.fe = a;
+            if (this.fe != b) {
+                this.c3("SelectedBackground", 10, b, this.fe);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SectionHeader.prototype, "fe", {
+    Object.defineProperty(SectionHeader.prototype, "ff", {
         get: function () {
-            return this.fc;
+            return this.fd;
         },
         set: function (a) {
-            var b = this.fc;
-            this.fc = a;
-            if (this.fc != b) {
-                this.c3("ActualSelectedBackground", 2, b, this.fc);
+            var b = this.fd;
+            this.fd = a;
+            if (this.fd != b) {
+                this.c3("ActualSelectedBackground", 2, b, this.fd);
             }
         },
         enumerable: false,
@@ -26166,38 +26166,44 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     SectionHeader.prototype.cx = function (a, b, c, d) {
         _super.prototype.cx.call(this, a, b, c, d);
-        a.ld = this.fe;
+        a.ld = this.ff;
         a.f3 = this.ey;
         a.f7 = this.e0;
         a.f5 = this.ez;
         a.f1 = this.ex;
     };
     SectionHeader.prototype.c0 = function (a, b) {
-        this.fb();
+        this.fc();
         this.c9();
         this.dg();
         this.dh();
-        this.fa();
+        this.fb();
         if (a != null) {
-            a.actualColumnsChanged = delegateRemove(a.actualColumnsChanged, runOn(this, this.e9));
+            a.actualColumnsChanged = delegateRemove(a.actualColumnsChanged, runOn(this, this.fa));
         }
         if (b != null) {
-            b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.e9));
+            b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.fa));
         }
     };
-    SectionHeader.prototype.e9 = function (a, b) {
-        this.es.clear();
-        for (var c = 0; c < b.columns.count; c++) {
-            var d = typeCast(ComboBoxColumn.$, b.columns._inner[c]);
-            if (d != null && !this.es.containsKey(d.i8)) {
-                this.es.addItem(d.i8, d);
+    SectionHeader.prototype.fa = function (a, b) {
+        this.es = null;
+        this.e9();
+    };
+    SectionHeader.prototype.e9 = function () {
+        if (this.es == null) {
+            this.es = new Dictionary$2(String_$type, ComboBoxColumn.$, 0);
+            for (var a = 0; a < this.grid.columns.count; a++) {
+                var b = typeCast(ComboBoxColumn.$, this.grid.columns._inner[a]);
+                if (b != null && !this.es.containsKey(b.i8)) {
+                    this.es.addItem(b.i8, b);
+                }
             }
         }
     };
     SectionHeader.prototype.c2 = function (a, b) {
         switch (b.propertyName) {
             case "SectionHeaderSelectedBackground":
-                this.fb();
+                this.fc();
                 break;
             case "SectionHeaderBackground":
                 this.c9();
@@ -26209,21 +26215,21 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.dh();
                 break;
             case "IsGroupCollapsable":
-                this.fa();
+                this.fb();
                 break;
         }
     };
-    SectionHeader.prototype.fb = function () {
-        if (this.ff == null) {
+    SectionHeader.prototype.fc = function () {
+        if (this.fg == null) {
             if (this.grid != null && this.grid.sectionHeaderSelectedBackground != null) {
-                this.fe = this.grid.sectionHeaderSelectedBackground;
+                this.ff = this.grid.sectionHeaderSelectedBackground;
             }
             else {
-                this.fe = this.ef();
+                this.ff = this.ef();
             }
         }
         else {
-            this.fe = this.ff;
+            this.ff = this.fg;
         }
     };
     SectionHeader.prototype.c9 = function () {
@@ -26262,7 +26268,7 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ad = this.textStyle;
         }
     };
-    SectionHeader.prototype.fa = function () {
+    SectionHeader.prototype.fb = function () {
         if (this.grid != null) {
             this.er = this.grid.isGroupCollapsable;
         }
@@ -26271,7 +26277,7 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.c4.call(this, a, b, c, d);
         switch (a) {
             case "SelectedBackground":
-                this.fb();
+                this.fc();
                 break;
         }
         if (this.sectionHeaderPropertyUpdating != null) {
@@ -26370,6 +26376,7 @@ var SectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
                         e = b.toString();
                         break;
                 }
+                this.e9();
                 if (this.es.containsKey(c.f)) {
                     var j = this.es.item(c.f);
                     var k = j.lr(b);

package/esm5/lib/ColumnGroupingView_combined.js

@@ -511,13 +511,13 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.f = 1;
         _this.h = 2;
         _this.w = "Drag a Column Here";
-        _this.bg = BrushUtil.g(158, 0, 0, 0);
+        _this.bg = BrushUtil.h(158, 0, 0, 0);
         _this.j = null;
-        _this.bf = BrushUtil.g(158, 0, 0, 0);
-        _this.bc = BrushUtil.g(158, 0, 0, 0);
-        _this.bd = BrushUtil.g(30, 0, 0, 0);
-        _this.be = BrushUtil.g(66, 0, 0, 0);
-        _this.bb = BrushUtil.g(255, 248, 248, 248);
+        _this.bf = BrushUtil.h(158, 0, 0, 0);
+        _this.bc = BrushUtil.h(158, 0, 0, 0);
+        _this.bd = BrushUtil.h(30, 0, 0, 0);
+        _this.be = BrushUtil.h(66, 0, 0, 0);
+        _this.bb = BrushUtil.h(255, 248, 248, 248);
         _this.v = 0;
         _this.n = false;
         _this.q = new ObservableCollection$1(XIcon.$, 0);
@@ -908,28 +908,28 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         else {
             c.svgPath = ColumnGrouping.ac;
         }
-        c.fill = BrushUtil.g(255, 119, 119, 119);
+        c.fill = BrushUtil.h(255, 119, 119, 119);
         this.q.add(c);
     };
     ColumnGrouping.prototype.aq = function (a) {
         var b = new XIcon();
         this.d.am(b, a);
         b.svgPath = ColumnGrouping.aa;
-        b.fill = BrushUtil.g(255, 119, 119, 119);
+        b.fill = BrushUtil.h(255, 119, 119, 119);
         this.q.add(b);
     };
     ColumnGrouping.prototype.as = function (a) {
         var b = new XIcon();
         this.d.am(b, a);
         b.svgPath = ColumnGrouping.ah;
-        b.fill = BrushUtil.g(255, 119, 119, 119);
+        b.fill = BrushUtil.h(255, 119, 119, 119);
         this.q.add(b);
     };
     ColumnGrouping.prototype.ar = function (a) {
         var b = new XIcon();
         this.d.am(b, a);
         b.svgPath = ColumnGrouping.ad;
-        b.fill = BrushUtil.g(255, 119, 119, 119);
+        b.fill = BrushUtil.h(255, 119, 119, 119);
         this.e = b;
         this.q.add(this.e);
     };

package/esm5/lib/ColumnPinningView_combined.js

@@ -99,11 +99,11 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a = null;
         _this.o = null;
         _this.i = null;
-        _this.am = BrushUtil.g(255, 0, 153, 255);
+        _this.am = BrushUtil.h(255, 0, 153, 255);
         _this.n = null;
         _this.e = 1;
         _this.g = 2;
-        _this.al = BrushUtil.g(255, 248, 248, 248);
+        _this.al = BrushUtil.h(255, 248, 248, 248);
         _this.m = false;
         var a = new ColumnPinningView();
         a.a = _this;

package/esm5/lib/DataGridToolbarView_combined.js

@@ -246,7 +246,7 @@ var DataGridToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
         a.stopPropagation();
     };
     DataGridToolbarView.prototype.w = function (a) {
-        var b = ElevationHelper.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0), 1);
+        var b = ElevationHelper.e(12, BrushUtil.h(66, 0, 0, 0), BrushUtil.h(30, 0, 0, 0), BrushUtil.h(20, 0, 0, 0), 1);
         a.setStyleProperty("boxShadow", b);
         a.setStyleProperty("background-color", this.a.bf._fill);
         a.setStyleProperty("position", "absolute");
@@ -315,9 +315,9 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a = null;
         _this.y = null;
         _this.m = null;
-        _this.bd = BrushUtil.g(255, 24, 29, 31);
-        _this.bb = BrushUtil.g(255, 248, 248, 248);
-        _this.bc = BrushUtil.g(255, 248, 248, 248);
+        _this.bd = BrushUtil.h(255, 24, 29, 31);
+        _this.bb = BrushUtil.h(255, 248, 248, 248);
+        _this.bc = BrushUtil.h(255, 248, 248, 248);
         _this.o = false;
         _this.u = null;
         _this.v = null;

package/esm5/lib/DraggerView.js

@@ -102,17 +102,17 @@ var DraggerView = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.model.cloneCell != null) {
                 this.d = this.model.cloneCell;
                 document.documentElement.appendChild(this.d.getNativeElement());
-                var a = ElevationHelper.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0));
+                var a = ElevationHelper.e(12, BrushUtil.h(66, 0, 0, 0), BrushUtil.h(30, 0, 0, 0), BrushUtil.h(20, 0, 0, 0));
                 this.d.setStyleProperty("boxShadow", a);
                 this.d.setStyleProperty("z-index", "12000");
                 this.d.setStyleProperty("min-width", "170px");
                 this.d.setStyleProperty("max-width", "250px");
                 var b = BrushUtil.a("background-color", this.d);
-                var c = BrushUtil.g(200, b[0].color.o, b[0].color.n, b[0].color.m);
+                var c = BrushUtil.h(200, b[0].color.o, b[0].color.n, b[0].color.m);
                 this.d.setStyleProperty("background-color", c._fill);
                 var d = this.d.getChildAt(0);
                 var e = BrushUtil.a("color", d);
-                var f = BrushUtil.g(200, e[0].color.o, e[0].color.n, e[0].color.m);
+                var f = BrushUtil.h(200, e[0].color.o, e[0].color.n, e[0].color.m);
                 d.setStyleProperty("color", f._fill);
             }
         }

package/esm5/lib/GridColumnOptionsViewBase_combined.js

@@ -734,8 +734,8 @@ var GridColumnOptionsBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.e.l(a);
     };
     GridColumnOptionsBase.$t = markType(GridColumnOptionsBase, 'GridColumnOptionsBase', Base.$, [INotifyPropertyChanged_$type]);
-    GridColumnOptionsBase.bp = BrushUtil.g(255, 248, 248, 248);
-    GridColumnOptionsBase.bq = BrushUtil.g(255, 24, 29, 31);
+    GridColumnOptionsBase.bp = BrushUtil.h(255, 248, 248, 248);
+    GridColumnOptionsBase.bq = BrushUtil.h(255, 24, 29, 31);
     return GridColumnOptionsBase;
 }(Base));
 export { GridColumnOptionsBase };

package/esm5/lib/GridColumnOptionsView_combined.js

@@ -215,8 +215,8 @@ var GridColumnOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.b5 = 0;
         _this.b3 = 0;
         _this.d0 = null;
-        _this.fk = BrushUtil.g(255, 24, 29, 31);
-        _this.fj = BrushUtil.g(255, 248, 248, 248);
+        _this.fk = BrushUtil.h(255, 24, 29, 31);
+        _this.fj = BrushUtil.h(255, 248, 248, 248);
         _this.applyButtonClick = null;
         _this.cancelButtonClick = null;
         return _this;

package/esm5/lib/GridColumnSummaryOptionsView_combined.js

@@ -125,8 +125,8 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.b2 = 0;
         _this.b1 = 0;
         _this.b6 = 0;
-        _this.ct = BrushUtil.g(255, 24, 29, 31);
-        _this.cs = BrushUtil.g(255, 248, 248, 248);
+        _this.ct = BrushUtil.h(255, 24, 29, 31);
+        _this.cs = BrushUtil.h(255, 248, 248, 248);
         return _this;
     }
     GridColumnSummaryOptions.prototype.f = function () {

package/esm5/lib/GridFilterDialogView_combined.js

@@ -408,9 +408,9 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.r = null;
         _this.renderCompleted = null;
         _this.r = new GridFilterDialogView(_this);
-        _this.bp = BrushUtil.g(66, 0, 0, 0);
-        _this.bo = BrushUtil.g(30, 0, 0, 0);
-        _this.bn = BrushUtil.g(20, 0, 0, 0);
+        _this.bp = BrushUtil.h(66, 0, 0, 0);
+        _this.bo = BrushUtil.h(30, 0, 0, 0);
+        _this.bn = BrushUtil.h(20, 0, 0, 0);
         return _this;
     }
     Object.defineProperty(GridFilterDialog.prototype, "an", {

package/esm5/lib/ISummaryChooserView_combined.js

@@ -118,10 +118,10 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.w = null;
         _this.l = 0;
         _this.k = 0;
-        _this.a8 = BrushUtil.g(255, 24, 29, 31);
+        _this.a8 = BrushUtil.h(255, 24, 29, 31);
         _this.h = 0;
         _this.g = 1;
-        _this.a7 = BrushUtil.g(255, 248, 248, 248);
+        _this.a7 = BrushUtil.h(255, 248, 248, 248);
         _this.summaryChanged = null;
         _this.c = new SummaryChooserView();
         _this.c.model = _this;

package/esm5/lib/MultiColumnComboBoxView_combined.js

@@ -3047,11 +3047,11 @@ var MultiColumnComboBox = /** @class */ /*@__PURE__*/ (function (_super) {
     MultiColumnComboBox.ag = 1;
     MultiColumnComboBox.hp = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
     MultiColumnComboBox.hr = ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hq = BrushUtil.g(255, 255, 255, 255);
+    MultiColumnComboBox.hq = BrushUtil.h(255, 255, 255, 255);
     MultiColumnComboBox.ay = null;
     MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
     MultiColumnComboBox.az = null;
-    MultiColumnComboBox.hz = BrushUtil.g(221, 0, 0, 0);
+    MultiColumnComboBox.hz = BrushUtil.h(221, 0, 0, 0);
     return MultiColumnComboBox;
 }(Base));
 export { MultiColumnComboBox };

package/esm5/lib/PropertyEditorView_combined.js

@@ -1353,7 +1353,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (d) {
                 c.selectedValueChanged = delegateCombine(c.selectedValueChanged, runOn(_this, _this.cq));
-                c.hn = BrushUtil.g(255, 255, 255, 255);
+                c.hn = BrushUtil.h(255, 255, 255, 255);
                 c.g = ["Name"];
                 c.columnHeadersVisible = false;
                 c.defaultColumnWidth = ((function () {
@@ -1812,10 +1812,10 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     PropertyEditor.$t = markType(PropertyEditor, 'PropertyEditor', Base.$, [INotifyPropertyChanged_$type]);
-    PropertyEditor.eb = BrushUtil.g(255, 24, 29, 31);
+    PropertyEditor.eb = BrushUtil.h(255, 24, 29, 31);
     PropertyEditor.cj = "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";
-    PropertyEditor.d9 = BrushUtil.g(255, 248, 248, 248);
-    PropertyEditor.ea = BrushUtil.g(255, 24, 29, 31);
+    PropertyEditor.d9 = BrushUtil.h(255, 248, 248, 248);
+    PropertyEditor.ea = BrushUtil.h(255, 24, 29, 31);
     return PropertyEditor;
 }(Base));
 export { PropertyEditor };

package/esm5/lib/TemplateSectionHeader.js

@@ -25,7 +25,7 @@ var TemplateSectionHeader = /** @class */ /*@__PURE__*/ (function (_super) {
     TemplateSectionHeader.prototype.l = function (a) {
         return new TemplateSectionHeaderCellModel();
     };
-    TemplateSectionHeader.prototype.fh = function (a, b) {
+    TemplateSectionHeader.prototype.fi = function (a, b) {
         if (this.cellUpdating != null) {
             this.cellUpdating(this, ((function () {
                 var $ret = new TemplateSectionHeaderCellUpdatingEventArgs();

package/esm5/lib/igc-section-header-component.js

@@ -70,22 +70,22 @@ var IgcSectionHeaderComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "selectedBackground", {
         get: function () {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fg);
         },
         set: function (v) {
-            this.i.ff = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.ff));
+            this.i.fg = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.fg));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcSectionHeaderComponent.prototype, "actualSelectedBackground", {
         get: function () {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.ff);
         },
         set: function (v) {
-            this.i.fe = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.fe));
+            this.i.ff = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.ff));
         },
         enumerable: false,
         configurable: true