feat: angular 22

apps/styleguide/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/styleguide",
-  "version": "15.3.1",
+  "version": "16.0.0-pr85.0",
   "private": true,
   "type": "module",
   "scripts": {

apps/styleguide/tsconfig.app.json

@@ -6,6 +6,12 @@
   "files": ["src/main.ts"],
   "include": ["src/**/*.d.ts"],
   "angularCompilerOptions": {
-    "compilationMode": "full"
+    "compilationMode": "full",
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
   }
 }

lerna.json

@@ -2,7 +2,7 @@
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": false,
   "packages": ["libs/*", "apps/*"],
-  "version": "15.3.1",
+  "version": "16.0.0-pr85.0",
   "command": {
     "version": {
       "allowBranch": "*",

libs/components/eslint-suppressions.json

@@ -1,10 +1,25 @@
 {
+  "src/lib/rx/rx-if.directive.ts": {
+    "unused-imports/no-unused-vars": {
+      "count": 1
+    }
+  },
+  "src/lib/rx/rx-let.directive.ts": {
+    "unused-imports/no-unused-vars": {
+      "count": 1
+    }
+  },
   "src/lib/tooltip/flexible-connected-position-strategy-2.ts": {
     "@typescript-eslint/no-unsafe-call": {
       "count": 9
     },
     "@typescript-eslint/no-unsafe-member-access": {
       "count": 17
     }
+  },
+  "src/lib/tooltip/tooltip.component.html": {
+    "@angular-eslint/template/prefer-class-binding": {
+      "count": 1
+    }
   }
 }

libs/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-components",
-  "version": "15.3.1",
+  "version": "16.0.0-pr85.0",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -10,14 +10,14 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^21.0.0",
-    "@angular/cdk": "^21.0.0",
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0",
-    "@angular/router": "^21.0.0",
+    "@angular/animations": "^22.0.0",
+    "@angular/cdk": "^22.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/forms": "^22.0.0",
+    "@angular/router": "^22.0.0",
     "@shiftcode/logger": "^5.0.0",
-    "@shiftcode/ngx-core": "^15.0.0 || ^15.3.0-pr87",
+    "@shiftcode/ngx-core": "^15.0.0 || ^16.0.0-pr85",
     "@shiftcode/utilities": "^5.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },

libs/components/src/lib/testing-fab/provide-testing-fab.spec.ts

@@ -35,7 +35,7 @@ function setup(testingFabProviders: EnvironmentProviders) {
       delete: vi.fn(),
       clear: vi.fn(),
       keys: vi.fn().mockReturnValue([]),
-    } as unknown as LocalStorage
+    }
   }
 
   TestBed.configureTestingModule({

libs/components/src/lib/testing-fab/testing-fab-widget.type.ts

@@ -1,9 +1,7 @@
 import { Type } from '@angular/core'
 
 export type TestingFabWidget =
-  | TestingFabSelectQueryParamWidget
-  | TestingFabToggleQueryParamWidget
-  | TestingFabCustomComponentWidget
+  TestingFabSelectQueryParamWidget | TestingFabToggleQueryParamWidget | TestingFabCustomComponentWidget
 
 interface TestingFabWidgetBase {
   type: 'select-query-param' | 'toggle-query-param' | 'custom-component'

libs/components/tsconfig.lib.prod.json

@@ -4,6 +4,12 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "compilationMode": "partial"
+    "compilationMode": "partial",
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
   }
 }

libs/components/tsconfig.lint.json

@@ -1,7 +1,6 @@
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@shiftcode/ngx-core": ["../core/src/public-api.ts"]
     },

libs/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shiftcode/ngx-core",
-  "version": "15.3.1",
+  "version": "16.0.0-pr85.0",
   "repository": "https://github.com/shiftcode/sc-ng-commons-public",
   "license": "MIT",
   "author": "shiftcode GmbH <team@shiftcode.ch>",
@@ -10,10 +10,10 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/platform-browser": "^21.0.0",
-    "@angular/router": "^21.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/platform-browser": "^22.0.0",
+    "@angular/router": "^22.0.0",
     "@shiftcode/logger": "^5.0.0",
     "@shiftcode/utilities": "^5.0.0",
     "rxjs": "^6.5.3 || ^7.4.0"

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

@@ -62,7 +62,7 @@ describe('ScriptLoaderService', () => {
       expect(scriptTags.length).toBe(2)
 
       expect(scriptTags[0].src?.replace(/^(https?:\/\/)([^./]+)/, '')).toBe(scriptSrc)
-      const scriptEl: HTMLScriptElement = <any>scriptTags[0]
+      const scriptEl: HTMLScriptElement = scriptTags[0]
       expect(scriptEl).toBeDefined()
       scriptEl.onload?.(new Event('loaded'))
 

libs/core/src/lib/static-utils/on-init.function.spec.ts

@@ -58,7 +58,7 @@ describe('onInit', () => {
 
   it('does not register a cleanup when initFn returns a non-function value', () => {
     // returning a truthy non-function should not cause errors
-    const initFn = vi.fn().mockReturnValue(42 as unknown as void)
+    const initFn = vi.fn().mockReturnValue(42)
 
     TestBed.runInInjectionContext(() => onInit(initFn))
 

libs/core/tsconfig.lib.prod.json

@@ -4,6 +4,12 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "compilationMode": "partial"
+    "compilationMode": "partial",
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
   }
 }

libs/core/tsconfig.lint.json

@@ -1,7 +1,6 @@
 {
   "extends": "./tsconfig.lib.json",
   "compilerOptions": {
-    "baseUrl": ".",
     "types": ["node"]
   },
   "include": ["**/*.ts"],