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

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

@@ -211,6 +211,16 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
                 this._scroller.scrollbarBrush = color;
             }
         }
+        _setScrollbarHoverColor(color) {
+            if (this._scroller) {
+                this._scroller.scrollbarHoverBrush = color;
+            }
+        }
+        _setScrollbarActiveColor(color) {
+            if (this._scroller) {
+                this._scroller.scrollbarActiveBrush = color;
+            }
+        }
         _moveFocusNext() {
             moveFocusNext(this, true);
         }
@@ -1020,36 +1030,68 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
         }
         set editRowBorderWidthBottom(v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.bottom = +v;
+            const __nv = +v;
+            if (this.i.editRowBorderWidth.bottom === __nv) {
+                return;
+            }
+            const __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;
         }
         get editRowBorderWidthLeft() {
             return this.i.editRowBorderWidth ? this.i.editRowBorderWidth.left : NaN;
         }
         set editRowBorderWidthLeft(v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.left = +v;
+            const __nv = +v;
+            if (this.i.editRowBorderWidth.left === __nv) {
+                return;
+            }
+            const __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;
         }
         get editRowBorderWidthRight() {
             return this.i.editRowBorderWidth ? this.i.editRowBorderWidth.right : NaN;
         }
         set editRowBorderWidthRight(v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.right = +v;
+            const __nv = +v;
+            if (this.i.editRowBorderWidth.right === __nv) {
+                return;
+            }
+            const __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;
         }
         get editRowBorderWidthTop() {
             return this.i.editRowBorderWidth ? this.i.editRowBorderWidth.top : NaN;
         }
         set editRowBorderWidthTop(v) {
             this.ensureEditRowBorderWidth();
-            this.i.editRowBorderWidth.top = +v;
+            const __nv = +v;
+            if (this.i.editRowBorderWidth.top === __nv) {
+                return;
+            }
+            const __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;
         }
         ensureEditRowBorderWidth() {
             if (this.i.editRowBorderWidth) {
@@ -2420,36 +2462,68 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
         }
         set borderWidthBottom(v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.bottom = +v;
+            const __nv = +v;
+            if (this.i.borderWidth.bottom === __nv) {
+                return;
+            }
+            const __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;
         }
         get borderWidthLeft() {
             return this.i.borderWidth ? this.i.borderWidth.left : NaN;
         }
         set borderWidthLeft(v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.left = +v;
+            const __nv = +v;
+            if (this.i.borderWidth.left === __nv) {
+                return;
+            }
+            const __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;
         }
         get borderWidthRight() {
             return this.i.borderWidth ? this.i.borderWidth.right : NaN;
         }
         set borderWidthRight(v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.right = +v;
+            const __nv = +v;
+            if (this.i.borderWidth.right === __nv) {
+                return;
+            }
+            const __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;
         }
         get borderWidthTop() {
             return this.i.borderWidth ? this.i.borderWidth.top : NaN;
         }
         set borderWidthTop(v) {
             this.ensureBorderWidth();
-            this.i.borderWidth.top = +v;
+            const __nv = +v;
+            if (this.i.borderWidth.top === __nv) {
+                return;
+            }
+            const __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;
         }
         ensureBorderWidth() {
             if (this.i.borderWidth) {
@@ -2472,36 +2546,68 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.c = +v;
+            const __nv = +v;
+            if (this.i.cornerRadius.c === __nv) {
+                return;
+            }
+            const __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;
         }
         get cornerRadiusBottomLeft() {
             return this.i.cornerRadius ? this.i.cornerRadius.b : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.b = +v;
+            const __nv = +v;
+            if (this.i.cornerRadius.b === __nv) {
+                return;
+            }
+            const __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;
         }
         get cornerRadiusTopLeft() {
             return this.i.cornerRadius ? this.i.cornerRadius.d : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.d = +v;
+            const __nv = +v;
+            if (this.i.cornerRadius.d === __nv) {
+                return;
+            }
+            const __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;
         }
         get cornerRadiusTopRight() {
             return this.i.cornerRadius ? this.i.cornerRadius.e : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.e = +v;
+            const __nv = +v;
+            if (this.i.cornerRadius.e === __nv) {
+                return;
+            }
+            const __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;
         }
         ensureCornerRadius() {
             if (this.i.cornerRadius) {
@@ -2514,36 +2620,68 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.c = +v;
+            const __nv = +v;
+            if (this.i.actualCornerRadius.c === __nv) {
+                return;
+            }
+            const __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;
         }
         get actualCornerRadiusBottomLeft() {
             return this.i.actualCornerRadius ? this.i.actualCornerRadius.b : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.b = +v;
+            const __nv = +v;
+            if (this.i.actualCornerRadius.b === __nv) {
+                return;
+            }
+            const __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;
         }
         get actualCornerRadiusTopLeft() {
             return this.i.actualCornerRadius ? this.i.actualCornerRadius.d : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.d = +v;
+            const __nv = +v;
+            if (this.i.actualCornerRadius.d === __nv) {
+                return;
+            }
+            const __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;
         }
         get actualCornerRadiusTopRight() {
             return this.i.actualCornerRadius ? this.i.actualCornerRadius.e : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.e = +v;
+            const __nv = +v;
+            if (this.i.actualCornerRadius.e === __nv) {
+                return;
+            }
+            const __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;
         }
         ensureActualCornerRadius() {
             if (this.i.actualCornerRadius) {
@@ -3193,6 +3331,26 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.scrollbarBackground = stringToBrush(v);
             this._a("scrollbarBackground", brushToString(this.i.scrollbarBackground));
         }
+        /**
+         * Gets or sets the scrollbar thumb background color when the pointer is over it.
+        */
+        get scrollbarHoverBackground() {
+            return brushToString(this.i.scrollbarHoverBackground);
+        }
+        set scrollbarHoverBackground(v) {
+            this.i.scrollbarHoverBackground = stringToBrush(v);
+            this._a("scrollbarHoverBackground", brushToString(this.i.scrollbarHoverBackground));
+        }
+        /**
+         * Gets or sets the scrollbar thumb background color when the user is dragging it.
+        */
+        get scrollbarActiveBackground() {
+            return brushToString(this.i.scrollbarActiveBackground);
+        }
+        set scrollbarActiveBackground(v) {
+            this.i.scrollbarActiveBackground = stringToBrush(v);
+            this._a("scrollbarActiveBackground", brushToString(this.i.scrollbarActiveBackground));
+        }
         /**
          * Gets or sets the column options dropdown background color.
         */
@@ -3203,6 +3361,36 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsBackground = stringToBrush(v);
             this._a("columnOptionsBackground", brushToString(this.i.columnOptionsBackground));
         }
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarBackground() {
+            return brushToString(this.i.columnOptionsScrollbarBackground);
+        }
+        set columnOptionsScrollbarBackground(v) {
+            this.i.columnOptionsScrollbarBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarBackground", brushToString(this.i.columnOptionsScrollbarBackground));
+        }
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarHoverBackground() {
+            return brushToString(this.i.columnOptionsScrollbarHoverBackground);
+        }
+        set columnOptionsScrollbarHoverBackground(v) {
+            this.i.columnOptionsScrollbarHoverBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarHoverBackground", brushToString(this.i.columnOptionsScrollbarHoverBackground));
+        }
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarActiveBackground() {
+            return brushToString(this.i.columnOptionsScrollbarActiveBackground);
+        }
+        set columnOptionsScrollbarActiveBackground(v) {
+            this.i.columnOptionsScrollbarActiveBackground = stringToBrush(v);
+            this._a("columnOptionsScrollbarActiveBackground", brushToString(this.i.columnOptionsScrollbarActiveBackground));
+        }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */

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

@@ -174,11 +174,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._a("actualPixelScalingRatio", this.i.ap);
         }
         get iconColor() {
-            return brushToString(this.i.c4);
+            return brushToString(this.i.dd);
         }
         set iconColor(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));
         }
         get viewSize() {
             return this.i.ar;
@@ -191,21 +191,51 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * Gets or sets the column options dropdown background color.
         */
         get columnOptionsBackground() {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.c1);
         }
         set columnOptionsBackground(v) {
-            this.i.cv = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.cv));
+            this.i.c1 = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.c1));
+        }
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarBackground() {
+            return brushToString(this.i.c7);
+        }
+        set columnOptionsScrollbarBackground(v) {
+            this.i.c7 = stringToBrush(v);
+            this._a("columnOptionsScrollbarBackground", brushToString(this.i.c7));
+        }
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarHoverBackground() {
+            return brushToString(this.i.c8);
+        }
+        set columnOptionsScrollbarHoverBackground(v) {
+            this.i.c8 = stringToBrush(v);
+            this._a("columnOptionsScrollbarHoverBackground", brushToString(this.i.c8));
+        }
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get columnOptionsScrollbarActiveBackground() {
+            return brushToString(this.i.c6);
+        }
+        set columnOptionsScrollbarActiveBackground(v) {
+            this.i.c6 = stringToBrush(v);
+            this._a("columnOptionsScrollbarActiveBackground", brushToString(this.i.c6));
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get columnOptionsTextColor() {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.da);
         }
         set columnOptionsTextColor(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));
         }
         /**
          * Gets or sets the font settings for text inside the column options menu.
@@ -226,71 +256,71 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * Gets or sets the hover background color inside the column options menu.
         */
         get columnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c5);
         }
         set columnOptionsHoverBackgroundColor(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));
         }
         /**
          * Gets or sets the tooltip background color inside the column options menu.
         */
         get columnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.c2);
+            return brushToString(this.i.db);
         }
         set columnOptionsToolTipBackgroundColor(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));
         }
         /**
          * Gets or sets the tooltip text color inside the column options menu.
         */
         get columnOptionsToolTipTextColor() {
-            return brushToString(this.i.c3);
+            return brushToString(this.i.dc);
         }
         set columnOptionsToolTipTextColor(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));
         }
         /**
          * Gets or sets the highlight color inside the column options menu.
         */
         get columnOptionsHighlightColor() {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c4);
         }
         set columnOptionsHighlightColor(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));
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get columnOptionsSeparatorColor() {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c9);
         }
         set columnOptionsSeparatorColor(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));
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.c2);
         }
         set columnOptionsGroupHeaderBackground(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));
         }
         /**
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.c3);
         }
         set columnOptionsGroupHeaderTextColor(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));
         }
         /**
          * Gets or sets the font settings for group header text inside the column options menu.
@@ -308,11 +338,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._a("columnOptionsGroupHeaderTextStyle", this.i.aa != null ? this.i.aa.fontString : "");
         }
         get columnOptionsAccentColor() {
-            return brushToString(this.i.cu);
+            return brushToString(this.i.c0);
         }
         set columnOptionsAccentColor(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));
         }
         /**
          * Gets or sets the row height for submenus inside the column options menu.
@@ -401,16 +431,16 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         notifySizeChanged(width, height) {
-            this.i.b2(width, height);
+            this.i.b5(width, height);
         }
         notifyCellSizeChanged() {
-            this.i.b1();
+            this.i.b4();
         }
         showIcon() {
-            this.i.cf();
+            this.i.ci();
         }
         hideIcon() {
-            this.i.bz();
+            this.i.b2();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();

package/esm2015/lib/igc-data-grid-toolbar-component.js

@@ -312,36 +312,68 @@ let IgcDataGridToolbarComponent = /*@__PURE__*/ (() => {
         }
         set borderWidthBottom(v) {
             this.ensureBorderWidth();
-            this.i.bi.bottom = +v;
+            const __nv = +v;
+            if (this.i.bi.bottom === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.bi.left;
+            __copy.right = this.i.bi.right;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
             this._a("borderWidthBottom", this.i.bi.bottom);
-            this.i.bi = this.i.bi;
         }
         get borderWidthLeft() {
             return this.i.bi ? this.i.bi.left : NaN;
         }
         set borderWidthLeft(v) {
             this.ensureBorderWidth();
-            this.i.bi.left = +v;
+            const __nv = +v;
+            if (this.i.bi.left === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.right = this.i.bi.right;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
             this._a("borderWidthLeft", this.i.bi.left);
-            this.i.bi = this.i.bi;
         }
         get borderWidthRight() {
             return this.i.bi ? this.i.bi.right : NaN;
         }
         set borderWidthRight(v) {
             this.ensureBorderWidth();
-            this.i.bi.right = +v;
+            const __nv = +v;
+            if (this.i.bi.right === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.left = this.i.bi.left;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
             this._a("borderWidthRight", this.i.bi.right);
-            this.i.bi = this.i.bi;
         }
         get borderWidthTop() {
             return this.i.bi ? this.i.bi.top : NaN;
         }
         set borderWidthTop(v) {
             this.ensureBorderWidth();
-            this.i.bi.top = +v;
+            const __nv = +v;
+            if (this.i.bi.top === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.left = this.i.bi.left;
+            __copy.right = this.i.bi.right;
+            this.i.bi = __copy;
             this._a("borderWidthTop", this.i.bi.top);
-            this.i.bi = this.i.bi;
         }
         ensureBorderWidth() {
             if (this.i.bi) {