igniteui-webcomponents-grids 4.6.0 → 4.7.0-beta.0

package/fesm2015/igniteui-webcomponents-grids.js

@@ -8145,7 +8145,7 @@ let CellModel = /*@__PURE__*/ (() => {
             if (c == 1) {
                 return b;
             }
-            return BrushUtil.k(a, c, b, 0);
+            return BrushUtil.l(a, c, b, 0);
         }
         kd() {
             this.ke();
@@ -11154,7 +11154,7 @@ let Pager = /*@__PURE__*/ (() => {
                 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();
@@ -11165,7 +11165,7 @@ let Pager = /*@__PURE__*/ (() => {
                     let c = this.b.getItemAtIndex(b);
                     this.ac.add1(c);
                     if (c != null) {
-                        this.d.d7 = true;
+                        this.d.d8 = true;
                     }
                 }
                 let d = new Array(this.ac.count);
@@ -11176,7 +11176,7 @@ let Pager = /*@__PURE__*/ (() => {
                 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 {
@@ -11207,7 +11207,7 @@ let Pager = /*@__PURE__*/ (() => {
                 this.b.summaryScope = this.p;
                 let 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:
@@ -21336,7 +21336,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     }
                     let r = m;
                     let s = n;
-                    let t = BrushUtil.k(r, l, s, 0);
+                    let t = BrushUtil.l(r, l, s, 0);
                     q.kh(c, t);
                 };
             }
@@ -21516,7 +21516,7 @@ let GridAnimationManager = /*@__PURE__*/ (() => {
                     }
                     let u = p;
                     let v = q;
-                    let w = BrushUtil.k(u, o, v, 0);
+                    let w = BrushUtil.l(u, o, v, 0);
                     t.kh(c, w);
                 };
             }
@@ -29290,6 +29290,16 @@ let SectionFooter = /*@__PURE__*/ (() => {
  */
 let SectionHeader = /*@__PURE__*/ (() => {
     class SectionHeader extends DefinitionBase {
+        get fg() {
+            return this.fe;
+        }
+        set fg(a) {
+            let b = this.fe;
+            this.fe = a;
+            if (this.fe != b) {
+                this.c3("SelectedBackground", 10, b, this.fe);
+            }
+        }
         get ff() {
             return this.fd;
         }
@@ -29297,17 +29307,7 @@ let SectionHeader = /*@__PURE__*/ (() => {
             let b = this.fd;
             this.fd = a;
             if (this.fd != b) {
-                this.c3("SelectedBackground", 10, b, this.fd);
-            }
-        }
-        get fe() {
-            return this.fc;
-        }
-        set fe(a) {
-            let b = this.fc;
-            this.fc = a;
-            if (this.fc != b) {
-                this.c3("ActualSelectedBackground", 2, b, this.fc);
+                this.c3("ActualSelectedBackground", 2, b, this.fd);
             }
         }
         get ey() {
@@ -29372,8 +29372,8 @@ let SectionHeader = /*@__PURE__*/ (() => {
         }
         constructor() {
             super();
+            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));
@@ -29381,8 +29381,8 @@ let SectionHeader = /*@__PURE__*/ (() => {
             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();
         }
         cn(a, b, c) {
             return "sectionHeader";
@@ -29473,38 +29473,44 @@ let SectionHeader = /*@__PURE__*/ (() => {
         }
         cx(a, b, c, d) {
             super.cx(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;
         }
         c0(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));
             }
         }
-        e9(a, b) {
-            this.es.clear();
-            for (let c = 0; c < b.columns.count; c++) {
-                let d = typeCast(ComboBoxColumn.$, b.columns._inner[c]);
-                if (d != null && !this.es.containsKey(d.i8)) {
-                    this.es.addItem(d.i8, d);
+        fa(a, b) {
+            this.es = null;
+            this.e9();
+        }
+        e9() {
+            if (this.es == null) {
+                this.es = new Dictionary$2(String_$type, ComboBoxColumn.$, 0);
+                for (let a = 0; a < this.grid.columns.count; a++) {
+                    let b = typeCast(ComboBoxColumn.$, this.grid.columns._inner[a]);
+                    if (b != null && !this.es.containsKey(b.i8)) {
+                        this.es.addItem(b.i8, b);
+                    }
                 }
             }
         }
         c2(a, b) {
             switch (b.propertyName) {
                 case "SectionHeaderSelectedBackground":
-                    this.fb();
+                    this.fc();
                     break;
                 case "SectionHeaderBackground":
                     this.c9();
@@ -29516,21 +29522,21 @@ let SectionHeader = /*@__PURE__*/ (() => {
                     this.dh();
                     break;
                 case "IsGroupCollapsable":
-                    this.fa();
+                    this.fb();
                     break;
             }
         }
-        fb() {
-            if (this.ff == null) {
+        fc() {
+            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;
             }
         }
         c9() {
@@ -29569,7 +29575,7 @@ let SectionHeader = /*@__PURE__*/ (() => {
                 this.ad = this.textStyle;
             }
         }
-        fa() {
+        fb() {
             if (this.grid != null) {
                 this.er = this.grid.isGroupCollapsable;
             }
@@ -29578,7 +29584,7 @@ let SectionHeader = /*@__PURE__*/ (() => {
             super.c4(a, b, c, d);
             switch (a) {
                 case "SelectedBackground":
-                    this.fb();
+                    this.fc();
                     break;
             }
             if (this.sectionHeaderPropertyUpdating != null) {
@@ -29677,6 +29683,7 @@ let SectionHeader = /*@__PURE__*/ (() => {
                             e = b.toString();
                             break;
                     }
+                    this.e9();
                     if (this.es.containsKey(c.f)) {
                         let j = this.es.item(c.f);
                         let k = j.lr(b);
@@ -38255,18 +38262,18 @@ let IgcSectionHeaderComponent = /*@__PURE__*/ (() => {
             }
         }
         get selectedBackground() {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fg);
         }
         set selectedBackground(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));
         }
         get actualSelectedBackground() {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.ff);
         }
         set actualSelectedBackground(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));
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content for this column.
@@ -44295,7 +44302,7 @@ let CanvasCellPresenterBase = /*@__PURE__*/ (() => {
             if (c == 1) {
                 return b.color;
             }
-            let d = BrushUtil.k(a, c, b, 0);
+            let d = BrushUtil.l(a, c, b, 0);
             return d.color;
         }
         get nativeCell() {
@@ -48359,7 +48366,7 @@ let CellPresenterBase = /*@__PURE__*/ (() => {
             if (c == 1) {
                 return b.color;
             }
-            let d = BrushUtil.k(a, c, b, 0);
+            let d = BrushUtil.l(a, c, b, 0);
             return d.color;
         }
         get nativeCell() {
@@ -51132,9 +51139,9 @@ let GridFilterDialog = /*@__PURE__*/ (() => {
             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);
         }
         bg(a, b, c) {
             this.r.x(a, b, c);
@@ -53226,17 +53233,17 @@ let DraggerView = /*@__PURE__*/ (() => {
                 if (this.model.cloneCell != null) {
                     this.d = this.model.cloneCell;
                     document.documentElement.appendChild(this.d.getNativeElement());
-                    let a = ElevationHelper.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0));
+                    let 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");
                     let b = BrushUtil.a("background-color", this.d);
-                    let c = BrushUtil.g(200, b[0].color.o, b[0].color.n, b[0].color.m);
+                    let c = BrushUtil.h(200, b[0].color.o, b[0].color.n, b[0].color.m);
                     this.d.setStyleProperty("background-color", c._fill);
                     let d = this.d.getChildAt(0);
                     let e = BrushUtil.a("color", d);
-                    let f = BrushUtil.g(200, e[0].color.o, e[0].color.n, e[0].color.m);
+                    let f = BrushUtil.h(200, e[0].color.o, e[0].color.n, e[0].color.m);
                     d.setStyleProperty("color", f._fill);
                 }
             }
@@ -56238,13 +56245,13 @@ let ColumnGrouping = /*@__PURE__*/ (() => {
             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);
@@ -56583,28 +56590,28 @@ let ColumnGrouping = /*@__PURE__*/ (() => {
             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);
         }
         aq(a) {
             let 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);
         }
         as(a) {
             let 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);
         }
         ar(a) {
             let 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);
         }
@@ -62569,7 +62576,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
             this.k = 1;
             this.x = 1;
             this.z = 2;
-            this.dd = BrushUtil.g(255, 24, 29, 31);
+            this.dd = BrushUtil.h(255, 24, 29, 31);
             this.db = null;
             this.de = null;
             this.dc = null;
@@ -63465,10 +63472,10 @@ let CheckboxList = /*@__PURE__*/ (() => {
         }
     }
     CheckboxList.$t = /*@__PURE__*/ markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.dx = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    CheckboxList.dx = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     CheckboxList.bt = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
-    CheckboxList.dp = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    CheckboxList.dq = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    CheckboxList.dp = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.dq = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 })();
 
@@ -64413,11 +64420,11 @@ let ColumnChooser = /*@__PURE__*/ (() => {
             this.a = null;
             this.o = null;
             this.i = null;
-            this.ap = BrushUtil.g(255, 0, 153, 255);
+            this.ap = BrushUtil.h(255, 0, 153, 255);
             this.n = null;
             this.e = 1;
             this.g = 2;
-            this.ao = BrushUtil.g(255, 248, 248, 248);
+            this.ao = BrushUtil.h(255, 248, 248, 248);
             this.m = false;
             let a = new ColumnChooserView();
             a.a = this;
@@ -65548,11 +65555,11 @@ let ColumnPinning = /*@__PURE__*/ (() => {
             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;
             let a = new ColumnPinningView();
             a.a = this;
@@ -67316,8 +67323,8 @@ let GridColumnOptionsBase = /*@__PURE__*/ (() => {
         }
     }
     GridColumnOptionsBase.$t = /*@__PURE__*/ markType(GridColumnOptionsBase, 'GridColumnOptionsBase', Base.$, [INotifyPropertyChanged_$type]);
-    GridColumnOptionsBase.bp = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    GridColumnOptionsBase.bq = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    GridColumnOptionsBase.bp = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
+    GridColumnOptionsBase.bq = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return GridColumnOptionsBase;
 })();
 
@@ -70473,10 +70480,10 @@ let SummaryChooser = /*@__PURE__*/ (() => {
             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;
@@ -70931,8 +70938,8 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
             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);
         }
         f() {
             return new GridColumnSummaryOptionsView();
@@ -72082,8 +72089,8 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             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;
         }
@@ -76253,11 +76260,11 @@ let MultiColumnComboBox = /*@__PURE__*/ (() => {
     MultiColumnComboBox.ag = 1;
     MultiColumnComboBox.hp = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
     MultiColumnComboBox.hr = /*@__PURE__*/ ThemeResolver.ah(MultiColumnComboBox.ag, XLabel.da, XLabel.c3);
-    MultiColumnComboBox.hq = /*@__PURE__*/ BrushUtil.g(255, 255, 255, 255);
+    MultiColumnComboBox.hq = /*@__PURE__*/ BrushUtil.h(255, 255, 255, 255);
     MultiColumnComboBox.ay = null;
     MultiColumnComboBox.dx = "ActualNoMatchesFoundLabelBackgroundColor";
     MultiColumnComboBox.az = null;
-    MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.g(221, 0, 0, 0);
+    MultiColumnComboBox.hz = /*@__PURE__*/ BrushUtil.h(221, 0, 0, 0);
     return MultiColumnComboBox;
 })();
 /**
@@ -78614,7 +78621,7 @@ let DataGridToolbarView = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         w(a) {
-            let b = ElevationHelper$1.e(12, BrushUtil.g(66, 0, 0, 0), BrushUtil.g(30, 0, 0, 0), BrushUtil.g(20, 0, 0, 0), 1);
+            let b = ElevationHelper$1.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");
@@ -78683,9 +78690,9 @@ let DataGridToolbar = /*@__PURE__*/ (() => {
             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;
@@ -83157,7 +83164,7 @@ let TemplateSectionHeader = /*@__PURE__*/ (() => {
         l(a) {
             return new TemplateSectionHeaderCellModel();
         }
-        fh(a, b) {
+        fi(a, b) {
             if (this.cellUpdating != null) {
                 this.cellUpdating(this, ((() => {
                     let $ret = new TemplateSectionHeaderCellUpdatingEventArgs();
@@ -85028,7 +85035,7 @@ let PropertyEditor = /*@__PURE__*/ (() => {
                 }
                 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 = ((() => {
@@ -85440,10 +85447,10 @@ let PropertyEditor = /*@__PURE__*/ (() => {
         }
     }
     PropertyEditor.$t = /*@__PURE__*/ markType(PropertyEditor, 'PropertyEditor', Base.$, [INotifyPropertyChanged_$type]);
-    PropertyEditor.eb = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    PropertyEditor.eb = /*@__PURE__*/ 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 = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
-    PropertyEditor.ea = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    PropertyEditor.d9 = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
+    PropertyEditor.ea = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return PropertyEditor;
 })();