igniteui-webcomponents-data-grids 7.1.0-beta.1 → 7.1.0-beta.3

package/esm5/lib/igc-data-grid-component.js

@@ -474,6 +474,16 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
             this._scroller.scrollbarBrush = color;
         }
     };
+    IgcDataGridComponent.prototype._setScrollbarHoverColor = function (color) {
+        if (this._scroller) {
+            this._scroller.scrollbarHoverBrush = color;
+        }
+    };
+    IgcDataGridComponent.prototype._setScrollbarActiveColor = function (color) {
+        if (this._scroller) {
+            this._scroller.scrollbarActiveBrush = color;
+        }
+    };
     IgcDataGridComponent.prototype._moveFocusNext = function () {
         moveFocusNext(this, true);
     };
@@ -1137,9 +1147,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.bottom = +v;
+            var __nv = +v;
+            if (this.i.editRowBorderWidth.bottom === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.editRowBorderWidth.left;
+            __copy.right = this.i.editRowBorderWidth.right;
+            __copy.top = this.i.editRowBorderWidth.top;
+            this.i.editRowBorderWidth = __copy;
             this._a("editRowBorderWidthBottom", this.i.editRowBorderWidth.bottom);
-            this.i.editRowBorderWidth = this.i.editRowBorderWidth;
         },
         enumerable: false,
         configurable: true
@@ -1150,9 +1168,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.left = +v;
+            var __nv = +v;
+            if (this.i.editRowBorderWidth.left === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.editRowBorderWidth.bottom;
+            __copy.right = this.i.editRowBorderWidth.right;
+            __copy.top = this.i.editRowBorderWidth.top;
+            this.i.editRowBorderWidth = __copy;
             this._a("editRowBorderWidthLeft", this.i.editRowBorderWidth.left);
-            this.i.editRowBorderWidth = this.i.editRowBorderWidth;
         },
         enumerable: false,
         configurable: true
@@ -1163,9 +1189,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.right = +v;
+            var __nv = +v;
+            if (this.i.editRowBorderWidth.right === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.editRowBorderWidth.bottom;
+            __copy.left = this.i.editRowBorderWidth.left;
+            __copy.top = this.i.editRowBorderWidth.top;
+            this.i.editRowBorderWidth = __copy;
             this._a("editRowBorderWidthRight", this.i.editRowBorderWidth.right);
-            this.i.editRowBorderWidth = this.i.editRowBorderWidth;
         },
         enumerable: false,
         configurable: true
@@ -1176,9 +1210,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.top = +v;
+            var __nv = +v;
+            if (this.i.editRowBorderWidth.top === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.editRowBorderWidth.bottom;
+            __copy.left = this.i.editRowBorderWidth.left;
+            __copy.right = this.i.editRowBorderWidth.right;
+            this.i.editRowBorderWidth = __copy;
             this._a("editRowBorderWidthTop", this.i.editRowBorderWidth.top);
-            this.i.editRowBorderWidth = this.i.editRowBorderWidth;
         },
         enumerable: false,
         configurable: true
@@ -2977,9 +3019,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.bottom = +v;
+            var __nv = +v;
+            if (this.i.borderWidth.bottom === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.borderWidth.left;
+            __copy.right = this.i.borderWidth.right;
+            __copy.top = this.i.borderWidth.top;
+            this.i.borderWidth = __copy;
             this._a("borderWidthBottom", this.i.borderWidth.bottom);
-            this.i.borderWidth = this.i.borderWidth;
         },
         enumerable: false,
         configurable: true
@@ -2990,9 +3040,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.left = +v;
+            var __nv = +v;
+            if (this.i.borderWidth.left === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.borderWidth.bottom;
+            __copy.right = this.i.borderWidth.right;
+            __copy.top = this.i.borderWidth.top;
+            this.i.borderWidth = __copy;
             this._a("borderWidthLeft", this.i.borderWidth.left);
-            this.i.borderWidth = this.i.borderWidth;
         },
         enumerable: false,
         configurable: true
@@ -3003,9 +3061,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.right = +v;
+            var __nv = +v;
+            if (this.i.borderWidth.right === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.borderWidth.bottom;
+            __copy.left = this.i.borderWidth.left;
+            __copy.top = this.i.borderWidth.top;
+            this.i.borderWidth = __copy;
             this._a("borderWidthRight", this.i.borderWidth.right);
-            this.i.borderWidth = this.i.borderWidth;
         },
         enumerable: false,
         configurable: true
@@ -3016,9 +3082,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.top = +v;
+            var __nv = +v;
+            if (this.i.borderWidth.top === __nv) {
+                return;
+            }
+            var __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.borderWidth.bottom;
+            __copy.left = this.i.borderWidth.left;
+            __copy.right = this.i.borderWidth.right;
+            this.i.borderWidth = __copy;
             this._a("borderWidthTop", this.i.borderWidth.top);
-            this.i.borderWidth = this.i.borderWidth;
         },
         enumerable: false,
         configurable: true
@@ -3049,9 +3123,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.c = +v;
+            var __nv = +v;
+            if (this.i.cornerRadius.c === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.cornerRadius.b;
+            __copy.d = this.i.cornerRadius.d;
+            __copy.e = this.i.cornerRadius.e;
+            this.i.cornerRadius = __copy;
             this._a("cornerRadiusBottomRight", this.i.cornerRadius.c);
-            this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3062,9 +3144,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.b = +v;
+            var __nv = +v;
+            if (this.i.cornerRadius.b === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.cornerRadius.c;
+            __copy.d = this.i.cornerRadius.d;
+            __copy.e = this.i.cornerRadius.e;
+            this.i.cornerRadius = __copy;
             this._a("cornerRadiusBottomLeft", this.i.cornerRadius.b);
-            this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3075,9 +3165,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.d = +v;
+            var __nv = +v;
+            if (this.i.cornerRadius.d === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.cornerRadius.c;
+            __copy.b = this.i.cornerRadius.b;
+            __copy.e = this.i.cornerRadius.e;
+            this.i.cornerRadius = __copy;
             this._a("cornerRadiusTopLeft", this.i.cornerRadius.d);
-            this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3088,9 +3186,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.e = +v;
+            var __nv = +v;
+            if (this.i.cornerRadius.e === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.cornerRadius.c;
+            __copy.b = this.i.cornerRadius.b;
+            __copy.d = this.i.cornerRadius.d;
+            this.i.cornerRadius = __copy;
             this._a("cornerRadiusTopRight", this.i.cornerRadius.e);
-            this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3107,9 +3213,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.c = +v;
+            var __nv = +v;
+            if (this.i.actualCornerRadius.c === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.actualCornerRadius.b;
+            __copy.d = this.i.actualCornerRadius.d;
+            __copy.e = this.i.actualCornerRadius.e;
+            this.i.actualCornerRadius = __copy;
             this._a("actualCornerRadiusBottomRight", this.i.actualCornerRadius.c);
-            this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3120,9 +3234,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.b = +v;
+            var __nv = +v;
+            if (this.i.actualCornerRadius.b === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.actualCornerRadius.c;
+            __copy.d = this.i.actualCornerRadius.d;
+            __copy.e = this.i.actualCornerRadius.e;
+            this.i.actualCornerRadius = __copy;
             this._a("actualCornerRadiusBottomLeft", this.i.actualCornerRadius.b);
-            this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3133,9 +3255,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.d = +v;
+            var __nv = +v;
+            if (this.i.actualCornerRadius.d === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.actualCornerRadius.c;
+            __copy.b = this.i.actualCornerRadius.b;
+            __copy.e = this.i.actualCornerRadius.e;
+            this.i.actualCornerRadius = __copy;
             this._a("actualCornerRadiusTopLeft", this.i.actualCornerRadius.d);
-            this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -3146,9 +3276,17 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.e = +v;
+            var __nv = +v;
+            if (this.i.actualCornerRadius.e === __nv) {
+                return;
+            }
+            var __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.actualCornerRadius.c;
+            __copy.b = this.i.actualCornerRadius.b;
+            __copy.d = this.i.actualCornerRadius.d;
+            this.i.actualCornerRadius = __copy;
             this._a("actualCornerRadiusTopRight", this.i.actualCornerRadius.e);
-            this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
         configurable: true
@@ -4017,6 +4155,34 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "scrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb background color when the pointer is over it.
+        */
+        get: function () {
+            return brushToString(this.i.scrollbarHoverBackground);
+        },
+        set: function (v) {
+            this.i.scrollbarHoverBackground = stringToBrush(v);
+            this._a("scrollbarHoverBackground", brushToString(this.i.scrollbarHoverBackground));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridComponent.prototype, "scrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb background color when the user is dragging it.
+        */
+        get: function () {
+            return brushToString(this.i.scrollbarActiveBackground);
+        },
+        set: function (v) {
+            this.i.scrollbarActiveBackground = stringToBrush(v);
+            this._a("scrollbarActiveBackground", brushToString(this.i.scrollbarActiveBackground));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsBackground", {
         /**
          * Gets or sets the column options dropdown background color.
@@ -4031,6 +4197,48 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.columnOptionsScrollbarBackground);
+        },
+        set: function (v) {
+            this.i.columnOptionsScrollbarBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarBackground", brushToString(this.i.columnOptionsScrollbarBackground));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.columnOptionsScrollbarHoverBackground);
+        },
+        set: function (v) {
+            this.i.columnOptionsScrollbarHoverBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarHoverBackground", brushToString(this.i.columnOptionsScrollbarHoverBackground));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.columnOptionsScrollbarActiveBackground);
+        },
+        set: function (v) {
+            this.i.columnOptionsScrollbarActiveBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarActiveBackground", brushToString(this.i.columnOptionsScrollbarActiveBackground));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsTextColor", {
         /**
          * Gets or sets the text color for text inside the column options menu.

package/esm5/lib/igc-data-grid-filter-dialog-component.js

@@ -200,11 +200,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "iconColor", {
         get: function () {
-            return brushToString(this.i.c4);
+            return brushToString(this.i.dd);
         },
         set: function (v) {
-            this.i.c4 = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.c4));
+            this.i.dd = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.dd));
         },
         enumerable: false,
         configurable: true
@@ -225,11 +225,53 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.c1);
+        },
+        set: function (v) {
+            this.i.c1 = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.c1));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.c7);
+        },
+        set: function (v) {
+            this.i.c7 = stringToBrush(v);
+            this._a("columnOptionsScrollbarBackground", brushToString(this.i.c7));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.c8);
         },
         set: function (v) {
-            this.i.cv = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.cv));
+            this.i.c8 = stringToBrush(v);
+            this._a("columnOptionsScrollbarHoverBackground", brushToString(this.i.c8));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.c6);
+        },
+        set: function (v) {
+            this.i.c6 = stringToBrush(v);
+            this._a("columnOptionsScrollbarActiveBackground", brushToString(this.i.c6));
         },
         enumerable: false,
         configurable: true
@@ -239,11 +281,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.da);
         },
         set: function (v) {
-            this.i.c1 = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.c1));
+            this.i.da = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.da));
         },
         enumerable: false,
         configurable: true
@@ -272,11 +314,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the hover background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c5);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cz));
+            this.i.c5 = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.c5));
         },
         enumerable: false,
         configurable: true
@@ -286,11 +328,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the tooltip background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c2);
+            return brushToString(this.i.db);
         },
         set: function (v) {
-            this.i.c2 = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c2));
+            this.i.db = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.db));
         },
         enumerable: false,
         configurable: true
@@ -300,11 +342,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the tooltip text color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c3);
+            return brushToString(this.i.dc);
         },
         set: function (v) {
-            this.i.c3 = stringToBrush(v);
-            this._a("columnOptionsToolTipTextColor", brushToString(this.i.c3));
+            this.i.dc = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.dc));
         },
         enumerable: false,
         configurable: true
@@ -314,11 +356,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the highlight color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c4);
         },
         set: function (v) {
-            this.i.cy = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.cy));
+            this.i.c4 = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.c4));
         },
         enumerable: false,
         configurable: true
@@ -328,11 +370,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c9);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.c0));
+            this.i.c9 = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.c9));
         },
         enumerable: false,
         configurable: true
@@ -342,11 +384,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.c2);
         },
         set: function (v) {
-            this.i.cw = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cw));
+            this.i.c2 = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.c2));
         },
         enumerable: false,
         configurable: true
@@ -356,11 +398,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.c3);
         },
         set: function (v) {
-            this.i.cx = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cx));
+            this.i.c3 = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.c3));
         },
         enumerable: false,
         configurable: true
@@ -386,11 +428,11 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.cu);
+            return brushToString(this.i.c0);
         },
         set: function (v) {
-            this.i.cu = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.cu));
+            this.i.c0 = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.c0));
         },
         enumerable: false,
         configurable: true
@@ -502,16 +544,16 @@ export var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (funct
         this._inStyling = false;
     };
     IgcDataGridFilterDialogComponent.prototype.notifySizeChanged = function (width, height) {
-        this.i.b2(width, height);
+        this.i.b5(width, height);
     };
     IgcDataGridFilterDialogComponent.prototype.notifyCellSizeChanged = function () {
-        this.i.b1();
+        this.i.b4();
     };
     IgcDataGridFilterDialogComponent.prototype.showIcon = function () {
-        this.i.cf();
+        this.i.ci();
     };
     IgcDataGridFilterDialogComponent.prototype.hideIcon = function () {
-        this.i.bz();
+        this.i.b2();
     };
     IgcDataGridFilterDialogComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();