Angular 19 migration (#10795)

2025-07-24 17:32:15 +00:00 · 2025-07-03 12:09:53 +02:00
parent c7f28d54d6
commit 951b22e098
561 changed files with 9574 additions and 17354 deletions
--- a/lib/core/.eslintrc.json
+++ b/lib/core/.eslintrc.json
@@ -10,7 +10,13 @@
        "createDefaultProgram": true
      },
      "rules": {
-        "jsdoc/tag-lines": ["error", "any", {"startLines": 1}],
+        "jsdoc/tag-lines": [
+          "error",
+          "any",
+          {
+            "startLines": 1
+          }
+        ],
        "@typescript-eslint/naming-convention": "off",
        "@typescript-eslint/consistent-type-assertions": "warn",
        "@typescript-eslint/prefer-for-of": "off",
@@ -45,7 +51,6 @@
            "style": "kebab-case"
          }
        ],
-        "@angular-eslint/no-host-metadata-property": "off",
        "@angular-eslint/no-input-prefix": "error",
        "@typescript-eslint/consistent-type-definitions": "error",
        "@typescript-eslint/dot-notation": "off",
@@ -76,7 +81,8 @@
        "rxjs/no-subject-unsubscribe": "error",
        "rxjs/no-subject-value": "error",
        "rxjs/no-unsafe-takeuntil": "error",
-        "unicorn/filename-case": "error"
+        "unicorn/filename-case": "error",
+        "@angular-eslint/prefer-standalone": "off"
      }
    },
    {
--- a/lib/core/breadcrumbs/src/_stories/demo-breadcrumb.component.ts
+++ b/lib/core/breadcrumbs/src/_stories/demo-breadcrumb.component.ts
@@ -20,42 +20,43 @@ import { Component } from '@angular/core';
@Component({
    selector: 'adf-demo-breadcrumb',
    template: `
-  <adf-breadcrumb [compact]="compact">
-    <adf-breadcrumb-item>
-        <a href="/">Home</a>
-    </adf-breadcrumb-item>
+        <adf-breadcrumb [compact]="compact">
+            <adf-breadcrumb-item>
+                <a href="/">Home</a>
+            </adf-breadcrumb-item>

-    <adf-breadcrumb-item>
-        <a href="https://www.alfresco.com/">Alfresco</a>
-    </adf-breadcrumb-item>
+            <adf-breadcrumb-item>
+                <a href="https://www.alfresco.com/">Alfresco</a>
+            </adf-breadcrumb-item>

-    <adf-breadcrumb-item>
-        <a href="https://www.alfresco.com">External Link 1</a>
-    </adf-breadcrumb-item>
+            <adf-breadcrumb-item>
+                <a href="https://www.alfresco.com">External Link 1</a>
+            </adf-breadcrumb-item>

-    <adf-breadcrumb-item>
-        <a href="https://www.alfresco.com/">External Link 2</a>
-    </adf-breadcrumb-item>
+            <adf-breadcrumb-item>
+                <a href="https://www.alfresco.com/">External Link 2</a>
+            </adf-breadcrumb-item>

-    <adf-breadcrumb-item>
-        <a href="https://www.alfresco.com/">External Link 3</a>
-    </adf-breadcrumb-item>
+            <adf-breadcrumb-item>
+                <a href="https://www.alfresco.com/">External Link 3</a>
+            </adf-breadcrumb-item>

-    <adf-breadcrumb-item *ngIf="showBreadcrumbItemWithMenu" aria-current="location" aria-haspopup="true" >
-        <div>
-        Current Page
-        <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Menu">
-            <mat-icon>menu_open</mat-icon>
-        </button>
+            <adf-breadcrumb-item *ngIf="showBreadcrumbItemWithMenu" aria-current="location" aria-haspopup="true">
+                <div>
+                    Current Page
+                    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Menu">
+                        <mat-icon>menu_open</mat-icon>
+                    </button>

-        <mat-menu #menu="matMenu">
-            <button mat-menu-item>Menu Item 1</button>
-            <button mat-menu-item>Menu Item 2</button>
-        </mat-menu>
-        </div>
-    </adf-breadcrumb-item>
-  </adf-breadcrumb>
-  `
+                    <mat-menu #menu="matMenu">
+                        <button mat-menu-item>Menu Item 1</button>
+                        <button mat-menu-item>Menu Item 2</button>
+                    </mat-menu>
+                </div>
+            </adf-breadcrumb-item>
+        </adf-breadcrumb>
+    `,
+    standalone: false
 })
 export class DemoBreadcrumbComponent {
    compact = false;
--- a/lib/core/breadcrumbs/src/components/breadcrumb/breadcrumb.component.ts
+++ b/lib/core/breadcrumbs/src/components/breadcrumb/breadcrumb.component.ts
@@ -39,7 +39,6 @@ import { BreadcrumbFocusDirective } from '../../directives/breadcrumb-focus.dire
 import { BreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.component';

@Component({
-    standalone: true,
    selector: 'adf-breadcrumb',
    templateUrl: './breadcrumb.component.html',
    styleUrls: ['./breadcrumb.component.scss'],
--- a/lib/core/feature-flags/src/lib/components/feature-flags-wrapper.ts
+++ b/lib/core/feature-flags/src/lib/components/feature-flags-wrapper.ts
@@ -20,7 +20,6 @@ import { FlagsComponent } from './flags/flags.component';

@Component({
    selector: 'adf-feature-flags-wrapper',
-    standalone: true,
    imports: [FlagsComponent],
    template: `
        <div class="adf-feature-flags-wrapper">
--- a/lib/core/feature-flags/src/lib/components/feature-override-indicator.component.ts
+++ b/lib/core/feature-flags/src/lib/components/feature-override-indicator.component.ts
@@ -22,7 +22,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'adf-feature-flags-override-indicator',
-    standalone: true,
    imports: [CommonModule],
    styles: [
        `
--- a/lib/core/feature-flags/src/lib/components/flags/flags.component.ts
+++ b/lib/core/feature-flags/src/lib/components/flags/flags.component.ts
@@ -41,7 +41,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'adf-feature-flags-overrides',
-    standalone: true,
    imports: [
        FlagsOverrideComponent,
        CommonModule,
--- a/lib/core/feature-flags/src/lib/directives/features.directive.spec.ts
+++ b/lib/core/feature-flags/src/lib/directives/features.directive.spec.ts
@@ -27,7 +27,8 @@ import { UnitTestingUtils } from '../../../../src/lib/testing/unit-testing-utils
        <div>
            <div id="underFeatureFlag" *adfForFeatures="features"></div>
        </div>
-    `
+    `,
+    standalone: false
 })
 class TestWithEnabledFlagComponent {
    features = 'feature1';
@@ -37,7 +38,8 @@ class TestWithEnabledFlagComponent {
        <div>
            <div id="underFeatureFlag" *adfForFeatures="features"></div>
        </div>
-    `
+    `,
+    standalone: false
 })
 class TestWithDisabledFlagComponent {
    features = ['feature1', 'feature2'];
--- a/lib/core/feature-flags/src/lib/directives/features.directive.ts
+++ b/lib/core/feature-flags/src/lib/directives/features.directive.ts
@@ -22,13 +22,12 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Directive({
    /* eslint-disable-next-line @angular-eslint/directive-selector */
-    selector: '[adfForFeatures]',
-    standalone: true
+    selector: '[adfForFeatures]'
 })
 export class FeaturesDirective {
    private hasView = false;
    private inputUpdate$ = new BehaviorSubject([] as string[]);
-    
+
    @Input()
    set adfForFeatures(feature: string[] | string) {
        this.inputUpdate$.next(Array.isArray(feature) ? feature : [feature]);
--- a/lib/core/feature-flags/src/lib/directives/not-features.directive.spec.ts
+++ b/lib/core/feature-flags/src/lib/directives/not-features.directive.spec.ts
@@ -27,7 +27,8 @@ import { UnitTestingUtils } from '../../../../src/lib/testing/unit-testing-utils
        <div>
            <div id="underFeatureFlag" *adfNotForFeatures="features"></div>
        </div>
-    `
+    `,
+    standalone: false
 })
 class TestWithEnabledFlagComponent {
    features = ['feature1', 'feature3'];
@@ -38,7 +39,8 @@ class TestWithEnabledFlagComponent {
        <div>
            <div id="underFeatureFlag" *adfNotForFeatures="features"></div>
        </div>
-    `
+    `,
+    standalone: false
 })
 class TestWithDisabledFlagComponent {
    features = 'feature2';
--- a/lib/core/feature-flags/src/lib/directives/not-features.directive.ts
+++ b/lib/core/feature-flags/src/lib/directives/not-features.directive.ts
@@ -22,8 +22,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Directive({
    /* eslint-disable-next-line @angular-eslint/directive-selector */
-    selector: '[adfNotForFeatures]',
-    standalone: true
+    selector: '[adfNotForFeatures]'
 })
 export class NotFeaturesDirective {
    private hasView = false;
--- a/lib/core/feature-flags/src/lib/providers/debug-feature-flags.provider.ts
+++ b/lib/core/feature-flags/src/lib/providers/debug-feature-flags.provider.ts
@@ -15,14 +15,15 @@
 * limitations under the License.
 */

-import { APP_INITIALIZER } from '@angular/core';
+import { inject, provideAppInitializer } from '@angular/core';
 import {
    FlagsOverrideToken,
    FeaturesServiceToken,
    QaFeaturesHelperConfig,
    WritableFeaturesServiceConfig,
    WritableFeaturesServiceConfigToken,
-    WritableFeaturesServiceToken
+    WritableFeaturesServiceToken,
+    IFeaturesService
 } from '../interfaces/features.interface';
 import { StorageFeaturesService } from '../services/storage-features.service';
 import { DebugFeaturesService } from '../services/debug-features.service';
@@ -41,19 +42,18 @@ export function provideDebugFeatureFlags(config: WritableFeaturesServiceConfig &
        { provide: WritableFeaturesServiceConfigToken, useValue: config },
        { provide: WritableFeaturesServiceToken, useClass: StorageFeaturesService },
        { provide: QaFeaturesHelper, useClass: QaFeaturesHelper },
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (featuresService: StorageFeaturesService) => () => featuresService.init(),
-            deps: [WritableFeaturesServiceToken],
-            multi: true
-        },
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (qaFeaturesHelper: QaFeaturesHelper, document: Document & { [key: string]: QaFeaturesHelper }) => () => {
+        provideAppInitializer(() => {
+            const initializerFn = (
+                (featuresService: IFeaturesService) => () =>
+                    featuresService.init()
+            )(inject(WritableFeaturesServiceToken));
+            return initializerFn();
+        }),
+        provideAppInitializer(() => {
+            const initializerFn = ((qaFeaturesHelper: QaFeaturesHelper, document: Document) => () => {
                document[config.helperExposeKeyOnDocument ?? 'featureOverrides'] = qaFeaturesHelper;
-            },
-            deps: [QaFeaturesHelper, DOCUMENT],
-            multi: true
-        }
+            })(inject(QaFeaturesHelper), inject(DOCUMENT));
+            return initializerFn();
+        })
    ];
 }
--- a/lib/core/shell/src/lib/components/shell/shell.component.ts
+++ b/lib/core/shell/src/lib/components/shell/shell.component.ts
@@ -23,18 +23,12 @@ import { Observable } from 'rxjs';
 import { filter, map, withLatestFrom } from 'rxjs/operators';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Directionality } from '@angular/cdk/bidi';
-import {
-    SHELL_APP_SERVICE,
-    SHELL_NAVBAR_MAX_WIDTH,
-    SHELL_NAVBAR_MIN_WIDTH,
-    ShellAppService
-} from '../../services/shell-app.service';
+import { SHELL_APP_SERVICE, SHELL_NAVBAR_MAX_WIDTH, SHELL_NAVBAR_MIN_WIDTH, ShellAppService } from '../../services/shell-app.service';
 import { CommonModule } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'app-shell',
-    standalone: true,
    imports: [CommonModule, SidenavLayoutModule, RouterModule, DynamicExtensionComponent],
    templateUrl: './shell.component.html',
    styleUrls: ['./shell.component.scss'],
--- a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts
+++ b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts
@@ -26,7 +26,6 @@ import { TranslatePipe } from '@ngx-translate/core';
    templateUrl: './about-extension-list.component.html',
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
    imports: [CommonModule, MatTableModule, TranslatePipe]
 })
 export class AboutExtensionListComponent {
--- a/lib/core/src/lib/about/about-license-list/about-license-list.component.ts
+++ b/lib/core/src/lib/about/about-license-list/about-license-list.component.ts
@@ -27,7 +27,6 @@ import { MatTableModule } from '@angular/material/table';
    styleUrls: ['./about-license-list.component.scss'],
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class AboutLicenseListComponent {
--- a/lib/core/src/lib/about/about-module-list/module-list.component.ts
+++ b/lib/core/src/lib/about/about-module-list/module-list.component.ts
@@ -30,7 +30,6 @@ interface ModuleInfo {
    templateUrl: './module-list.component.html',
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class ModuleListComponent {
--- a/lib/core/src/lib/about/about-package/package-list.component.ts
+++ b/lib/core/src/lib/about/about-package/package-list.component.ts
@@ -26,7 +26,6 @@ import { MatTableModule } from '@angular/material/table';
    templateUrl: './package-list.component.html',
    styleUrls: ['./package-list.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class PackageListComponent implements OnInit {
--- a/lib/core/src/lib/about/about-panel.directive.ts
+++ b/lib/core/src/lib/about/about-panel.directive.ts
@@ -18,8 +18,7 @@
 import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';

@Directive({
-    selector: 'adf-about-panel',
-    standalone: true
+    selector: 'adf-about-panel'
 })
 export class AboutPanelDirective {
    @Input() label!: string;
--- a/lib/core/src/lib/about/about-repository-info/about-repository-info.component.ts
+++ b/lib/core/src/lib/about/about-repository-info/about-repository-info.component.ts
@@ -30,7 +30,6 @@ import { AboutStatusListComponent } from '../about-status-list/about-status-list
    templateUrl: './about-repository-info.component.html',
    styleUrls: ['./about-repository-info.component.scss'],
    encapsulation: ViewEncapsulation.None,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, AboutLicenseListComponent, ModuleListComponent, AboutStatusListComponent]
 })
 export class AboutRepositoryInfoComponent implements OnInit {
--- a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts
+++ b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts
@@ -26,7 +26,6 @@ import { MatCardModule } from '@angular/material/card';
    templateUrl: './about-server-settings.component.html',
    styleUrls: ['./about-server-settings.component.scss'],
    encapsulation: ViewEncapsulation.None,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatCardModule]
 })
 export class AboutServerSettingsComponent implements OnInit {
--- a/lib/core/src/lib/about/about-status-list/about-status-list.component.ts
+++ b/lib/core/src/lib/about/about-status-list/about-status-list.component.ts
@@ -26,7 +26,6 @@ import { MatTableModule } from '@angular/material/table';
    templateUrl: './about-status-list.component.html',
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class AboutStatusListComponent {
--- a/lib/core/src/lib/about/about.component.ts
+++ b/lib/core/src/lib/about/about.component.ts
@@ -25,7 +25,6 @@ import { MatExpansionModule } from '@angular/material/expansion';
    templateUrl: './about.component.html',
    styleUrls: ['about.component.scss'],
    encapsulation: ViewEncapsulation.None,
-    standalone: true,
    imports: [CommonModule, MatExpansionModule]
 })
 export class AboutComponent {
--- a/lib/core/src/lib/app-config/app-config.pipe.ts
+++ b/lib/core/src/lib/app-config/app-config.pipe.ts
@@ -19,8 +19,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { AppConfigService } from './app-config.service';

@Pipe({
-    name: 'adfAppConfig',
-    standalone: true
+    name: 'adfAppConfig'
 })
 export class AppConfigPipe implements PipeTransform {
    constructor(private config: AppConfigService) {}
--- a/lib/core/src/lib/auth/oidc/auth.module.ts
+++ b/lib/core/src/lib/auth/oidc/auth.module.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-import { APP_INITIALIZER, inject, ModuleWithProviders, NgModule, InjectionToken } from '@angular/core';
+import { inject, ModuleWithProviders, NgModule, InjectionToken, provideAppInitializer } from '@angular/core';
 import { AUTH_CONFIG, OAuthModule, OAuthStorage } from 'angular-oauth2-oidc';
 import { AuthenticationService } from '../services/authentication.service';
 import { AuthModuleConfig, AUTH_MODULE_CONFIG } from './auth-config';
@@ -63,12 +63,10 @@ export function oauthStorageFactory(): OAuthStorage {
        },
        RedirectAuthService,
        { provide: AuthService, useExisting: RedirectAuthService },
-        {
-            provide: APP_INITIALIZER,
-            useFactory: loginFactory,
-            deps: [RedirectAuthService],
-            multi: true
-        },
+        provideAppInitializer(() => {
+            const initializerFn = loginFactory(inject(RedirectAuthService));
+            return initializerFn();
+        }),
        {
            provide: HTTP_INTERCEPTORS,
            useClass: TokenInterceptor,
--- a/lib/core/src/lib/auth/oidc/view/authentication-confirmation/authentication-confirmation.component.ts
+++ b/lib/core/src/lib/auth/oidc/view/authentication-confirmation/authentication-confirmation.component.ts
@@ -19,7 +19,8 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';

@Component({
    template: '<div data-automation-id="auth-confirmation"></div>',
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AuthenticationConfirmationComponent {
    constructor() {}
--- a/lib/core/src/lib/avatar/avatar.component.ts
+++ b/lib/core/src/lib/avatar/avatar.component.ts
@@ -20,7 +20,6 @@ import { CommonModule } from '@angular/common';

@Component({
    selector: 'adf-avatar',
-    standalone: true,
    imports: [CommonModule],
    templateUrl: './avatar.component.html',
    styleUrls: ['./avatar.component.scss'],
--- a/lib/core/src/lib/blank-page/blank-page.component.ts
+++ b/lib/core/src/lib/blank-page/blank-page.component.ts
@@ -19,7 +19,6 @@ import { Component } from '@angular/core';

@Component({
    selector: 'adf-blank-page',
-    standalone: true,
    template: ``
 })
 export class BlankPageComponent {}
--- a/lib/core/src/lib/button/button.component.ts
+++ b/lib/core/src/lib/button/button.component.ts
@@ -26,7 +26,6 @@ export type ButtonColor = ThemePalette;

@Component({
    selector: 'adf-button',
-    standalone: true,
    imports: [CommonModule, MatButtonModule, MatIconModule],
    templateUrl: './button.component.html',
    styleUrls: ['./button.component.scss'],
--- a/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.ts
@@ -28,7 +28,6 @@ import { MatButtonModule } from '@angular/material/button';

@Component({
    selector: 'adf-card-view-arrayitem',
-    standalone: true,
    imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule],
    templateUrl: './card-view-arrayitem.component.html',
    styleUrls: ['./card-view-arrayitem.component.scss'],
--- a/lib/core/src/lib/card-view/components/card-view-boolitem/card-view-boolitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-boolitem/card-view-boolitem.component.ts
@@ -24,7 +24,6 @@ import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-card-view-boolitem',
-    standalone: true,
    imports: [CommonModule, MatCheckboxModule, TranslatePipe],
    templateUrl: './card-view-boolitem.component.html',
    styles: [
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.ts
@@ -52,7 +52,6 @@ import { MatInputModule } from '@angular/material/input';
        { provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
    ],
    selector: 'adf-card-view-dateitem',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.spec.ts
+++ b/lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.spec.ts
@@ -26,7 +26,6 @@ import { UnitTestingUtils } from '../../../testing/unit-testing-utils';

@Component({
    selector: 'whatever-you-want-to-have',
-    standalone: true,
    template: '<div data-automation-id="found-me">Hey I am shiny!</div>'
 })
 export class CardViewShinyCustomElementItemComponent {
--- a/lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.ts
@@ -22,7 +22,6 @@ import { DEFAULT_SEPARATOR } from '../card-view-textitem/card-view-textitem.comp

@Component({
    selector: 'adf-card-view-item-dispatcher',
-    standalone: true,
    template: '<ng-template #content />'
 })
 export class CardViewItemDispatcherComponent implements OnChanges {
--- a/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.ts
@@ -29,7 +29,6 @@ import { MatIconModule } from '@angular/material/icon';

@Component({
    selector: 'adf-card-view-key-value-pairs-item',
-    standalone: true,
    imports: [CommonModule, TranslatePipe, MatTableModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule],
    templateUrl: './card-view-keyvaluepairsitem.component.html',
    styleUrls: ['./card-view-keyvaluepairsitem.component.scss'],
--- a/lib/core/src/lib/card-view/components/card-view-mapitem/card-view-mapitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-mapitem/card-view-mapitem.component.ts
@@ -23,7 +23,6 @@ import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-card-view-mapitem',
-    standalone: true,
    imports: [CommonModule, TranslatePipe],
    templateUrl: './card-view-mapitem.component.html',
    styleUrls: ['./card-view-mapitem.component.scss']
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.ts
@@ -34,7 +34,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'adf-card-view-selectitem',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.spec.ts
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.spec.ts
@@ -20,18 +20,35 @@ import { SelectFilterInputComponent } from './select-filter-input.component';
 import { MatSelect, MatSelectModule } from '@angular/material/select';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { NoopTranslateModule } from '../../../../testing/noop-translate.module';
+import { Subject } from 'rxjs';

 describe('SelectFilterInputComponent', () => {
    let fixture: ComponentFixture<SelectFilterInputComponent>;
    let component: SelectFilterInputComponent;
    let matSelect: MatSelect;
+    let mockMatSelect: jasmine.SpyObj<MatSelect>;
+    let openedChangeSubject: Subject<boolean>;
+    let valueChangesSubject: Subject<any>;

    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [NoopAnimationsModule, NoopTranslateModule, MatSelectModule],
-            providers: [MatSelect]
+        openedChangeSubject = new Subject<boolean>();
+        valueChangesSubject = new Subject<any>();
+        mockMatSelect = jasmine.createSpyObj('MatSelect', ['_onChange'], {
+            openedChange: openedChangeSubject,
+            multiple: false,
+            options: { map: () => [] },
+            compareWith: (a: any, b: any) => a === b,
+            ngControl: {
+                value: null,
+                valueChanges: valueChangesSubject
+            }
        });

+        TestBed.configureTestingModule({
+            imports: [NoopAnimationsModule, NoopTranslateModule, MatSelectModule, SelectFilterInputComponent],
+            providers: [{ provide: MatSelect, useValue: mockMatSelect }]
+        }).compileComponents();
+
        fixture = TestBed.createComponent(SelectFilterInputComponent);
        component = fixture.componentInstance;
        matSelect = TestBed.inject(MatSelect);
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.ts
@@ -28,7 +28,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'adf-select-filter-input',
-    standalone: true,
    imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule, TranslatePipe],
    templateUrl: './select-filter-input.component.html',
    styleUrls: ['./select-filter-input.component.scss'],
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts
@@ -44,7 +44,6 @@ const templateTypes = {

@Component({
    selector: 'adf-card-view-textitem',
-    standalone: true,
    imports: [
        CommonModule,
        MatFormFieldModule,
--- a/lib/core/src/lib/card-view/components/card-view/card-view.component.ts
+++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.ts
@@ -23,7 +23,6 @@ import { CardViewItemDispatcherComponent } from '../card-view-item-dispatcher/ca

@Component({
    selector: 'adf-card-view',
-    standalone: true,
    imports: [CommonModule, CardViewItemDispatcherComponent],
    templateUrl: './card-view.component.html',
    styleUrls: ['./card-view.component.scss'],
--- a/lib/core/src/lib/clipboard/clipboard.directive.spec.ts
+++ b/lib/core/src/lib/clipboard/clipboard.directive.spec.ts
@@ -31,7 +31,8 @@ import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
        <button mat-button clipboard-notification="copy success" [adf-clipboard] [target]="ref">copy</button>

        <input #ref />
-    `
+    `,
+    standalone: false
 })
 class TestTargetClipboardComponent {}

@@ -73,7 +74,8 @@ describe('ClipboardDirective', () => {
 describe('CopyClipboardDirective', () => {
    @Component({
        selector: 'adf-copy-conent-test-component',
-        template: `<span adf-clipboard="placeholder">{{ mockText }}</span>`
+        template: `<span adf-clipboard="placeholder">{{ mockText }}</span>`,
+        standalone: false
    })
    class TestCopyClipboardComponent {
        mockText = 'text to copy';
--- a/lib/core/src/lib/clipboard/clipboard.directive.ts
+++ b/lib/core/src/lib/clipboard/clipboard.directive.ts
@@ -21,7 +21,6 @@ import { TranslatePipe } from '@ngx-translate/core';

@Directive({
    selector: '[adf-clipboard]',
-    standalone: true,
    exportAs: 'adfClipboard'
 })
 export class ClipboardDirective {
@@ -75,7 +74,6 @@ export class ClipboardDirective {

@Component({
    selector: 'adf-copy-content-tooltip',
-    standalone: true,
    imports: [TranslatePipe],
    template: `<span class="adf-copy-tooltip">{{ placeholder | translate }} </span>`,
    encapsulation: ViewEncapsulation.None
--- a/lib/core/src/lib/comments/comment-list/comment-list.component.ts
+++ b/lib/core/src/lib/comments/comment-list/comment-list.component.ts
@@ -27,7 +27,6 @@ import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-comment-list',
-    standalone: true,
    imports: [CommonModule, MatListModule, MatLineModule, TimeAgoPipe, TranslatePipe],
    templateUrl: './comment-list.component.html',
    styleUrls: ['./comment-list.component.scss'],
--- a/lib/core/src/lib/comments/comments.component.ts
+++ b/lib/core/src/lib/comments/comments.component.ts
@@ -29,7 +29,6 @@ import { CommentListComponent } from './comment-list';

@Component({
    selector: 'adf-comments',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/core/src/lib/common/services/log.service.spec.ts
+++ b/lib/core/src/lib/common/services/log.service.spec.ts
@@ -25,7 +25,8 @@ import { LogService } from './log.service';

@Component({
    template: '',
-    providers: [LogService]
+    providers: [LogService],
+    standalone: false
 })
 class ProvidesLogComponent {
    constructor(public logService: LogService) {}
--- a/lib/core/src/lib/context-menu/context-menu-list.component.ts
+++ b/lib/core/src/lib/context-menu/context-menu-list.component.ts
@@ -29,7 +29,6 @@ import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';

@Component({
    selector: 'adf-context-menu',
-    standalone: true,
    templateUrl: './context-menu-list.component.html',
    styleUrls: ['./context-menu-list.component.scss'],
    host: {
--- a/lib/core/src/lib/context-menu/context-menu-overlay.service.spec.ts
+++ b/lib/core/src/lib/context-menu/context-menu-overlay.service.spec.ts
@@ -26,6 +26,7 @@ describe('ContextMenuOverlayService', () => {
    let injector: Injector;
    const overlayConfig = {
        panelClass: 'test-panel',
+        hasBackdrop: false,
        source: {
            clientY: 1,
            clientX: 1
--- a/lib/core/src/lib/context-menu/context-menu-overlay.service.ts
+++ b/lib/core/src/lib/context-menu/context-menu-overlay.service.ts
@@ -49,7 +49,7 @@ export class ContextMenuOverlayService {
        // prevent native contextmenu on overlay element if config.hasBackdrop is true
        if (overlayConfig.hasBackdrop) {
            // eslint-disable-next-line no-underscore-dangle
-            (overlay as any)._backdropElement.addEventListener(
+            (overlay as any).backdropElement.addEventListener(
                'contextmenu',
                (event) => {
                    event.preventDefault();
--- a/lib/core/src/lib/context-menu/context-menu.directive.spec.ts
+++ b/lib/core/src/lib/context-menu/context-menu.directive.spec.ts
@@ -25,7 +25,8 @@ import { UnitTestingUtils } from '../testing/unit-testing-utils';

@Component({
    selector: 'adf-test-component',
-    template: ` <div id="target" [adf-context-menu]="actions" [adf-context-menu-enabled]="isEnabled"></div> `
+    template: ` <div id="target" [adf-context-menu]="actions" [adf-context-menu-enabled]="isEnabled"></div> `,
+    standalone: false
 })
 class TestComponent {
    actions: any[] | (() => any[]);
--- a/lib/core/src/lib/context-menu/context-menu.directive.ts
+++ b/lib/core/src/lib/context-menu/context-menu.directive.ts
@@ -21,8 +21,7 @@ import { Directive, HostListener, Input } from '@angular/core';
 import { ContextMenuOverlayService } from './context-menu-overlay.service';

@Directive({
-    selector: '[adf-context-menu]',
-    standalone: true
+    selector: '[adf-context-menu]'
 })
 export class ContextMenuDirective {
    /** Items for the menu. */
--- a/lib/core/src/lib/core.module.ts
+++ b/lib/core/src/lib/core.module.ts
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-import { APP_INITIALIZER, NgModule, ModuleWithProviders } from '@angular/core';
+import { NgModule, ModuleWithProviders, inject, provideAppInitializer } from '@angular/core';
 import { TranslateModule, TranslateLoader, TranslateStore, TranslateService } from '@ngx-translate/core';
 import { ABOUT_DIRECTIVES } from './about/about.module';
 import { CARD_VIEW_DIRECTIVES } from './card-view/card-view.module';
@@ -137,12 +137,15 @@ export class CoreModule {
                { provide: TranslateLoader, useClass: TranslateLoaderService },
                MomentDateAdapter,
                StoragePrefixFactory,
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: loadAppConfig,
-                    deps: [AppConfigService, StorageService, AdfHttpClient, StoragePrefixFactory],
-                    multi: true
-                },
+                provideAppInitializer(() => {
+                    const initializerFn = loadAppConfig(
+                        inject(AppConfigService),
+                        inject(StorageService),
+                        inject(AdfHttpClient),
+                        inject(StoragePrefixFactory)
+                    );
+                    return initializerFn();
+                }),
                { provide: HTTP_INTERCEPTORS, useClass: AuthenticationInterceptor, multi: true },
                { provide: Authentication, useClass: AuthenticationService },
                {
--- a/lib/core/src/lib/datatable/components/amount-cell/amount-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/amount-cell/amount-cell.component.ts
@@ -21,7 +21,6 @@ import { CurrencyConfig } from '../../data/data-column.model';
 import { CommonModule } from '@angular/common';

@Component({
-    standalone: true,
    imports: [CommonModule],
    selector: 'adf-amount-cell',
    templateUrl: './amount-cell.component.html',
--- a/lib/core/src/lib/datatable/components/boolean-cell/boolean-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/boolean-cell/boolean-cell.component.ts
@@ -21,7 +21,6 @@ import { CommonModule } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
-    standalone: true,
    imports: [CommonModule],
    selector: 'adf-boolean-cell',
    changeDetection: ChangeDetectionStrategy.OnPush,
--- a/lib/core/src/lib/datatable/components/columns-selector/columns-search-filter.pipe.ts
+++ b/lib/core/src/lib/datatable/components/columns-selector/columns-search-filter.pipe.ts
@@ -20,8 +20,7 @@ import { DataColumn } from '../../data/data-column.model';
 import { TranslationService } from '../../../translation';

@Pipe({
-    name: 'columnsSearchFilter',
-    standalone: true
+    name: 'columnsSearchFilter'
 })
 export class ColumnsSearchFilterPipe implements PipeTransform {
    private translationService = inject(TranslationService);
--- a/lib/core/src/lib/datatable/components/columns-selector/columns-selector.component.ts
+++ b/lib/core/src/lib/datatable/components/columns-selector/columns-selector.component.ts
@@ -31,7 +31,6 @@ import { ColumnsSearchFilterPipe } from './columns-search-filter.pipe';

@Component({
    selector: 'adf-datatable-column-selector',
-    standalone: true,
    imports: [
        CommonModule,
        TranslatePipe,
--- a/lib/core/src/lib/datatable/components/datatable-cell/datatable-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/datatable-cell/datatable-cell.component.ts
@@ -28,7 +28,6 @@ import { TruncatePipe } from '../../../pipes/truncate.pipe';

@Component({
    selector: 'adf-datatable-cell',
-    standalone: true,
    imports: [CommonModule, ClipboardDirective, TruncatePipe],
    changeDetection: ChangeDetectionStrategy.OnPush,
    template: `
--- a/lib/core/src/lib/datatable/components/datatable-row/datatable-row.component.ts
+++ b/lib/core/src/lib/datatable/components/datatable-row/datatable-row.component.ts
@@ -21,7 +21,6 @@ import { DataRow } from '../../data/data-row.model';

@Component({
    selector: 'adf-datatable-row',
-    standalone: true,
    template: `<ng-content />`,
    encapsulation: ViewEncapsulation.None,
    host: {
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts
@@ -38,7 +38,6 @@ import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';

@Component({
    selector: 'adf-custom-column-template-component',
-    standalone: true,
    template: ` <ng-template #tmplRef /> `
 })
 class CustomColumnTemplateComponent {
@@ -47,7 +46,6 @@ class CustomColumnTemplateComponent {

@Component({
    selector: 'adf-custom-column-header-component',
-    standalone: true,
    template: ` <ng-template #tmplRef> CUSTOM HEADER </ng-template> `
 })
 class CustomColumnHeaderComponent {
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
@@ -93,7 +93,6 @@ export enum ShowHeaderMode {

@Component({
    selector: 'adf-datatable',
-    standalone: true,
    imports: [
        CommonModule,
        DataTableRowComponent,
--- a/lib/core/src/lib/datatable/components/date-cell/date-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/date-cell/date-cell.component.ts
@@ -23,7 +23,6 @@ import { CommonModule } from '@angular/common';
 import { LocalizedDatePipe, TimeAgoPipe } from '../../../pipes';

@Component({
-    standalone: true,
    imports: [CommonModule, LocalizedDatePipe, TimeAgoPipe],
    selector: 'adf-date-cell',
    templateUrl: './date-cell.component.html',
--- a/lib/core/src/lib/datatable/components/empty-list/empty-list.component.ts
+++ b/lib/core/src/lib/datatable/components/empty-list/empty-list.component.ts
@@ -19,7 +19,6 @@ import { Component, Directive, ViewEncapsulation } from '@angular/core';

@Component({
    selector: 'adf-empty-list',
-    standalone: true,
    styleUrls: ['./empty-list.component.scss'],
    templateUrl: './empty-list.component.html',
    encapsulation: ViewEncapsulation.None
@@ -27,19 +26,16 @@ import { Component, Directive, ViewEncapsulation } from '@angular/core';
 export class EmptyListComponent {}

@Directive({
-    selector: '[adf-empty-list-header]',
-    standalone: true
+    selector: '[adf-empty-list-header]'
 })
 export class EmptyListHeaderDirective {}

@Directive({
-    selector: '[adf-empty-list-body]',
-    standalone: true
+    selector: '[adf-empty-list-body]'
 })
 export class EmptyListBodyDirective {}

@Directive({
-    selector: '[adf-empty-list-footer]',
-    standalone: true
+    selector: '[adf-empty-list-footer]'
 })
 export class EmptyListFooterDirective {}
--- a/lib/core/src/lib/datatable/components/filesize-cell/filesize-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/filesize-cell/filesize-cell.component.ts
@@ -22,7 +22,6 @@ import { FileSizePipe } from '../../../pipes';

@Component({
    selector: 'adf-filesize-cell',
-    standalone: true,
    imports: [CommonModule, FileSizePipe],
    template: `
        <ng-container *ngIf="value$ | async | adfFileSize as fileSize">
--- a/lib/core/src/lib/datatable/components/icon-cell/icon-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/icon-cell/icon-cell.component.ts
@@ -22,7 +22,6 @@ import { DataTableCellComponent } from '../datatable-cell/datatable-cell.compone
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
-    standalone: true,
    imports: [CommonModule, MatIconModule],
    selector: 'adf-icon-cell',
    changeDetection: ChangeDetectionStrategy.OnPush,
--- a/lib/core/src/lib/datatable/components/json-cell/json-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/json-cell/json-cell.component.ts
@@ -24,7 +24,6 @@ import { MatButtonModule } from '@angular/material/button';

@Component({
    selector: 'adf-json-cell',
-    standalone: true,
    imports: [CommonModule, MatButtonModule, MatDialogModule],
    changeDetection: ChangeDetectionStrategy.OnPush,
    template: `
--- a/lib/core/src/lib/datatable/components/location-cell/location-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/location-cell/location-cell.component.ts
@@ -22,7 +22,6 @@ import { RouterModule } from '@angular/router';
 import { PathInfo } from '../../../models/path.model';

@Component({
-    standalone: true,
    imports: [AsyncPipe, RouterModule],
    selector: 'adf-location-cell',
    changeDetection: ChangeDetectionStrategy.OnPush,
--- a/lib/core/src/lib/datatable/components/number-cell/number-cell.component.ts
+++ b/lib/core/src/lib/datatable/components/number-cell/number-cell.component.ts
@@ -21,7 +21,6 @@ import { DecimalConfig } from '../../data/data-column.model';
 import { CommonModule } from '@angular/common';

@Component({
-    standalone: true,
    imports: [CommonModule],
    selector: 'adf-number-cell',
    templateUrl: './number-cell.component.html',
--- a/lib/core/src/lib/datatable/data-column/data-column-header.component.ts
+++ b/lib/core/src/lib/datatable/data-column/data-column-header.component.ts
@@ -22,7 +22,6 @@ import { DataColumnComponent } from './data-column.component';

@Component({
    selector: 'adf-data-column-header',
-    standalone: true,
    template: ''
 })
 export class DateColumnHeaderComponent implements AfterContentInit {
--- a/lib/core/src/lib/datatable/data-column/data-column-list.component.ts
+++ b/lib/core/src/lib/datatable/data-column/data-column-list.component.ts
@@ -22,7 +22,6 @@ import { DataColumnComponent } from './data-column.component';

@Component({
    selector: 'data-columns',
-    standalone: true,
    template: ''
 })
 export class DataColumnListComponent {
--- a/lib/core/src/lib/datatable/data-column/data-column.component.ts
+++ b/lib/core/src/lib/datatable/data-column/data-column.component.ts
@@ -23,7 +23,6 @@ import { CurrencyConfig, DateConfig, DecimalConfig } from '../data/data-column.m

@Component({
    selector: 'data-column',
-    standalone: true,
    template: ''
 })
 export class DataColumnComponent implements OnInit {
--- a/lib/core/src/lib/datatable/directives/custom-empty-content-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/custom-empty-content-template.directive.ts
@@ -23,7 +23,6 @@ import { Directive } from '@angular/core';
 * adf-custom-empty-content-template.
 */
@Directive({
-    selector: 'adf-custom-empty-content-template, empty-folder-content',
-    standalone: true
+    selector: 'adf-custom-empty-content-template, empty-folder-content'
 })
 export class CustomEmptyContentTemplateDirective {}
--- a/lib/core/src/lib/datatable/directives/custom-loading-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/custom-loading-template.directive.ts
@@ -18,7 +18,6 @@
 import { Directive } from '@angular/core';

@Directive({
-    selector: 'adf-custom-loading-content-template',
-    standalone: true
+    selector: 'adf-custom-loading-content-template'
 })
 export class CustomLoadingContentTemplateDirective {}
--- a/lib/core/src/lib/datatable/directives/custom-no-permission-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/custom-no-permission-template.directive.ts
@@ -23,7 +23,6 @@ import { Directive } from '@angular/core';
 * adf-custom-no-permission-template.
 */
@Directive({
-    selector: 'adf-custom-no-permission-template, no-permission-content',
-    standalone: true
+    selector: 'adf-custom-no-permission-template, no-permission-content'
 })
 export class CustomNoPermissionTemplateDirective {}
--- a/lib/core/src/lib/datatable/directives/drop-zone.directive.ts
+++ b/lib/core/src/lib/datatable/directives/drop-zone.directive.ts
@@ -20,8 +20,7 @@ import { DataRow } from '../data/data-row.model';
 import { DataColumn } from '../data/data-column.model';

@Directive({
-    selector: '[adf-drop-zone]',
-    standalone: true
+    selector: '[adf-drop-zone]'
 })
 export class DropZoneDirective implements OnInit, OnDestroy {
    private element: HTMLElement;
--- a/lib/core/src/lib/datatable/directives/header-filter-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/header-filter-template.directive.ts
@@ -19,8 +19,7 @@ import { AfterContentInit, ContentChild, Directive, TemplateRef } from '@angular
 import { DataTableComponent } from '../components/datatable/datatable.component';

@Directive({
-    selector: 'adf-header-filter-template',
-    standalone: true
+    selector: 'adf-header-filter-template'
 })
 export class HeaderFilterTemplateDirective implements AfterContentInit {
    @ContentChild(TemplateRef)
--- a/lib/core/src/lib/datatable/directives/loading-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/loading-template.directive.ts
@@ -22,8 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    selector: 'adf-loading-content-template, loading-content-template',
-    standalone: true
+    selector: 'adf-loading-content-template, loading-content-template'
 })
 export class LoadingContentTemplateDirective implements AfterContentInit {
    @ContentChild(TemplateRef)
--- a/lib/core/src/lib/datatable/directives/main-data-table-action-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/main-data-table-action-template.directive.ts
@@ -19,8 +19,7 @@ import { AfterContentInit, ContentChild, Directive, TemplateRef } from '@angular
 import { DataTableComponent } from '../components/datatable/datatable.component';

@Directive({
-    selector: 'adf-main-menu-datatable-template',
-    standalone: true
+    selector: 'adf-main-menu-datatable-template'
 })
 export class MainMenuDataTableTemplateDirective implements AfterContentInit {
    @ContentChild(TemplateRef)
--- a/lib/core/src/lib/datatable/directives/no-content-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/no-content-template.directive.ts
@@ -22,8 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    selector: 'adf-no-content-template, no-content-template',
-    standalone: true
+    selector: 'adf-no-content-template, no-content-template'
 })
 export class NoContentTemplateDirective implements AfterContentInit {
    @ContentChild(TemplateRef)
--- a/lib/core/src/lib/datatable/directives/no-permission-template.directive.ts
+++ b/lib/core/src/lib/datatable/directives/no-permission-template.directive.ts
@@ -22,8 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    selector: 'adf-no-permission-template, no-permission-template',
-    standalone: true
+    selector: 'adf-no-permission-template, no-permission-template'
 })
 export class NoPermissionTemplateDirective implements AfterContentInit {
    @ContentChild(TemplateRef)
--- a/lib/core/src/lib/datatable/directives/resizable/resizable.directive.ts
+++ b/lib/core/src/lib/datatable/directives/resizable/resizable.directive.ts
@@ -23,7 +23,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Directive({
    selector: '[adf-resizable]',
-    standalone: true,
    exportAs: 'adf-resizable'
 })
 export class ResizableDirective implements OnInit, OnDestroy {
--- a/lib/core/src/lib/datatable/directives/resizable/resize-handle.directive.ts
+++ b/lib/core/src/lib/datatable/directives/resizable/resize-handle.directive.ts
@@ -19,8 +19,7 @@ import { ResizableDirective } from './resizable.directive';
 import { Directive, ElementRef, Input, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';

@Directive({
-    selector: '[adf-resize-handle]',
-    standalone: true
+    selector: '[adf-resize-handle]'
 })
 export class ResizeHandleDirective implements OnInit, OnDestroy {
    /**
--- a/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
+++ b/lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts
@@ -33,7 +33,8 @@ export interface ConfirmDialogComponentProps {
    templateUrl: './confirm.dialog.html',
    styleUrls: ['./confirm.dialog.scss'],
    host: { class: 'adf-confirm-dialog' },
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class ConfirmDialogComponent {
    title: string;
--- a/lib/core/src/lib/dialogs/dialog/dialog.component.spec.ts
+++ b/lib/core/src/lib/dialogs/dialog/dialog.component.spec.ts
@@ -25,7 +25,8 @@ import { Component, inject } from '@angular/core';
 import { Subject } from 'rxjs';

@Component({
-    selector: 'adf-dummy-component'
+    selector: 'adf-dummy-component',
+    standalone: false
 })
 class DummyComponent {
    data = inject(DIALOG_COMPONENT_DATA);
--- a/lib/core/src/lib/dialogs/dialog/dialog.component.ts
+++ b/lib/core/src/lib/dialogs/dialog/dialog.component.ts
@@ -29,7 +29,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 export const DIALOG_COMPONENT_DATA = new InjectionToken<any>('dialog component data');

@Component({
-    standalone: true,
    selector: 'adf-dialog',
    templateUrl: './dialog.component.html',
    styleUrls: ['./dialog.component.scss'],
--- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.component.ts
+++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.component.ts
@@ -21,9 +21,8 @@ import { EditJsonDialogComponent, EditJsonDialogSettings } from './edit-json.dia

@Component({
    selector: 'adf-edit-json-dialog-storybook',
-    template: `<button mat-raised-button (click)="openDialog()">
-        Open dialog
-    </button>`
+    template: `<button mat-raised-button (click)="openDialog()">Open dialog</button>`,
+    standalone: false
 })
 export class EditJsonDialogStorybookComponent implements OnInit, OnChanges {
    @Input()
--- a/lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.ts
+++ b/lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.ts
@@ -36,7 +36,6 @@ import { AppConfigValues } from '../../app-config';
 * If data.descriptionText is provided, it will be displayed as dialog content.
 */
@Component({
-    standalone: true,
    selector: 'adf-unsaved-changes-dialog',
    encapsulation: ViewEncapsulation.None,
    templateUrl: './unsaved-changes-dialog.component.html',
--- a/lib/core/src/lib/directives/highlight.directive.spec.ts
+++ b/lib/core/src/lib/directives/highlight.directive.spec.ts
@@ -24,7 +24,6 @@ import { UnitTestingUtils } from '../testing/unit-testing-utils';
 /* spellchecker: disable */
@Component({
    selector: 'adf-test-component',
-    standalone: true,
    imports: [HighlightDirective],
    template: ` <div id="outerDiv1" adf-highlight adf-highlight-selector=".highlightable" adf-highlight-class="highlight-for-free-willy">
            <div id="innerDiv11" class="highlightable">Lorem ipsum salana-eyong-aysis dolor sit amet</div>
--- a/lib/core/src/lib/directives/highlight.directive.ts
+++ b/lib/core/src/lib/directives/highlight.directive.ts
@@ -21,8 +21,7 @@ import { Directive, ElementRef, Input, Renderer2, AfterViewChecked } from '@angu
 import { HighlightTransformService, HighlightTransformResult } from '../common/services/highlight-transform.service';

@Directive({
-    selector: '[adf-highlight]',
-    standalone: true
+    selector: '[adf-highlight]'
 })
 export class HighlightDirective implements AfterViewChecked {
    /** Class selector for highlightable elements. */
--- a/lib/core/src/lib/directives/infinite-select-scroll.directive.spec.ts
+++ b/lib/core/src/lib/directives/infinite-select-scroll.directive.spec.ts
@@ -29,7 +29,8 @@ import { UnitTestingUtils } from '../testing/unit-testing-utils';
        <mat-option *ngFor="let option of options; let idx = index">
            {{ option.text }}
        </mat-option>
-    </mat-select>`
+    </mat-select>`,
+    standalone: false
 })
 class TestComponent {
    options = new Array(50).fill({ text: 'dummy' });
--- a/lib/core/src/lib/directives/infinite-select-scroll.directive.ts
+++ b/lib/core/src/lib/directives/infinite-select-scroll.directive.ts
@@ -22,8 +22,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 const SELECT_ITEM_HEIGHT_EM = 3;

@Directive({
-    selector: '[adf-infinite-select-scroll]',
-    standalone: true
+    selector: '[adf-infinite-select-scroll]'
 })
 export class InfiniteSelectScrollDirective implements AfterViewInit {
    static readonly MAX_ITEMS = 50;
--- a/lib/core/src/lib/directives/logout.directive.spec.ts
+++ b/lib/core/src/lib/directives/logout.directive.spec.ts
@@ -29,9 +29,8 @@ describe('LogoutDirective', () => {
    describe('No input', () => {
        @Component({
            selector: 'adf-test-component',
-            standalone: true,
            imports: [LogoutDirective],
-            template: '<button adf-logout></button>'
+            template: '<button adf-logout>Logout</button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
@@ -104,9 +103,8 @@ describe('LogoutDirective', () => {
    describe('redirectUri', () => {
        @Component({
            selector: 'adf-test-component',
-            standalone: true,
            imports: [LogoutDirective],
-            template: '<button adf-logout redirectUri="/myCustomUri"></button>'
+            template: '<button adf-logout redirectUri="/myCustomUri">Logout</button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
@@ -143,9 +141,8 @@ describe('LogoutDirective', () => {
    describe('enableRedirect', () => {
        @Component({
            selector: 'adf-test-component',
-            standalone: true,
            imports: [LogoutDirective],
-            template: '<button adf-logout [enableRedirect]="false"></button>'
+            template: '<button adf-logout [enableRedirect]="false">Logout</button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
--- a/lib/core/src/lib/directives/logout.directive.ts
+++ b/lib/core/src/lib/directives/logout.directive.ts
@@ -21,8 +21,7 @@ import { AppConfigService } from '../app-config/app-config.service';
 import { AuthenticationService } from '../auth/services/authentication.service';

@Directive({
-    selector: '[adf-logout]',
-    standalone: true
+    selector: '[adf-logout]'
 })
 export class LogoutDirective implements OnInit {
    /** URI to redirect to after logging out. */
--- a/lib/core/src/lib/directives/tooltip-card/tooltip-card.component.ts
+++ b/lib/core/src/lib/directives/tooltip-card/tooltip-card.component.ts
@@ -22,7 +22,6 @@ import { CommonModule } from '@angular/common';

@Component({
    selector: 'adf-tooltip-card-component',
-    standalone: true,
    imports: [CommonModule],
    templateUrl: './tooltip-card.component.html',
    styleUrls: ['./tooltip-card.component.scss'],
--- a/lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.spec.ts
+++ b/lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.spec.ts
@@ -34,7 +34,8 @@ const IMAGE_URL = 'alfresco-logo.svg';
        [width]="'400'"
        [htmlContent]="'this is the <b>html</b> raw code'"
        class="test-component"
-    ></span>`
+    ></span>`,
+    standalone: false
 })
 class TestComponent {
    @ViewChild(TooltipCardDirective, { static: true })
--- a/lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.ts
+++ b/lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.ts
@@ -21,8 +21,7 @@ import { ComponentPortal } from '@angular/cdk/portal';
 import { TooltipCardComponent } from './tooltip-card.component';

@Directive({
-    selector: '[adf-tooltip-card]',
-    standalone: true
+    selector: '[adf-tooltip-card]'
 })
 export class TooltipCardDirective implements OnInit, OnDestroy {
    @Input('adf-tooltip-card') text = '';
--- a/lib/core/src/lib/directives/upload.directive.ts
+++ b/lib/core/src/lib/directives/upload.directive.ts
@@ -21,8 +21,7 @@ import { Directive, ElementRef, HostListener, Input, NgZone, OnDestroy, OnInit,
 import { FileInfo, FileUtils } from '../common/utils/file-utils';

@Directive({
-    selector: '[adf-upload]',
-    standalone: true
+    selector: '[adf-upload]'
 })
 export class UploadDirective implements OnInit, OnDestroy {
    /** Enables/disables uploading. */
--- a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts
+++ b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts
@@ -45,7 +45,6 @@ import { Chip } from './chip';
 */
@Component({
    selector: 'adf-dynamic-chip-list',
-    standalone: true,
    templateUrl: './dynamic-chip-list.component.html',
    styleUrls: ['./dynamic-chip-list.component.scss'],
    imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule],
--- a/lib/core/src/lib/form/components/form-custom-button.directive.ts
+++ b/lib/core/src/lib/form/components/form-custom-button.directive.ts
@@ -18,7 +18,6 @@
 import { Directive } from '@angular/core';

@Directive({
-    selector: '[adf-form-custom-button]',
-    standalone: true
+    selector: '[adf-form-custom-button]'
 })
 export class StartFormCustomButtonDirective {}
--- a/lib/core/src/lib/form/components/form-field/form-field.component.ts
+++ b/lib/core/src/lib/form/components/form-field/form-field.component.ts
@@ -41,7 +41,6 @@ declare const adf: any;

@Component({
    selector: 'adf-form-field',
-    standalone: true,
    templateUrl: './form-field.component.html',
    encapsulation: ViewEncapsulation.None,
    imports: [FieldStylePipe]
--- a/lib/core/src/lib/form/components/form-renderer.component.ts
+++ b/lib/core/src/lib/form/components/form-renderer.component.ts
@@ -32,7 +32,6 @@ import { FormSectionComponent } from './form-section/form-section.component';

@Component({
    selector: 'adf-form-renderer',
-    standalone: true,
    templateUrl: './form-renderer.component.html',
    styleUrls: ['./form-renderer.component.scss'],
    providers: [
--- a/lib/core/src/lib/form/components/form-section/form-section.component.ts
+++ b/lib/core/src/lib/form/components/form-section/form-section.component.ts
@@ -23,7 +23,6 @@ import { NgFor } from '@angular/common';

@Component({
    selector: 'adf-form-section',
-    standalone: true,
    templateUrl: './form-section.component.html',
    encapsulation: ViewEncapsulation.None,
    styleUrls: ['./form-section.component.scss'],
--- a/lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.ts
+++ b/lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.ts
@@ -23,7 +23,6 @@ import { MatInputModule } from '@angular/material/input';

@Component({
    selector: 'adf-inplace-form-input',
-    standalone: true,
    templateUrl: './inplace-form-input.component.html',
    styleUrls: ['./inplace-form-input.component.scss'],
    imports: [MatFormFieldModule, ReactiveFormsModule, MatInputModule, NgClass],
--- a/Show More
+++ b/Show More