@skyux/grids 8.0.2 → 8.1.0

package/fesm2020/skyux-grids.mjs

@@ -134,7 +134,7 @@ class SkyGridColumnComponent {
         this.inlineHelpPopoverModelChanges = new EventEmitter();
     }
     ngOnChanges(changes) {
-        if (changes.heading && changes.heading.firstChange === false) {
+        if (changes['heading'] && changes['heading'].firstChange === false) {
             this.headingChanges.emit(this.heading);
             this.headingModelChanges.emit({
                 value: this.heading,
@@ -142,7 +142,8 @@ class SkyGridColumnComponent {
                 field: this.field,
             });
         }
-        if (changes.description && changes.description.firstChange === false) {
+        if (changes['description'] &&
+            changes['description'].firstChange === false) {
             this.descriptionChanges.emit(this.description);
             this.descriptionModelChanges.emit({
                 value: this.description,
@@ -150,8 +151,8 @@ class SkyGridColumnComponent {
                 field: this.field,
             });
         }
-        if (changes.inlineHelpPopover &&
-            changes.inlineHelpPopover.firstChange === false) {
+        if (changes['inlineHelpPopover'] &&
+            changes['inlineHelpPopover'].firstChange === false) {
             this.inlineHelpPopoverModelChanges.emit({
                 value: this.inlineHelpPopover,
                 id: this.id,
@@ -544,7 +545,7 @@ class SkyGridComponent {
         this.checkUserColumnWidthsForScroll();
     }
     ngOnChanges(changes) {
-        if (changes.columns && this.columns) {
+        if (changes['columns'] && this.columns) {
             if (this.selectedColumnIds) {
                 this.selectedColumnIds = this.selectedColumnIds.filter((columnId) => {
                     return this.columns.find((column) => column.id === columnId);
@@ -552,7 +553,7 @@ class SkyGridComponent {
             }
             this.setDisplayedColumns(true);
         }
-        if (changes.data && this.data) {
+        if (changes['data'] && this.data) {
             this.transformData();
             // This set timeout is necessary to ensure the data has rendered in the grid
             setTimeout(() => {
@@ -578,7 +579,7 @@ class SkyGridComponent {
                 this.checkUserColumnWidthsForScroll();
             });
         }
-        if (changes.sortField) {
+        if (changes['sortField']) {
             this.setSortHeaders();
         }
     }