Update for yFiles for HTML 3.0.0.4

Author: michabaur

README.md

@@ -1,8 +1,8 @@
 <img src="./src/assets/yfiles-logo.svg" alt="yFiles logo" height="100"/>
 
-# yFiles integration for Angular CLI
+# yFiles integration for Angular
 
-This sample application serves as a basic scaffold of how to integrate [yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) in an [Angular CLI](https://cli.angular.io/) application.
+This sample application serves as a basic scaffold of how to integrate [yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) in an [Angular](https://angular.dev/) application.
 
 **To run this project, a valid [yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) version is required. You can evaluate yFiles 60 days free of charge on [my.yworks.com](https://my.yworks.com/signup?product=YFILES_HTML_EVAL).**
 

integration-howto.md

@@ -24,7 +24,7 @@ Adding yFiles as a dependency is almost as easy as installing an external librar
    ```
    "dependencies": {
      ...
-     "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/yfiles-30.0.3+eval-dev.tgz"
+     "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.4-Evaluation/lib/yfiles-30.0.4+eval-dev.tgz"
    },
    ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yfiles/yfiles-angular-integration-basic",
-  "version": "30.0.3",
+  "version": "30.0.4",
   "author": "yWorks GmbH <yfileshtml@yworks.com>",
   "scripts": {
     "ng": "ng",
@@ -9,7 +9,7 @@
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "postinstall": "npm run copy-eval-license",
-    "copy-eval-license": "node -e \"require('fs').copyFileSync('../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/license.json','./src/license.json')\""
+    "copy-eval-license": "node -e \"require('fs').copyFileSync('../yFiles-for-HTML-Complete-3.0.0.4-Evaluation/lib/license.json','./src/license.json')\""
   },
   "private": true,
   "dependencies": {
@@ -23,7 +23,7 @@
     "rxjs": "~7.8.1",
     "tslib": "^2.8.1",
     "zone.js": "~0.15.0",
-    "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.3-Evaluation/lib/yfiles-30.0.3+eval-dev.tgz"
+    "@yfiles/yfiles": "../yFiles-for-HTML-Complete-3.0.0.4-Evaluation/lib/yfiles-30.0.4+eval-dev.tgz"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^20.1.4",

src/app/app.config.ts

@@ -1,7 +1,7 @@
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import { type ApplicationConfig, provideZoneChangeDetection } from '@angular/core'
+import { provideRouter } from '@angular/router'
 
-import { routes } from './app.routes';
+import { routes } from './app.routes'
 
 export const appConfig: ApplicationConfig = {
   providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]

src/app/app.routes.ts

@@ -1,3 +1,3 @@
-import { Routes } from '@angular/router';
+import { type Routes } from '@angular/router'
 
 export const routes: Routes = [];

src/app/graph-component/graph-component.component.spec.ts

@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing'
+import { type ComponentFixture, TestBed } from '@angular/core/testing'
 
 import { GraphComponentComponent } from './graph-component.component'
 

src/app/graph-component/graph-component.component.ts

@@ -1,5 +1,5 @@
-import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'
-import { GraphComponent, GraphEditorInputMode, IGraph, License, Point, Rect } from '@yfiles/yfiles'
+import { type AfterViewInit, Component, type ElementRef, ViewChild } from '@angular/core'
+import { GraphComponent, GraphEditorInputMode, type IGraph, License, Point, Rect } from '@yfiles/yfiles'
 import licenseData from '../../license.json'
 
 License.value = licenseData

src/assets/yfiles-logo.svg

@@ -1,6 +1,6 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
+import { bootstrapApplication } from '@angular/platform-browser'
+import { appConfig } from './app/app.config'
+import { AppComponent } from './app/app.component'
 
 bootstrapApplication(AppComponent, appConfig)
   .catch((err) => console.error(err));

src/main.ts

@@ -1,9 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": ["src/main.ts"],
-  "include": ["src/**/*.d.ts"]
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "src/**/*.spec.ts"
+  ]
 }