fix: compatibility with cdk 10.1+ (#41)

package.json

@@ -36,7 +36,7 @@
   },
   "peerDependencies": {
     "@angular/animations": "^10.0.0",
-    "@angular/cdk": "^10.0.0",
+    "@angular/cdk": "^10.1.0",
     "@angular/common": "^10.0.0",
     "@angular/core": "^10.0.0",
     "@angular/forms": "^10.0.0",
@@ -48,18 +48,18 @@
     "@1stg/app-config": "^0.5.5",
     "@1stg/lib-config": "^0.5.5",
     "@1stg/tslint-config": "^0.8.5",
-    "@angular-devkit/build-angular": "0.1000.1",
+    "@angular-devkit/build-angular": "^0.1000.5",
     "@angular-devkit/core": "^10.0.1",
-    "@angular/animations": "^10.0.2",
-    "@angular/cdk": "^10.0.1",
-    "@angular/cli": "^10.0.1",
-    "@angular/common": "^10.0.2",
-    "@angular/compiler": "^10.0.2",
-    "@angular/compiler-cli": "^10.0.2",
-    "@angular/core": "^10.0.2",
-    "@angular/forms": "^10.0.2",
-    "@angular/platform-browser": "^10.0.2",
-    "@angular/platform-browser-dynamic": "^10.0.2",
+    "@angular/animations": "^10.0.8",
+    "@angular/cdk": "^10.1.2",
+    "@angular/cli": "^10.0.5",
+    "@angular/common": "^10.0.8",
+    "@angular/compiler": "^10.0.8",
+    "@angular/compiler-cli": "^10.0.8",
+    "@angular/core": "^10.0.8",
+    "@angular/forms": "^10.0.8",
+    "@angular/platform-browser": "^10.0.8",
+    "@angular/platform-browser-dynamic": "^10.0.8",
     "@storybook/addon-actions": "^5.3.18",
     "@storybook/addon-docs": "^5.3.18",
     "@storybook/addon-knobs": "^5.3.18",
@@ -68,25 +68,25 @@
     "@storybook/angular": "^5.3.18",
     "@storybook/cli": "^5.3.18",
     "@storybook/source-loader": "^5.3.18",
-    "@types/jest": "^26.0.4",
-    "@types/node": "^14.0.18",
+    "@types/jest": "^26.0.9",
+    "@types/node": "^14.0.27",
     "babel-loader": "^8.1.0",
-    "clipboard-polyfill": "^3.0.0-pre5",
+    "clipboard-polyfill": "^3.0.1",
     "gulp": "^4.0.2",
     "gulp-dart-sass": "^1.0.2",
-    "jest": "^26.1.0",
-    "jest-junit": "^11.0.1",
+    "jest": "^26.2.2",
+    "jest-junit": "^11.1.0",
     "jest-preset-angular": "^8.2.1",
-    "ng-packagr": "^10.0.0",
+    "ng-packagr": "^10.0.3",
     "ng-tslint": "^1.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
-    "rxjs": "^6.6.0",
-    "standard-version": "^8.0.0",
-    "tsconfig-paths-webpack-plugin": "^3.2.0",
-    "tslib": "^2.0.0",
-    "tslint": "^6.1.1",
-    "typescript": "^3.9.6",
-    "yarn-deduplicate": "^2.0.0"
+    "rxjs": "^6.6.2",
+    "standard-version": "^8.0.2",
+    "tsconfig-paths-webpack-plugin": "^3.3.0",
+    "tslib": "^2.0.1",
+    "tslint": "^6.1.3",
+    "typescript": "^3.9.7",
+    "yarn-deduplicate": "^2.1.1"
   }
 }

src/table/table.component.ts

@@ -1,4 +1,8 @@
-import { CDK_TABLE_TEMPLATE, CdkTable } from '@angular/cdk/table';
+import {
+  CDK_TABLE_TEMPLATE,
+  CdkTable,
+  _CoalescedStyleScheduler,
+} from '@angular/cdk/table';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -16,5 +20,6 @@ import {
   },
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [_CoalescedStyleScheduler],
 })
 export class TableComponent<T> extends CdkTable<T> {}