Angular 20

.nvmrc

@@ -1 +1 @@
-v20.11.1
+v22.12.0

README.md

@@ -16,6 +16,7 @@ Shows the mapping between the angular version and our lib versions.
 
 | Angular Version | Lib Version |
 |-----------------|-------------|
+| `^20`            | `^11`       | 
 | `^19`           | `^7`        | 
 | `^18`           | `^6`        | 
 | `^17`           | `^5`        |

angular.json

@@ -138,17 +138,33 @@
       "displayBlock": true,
       "changeDetection": "OnPush",
       "viewEncapsulation": "None",
-      "skipTests": true
+      "skipTests": true,
+      "type": "component"
     },
     "@schematics/angular:directive": {
       "prefix": "sc",
-      "skipTests": true
+      "skipTests": true,
+      "type": "directive"
     },
     "@schematics/angular:pipe": {
-      "skipTests": true
+      "skipTests": true,
+      "typeSeparator": "."
     },
     "@schematics/angular:service": {
-      "skipTests": true
+      "skipTests": true,
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
     }
   }
 }

apps/styleguide/src/routes/sg-button/sg-button.component.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { ChangeDetectionStrategy, Component, Inject, OnDestroy, Optional } from '@angular/core'
+import { ChangeDetectionStrategy, Component, Inject, OnDestroy, Optional, DOCUMENT } from '@angular/core'
 import { ButtonComponent } from '@shiftcode/ngx-components'
 
 @Component({

apps/styleguide/tsconfig.app.json

@@ -2,9 +2,6 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/app",
-    "types": [
-      "../../ng-dev-mode"
-    ]
   },
   "files": [
     "src/main.ts"

libs/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-components",
-  "version": "9.0.0",
+  "version": "11.0.0-pr50.1",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -18,14 +18,14 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
-    "@angular/router": "^19.0.0",
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/router": "^20.0.0",
     "@shiftcode/logger": "^3.0.0",
-    "@shiftcode/ngx-core": "^9.0.0 || ^9.0.0-pr46",
+    "@shiftcode/ngx-core": "^11.0.0 || ^11.0.0-pr50",
     "rxjs": "^6.5.3 || ^7.4.0"
   }
 }

libs/components/src/lib/auto-focus/auto-focus.directive.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { AfterViewInit, Directive, ElementRef, inject } from '@angular/core'
+import { AfterViewInit, Directive, ElementRef, inject, DOCUMENT } from '@angular/core'
 import { isInputElement, LoggerService } from '@shiftcode/ngx-core'
 import { Logger } from '@shiftcode/logger'
 

libs/components/src/lib/flying-focus/flying-focus.component.ts

@@ -1,4 +1,4 @@
-import { DOCUMENT, isPlatformServer } from '@angular/common'
+import { isPlatformServer } from '@angular/common'
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -7,6 +7,7 @@ import {
   inject,
   OnInit,
   PLATFORM_ID,
+  DOCUMENT,
 } from '@angular/core'
 import { WindowRef } from '@shiftcode/ngx-core'
 import { fromEvent } from 'rxjs'

libs/components/src/lib/navigation-class-handler/navigation-class-handler.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { EnvironmentProviders, makeEnvironmentProviders, inject, provideAppInitializer } from '@angular/core'
+import { EnvironmentProviders, makeEnvironmentProviders, inject, provideAppInitializer, DOCUMENT } from '@angular/core'
 import { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router'
 import { delay, filter, switchMap, take, tap } from 'rxjs'
 

libs/components/src/lib/svg/svg-registry.service.ts

@@ -1,6 +1,5 @@
-import { DOCUMENT } from '@angular/common'
 import { HttpClient, HttpErrorResponse } from '@angular/common/http'
-import { inject, Injectable } from '@angular/core'
+import { inject, Injectable, DOCUMENT } from '@angular/core'
 import { firstValueFrom } from 'rxjs'
 
 /**

libs/components/src/lib/tooltip/tooltip.directive.ts

@@ -15,7 +15,7 @@ import {
 } from '@angular/cdk/overlay'
 import { Platform } from '@angular/cdk/platform'
 import { ComponentPortal } from '@angular/cdk/portal'
-import { DOCUMENT } from '@angular/common'
+
 import {
   Directive,
   ElementRef,
@@ -27,6 +27,7 @@ import {
   OnInit,
   Optional,
   ViewContainerRef,
+  DOCUMENT,
 } from '@angular/core'
 import { Subject } from 'rxjs'
 import { take, takeUntil } from 'rxjs/operators'

libs/components/tsconfig.lib.json

@@ -1,8 +1,4 @@
 {
   "extends": "../tsconfig.lib.json",
-  "compilerOptions": {
-    "types": [
-      "../../ng-dev-mode"
-    ]
-  }
+  "compilerOptions": {}
 }

libs/components/tsconfig.spec.json

@@ -3,8 +3,7 @@
   "compilerOptions": {
     "types": [
       "jest",
-      "node",
-      "../../ng-dev-mode"
+      "node"
     ]
   }
 }

libs/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-core",
-  "version": "9.0.0",
+  "version": "11.0.0-pr50.1",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -19,10 +19,10 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/router": "^19.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
     "@shiftcode/logger": "^3.0.0",
     "@shiftcode/utilities": "^4.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"

libs/core/src/lib/json-ld/json-ld.service.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { Inject, Injectable } from '@angular/core'
+import { Inject, Injectable, DOCUMENT } from '@angular/core'
 
 export type JsonLdProp = string | number | boolean
 

libs/core/src/lib/origin/origin.token.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { inject, InjectionToken } from '@angular/core'
+import { inject, InjectionToken, DOCUMENT } from '@angular/core'
 
 /** token which provides the current location origin */
 export const ORIGIN = new InjectionToken<string>(ngDevMode ? 'ORIGIN' : '', {

libs/core/src/lib/script-loader/script-loader.service.spec.ts

@@ -1,5 +1,5 @@
-import { CommonModule, DOCUMENT } from '@angular/common'
-import { PLATFORM_ID } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { PLATFORM_ID, DOCUMENT } from '@angular/core'
 import { TestBed } from '@angular/core/testing'
 import { LogLevel } from '@shiftcode/logger'
 import { LoggerService } from '../logger/logger.service'

libs/core/src/lib/script-loader/script-loader.service.ts

@@ -1,5 +1,5 @@
-import { DOCUMENT, isPlatformServer } from '@angular/common'
-import { inject, Injectable, PLATFORM_ID } from '@angular/core'
+import { isPlatformServer } from '@angular/common'
+import { inject, Injectable, PLATFORM_ID, DOCUMENT } from '@angular/core'
 import { Logger } from '@shiftcode/logger'
 import { LoggerService } from '../logger/logger.service'
 import { ScriptLoaderError } from './script-loader-error.model'

libs/core/src/lib/scroll-to/scroll-to.service.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { inject, Injectable } from '@angular/core'
+import { inject, Injectable, DOCUMENT } from '@angular/core'
 import { Logger } from '@shiftcode/logger'
 import { LoggerService } from '../logger/logger.service'
 import { WindowRef } from '../window/window-ref.service'

libs/core/src/lib/static-utils/is-input-element.function.spec.ts

@@ -1,4 +1,4 @@
-import { DOCUMENT } from '@angular/common'
+import { DOCUMENT } from '@angular/core'
 import { TestBed } from '@angular/core/testing'
 import { isInputElement } from './is-input-element.function'
 

libs/core/src/lib/ui-events/ui-event.service.spec.ts

@@ -1,7 +1,7 @@
-import { DOCUMENT } from '@angular/common'
 import { TestBed } from '@angular/core/testing'
 import { firstValueFrom, Observable } from 'rxjs'
 import { UIEventService } from './ui-event.service'
+import { DOCUMENT } from '@angular/core'
 
 class CustomEvent extends Event {
   static readonly TYPE = 'custom'

libs/core/src/lib/ui-events/ui-event.service.ts

@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common'
-import { Inject, Injectable } from '@angular/core'
+import { Inject, Injectable, DOCUMENT } from '@angular/core'
 import { fromEvent, merge, Observable } from 'rxjs'
 import { filter, finalize } from 'rxjs/operators'
 import { WindowRef } from '../window/window-ref.service'

libs/core/tsconfig.lib.json

@@ -1,8 +1,4 @@
 {
   "extends": "../tsconfig.lib.json",
-  "compilerOptions": {
-    "types": [
-      "../../ng-dev-mode"
-    ]
-  }
+  "compilerOptions": {  }
 }

libs/core/tsconfig.spec.json

@@ -3,8 +3,7 @@
   "compilerOptions": {
     "types": [
       "jest",
-      "node",
-      "../../ng-dev-mode"
+      "node"
     ]
   }
 }