angular 7 upgrade

Author: clouless

angular.json

@@ -48,7 +48,14 @@
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": true
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                }
+              ]
             }
           }
         },
@@ -77,7 +84,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
-              "styles.css"
+              "src/styles.css"
             ],
             "scripts": [],
             "assets": [
@@ -109,6 +116,11 @@
           "options": {
             "protractorConfig": "e2e/protractor.conf.js",
             "devServerTarget": "tooltip-demo:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "story-demo:serve:production"
+            }
           }
         },
         "lint": {
@@ -133,11 +145,6 @@
           "options": {
             "tsConfig": "projects/cloukit/tooltip/tsconfig.lib.json",
             "project": "projects/cloukit/tooltip/ng-package.json"
-          },
-          "configurations": {
-            "production": {
-              "project": "projects/cloukit/tooltip/ng-package.prod.json"
-            }
           }
         },
         "test": {
@@ -164,4 +171,4 @@
     }
   },
   "defaultProject": "tooltip-demo"
-}
+}

package.json

@@ -12,47 +12,47 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^6.0.0",
-    "@angular/core": "^6.0.0",
-    "@angular/compiler": "^6.0.0",
-    "@angular/animations": "^6.0.0",
-    "@angular/forms": "^6.0.0",
-    "@angular/http": "^6.0.0",
-    "@angular/platform-browser": "^6.0.0",
-    "@angular/platform-browser-dynamic": "^6.0.0",
-    "@angular/router": "^6.0.0",
-    "@cloukit/dropout": "^6.0.0",
-    "@cloukit/story": "6.0.0",
-    "@cloukit/theme": "^6.0.1",
+    "@cloukit/theme": "7.0.1",
+    "@cloukit/dropout": "7.0.0",
+    "@cloukit/story": "7.0.0",
     "@types/prismjs": "1.9.0",
-    "core-js": "^2.5.4",
-    "prismjs": "1.14.0",
-    "rxjs": "^6.0.0",
-    "zone.js": "^0.8.26"
+    "prismjs": "1.15.0",
+    "@angular/animations": "~7.0.0",
+    "@angular/common": "~7.0.0",
+    "@angular/compiler": "~7.0.0",
+    "@angular/core": "~7.0.0",
+    "@angular/forms": "~7.0.0",
+    "@angular/http": "~7.0.0",
+    "@angular/platform-browser": "~7.0.0",
+    "@angular/platform-browser-dynamic": "~7.0.0",
+    "@angular/router": "~7.0.0",
+    "core-js": "^2.5.7",
+    "rxjs": "~6.3.3",
+    "zone.js": "~0.8.26"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "^6.0.0",
-    "@angular-devkit/build-ng-packagr": "~0.6.1",
-    "@angular-devkit/build-angular": "~0.6.0",
-    "ng-packagr": "^3.0.0-rc.2",
-    "tsickle": ">=0.25.5",
-    "tslib": "^1.7.1",
-    "typescript": "~2.7.2",
-    "@angular/cli": "~6.0.0",
-    "@angular/language-service": "^6.0.0",
-    "@types/jasmine": "~2.8.6",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~4.2.1",
-    "jasmine-core": "~2.99.1",
+    "@angular-devkit/build-angular": "~0.10.0",
+    "@angular-devkit/build-ng-packagr": "~0.10.0",
+    "@angular/cli": "~7.0.4",
+    "@angular/compiler-cli": "~7.0.0",
+    "@angular/language-service": "~7.0.0",
+    "@types/node": "~10.12.2",
+    "@types/jasmine": "~2.8.8",
+    "@types/jasminewd2": "~2.0.6",
+    "codelyzer": "~4.5.0",
+    "jasmine-core": "~3.3.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~1.7.1",
+    "karma": "~3.1.1",
     "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~1.4.2",
-    "karma-jasmine": "~1.1.1",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.3.0",
-    "ts-node": "~5.0.1",
-    "tslint": "~5.9.1"
+    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma-jasmine": "~1.1.2",
+    "karma-jasmine-html-reporter": "^1.4.0",
+    "ng-packagr": "^4.2.0",
+    "protractor": "~5.4.0",
+    "ts-node": "~7.0.0",
+    "tsickle": ">=0.29.0",
+    "tslib": "^1.9.3",
+    "tslint": "~5.11.0",
+    "typescript": "~3.1.1"
   }
 }

projects/cloukit/tooltip/ng-package.prod.json

@@ -1,10 +1,10 @@
 {
   "name": "@cloukit/tooltip",
-  "version": "6.0.1",
+  "version": "7.0.0",
   "peerDependencies": {
-    "@angular/common": "^6.0.0-rc.0 || ^6.0.0",
-    "@angular/core": "^6.0.0-rc.0 || ^6.0.0",
-    "@cloukit/dropout": "^6.0.0",
-    "@cloukit/theme": "^6.0.0"
+    "@angular/common": "^7.0.0-rc.0 || ^7.0.0",
+    "@angular/core": "^7.0.0-rc.0 || ^7.0.0",
+    "@cloukit/dropout": "^7.0.0",
+    "@cloukit/theme": "^7.0.1"
   }
 }

projects/cloukit/tooltip/package.json

@@ -3,10 +3,7 @@
  * Copyright (c) 2017 Bernhard Grünewaldt - codeclou.io
  * https://github.com/cloukit/legal
  */
-import {
-  CloukitComponentTheme,
-  CloukitStatefulAndModifierAwareElementThemeStyleDefinition,
-} from '@cloukit/theme';
+import { CloukitComponentTheme } from '@cloukit/theme';
 
 /**
  * The default theme
@@ -28,7 +25,7 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
           opacity 300ms ease-in-out`,
         opacity: 0,
       }
-    } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition);
+    });
 
     this.createStyle('wrapper', 'ready', 'left',
       this.merge(this.getStyle('wrapper', 'init', 'base'), {
@@ -37,7 +34,7 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
           transform: 'translate(0, -50%)',
           opacity: 1,
         }
-      } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition));
+      }));
 
     this.createStyle('wrapper', 'ready', 'right',
       this.merge(this.getStyle('wrapper', 'init', 'base'), {
@@ -46,7 +43,7 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
           transform: 'translate(0, -50%)',
           opacity: 1,
         }
-      } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition));
+      }));
 
     this.createStyle('wrapper', 'ready', 'up',
       this.merge(this.getStyle('wrapper', 'init', 'base'), {
@@ -55,7 +52,7 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
           transform: 'translate(-50%, 0)',
           opacity: 1,
         }
-      } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition));
+      }));
 
     this.createStyle('wrapper', 'ready', 'down',
       this.merge(this.getStyle('wrapper', 'init', 'base'), {
@@ -64,7 +61,7 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
           transform: 'translate(-50%, 0)',
           opacity: 1,
         }
-      } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition));
+      }));
 
     //
     // TOOLTIP
@@ -75,13 +72,13 @@ export class CloukitTooltipComponentThemeDefault extends CloukitComponentTheme {
         padding: '5px 8px 5px 8px',
         color: '#fff',
       }
-    } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition);
+    });
 
     this.createStyle('tooltip', 'ready', 'base',
       this.merge(this.getStyle('tooltip', 'init', 'base'), {
         style: {
         }
-      } as CloukitStatefulAndModifierAwareElementThemeStyleDefinition));
+      }));
   }
 
 }