Merge branch 'main' into fix/12983

.eslintrc.json

@@ -212,7 +212,6 @@
                         "types": "prefer-import"
                     }
                 ],
-                "@typescript-eslint/type-annotation-spacing": "error",
                 "@typescript-eslint/unified-signatures": "error",
                 "arrow-body-style": "error",
                 "arrow-parens": ["off", "always"],

.github/actions/nodejs/action.yml

@@ -5,7 +5,7 @@ inputs:
     node-version:
         description: Node.js version
         required: false
-        default: 20.x
+        default: 22.x
     frozen-lockfile:
         description: Install dependencies from lock file
         required: false
@@ -23,32 +23,41 @@ runs:
           shell: bash
           run: npm install -g corepack
 
-        - name: Enable Corepack for Yarn 4.5.1
+        - name: Enable Corepack for Yarn 4.6.0
           shell: bash
           run: |
-              corepack enable yarn && yarn
+              corepack enable yarn
 
-        - name: Install Yarn 4.5.1 (if not available)
+        - name: Run Yarn
           shell: bash
           run: |
-              if ! yarn --version | grep -q "4.5.1"; then
-                npm install -g [email protected]
+              yarn
+
+        - name: Install Yarn 4.6.0 (if not available)
+          shell: bash
+          run: |
+              if ! yarn --version | grep -q "4.6.0"; then
+                npm install -g [email protected]
               fi
 
+        - name: Print Node.js version
+          shell: bash
+          run: node --version
+
         - name: Get yarn cache directory path
           id: yarn-cache-dir-path
           run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
           shell: bash
 
         - name: Use the global Yarn cache if available
-          uses: actions/cache@v4.1.2
+          uses: actions/cache@v4.2.0
           with:
               path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
               key: ${{ runner.os }}-node-${{ inputs.node_version }}-yarn-${{ hashFiles('**/yarn.lock') }}
               restore-keys: |
                   ${{ runner.os }}-node-${{ inputs.node_version }}-yarn-
 
-        - uses: actions/cache@v4.1.2
+        - uses: actions/cache@v4.2.0
           id: node_modules
           name: Use project node_modules cache if available
           with:

.github/workflows/create-release.yml

@@ -23,6 +23,7 @@ jobs:
         strategy:
             matrix:
                 agent: [1, 2, 3, 4, 5]
+                node-version: [22.x]
         steps:
             - uses: actions/[email protected]
             - uses: ./.github/actions/nodejs

.github/workflows/on-pull-request.yml

@@ -22,6 +22,7 @@ jobs:
         strategy:
             matrix:
                 agent: [1, 2, 3, 4, 5, 6, 7, 8]
+                node-version: [22.x]
         steps:
             - uses: actions/[email protected]
             - uses: ./.github/actions/nodejs

.nvmrc

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

CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.55.0-rc.1](https://github.com/SAP/fundamental-ngx/compare/v0.55.0-rc.0...v0.55.0-rc.1) (2025-02-02)
+
+**Note:** Version bump only for package fundamental-ngx
+
+
+
+
+
+# [0.55.0-rc.0](https://github.com/SAP/fundamental-ngx/compare/v0.54.2...v0.55.0-rc.0) (2025-02-02)
+
+
+### Features
+
+* ng 19 ([#12883](https://github.com/SAP/fundamental-ngx/issues/12883)) ([2b6f375](https://github.com/SAP/fundamental-ngx/commit/2b6f375c79a0040e9564e79edb6372405e4ce878))
+
+
+### BREAKING CHANGES
+
+* angular 19
+
+
+
+
+
+## [0.54.2](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.15...v0.54.2) (2025-01-31)
+
+**Note:** Version bump only for package fundamental-ngx
+
+
+
+
+
 ## [0.54.2-rc.15](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.14...v0.54.2-rc.15) (2025-01-30)
 
 

apps/docs/.eslintrc.json

@@ -10,7 +10,6 @@
                 "../../.eslintrc-overrides.json"
             ],
             "rules": {
-                "@angular-eslint/no-host-metadata-property": "off",
                 "@angular-eslint/directive-selector": [
                     "error",
                     {
@@ -28,7 +27,8 @@
                     }
                 ],
                 "jsdoc/require-jsdoc": "off",
-                "grouped-accessor-pairs": "off"
+                "grouped-accessor-pairs": "off",
+                "@angular-eslint/prefer-standalone": "off"
             },
             "plugins": ["@angular-eslint/eslint-plugin", "@typescript-eslint"]
         },

apps/docs/src/app.component.ts

@@ -4,7 +4,6 @@ import { RouterOutlet } from '@angular/router';
 @Component({
     selector: 'app-root',
     template: `<router-outlet></router-outlet>`,
-    imports: [RouterOutlet],
-    standalone: true
+    imports: [RouterOutlet]
 })
 export class AppComponent {}

apps/docs/src/styles.scss

@@ -1,7 +1,7 @@
 @use '@angular/cdk';
-@import 'fundamental-styles/dist/info-label';
-@import 'fundamental-styles/dist/form-layout-grid';
-@import '@angular/cdk/overlay-prebuilt';
+@import 'fundamental-styles/dist/info-label.css';
+@import 'fundamental-styles/dist/form-layout-grid.css';
+@import '@angular/cdk/overlay-prebuilt.css';
 
 @include cdk.a11y-visually-hidden();
 

lerna.json

@@ -1,7 +1,7 @@
 {
     "$schema": "node_modules/lerna/schemas/lerna-schema.json",
     "packages": ["libs/*"],
-    "version": "0.54.2-rc.15",
+    "version": "0.55.0-rc.1",
     "conventionalCommits": true,
     "tagVersionPrefix": "v",
     "message": "chore(release): publish %v",

libs/btp/.eslintrc.json

@@ -22,7 +22,7 @@
                         "style": "kebab-case"
                     }
                 ],
-                "@angular-eslint/no-host-metadata-property": "off"
+                "@angular-eslint/prefer-standalone": "off"
             }
         },
         {

libs/btp/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.55.0-rc.1](https://github.com/SAP/fundamental-ngx/compare/v0.55.0-rc.0...v0.55.0-rc.1) (2025-02-02)
+
+**Note:** Version bump only for package @fundamental-ngx/btp
+
+
+
+
+
+# [0.55.0-rc.0](https://github.com/SAP/fundamental-ngx/compare/v0.54.2...v0.55.0-rc.0) (2025-02-02)
+
+
+### Features
+
+* ng 19 ([#12883](https://github.com/SAP/fundamental-ngx/issues/12883)) ([2b6f375](https://github.com/SAP/fundamental-ngx/commit/2b6f375c79a0040e9564e79edb6372405e4ce878))
+
+
+### BREAKING CHANGES
+
+* angular 19
+
+
+
+
+
+## [0.54.2](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.15...v0.54.2) (2025-01-31)
+
+**Note:** Version bump only for package @fundamental-ngx/btp
+
+
+
+
+
 ## [0.54.2-rc.15](https://github.com/SAP/fundamental-ngx/compare/v0.54.2-rc.14...v0.54.2-rc.15) (2025-01-30)
 
 **Note:** Version bump only for package @fundamental-ngx/btp

libs/btp/fundamental-ngx.module.ts

@@ -0,0 +1,8 @@
+import { NgModule } from '@angular/core';
+
+@NgModule({
+    imports: [],
+    declarations: [],
+    exports: []
+})
+export class FundamentalNgxBtpModule {}

libs/btp/index.ts

@@ -1,2 +1,11 @@
-throw new Error('Do not import anything from the `@fundamental-ngx/btp`, use secondary entrypoint exports instead!');
-export default 'noop';
+export * from '@fundamental-ngx/btp/button';
+export * from '@fundamental-ngx/btp/navigation';
+export * from '@fundamental-ngx/btp/navigation-menu';
+export * from '@fundamental-ngx/btp/search-field';
+export * from '@fundamental-ngx/btp/shared';
+export * from '@fundamental-ngx/btp/splitter';
+export * from '@fundamental-ngx/btp/tool-header';
+export * from '@fundamental-ngx/btp/tool-layout';
+export * from '@fundamental-ngx/core/button';
+export * from '@fundamental-ngx/core/icon';
+export * from './fundamental-ngx.module';

libs/btp/navigation-menu/src/lib/navigation-menu-item.component.ts

@@ -28,7 +28,6 @@ import { fromEvent, Observable } from 'rxjs';
         }
         <ng-content></ng-content>
     `,
-    standalone: true,
     imports: [IconComponent],
     hostDirectives: [IndirectFocusableItemDirective],
     providers: [

libs/btp/navigation-menu/src/lib/navigation-menu-popover.component.ts

@@ -17,8 +17,7 @@ import { NavigationMenuPopoverControlDirective } from './navigation-menu-popover
     `,
     styleUrls: ['./navigation-menu-popover.component.scss'],
     imports: [PopoverComponent, PopoverControlComponent, PopoverBodyComponent, NgTemplateOutlet],
-    encapsulation: ViewEncapsulation.None,
-    standalone: true
+    encapsulation: ViewEncapsulation.None
 })
 export class NavigationMenuPopoverComponent {
     /** @hidden */

libs/btp/navigation/components/navigation-end/navigation-content-end.component.ts

@@ -18,7 +18,6 @@ import { NavigationListComponent } from '../navigation-list/navigation-list.comp
 @Component({
     selector: 'fdb-navigation-content-end',
     template: `<ul fdb-navigation-list [listItems]="allListItems$()"></ul>`,
-    standalone: true,
     imports: [NavigationListComponent, NgTemplateOutlet],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,

libs/btp/navigation/components/navigation-item/navigation-list-item.component.spec.ts

@@ -8,6 +8,9 @@ import { FdbNavigationListItem } from '../../models/navigation-list-item.class';
 import { FdbNavigation } from '../../models/navigation.class';
 import { NavigationListItemComponent } from './navigation-list-item.component';
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
+
+
 class NavigationComponentMock extends FdbNavigation {
     closeAllPopups = new Subject<void>();
     classList$ = signal([]);
@@ -86,3 +89,5 @@ describe('NavigationListItemComponent', () => {
         expect(fixture.debugElement.query(By.directive(PopoverComponent))).toBeTruthy();
     });
 });
+
+

libs/btp/navigation/components/navigation-item/navigation-list-item.component.ts

@@ -58,7 +58,6 @@ export class NavigationListItemMarkerDirective implements HasElementRef {
 
 @Component({
     selector: 'fdb-navigation-list-item',
-    standalone: true,
     imports: [
         CommonModule,
         NgTemplateOutlet,
@@ -326,21 +325,16 @@ export class NavigationListItemComponent extends FdbNavigationListItem implement
         });
 
         // We need to track child directives change and set list items based on that.
-        effect(
-            () => {
-                if (!this._parentNavigationListItemDirective?.childDirectives()) {
-                    return;
-                }
-
-                const children = this._parentNavigationListItemDirective.childDirectives();
-                const mappedItems = Array.from(children).map((child) => child._item);
-
-                this.listItems$.set(mappedItems);
-            },
-            {
-                allowSignalWrites: true
+        effect(() => {
+            if (!this._parentNavigationListItemDirective?.childDirectives()) {
+                return;
             }
-        );
+
+            const children = this._parentNavigationListItemDirective.childDirectives();
+            const mappedItems = Array.from(children).map((child) => child._item);
+
+            this.listItems$.set(mappedItems);
+        });
 
         this._parentNavigationListItemDirective?.registerItem(this);
 

libs/btp/navigation/components/navigation-link/navigation-link.component.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @angular-eslint/no-host-metadata-property */
 import { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
 import { NgTemplateOutlet } from '@angular/common';
 import {
@@ -38,7 +37,6 @@ export class NavigationLinkRefDirective {
     selector: 'a[fdb-navigation-link]',
     imports: [IconComponent, NgTemplateOutlet],
     hostDirectives: [RouterLinkActive],
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
     providers: [

libs/btp/navigation/components/navigation-list/navigation-list.component.ts

@@ -27,7 +27,6 @@ import { NavigationService } from '../../services/navigation.service';
 @Component({
     // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'ul[fdb-navigation-list]',
-    standalone: true,
     imports: [NgTemplateOutlet],
     templateUrl: './navigation-list.component.html',
     encapsulation: ViewEncapsulation.None,

libs/btp/navigation/components/navigation-more-button/navigation-more-button.component.ts

@@ -30,7 +30,6 @@ export interface NavigationMoreButtonRefContext {
 @Component({
     // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'li[fdb-navigation-more-button]',
-    standalone: true,
     imports: [
         NavigationLinkComponent,
         NavigationListComponent,

libs/btp/navigation/components/navigation-start/navigation-content-start.component.ts

@@ -32,11 +32,9 @@ const FD_NAVIGATION_OVERFLOW_ITEM_CLASS = 'fd-navigation__container--hidden-over
 @Component({
     selector: 'fdb-navigation-content-start',
     templateUrl: './navigation-content-start.component.html',
-    standalone: true,
     imports: [PortalModule, NgTemplateOutlet, NavigationListComponent, NavigationMoreButtonComponent],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
     host: {
         class: 'fd-navigation__container fd-navigation__container--top',
         '[style.flex-grow]': '1'

libs/btp/navigation/components/navigation/navigation.component.scss

@@ -1,4 +1,4 @@
-@import 'fundamental-styles/dist/navigation';
+@import 'fundamental-styles/dist/navigation.css';
 
 $block: fd-navigation;
 

libs/btp/navigation/components/navigation/navigation.component.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @angular-eslint/no-input-rename,@angular-eslint/no-host-metadata-property */
 import { FocusKeyManager } from '@angular/cdk/a11y';
 import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
 import { NgTemplateOutlet } from '@angular/common';
@@ -49,7 +48,6 @@ interface GroupedDataSourceItems {
     selector: 'fdb-navigation',
     templateUrl: './navigation.component.html',
     styleUrls: ['./navigation.component.scss'],
-    standalone: true,
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

libs/btp/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-ngx/btp",
-    "version": "0.54.2-rc.15",
+    "version": "0.55.0-rc.1",
     "peerDependencies": {
         "@angular/common": "ANGULAR_VER_PLACEHOLDER",
         "@angular/core": "ANGULAR_VER_PLACEHOLDER",

libs/btp/search-field/src/search-field.component.ts

@@ -25,7 +25,6 @@ import { of, tap } from 'rxjs';
     selector: 'fdb-search-field',
     templateUrl: './search-field.component.html',
     styleUrls: ['../../../../node_modules/fundamental-styles/dist/search-field.css'],
-    standalone: true,
     hostDirectives: [CvaDirective],
     providers: [CvaControl],
     imports: [IconComponent, FormsModule, FdTranslatePipe, ButtonComponent, NestedButtonDirective],