chore: upgrade to Angular 19

angular.json

@@ -186,5 +186,8 @@
     "@schematics/angular:directive": {
       "prefix": "app"
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

demo/src/app/advanced/custom-range-search.component.ts

@@ -5,8 +5,9 @@ import { Config } from 'datatables.net';
 
 // Example from https://datatables.net/examples/plug-ins/range_filtering.html
 @Component({
-  selector: 'app-custom-range-search',
-  templateUrl: 'custom-range-search.component.html'
+    selector: 'app-custom-range-search',
+    templateUrl: 'custom-range-search.component.html',
+    standalone: false
 })
 export class CustomRangeSearchComponent implements OnDestroy, OnInit {
 

demo/src/app/advanced/demo-ng-template-ref.component.ts

@@ -3,8 +3,9 @@ import { Subject } from 'rxjs';
 import { IDemoNgComponentEventType } from './demo-ng-template-ref-event-type';
 
 @Component({
-  selector: 'app-demo-ng-template-ref',
-  templateUrl: './demo-ng-template-ref.component.html',
+    selector: 'app-demo-ng-template-ref',
+    templateUrl: './demo-ng-template-ref.component.html',
+    standalone: false
 })
 export class DemoNgComponent implements OnInit {
 

demo/src/app/advanced/dt-instance.component.ts

@@ -4,8 +4,9 @@ import { DataTableDirective } from 'angular-datatables';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-dt-instance',
-  templateUrl: 'dt-instance.component.html'
+    selector: 'app-dt-instance',
+    templateUrl: 'dt-instance.component.html',
+    standalone: false
 })
 export class DtInstanceComponent implements OnInit {
 

demo/src/app/advanced/individual-column-filtering.component.ts

@@ -4,8 +4,9 @@ import { DataTableDirective } from 'angular-datatables';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-individual-column-filtering',
-  templateUrl: 'individual-column-filtering.component.html'
+    selector: 'app-individual-column-filtering',
+    templateUrl: 'individual-column-filtering.component.html',
+    standalone: false
 })
 export class IndividualColumnFilteringComponent implements OnInit, AfterViewInit {
 

demo/src/app/advanced/load-dt-options-with-promise.component.ts

@@ -3,8 +3,9 @@ import { HttpClient } from '@angular/common/http';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-load-dt-options-with-promise',
-  templateUrl: 'load-dt-options-with-promise.component.html'
+    selector: 'app-load-dt-options-with-promise',
+    templateUrl: 'load-dt-options-with-promise.component.html',
+    standalone: false
 })
 export class LoadDtOptionsWithPromiseComponent implements OnInit {
 

demo/src/app/advanced/multiple-tables.component.ts

@@ -3,8 +3,9 @@ import { DataTableDirective } from 'angular-datatables';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-multiple-tables',
-  templateUrl: 'multiple-tables.component.html'
+    selector: 'app-multiple-tables',
+    templateUrl: 'multiple-tables.component.html',
+    standalone: false
 })
 export class MultipleTablesComponent implements OnInit {
 

demo/src/app/advanced/rerender.component.ts

@@ -4,8 +4,9 @@ import { Config } from 'datatables.net';
 import { Subject } from 'rxjs';
 
 @Component({
-  selector: 'app-rerender',
-  templateUrl: 'rerender.component.html'
+    selector: 'app-rerender',
+    templateUrl: 'rerender.component.html',
+    standalone: false
 })
 export class RerenderComponent implements AfterViewInit, OnDestroy, OnInit {
 

demo/src/app/advanced/router-link.component.ts

@@ -6,8 +6,9 @@ import { DemoNgComponent } from './demo-ng-template-ref.component';
 import { ADTSettings } from 'angular-datatables/src/models/settings';
 
 @Component({
-  selector: 'app-router-link',
-  templateUrl: 'router-link.component.html'
+    selector: 'app-router-link',
+    templateUrl: 'router-link.component.html',
+    standalone: false
 })
 export class RouterLinkComponent implements AfterViewInit, OnInit, OnDestroy {
 

demo/src/app/advanced/row-click-event.component.ts

@@ -2,8 +2,9 @@ import { Component, OnInit } from '@angular/core';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-row-click-event',
-  templateUrl: 'row-click-event.component.html'
+    selector: 'app-row-click-event',
+    templateUrl: 'row-click-event.component.html',
+    standalone: false
 })
 export class RowClickEventComponent implements OnInit {
 

demo/src/app/advanced/using-ng-pipe.component.ts

@@ -3,8 +3,9 @@ import { Component, OnInit } from '@angular/core';
 import { ADTSettings } from 'angular-datatables/src/models/settings';
 
 @Component({
-  selector: 'app-using-ng-pipe',
-  templateUrl: './using-ng-pipe.component.html'
+    selector: 'app-using-ng-pipe',
+    templateUrl: './using-ng-pipe.component.html',
+    standalone: false
 })
 export class UsingNgPipeComponent implements OnInit {
 

demo/src/app/advanced/using-ng-template-ref.component.ts

@@ -5,8 +5,9 @@ import { DemoNgComponent } from './demo-ng-template-ref.component';
 import { ADTSettings } from 'angular-datatables/src/models/settings';
 
 @Component({
-  selector: 'app-using-ng-template-ref',
-  templateUrl: './using-ng-template-ref.component.html',
+    selector: 'app-using-ng-template-ref',
+    templateUrl: './using-ng-template-ref.component.html',
+    standalone: false
 })
 export class UsingNgTemplateRefComponent implements OnInit, AfterViewInit {
 

demo/src/app/app.component.ts

@@ -6,9 +6,10 @@ import { DtVersionService } from './dt-version.service';
 declare var $: any;
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    standalone: false
 })
 export class AppComponent implements OnInit, OnDestroy {
 

demo/src/app/base-demo/base-demo.component.ts

@@ -6,9 +6,10 @@ import { Subscription } from 'rxjs';
 declare var $: JQueryStatic;
 
 @Component({
-  selector: 'app-base-demo',
-  templateUrl: './base-demo.component.html',
-  styleUrls: ['./base-demo.component.css']
+    selector: 'app-base-demo',
+    templateUrl: './base-demo.component.html',
+    styleUrls: ['./base-demo.component.css'],
+    standalone: false
 })
 export class BaseDemoComponent implements OnInit, OnDestroy {
 

demo/src/app/basic/angular-way.component.ts

@@ -5,8 +5,9 @@ import { Person } from '../person';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-angular-way',
-  templateUrl: 'angular-way.component.html'
+    selector: 'app-angular-way',
+    templateUrl: 'angular-way.component.html',
+    standalone: false
 })
 export class AngularWayComponent implements OnDestroy, OnInit {
 

demo/src/app/basic/new-server-side/new-server-side.component.ts

@@ -2,9 +2,10 @@ import { Component } from "@angular/core";
 import { Config } from "datatables.net";
 
 @Component({
-  selector: "app-new-server-side",
-  templateUrl: "./new-server-side.component.html",
-  styleUrls: ["./new-server-side.component.css"],
+    selector: "app-new-server-side",
+    templateUrl: "./new-server-side.component.html",
+    styleUrls: ["./new-server-side.component.css"],
+    standalone: false
 })
 export class NewServerSideComponent {
   pageTitle = "Server-side processing";

demo/src/app/basic/server-side-angular-way.component.ts

@@ -3,9 +3,10 @@ import { Person } from '../person';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-server-side-angular-way',
-  templateUrl: 'server-side-angular-way.component.html',
-  styleUrls: ['server-side-angular-way.component.css']
+    selector: 'app-server-side-angular-way',
+    templateUrl: 'server-side-angular-way.component.html',
+    styleUrls: ['server-side-angular-way.component.css'],
+    standalone: false
 })
 export class ServerSideAngularWayComponent {
 

demo/src/app/basic/with-ajax-callback/with-ajax-callback.component.ts

@@ -4,8 +4,9 @@ import { Config } from 'datatables.net';
 import { DataTablesResponse } from '../../datatables-response.model';
 
 @Component({
-  selector: 'app-with-ajax-callback',
-  templateUrl: './with-ajax-callback.component.html'
+    selector: 'app-with-ajax-callback',
+    templateUrl: './with-ajax-callback.component.html',
+    standalone: false
 })
 export class WithAjaxCallbackComponent implements OnInit {
 

demo/src/app/basic/with-ajax.component.ts

@@ -2,8 +2,9 @@ import { Component, OnInit } from '@angular/core';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-with-ajax',
-  templateUrl: 'with-ajax.component.html'
+    selector: 'app-with-ajax',
+    templateUrl: 'with-ajax.component.html',
+    standalone: false
 })
 export class WithAjaxComponent implements OnInit {
 

demo/src/app/basic/with-options.component.ts

@@ -2,8 +2,9 @@ import { Component, OnInit } from '@angular/core';
 import { Config } from 'datatables.net';
 
 @Component({
-  selector: 'app-with-options',
-  templateUrl: 'with-options.component.html'
+    selector: 'app-with-options',
+    templateUrl: 'with-options.component.html',
+    standalone: false
 })
 export class WithOptionsComponent implements OnInit {
 

demo/src/app/basic/zero-config.component.ts

@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-zero-config',
-  templateUrl: 'zero-config.component.html'
+    selector: 'app-zero-config',
+    templateUrl: 'zero-config.component.html',
+    standalone: false
 })
 export class ZeroConfigComponent {
 

demo/src/app/extensions/buttons-extension.component.ts

@@ -3,8 +3,9 @@ import { Config } from 'datatables.net-dt';
 import 'datatables.net-buttons-dt';
 
 @Component({
-  selector: 'app-buttons-extension',
-  templateUrl: 'buttons-extension.component.html'
+    selector: 'app-buttons-extension',
+    templateUrl: 'buttons-extension.component.html',
+    standalone: false
 })
 export class ButtonsExtensionComponent implements OnInit {
 

demo/src/app/extensions/colreorder-extension.component.ts

@@ -3,8 +3,9 @@ import { Config } from 'datatables.net';
 import 'datatables.net-colreorder';
 
 @Component({
-  selector: 'app-colreorder-extension',
-  templateUrl: 'colreorder-extension.component.html'
+    selector: 'app-colreorder-extension',
+    templateUrl: 'colreorder-extension.component.html',
+    standalone: false
 })
 export class ColreorderExtensionComponent implements OnInit {
 

demo/src/app/extensions/fixed-columns-extension.component.ts

@@ -2,8 +2,9 @@ import { Component, OnInit } from '@angular/core';
 import 'datatables.net-fixedcolumns-dt';
 
 @Component({
-  selector: 'app-fixed-columns-extension',
-  templateUrl: 'fixed-columns-extension.component.html'
+    selector: 'app-fixed-columns-extension',
+    templateUrl: 'fixed-columns-extension.component.html',
+    standalone: false
 })
 export class FixedColumnsExtensionComponent implements OnInit {
 

demo/src/app/extensions/responsive-extension.component.ts

@@ -3,8 +3,9 @@ import { Config } from 'datatables.net-dt';
 import 'datatables.net-responsive';
 
 @Component({
-  selector: 'app-responsive-extension',
-  templateUrl: 'responsive-extension.component.html'
+    selector: 'app-responsive-extension',
+    templateUrl: 'responsive-extension.component.html',
+    standalone: false
 })
 export class ResponsiveExtensionComponent implements OnInit {
 

demo/src/app/extensions/select-extension.component.ts

@@ -3,8 +3,9 @@ import { Config } from 'datatables.net';
 import 'datatables.net-select';
 
 @Component({
-  selector: 'app-select-extension',
-  templateUrl: 'select-extension.component.html'
+    selector: 'app-select-extension',
+    templateUrl: 'select-extension.component.html',
+    standalone: false
 })
 export class SelectExtensionComponent implements OnInit {
 

demo/src/app/f-a-q/f-a-q.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-f-a-q',
-  templateUrl: './f-a-q.component.html',
-  styleUrls: ['./f-a-q.component.css']
+    selector: 'app-f-a-q',
+    templateUrl: './f-a-q.component.html',
+    styleUrls: ['./f-a-q.component.css'],
+    standalone: false
 })
 export class FAQComponent implements OnInit {
 

demo/src/app/getting-started.component.ts

@@ -3,8 +3,9 @@ import { DtVersionService } from './dt-version.service';
 import { Subscription } from 'rxjs';
 
 @Component({
-  selector: 'app-getting-started',
-  templateUrl: 'getting-started.component.html'
+    selector: 'app-getting-started',
+    templateUrl: 'getting-started.component.html',
+    standalone: false
 })
 export class GettingStartedComponent implements OnInit {
 

demo/src/app/more-help/more-help.component.ts

@@ -1,9 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-more-help',
-  templateUrl: './more-help.component.html',
-  styleUrls: ['./more-help.component.css']
+    selector: 'app-more-help',
+    templateUrl: './more-help.component.html',
+    styleUrls: ['./more-help.component.css'],
+    standalone: false
 })
 export class MoreHelpComponent implements OnInit {
 

demo/src/app/person.component.ts

@@ -5,9 +5,10 @@ import { Person } from './person';
 import { PersonService } from './person.service';
 
 @Component({
-  selector: 'app-person',
-  templateUrl: 'person.component.html',
-  providers: [PersonService]
+    selector: 'app-person',
+    templateUrl: 'person.component.html',
+    providers: [PersonService],
+    standalone: false
 })
 export class PersonComponent implements OnInit {
   person!: Person;

demo/src/app/welcome.component.ts

@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-welcome',
-  templateUrl: 'welcome.component.html',
-  styleUrls: ['./welcome.component.css']
+    selector: 'app-welcome',
+    templateUrl: 'welcome.component.html',
+    styleUrls: ['./welcome.component.css'],
+    standalone: false
 })
 export class WelcomeComponent {