diff --git a/angular.json b/angular.json index 95a18f0..f1dccab 100644 --- a/angular.json +++ b/angular.json @@ -61,18 +61,18 @@ "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { - "browserTarget": "angular11Map-app:build" + "buildTarget": "angular11Map-app:build" }, "configurations": { "production": { - "browserTarget": "angular11Map-app:build:production" + "buildTarget": "angular11Map-app:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "angular11Map-app:build" + "buildTarget": "angular11Map-app:build" } }, "test": { diff --git a/package.json b/package.json index 1c50605..59ff99f 100644 --- a/package.json +++ b/package.json @@ -11,36 +11,36 @@ }, "private": true, "dependencies": { - "@angular/animations": "~11.2.4", - "@angular/common": "~11.2.4", - "@angular/compiler": "~11.2.4", - "@angular/core": "~11.2.4", - "@angular/forms": "~11.2.4", - "@angular/platform-browser": "~11.2.4", - "@angular/platform-browser-dynamic": "~11.2.4", - "@angular/router": "~11.2.4", - "@syncfusion/ej2-angular-maps": "^18.4.39", - "rxjs": "~6.6.0", - "tslib": "^2.0.0", - "zone.js": "~0.11.3" + "@angular/animations": "^20.3.16", + "@angular/common": "^20.3.16", + "@angular/compiler": "^20.3.16", + "@angular/core": "^20.3.16", + "@angular/forms": "^20.3.16", + "@angular/platform-browser": "^20.3.16", + "@angular/platform-browser-dynamic": "^20.3.16", + "@angular/router": "^20.3.16", + "@syncfusion/ej2-angular-maps": "^20.4.49", + "rxjs": "~7.8.0", + "tslib": "^2.6.0", + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~0.1102.3", - "@angular/cli": "~11.2.3", - "@angular/compiler-cli": "~11.2.4", - "@types/jasmine": "~3.6.0", + "@angular-devkit/build-angular": "^20.3.16", + "@angular/cli": "^20.3.16", + "@angular/compiler-cli": "^20.3.16", + "@types/jasmine": "~5.1.0", "@types/node": "^12.11.1", "codelyzer": "^6.0.0", - "jasmine-core": "~3.6.0", + "jasmine-core": "~5.1.0", "jasmine-spec-reporter": "~5.0.0", "karma": "6.3.16", - "karma-chrome-launcher": "~3.1.0", + "karma-chrome-launcher": "~3.2.0", + "karma-jasmine-html-reporter": "~2.1.0", "karma-coverage": "~2.0.3", - "karma-jasmine": "~4.0.0", - "karma-jasmine-html-reporter": "^1.5.0", + "karma-jasmine": "~5.0.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", - "typescript": "~4.1.5" + "typescript": "~5.8.0" } } diff --git a/src/app/app.component.ts b/src/app/app.component.ts index e319a11..6ddaac1 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,14 +1,21 @@ import { Component, ViewEncapsulation, ViewChild, OnInit } from '@angular/core'; import { Maps } from '@syncfusion/ej2-angular-maps'; +import { MapsModule, LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService, SelectionService, AnnotationsService, ZoomService } from '@syncfusion/ej2-angular-maps'; +import { CommonModule } from '@angular/common'; import { world_map } from './world-map'; @Component({ selector: 'app-root', + standalone: true, + imports: [CommonModule, MapsModule], + encapsulation: ViewEncapsulation.None, template: ` - ` + `, + providers: [LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService , SelectionService, AnnotationsService, ZoomService], + }) export class AppComponent implements OnInit { title = 'angular11Map-app'; @@ -27,4 +34,4 @@ export class AppComponent implements OnInit { this.shapePropertyPath = 'name'; this.shapeDataPath= 'Country'; } -}; +} diff --git a/src/app/app.module.ts b/src/app/app.module.ts deleted file mode 100644 index ca9aa11..0000000 --- a/src/app/app.module.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -// import the MapsModule for the Maps component -import { MapsModule } from '@syncfusion/ej2-angular-maps'; -import { AppComponent } from './app.component'; -import { LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService, SelectionService, AnnotationsService, ZoomService } from '@syncfusion/ej2-angular-maps'; - -@NgModule({ - declarations: [ - AppComponent - ], - imports: [ - BrowserModule, MapsModule - ], - providers: [LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService , SelectionService, AnnotationsService, ZoomService], - bootstrap: [AppComponent] -}) -export class AppModule { } diff --git a/src/main.ts b/src/main.ts index c7b673c..4aea474 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,12 +1,12 @@ +import { bootstrapApplication } from '@angular/platform-browser'; import { enableProdMode } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; -import { AppModule } from './app/app.module'; +import { AppComponent } from './app/app.component'; import { environment } from './environments/environment'; if (environment.production) { enableProdMode(); } -platformBrowserDynamic().bootstrapModule(AppModule) +bootstrapApplication(AppComponent) .catch(err => console.error(err)); diff --git a/src/polyfills.ts b/src/polyfills.ts index d5f67bd..373f538 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -57,7 +57,7 @@ /*************************************************************************************************** * Zone JS is required by default for Angular itself. */ -import 'zone.js/dist/zone'; // Included with Angular CLI. +import 'zone.js'; // Included with Angular CLI. /***************************************************************************************************