chore: angular 12

Author: KillerCodeMonkey

package.json

@@ -5,50 +5,50 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
-    "build:prod": "ng build --project angular-stl-model-viewer --prod && cp ./README.md ./dist/angular-stl-model-viewer",
-    "build:deploy": "ng build --prod --project examples --base-href angular-stl-model-viewer && gh-pages -d ./dist/examples",
+    "build:prod": "ng build --project angular-stl-model-viewer --configuration production && cp ./README.md ./dist/angular-stl-model-viewer",
+    "build:deploy": "ng build --configuration production --project examples --base-href angular-stl-model-viewer && gh-pages -d ./dist/examples",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "postinstall": "ngcc"
   },
   "dependencies": {
-    "@angular/animations": "^10.2.3 || ^11.0.2",
-    "@angular/common": "^10.2.3 || ^11.0.2",
-    "@angular/compiler": "^10.2.3 || ^11.0.2",
-    "@angular/core": "^10.2.3 || ^11.0.2",
-    "@angular/forms": "^10.2.3 || ^11.0.2",
-    "@angular/platform-browser": "^10.2.3 || ^11.0.2",
-    "@angular/platform-browser-dynamic": "^10.2.3 || ^11.0.2",
-    "@angular/router": "^10.2.3 || ^11.0.2",
+    "@angular/animations": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/common": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/compiler": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/core": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/forms": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/platform-browser": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/platform-browser-dynamic": "^10.2.3 || ^11.0.2 || ^12.0.0",
+    "@angular/router": "^10.2.3 || ^11.0.2 || ^12.0.0",
     "rxjs": "~6.6.7",
     "three": "^0.126.1",
     "tslib": "^2.2.0",
-    "zone.js": "~0.10.3"
+    "zone.js": "~0.10.3 || ~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "^0.1100.2",
-    "@angular-devkit/build-angular": "^0.1100.2",
+    "@angular-devkit/architect": "^0.1200.0",
+    "@angular-devkit/build-angular": "^12.0.0",
     "@angular-devkit/build-ng-packagr": "^0.1002.0",
-    "@angular-devkit/core": "^11.2.12",
-    "@angular-eslint/builder": "1.1.0",
-    "@angular-eslint/eslint-plugin": "1.1.0",
-    "@angular-eslint/eslint-plugin-template": "1.1.0",
-    "@angular-eslint/schematics": "^1.2.0",
-    "@angular-eslint/template-parser": "1.1.0",
-    "@angular/cli": "^11.2.12",
-    "@angular/compiler-cli": "^11.2.13",
-    "@angular/localize": "^11.2.13",
-    "@angular-devkit/schematics": "^11.2.12",
-    "@types/jasmine": "^3.7.1",
+    "@angular-devkit/core": "^12.0.0",
+    "@angular-eslint/builder": "^4.3.0",
+    "@angular-eslint/eslint-plugin": "^4.3.0",
+    "@angular-eslint/eslint-plugin-template": "^4.3.0",
+    "@angular-eslint/schematics": "^4.3.0",
+    "@angular-eslint/template-parser": "^4.3.0",
+    "@angular/cli": "^12.0.0",
+    "@angular/compiler-cli": "^12.0.0",
+    "@angular/localize": "^12.0.0",
+    "@angular-devkit/schematics": "^12.0.0",
+    "@types/jasmine": "^3.7.2",
     "@types/jasminewd2": "^2.0.9",
     "@types/node": "*",
-    "@typescript-eslint/eslint-plugin": "^4.22.1",
-    "@typescript-eslint/parser": "4.14.2",
+    "@typescript-eslint/eslint-plugin": "^4.23.0",
+    "@typescript-eslint/parser": "4.23.0",
     "eslint": "^7.26.0",
-    "eslint-plugin-import": "2.22.1",
-    "eslint-plugin-jsdoc": "31.6.0",
-    "eslint-plugin-prefer-arrow": "1.2.3",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsdoc": "^34.0.2",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
     "gh-pages": "^3.1.0",
     "jasmine-core": "^3.7.1",
     "jasmine-spec-reporter": "^6.0.0",
@@ -57,10 +57,10 @@
     "karma-coverage": "^2.0.3",
     "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.6.0",
-    "ng-packagr": "^11.2.4",
+    "ng-packagr": "^12.0.0",
     "protractor": "^7.0.0",
-    "puppeteer": "^7.1.0",
+    "puppeteer": "^9.1.1",
     "ts-node": "^9.1.1",
-    "typescript": "~4.0.7"
+    "typescript": "~4.2.4"
   }
 }

projects/angular-stl-model-viewer/package.json

@@ -1,7 +1,7 @@
 {
   "name": "angular-stl-model-viewer",
   "license": "MIT",
-  "version": "3.2.0",
+  "version": "4.0.0",
   "author": "Marcus Kirsch & Bengt Weiße",
   "description": "Angular component for rendering a STL model",
   "bugs": "https://github.com/codaline-io/angular-stl-model-viewer/issues",
@@ -14,9 +14,10 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@angular/common": "^10.0.0 || ^11.0.0",
-    "@angular/core": "^10.0.0 || ^11.0.0",
-    "three": "^0.120.0"
+    "@angular/common": "^10.0.0 || ^11.0.0 || ^12.0.0",
+    "@angular/core": "^10.0.0 || ^11.0.0 || ^12.0.0",
+    "three": "^0.120.0",
+    "zone.js": "~0.10.3 || ~0.11.4"
   },
   "dependencies": {
     "tslib": "^2.0.1"

projects/angular-stl-model-viewer/src/lib/angular-stl-model-viewer.component.ts

@@ -53,9 +53,9 @@ const isWebGLAvailable = () => {
   styles: [
     `
 :host {
-  width: 100%
-  height: 100%
-  display: block
+  width: 100%;
+  height: 100%;
+  display: block;
 }
   `
   ],