chore: update angular to 19 (#3280)

* chore: update angular packages to 19 versions

* chore: update angular firebase to 19 versions

* chore: update angular eslint to 19 versions

* chore: update angular cdk to 19 versions

* chore: update @schematics/angular to 19 versions

* chore: update angular to 19 versions in framework packages

* chore: update angular to 19 versions packages-smoke

* chore: update @angular-eslint/schematics to 19 versions in packages-smoke

* chore: update typescript in packages-smoke

* chore: update @schematics/angular to 19v in packages-smoke

* chore: update @angular/cdk to 19v in packages-smoke

* chore: update app.module.ts in packages-smoke

Author: denStrigo

.github/workflows/deploy-docs.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
           cache: 'npm'
       - run: npm ci
       - run: npm run docs:gh-pages

.github/workflows/pr-check.yml

@@ -11,7 +11,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
           cache: 'npm'
       - run: npm ci
       - run: npm run build:packages
@@ -27,7 +27,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
           cache: 'npm'
       - run: |
           npm ci
@@ -40,7 +40,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
       - run: npm ci
       - run: npm run docs:build
   build-playground:
@@ -50,7 +50,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
       - run: npm ci
       - uses: actions/download-artifact@v2
         with:
@@ -104,7 +104,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
       - run: npm ci
       - uses: actions/download-artifact@v2
         with:
@@ -136,7 +136,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.19.0
+          node-version: 18.19.1
       - uses: actions/download-artifact@v2
         with:
           name: built-packages

.nvmrc

@@ -1 +1 @@
-18.19.0
+18.19.1

angular.json

@@ -90,21 +90,21 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "playground:build:production"
+              "buildTarget": "playground:build:production"
             },
             "production-wp": {
-              "browserTarget": "playground:build:production-wp"
+              "buildTarget": "playground:build:production-wp"
             },
             "development": {
-              "browserTarget": "playground:build:development"
+              "buildTarget": "playground:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "playground:build"
+            "buildTarget": "playground:build"
           }
         },
         "test": {
@@ -279,18 +279,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "docs:build:production"
+              "buildTarget": "docs:build:production"
             },
             "development": {
-              "browserTarget": "docs:build:development"
+              "buildTarget": "docs:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "docs:build"
+            "buildTarget": "docs:build"
           }
         },
         "test": {

docs/app/@theme/components/color-swatch/color-swatch.directive.ts

@@ -2,6 +2,7 @@ import { Directive, ElementRef, AfterViewInit } from '@angular/core';
 
 @Directive({
     selector: '[ngdColorSwatch]',
+    standalone: false
 })
 export class NgdColorSwatchDirective implements AfterViewInit {
 

docs/app/@theme/components/components-promo/components-promo.component.ts

@@ -1,12 +1,13 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'ngd-components-promo',
-  template: `
+    selector: 'ngd-components-promo',
+    template: `
     <h2>{{ title }}</h2>
     <p>{{ description }}</p>
   `,
-  styleUrls: ['./components-promo.component.scss'],
+    styleUrls: ['./components-promo.component.scss'],
+    standalone: false
 })
 export class NgdComponentsPromoComponent {
   title = 'Angular UI components';

docs/app/@theme/components/description/description.directive.ts

@@ -2,7 +2,8 @@ import { AfterViewInit, Directive, ElementRef } from '@angular/core';
 import * as marked from 'marked';
 
 @Directive({
-  selector: '[ngdDescription]',
+    selector: '[ngdDescription]',
+    standalone: false
 })
 export class NgdDescriptionDirective implements AfterViewInit {
 

docs/app/@theme/components/eva/eva.component.ts

@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'ngd-eva',
-  styleUrls: ['./eva.components.scss'],
-  templateUrl: './eva.component.html',
+    selector: 'ngd-eva',
+    styleUrls: ['./eva.components.scss'],
+    templateUrl: './eva.component.html',
+    standalone: false
 })
 export class NgdEvaComponent {}

docs/app/@theme/components/footer/footer.component.ts

@@ -1,10 +1,11 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 @Component({
-  selector: 'ngd-footer',
-  styleUrls: ['./footer.component.scss'],
-  templateUrl: './footer.component.html',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    selector: 'ngd-footer',
+    styleUrls: ['./footer.component.scss'],
+    templateUrl: './footer.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdFooterComponent {
 }

docs/app/@theme/components/for-business/for-business.component.ts

@@ -10,8 +10,8 @@ import { NbDialogService } from '@nebular/theme';
 import { NgdHubspotFormDialogComponent } from '../hubspot-form-dialog/hubspot-form-dialog.component';
 
 @Component({
-  selector: 'ngd-for-business',
-  template: `
+    selector: 'ngd-for-business',
+    template: `
     <div class="left">
       <h2 [attr.id]="headingId" class="heading h1 text-control">Nebular for business</h2>
       <button (click)="openDialog()" class="submit" nbButton status="control">Submit your request</button>
@@ -28,9 +28,10 @@ import { NgdHubspotFormDialogComponent } from '../hubspot-form-dialog/hubspot-fo
       </ul>
     </div>
   `,
-  exportAs: 'ngdForBusiness',
-  styleUrls: ['./for-business.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    exportAs: 'ngdForBusiness',
+    styleUrls: ['./for-business.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdForBusinessComponent {
   readonly headingId: string = 'ngd-for-business-heading';

docs/app/@theme/components/fragment-target/fragment-target.directive.ts

@@ -8,7 +8,8 @@ import { NgdVisibilityService } from '../../../@theme/services';
 const OBSERVER_OPTIONS = { rootMargin: '-100px 0px 0px' };
 
 @Directive({
-  selector: '[ngdFragment]',
+    selector: '[ngdFragment]',
+    standalone: false
 })
 export class NgdFragmentTargetDirective implements OnInit, OnDestroy {
 

docs/app/@theme/components/header/header.component.ts

@@ -6,9 +6,9 @@ import { map, startWith } from 'rxjs/operators';
 import { NgdVersionService, Version } from '../../services';
 
 @Component({
-  selector: 'ngd-header',
-  styleUrls: ['./header.component.scss'],
-  template: `
+    selector: 'ngd-header',
+    styleUrls: ['./header.component.scss'],
+    template: `
     <div class="section left">
       <button *ngIf="sidebarTag" class="sidebar-toggle" (click)="toggleSidebar()">
         <nb-icon icon="menu-2"></nb-icon>
@@ -40,7 +40,8 @@ import { NgdVersionService, Version } from '../../services';
       </iframe>
     </div>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdHeaderComponent implements OnInit {
 

docs/app/@theme/components/hero/hero.component.ts

@@ -10,9 +10,9 @@ import { NbDialogService } from '@nebular/theme';
 import { NgdHubspotFormDialogComponent } from '../hubspot-form-dialog/hubspot-form-dialog.component';
 
 @Component({
-  selector: 'ngd-hero',
-  styleUrls: ['./hero.component.scss'],
-  template: `
+    selector: 'ngd-hero',
+    styleUrls: ['./hero.component.scss'],
+    template: `
     <div class="block">
       <h1>Nebular: Customizable Angular UI Kit</h1>
       <p class="hero-promo">
@@ -66,7 +66,8 @@ import { NgdHubspotFormDialogComponent } from '../hubspot-form-dialog/hubspot-fo
       </div>
     </div>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdHeroComponent {
 

docs/app/@theme/components/hubspot-cta/akveo-services-banner.component.ts

@@ -2,8 +2,8 @@ import { Component, ElementRef, Inject, Input, OnInit, ViewChild } from '@angula
 import { NB_DOCUMENT, NB_WINDOW } from '@nebular/theme';
 
 @Component({
-  selector: 'ngd-akveo-services-banner',
-  template: `
+    selector: 'ngd-akveo-services-banner',
+    template: `
     <span #wrapper class="hs-cta-wrapper" id="hs-cta-wrapper-{{ctaId}}">
       <span class="hs-cta-node hs-cta-{{ctaId}}" id="hs-cta-{{ctaId}}">
         <a href="https://cta-redirect.hubspot.com/cta/redirect/2452262/{{ctaId}}" target="_blank">
@@ -17,7 +17,8 @@ import { NB_DOCUMENT, NB_WINDOW } from '@nebular/theme';
       </span>
     </span>
   `,
-  styleUrls: ['akveo-services-banner.component.scss'],
+    styleUrls: ['akveo-services-banner.component.scss'],
+    standalone: false
 })
 
 export class AkveoServicesBanner implements OnInit {

docs/app/@theme/components/hubspot-form-dialog/hubspot-form-dialog.component.ts

@@ -10,7 +10,7 @@ import { NB_WINDOW, NbDialogRef } from '@nebular/theme';
 let formContainerUniqueId = 0;
 
 @Component({
-  template: `
+    template: `
     <nb-card>
       <nb-card-header>
         <span>{{ title }}</span>
@@ -23,7 +23,8 @@ let formContainerUniqueId = 0;
       </nb-card-body>
     </nb-card>
   `,
-  styleUrls: ['./hubspot-form-dialog.component.scss'],
+    styleUrls: ['./hubspot-form-dialog.component.scss'],
+    standalone: false
 })
 export class NgdHubspotFormDialogComponent implements OnInit, AfterViewInit {
 

docs/app/@theme/components/icon-card/icon-card.component.ts

@@ -2,16 +2,17 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 
 @Component({
-  selector: 'ngd-icon-card',
-  styleUrls: ['./icon-card.component.scss'],
-  template: `
+    selector: 'ngd-icon-card',
+    styleUrls: ['./icon-card.component.scss'],
+    template: `
     <div class="icon">
       <img [src]="icon" />
     </div>
     <h2>{{ title }}</h2>
     <p>{{ description }}</p>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdIconCardComponent {
 

docs/app/@theme/components/page-tabs/page-tabs.component.ts

@@ -10,9 +10,9 @@ import { ActivatedRoute } from '@angular/router';
 import { Observable, of as observableOf, combineLatest, Subject } from 'rxjs';
 
 @Component({
-  selector: 'ngd-page-tabs',
-  styleUrls: ['./page-tabs.component.scss'],
-  template: `
+    selector: 'ngd-page-tabs',
+    styleUrls: ['./page-tabs.component.scss'],
+    template: `
     <a *ngFor="let item of items$ | async" [class.selected]="item.selected" [routerLink]="['../', item.tab]">
       <div class="text-container">
         <nb-icon [icon]="item.icon"></nb-icon>
@@ -21,7 +21,8 @@ import { Observable, of as observableOf, combineLatest, Subject } from 'rxjs';
       <i class="line"></i>
     </a>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdPageTabsComponent implements OnDestroy {
 

docs/app/@theme/components/page-toc/page-toc.component.ts

@@ -10,9 +10,9 @@ import { ActivatedRoute } from '@angular/router';
 import { combineLatest, Subject, Observable } from 'rxjs';
 
 @Component({
-  selector: 'ngd-page-toc',
-  styleUrls: ['./page-toc.component.scss'],
-  template: `
+    selector: 'ngd-page-toc',
+    styleUrls: ['./page-toc.component.scss'],
+    template: `
     <ng-container *ngIf="items?.length > 0">
       <h4>Overview</h4>
       <ul>
@@ -22,7 +22,8 @@ import { combineLatest, Subject, Observable } from 'rxjs';
       </ul>
     </ng-container>
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdPageTocComponent implements OnDestroy {
 

docs/app/@theme/components/search/search.component.ts

@@ -2,13 +2,14 @@ import { AfterViewInit, ChangeDetectionStrategy, Component, Inject } from '@angu
 import { NB_WINDOW } from '@nebular/theme';
 
 @Component({
-  selector: 'ngd-search',
-  styleUrls: ['./search.component.scss'],
-  template: `
+    selector: 'ngd-search',
+    styleUrls: ['./search.component.scss'],
+    template: `
     <nb-icon icon="search-outline"></nb-icon>
     <input type="text" nbInput id="doc-search" placeholder="Start typing...">
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class NgdSearchComponent implements AfterViewInit {