fix(CSS): fix for TypeScript 3.9+

package.json

@@ -15,23 +15,13 @@
         "publish": "npm run build && npm publish ./dist/common"
     },
     "description": "A set of common utils for consuming Web APIs with Angular",
-    "keywords": [
-        "angular",
-        "ng",
-        "window",
-        "api",
-        "web api",
-        "navigator",
-        "user agent"
-    ],
+    "keywords": ["angular", "ng", "window", "api", "web api", "navigator", "user agent"],
     "license": "MIT",
     "author": {
         "name": "Alex Inkin",
         "email": "[email protected]"
     },
-    "contributors": [
-        "Roman Sedov <[email protected]> (http://marsibarsi.me/)"
-    ],
+    "contributors": ["Roman Sedov <[email protected]> (http://marsibarsi.me/)"],
     "repository": "https://github.com/ng-web-apis/common",
     "bugs": "https://github.com/ng-web-apis/common/issues",
     "homepage": "https://github.com/ng-web-apis/common#README",
@@ -92,18 +82,15 @@
         "tsickle": "0.34.0",
         "tslint": "^5.18.0",
         "tsutils": "^3.17.1",
-        "typescript": "3.1.6"
+        "typescript": "3.2.2"
     },
     "husky": {
         "hooks": {
             "pre-commit": "lint-staged && npm run typecheck"
         }
     },
     "lint-staged": {
-        "*.{js,ts,html,md,less,json}": [
-            "prettier --write",
-            "git add"
-        ],
+        "*.{js,ts,html,md,less,json}": ["prettier --write", "git add"],
         "*.ts": "tslint"
     },
     "standard-version": {

projects/common/src/tokens/css.ts

@@ -1,15 +1,18 @@
 import {inject, InjectionToken} from '@angular/core';
 import {WINDOW} from './window';
 
-declare global {
-    interface Window {
-        CSS: CSS;
-    }
+/**
+ * Use Window['CSS'], this is a workaround to support Angular 6+
+ */
+interface Css {
+    escape(ident: string): string;
+    supports(property: string, value: string): boolean;
+    supports(conditionText: string): boolean;
 }
 
-export const CSS = new InjectionToken<CSS>('An abstraction over window.CSS object', {
+export const CSS = new InjectionToken<Css>('An abstraction over window.CSS object', {
     factory: () =>
-        inject(WINDOW).CSS || {
+        (inject(WINDOW) as any).CSS || {
             escape: v => v,
             supports: () => false,
         },

projects/common/src/tokens/tests/css.spec.ts

@@ -6,6 +6,7 @@ describe('CSS', () => {
     it('injects window.CSS object', () => {
         TestBed.configureTestingModule({});
 
+        // @ts-ignore
         expect(TestBed.get(CSS)).toBe(window.CSS);
     });