AAE-36173 switch to TranslatePipe (#10968)

2025-07-24 17:32:15 +00:00 · 2025-06-27 10:20:05 -04:00
parent 16f42be08e
commit 8b3b6ffbca
223 changed files with 588 additions and 606 deletions
--- a/lib/core/breadcrumbs/src/components/breadcrumb/breadcrumb.component.ts
+++ b/lib/core/breadcrumbs/src/components/breadcrumb/breadcrumb.component.ts
@@ -34,8 +34,7 @@ import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { map, startWith } from 'rxjs/operators';
-import { TranslateModule } from '@ngx-translate/core';
-
+import { TranslatePipe } from '@ngx-translate/core';
 import { BreadcrumbFocusDirective } from '../../directives/breadcrumb-focus.directive';
 import { BreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.component';

@@ -45,7 +44,7 @@ import { BreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.comp
    templateUrl: './breadcrumb.component.html',
    styleUrls: ['./breadcrumb.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [CommonModule, MatIconModule, TranslateModule, MatButtonModule, BreadcrumbFocusDirective]
+    imports: [CommonModule, MatIconModule, TranslatePipe, MatButtonModule, BreadcrumbFocusDirective]
 })
 export class BreadcrumbComponent implements AfterContentInit, OnChanges {
    private _breadcrumbTemplateRefs: Array<TemplateRef<unknown>> = [];
--- a/lib/core/feature-flags/src/lib/components/flags/flags.component.ts
+++ b/lib/core/feature-flags/src/lib/components/flags/flags.component.ts
@@ -36,7 +36,7 @@ import { MatInputModule } from '@angular/material/input';
 import { FormsModule } from '@angular/forms';
 import { FlagsOverrideComponent } from '../feature-override-indicator.component';
 import { MatDialogModule } from '@angular/material/dialog';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
@@ -53,7 +53,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
        MatButtonModule,
        MatInputModule,
        MatDialogModule,
-        TranslateModule
+        TranslatePipe
    ],
    templateUrl: './flags.component.html',
    styleUrls: ['./flags.component.scss'],
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -37,7 +37,7 @@
    "@angular/platform-browser": ">=16.0.0",
    "@angular/router": ">=16.0.0",
    "@mat-datetimepicker/core": ">=12.0.1",
-    "@ngx-translate/core": ">=14.0.0",
+    "@ngx-translate/core": ">=16.0.0",
    "@alfresco/js-api": ">=9.0.0",
    "@alfresco/adf-extensions": ">=8.0.0",
    "minimatch": ">=10.0.0",
--- 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
@@ -19,7 +19,7 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a
 import { ExtensionRef } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
 import { MatTableModule } from '@angular/material/table';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-about-extension-list',
@@ -27,7 +27,7 @@ import { TranslateModule } from '@ngx-translate/core';
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
-    imports: [CommonModule, MatTableModule, TranslateModule]
+    imports: [CommonModule, MatTableModule, TranslatePipe]
 })
 export class AboutExtensionListComponent {
    columns = [
--- 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
@@ -18,7 +18,7 @@
 import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
 import { LicenseData } from '../interfaces';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatTableModule } from '@angular/material/table';

@Component({
@@ -28,7 +28,7 @@ import { MatTableModule } from '@angular/material/table';
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatTableModule]
+    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class AboutLicenseListComponent {
    columns = [
--- 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
@@ -17,7 +17,7 @@

 import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatTableModule } from '@angular/material/table';

 interface ModuleInfo {
@@ -31,7 +31,7 @@ interface ModuleInfo {
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatTableModule]
+    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class ModuleListComponent {
    columns = [
--- a/lib/core/src/lib/about/about-package/package-list.component.ts
+++ b/lib/core/src/lib/about/about-package/package-list.component.ts
@@ -18,7 +18,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
 import { PackageInfo } from '../interfaces';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatTableModule } from '@angular/material/table';

@Component({
@@ -27,7 +27,7 @@ import { MatTableModule } from '@angular/material/table';
    styleUrls: ['./package-list.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatTableModule]
+    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class PackageListComponent implements OnInit {
    @Input()
--- 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
@@ -20,7 +20,7 @@ import { ObjectUtils, StringUtils } from '../../common/utils';
 import { LicenseData, StatusData } from '../interfaces';
 import { RepositoryInfo } from './repository-info.interface';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { AboutLicenseListComponent } from '../about-license-list/about-license-list.component';
 import { ModuleListComponent } from '../about-module-list/module-list.component';
 import { AboutStatusListComponent } from '../about-status-list/about-status-list.component';
@@ -31,7 +31,7 @@ import { AboutStatusListComponent } from '../about-status-list/about-status-list
    styleUrls: ['./about-repository-info.component.scss'],
    encapsulation: ViewEncapsulation.None,
    standalone: true,
-    imports: [CommonModule, TranslateModule, AboutLicenseListComponent, ModuleListComponent, AboutStatusListComponent]
+    imports: [CommonModule, TranslatePipe, AboutLicenseListComponent, ModuleListComponent, AboutStatusListComponent]
 })
 export class AboutRepositoryInfoComponent implements OnInit {
    @Input()
--- 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
@@ -18,7 +18,7 @@
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { AppConfigService, AppConfigValues } from '../../app-config/app-config.service';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatCardModule } from '@angular/material/card';

@Component({
@@ -27,7 +27,7 @@ import { MatCardModule } from '@angular/material/card';
    styleUrls: ['./about-server-settings.component.scss'],
    encapsulation: ViewEncapsulation.None,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatCardModule]
+    imports: [CommonModule, TranslatePipe, MatCardModule]
 })
 export class AboutServerSettingsComponent implements OnInit {
    ecmHost = '';
--- 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
@@ -18,7 +18,7 @@
 import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
 import { StatusData } from '../interfaces';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatTableModule } from '@angular/material/table';

@Component({
@@ -27,7 +27,7 @@ import { MatTableModule } from '@angular/material/table';
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatTableModule]
+    imports: [CommonModule, TranslatePipe, MatTableModule]
 })
 export class AboutStatusListComponent {
    columns = [
--- 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
@@ -20,7 +20,7 @@ import { CardViewArrayItemModel } from '../../models/card-view-arrayitem.model';
 import { BaseCardView } from '../base-card-view';
 import { CommonModule } from '@angular/common';
 import { MatChipsModule } from '@angular/material/chips';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatCardModule } from '@angular/material/card';
@@ -29,7 +29,7 @@ import { MatButtonModule } from '@angular/material/button';
@Component({
    selector: 'adf-card-view-arrayitem',
    standalone: true,
-    imports: [CommonModule, MatChipsModule, TranslateModule, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule],
+    imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule],
    templateUrl: './card-view-arrayitem.component.html',
    styleUrls: ['./card-view-arrayitem.component.scss'],
    encapsulation: ViewEncapsulation.None
--- 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
@@ -20,12 +20,12 @@ import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox
 import { CardViewBoolItemModel } from '../../models/card-view-boolitem.model';
 import { BaseCardView } from '../base-card-view';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-card-view-boolitem',
    standalone: true,
-    imports: [CommonModule, MatCheckboxModule, TranslateModule],
+    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
@@ -34,7 +34,7 @@ import { ADF_DATETIME_FORMATS, AdfDateTimeFnsAdapter } from '../../../common/uti
 import { isValid } from 'date-fns';
 import { DateFnsUtils } from '../../../common/utils/date-fns-utils';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -55,7 +55,7 @@ import { MatInputModule } from '@angular/material/input';
    standalone: true,
    imports: [
        CommonModule,
-        TranslateModule,
+        TranslatePipe,
        MatIconModule,
        MatDatetimepickerModule,
        MatChipsModule,
--- 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
@@ -21,7 +21,7 @@ import { CardViewKeyValuePairsItemType } from '../../interfaces/card-view.interf
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { BaseCardView } from '../base-card-view';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatInputModule } from '@angular/material/input';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
@@ -30,7 +30,7 @@ import { MatIconModule } from '@angular/material/icon';
@Component({
    selector: 'adf-card-view-key-value-pairs-item',
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatTableModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule],
+    imports: [CommonModule, TranslatePipe, MatTableModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule],
    templateUrl: './card-view-keyvaluepairsitem.component.html',
    styleUrls: ['./card-view-keyvaluepairsitem.component.scss'],
    encapsulation: ViewEncapsulation.None,
--- 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
@@ -19,12 +19,12 @@ import { Component, Input } from '@angular/core';
 import { CardViewMapItemModel } from '../../models/card-view-mapitem.model';
 import { BaseCardView } from '../base-card-view';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-card-view-mapitem',
    standalone: true,
-    imports: [CommonModule, TranslateModule],
+    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
@@ -24,7 +24,7 @@ import { BaseCardView } from '../base-card-view';
 import { AppConfigService } from '../../../app-config/app-config.service';
 import { map, debounceTime, filter, first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { SelectFilterInputComponent } from './select-filter-input/select-filter-input.component';
 import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
@@ -37,7 +37,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
    standalone: true,
    imports: [
        CommonModule,
-        TranslateModule,
+        TranslatePipe,
        MatFormFieldModule,
        MatSelectModule,
        SelectFilterInputComponent,
--- 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
@@ -15,18 +15,7 @@
 * limitations under the License.
 */

-import {
-    Component,
-    DestroyRef,
-    ElementRef,
-    EventEmitter,
-    Inject,
-    inject,
-    OnInit,
-    Output,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
+import { Component, DestroyRef, ElementRef, EventEmitter, Inject, inject, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MatSelect } from '@angular/material/select';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -34,13 +23,13 @@ import { MatInputModule } from '@angular/material/input';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
    selector: 'adf-select-filter-input',
    standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule, TranslateModule],
+    imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule, TranslatePipe],
    templateUrl: './select-filter-input.component.html',
    styleUrls: ['./select-filter-input.component.scss'],
    host: { class: 'adf-select-filter-input' },
--- 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
@@ -26,7 +26,7 @@ import { FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/f
 import { debounceTime, filter } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatInputModule } from '@angular/material/input';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
@@ -48,7 +48,7 @@ const templateTypes = {
    imports: [
        CommonModule,
        MatFormFieldModule,
-        TranslateModule,
+        TranslatePipe,
        MatInputModule,
        ReactiveFormsModule,
        MatChipsModule,
--- a/lib/core/src/lib/clipboard/clipboard.directive.ts
+++ b/lib/core/src/lib/clipboard/clipboard.directive.ts
@@ -17,7 +17,7 @@

 import { Directive, Input, HostListener, Component, ViewContainerRef, ViewEncapsulation, OnInit } from '@angular/core';
 import { ClipboardService } from './clipboard.service';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Directive({
    selector: '[adf-clipboard]',
@@ -76,7 +76,7 @@ export class ClipboardDirective {
@Component({
    selector: 'adf-copy-content-tooltip',
    standalone: true,
-    imports: [TranslateModule],
+    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
@@ -23,12 +23,12 @@ import { CommonModule } from '@angular/common';
 import { MatListModule } from '@angular/material/list';
 import { MatLineModule } from '@angular/material/core';
 import { TimeAgoPipe } from '../../pipes';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-comment-list',
    standalone: true,
-    imports: [CommonModule, MatListModule, MatLineModule, TimeAgoPipe, TranslateModule],
+    imports: [CommonModule, MatListModule, MatLineModule, TimeAgoPipe, TranslatePipe],
    templateUrl: './comment-list.component.html',
    styleUrls: ['./comment-list.component.scss'],
    encapsulation: ViewEncapsulation.None
--- a/lib/core/src/lib/comments/comments.component.ts
+++ b/lib/core/src/lib/comments/comments.component.ts
@@ -20,7 +20,7 @@ import { Component, EventEmitter, inject, Input, OnChanges, Output, SimpleChange
 import { ADF_COMMENTS_SERVICE } from './interfaces/comments.token';
 import { CommentsService } from './interfaces/comments-service.interface';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { FormControl, FormsModule, ReactiveFormsModule, ValidationErrors } from '@angular/forms';
@@ -32,7 +32,7 @@ import { CommentListComponent } from './comment-list';
    standalone: true,
    imports: [
        CommonModule,
-        TranslateModule,
+        TranslatePipe,
        MatFormFieldModule,
        MatInputModule,
        FormsModule,
--- a/lib/core/src/lib/context-menu/context-menu-list.component.ts
+++ b/lib/core/src/lib/context-menu/context-menu-list.component.ts
@@ -24,7 +24,7 @@ import { CONTEXT_MENU_DATA } from './context-menu.tokens';
 import { AfterViewInit, Component, HostListener, Inject, Optional, QueryList, ViewChildren, ViewEncapsulation } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { NgForOf, NgIf } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';

@Component({
@@ -37,7 +37,7 @@ import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
        class: 'adf-context-menu'
    },
    encapsulation: ViewEncapsulation.None,
-    imports: [MatIconModule, MatMenuModule, NgForOf, NgIf, TranslateModule],
+    imports: [MatIconModule, MatMenuModule, NgForOf, NgIf, TranslatePipe],
    animations: [trigger('panelAnimation', contextMenuAnimation)]
 })
 export class ContextMenuListComponent implements AfterViewInit {
--- 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
@@ -21,7 +21,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
 import { debounceTime } from 'rxjs/operators';
 import { DataColumn } from '../../data/data-column.model';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatDividerModule } from '@angular/material/divider';
@@ -34,7 +34,7 @@ import { ColumnsSearchFilterPipe } from './columns-search-filter.pipe';
    standalone: true,
    imports: [
        CommonModule,
-        TranslateModule,
+        TranslatePipe,
        MatButtonModule,
        MatIconModule,
        MatDividerModule,
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
@@ -64,7 +64,7 @@ import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ResizeEvent } from '../../directives/resizable/types';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FileTypePipe, LocalizedDatePipe } from '../../../pipes';
 import { DropZoneDirective } from '../../directives/drop-zone.directive';
 import { ResizableDirective } from '../../directives/resizable/resizable.directive';
@@ -98,7 +98,7 @@ export enum ShowHeaderMode {
        CommonModule,
        DataTableRowComponent,
        CdkDropList,
-        TranslateModule,
+        TranslatePipe,
        MatCheckboxModule,
        CdkDrag,
        DropZoneDirective,
--- a/lib/core/src/lib/dialogs/dialog/dialog.component.ts
+++ b/lib/core/src/lib/dialogs/dialog/dialog.component.ts
@@ -21,7 +21,7 @@ import { AdditionalDialogActionButton, DialogData } from './dialog-data.interfac
 import { BehaviorSubject } from 'rxjs';
 import { DialogSize, DialogSizes } from './dialog.model';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -33,7 +33,7 @@ export const DIALOG_COMPONENT_DATA = new InjectionToken<any>('dialog component d
    selector: 'adf-dialog',
    templateUrl: './dialog.component.html',
    styleUrls: ['./dialog.component.scss'],
-    imports: [CommonModule, TranslateModule, MatIconModule, MatDialogModule, MatButtonModule],
+    imports: [CommonModule, TranslatePipe, MatIconModule, MatDialogModule, MatButtonModule],
    encapsulation: ViewEncapsulation.None
 })
 export class DialogComponent {
--- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.module.ts
+++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.module.ts
@@ -17,14 +17,11 @@

 import { NgModule } from '@angular/core';
 import { EditJsonDialogComponent } from './edit-json.dialog';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatButtonModule } from '@angular/material/button';
+
+/* @deprecated Use EditJsonDialogComponent directly */
@NgModule({
-    declarations: [EditJsonDialogComponent],
-    imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, MatDialogModule, MatButtonModule],
+    declarations: [],
+    imports: [EditJsonDialogComponent],
    exports: [EditJsonDialogComponent]
 })
 export class EditJsonDialogModule {}
--- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.ts
+++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.ts
@@ -17,10 +17,10 @@

 import { applicationConfig, Meta, moduleMetadata, StoryFn } from '@storybook/angular';
 import { CoreStoryModule } from '../../testing/core.story.module';
-import { EditJsonDialogModule } from './edit-json.dialog.module';
 import { EditJsonDialogStorybookComponent } from './edit-json.dialog.stories.component';
 import { MatButtonModule } from '@angular/material/button';
 import { importProvidersFrom } from '@angular/core';
+import { EditJsonDialogComponent } from './edit-json.dialog';

 const jsonData = {
    maxValue: 50,
@@ -35,7 +35,7 @@ export default {
    title: 'Core/Dialog/Edit JSON Dialog',
    decorators: [
        moduleMetadata({
-            imports: [EditJsonDialogModule, MatButtonModule]
+            imports: [EditJsonDialogComponent, MatButtonModule]
        }),
        applicationConfig({
            providers: [importProvidersFrom(CoreStoryModule)]
--- a/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.ts
+++ b/lib/core/src/lib/dialogs/edit-json/edit-json.dialog.ts
@@ -16,7 +16,10 @@
 */

 import { Component, Inject, OnInit, Input, ViewEncapsulation } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { TranslatePipe } from '@ngx-translate/core';

 export interface EditJsonDialogSettings {
    title?: string;
@@ -25,6 +28,8 @@ export interface EditJsonDialogSettings {
 }

@Component({
+    standalone: true,
+    imports: [MatDialogModule, FormsModule, MatButtonModule, TranslatePipe],
    templateUrl: './edit-json.dialog.html',
    styleUrls: ['./edit-json.dialog.scss'],
    encapsulation: ViewEncapsulation.None,
--- 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
@@ -20,7 +20,7 @@ import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { UnsavedChangesDialogData } from './unsaved-changes-dialog.model';
 import { MatCheckboxChange, MatCheckboxModule } from '@angular/material/checkbox';
 import { ReactiveFormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { CommonModule } from '@angular/common';
@@ -42,7 +42,7 @@ import { AppConfigValues } from '../../app-config';
    templateUrl: './unsaved-changes-dialog.component.html',
    styleUrls: ['./unsaved-changes-dialog.component.scss'],
    host: { class: 'adf-unsaved-changes-dialog' },
-    imports: [MatDialogModule, TranslateModule, MatButtonModule, MatIconModule, CommonModule, MatCheckboxModule, ReactiveFormsModule]
+    imports: [MatDialogModule, TranslatePipe, MatButtonModule, MatIconModule, CommonModule, MatCheckboxModule, ReactiveFormsModule]
 })
 export class UnsavedChangesDialogComponent implements OnInit {
    dialogData: UnsavedChangesDialogData;
--- 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
@@ -37,7 +37,7 @@ import {
 import { MatButtonModule } from '@angular/material/button';
 import { MatChip, MatChipsModule } from '@angular/material/chips';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { Chip } from './chip';

 /**
@@ -48,7 +48,7 @@ import { Chip } from './chip';
    standalone: true,
    templateUrl: './dynamic-chip-list.component.html',
    styleUrls: ['./dynamic-chip-list.component.scss'],
-    imports: [MatChipsModule, TranslateModule, NgForOf, MatIconModule, NgIf, MatButtonModule],
+    imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule],
    encapsulation: ViewEncapsulation.None
 })
 export class DynamicChipListComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
--- a/lib/core/src/lib/form/components/form-renderer.component.ts
+++ b/lib/core/src/lib/form/components/form-renderer.component.ts
@@ -21,7 +21,7 @@ import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTabsModule } from '@angular/material/tabs';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormRulesManager, formRulesManagerFactory } from '../models/form-rules.model';
 import { FormService } from '../services/form.service';
 import { FormFieldComponent } from './form-field/form-field.component';
@@ -47,7 +47,7 @@ import { FormSectionComponent } from './form-section/form-section.component';
        MatTabsModule,
        NgForOf,
        NgTemplateOutlet,
-        TranslateModule,
+        TranslatePipe,
        MatButtonModule,
        MatIconModule,
        NgStyle,
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.ts
@@ -22,7 +22,7 @@ import { Component, OnInit, ViewEncapsulation, InjectionToken, Inject, Optional
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
 import { WidgetComponent } from '../widget.component';
@@ -49,7 +49,7 @@ export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslateModule, NgIf],
+    imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf],
    encapsulation: ViewEncapsulation.None
 })
 export class AmountWidgetComponent extends WidgetComponent implements OnInit {
--- a/lib/core/src/lib/form/components/widgets/base-viewer/base-viewer.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/base-viewer/base-viewer.widget.ts
@@ -17,7 +17,7 @@

 import { NgIf } from '@angular/common';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { ViewerComponent } from '../../../../viewer';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
@@ -41,7 +41,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgIf, TranslateModule, ViewerComponent, ErrorWidgetComponent],
+    imports: [NgIf, TranslatePipe, ViewerComponent, ErrorWidgetComponent],
    encapsulation: ViewEncapsulation.None
 })
 export class BaseViewerWidgetComponent extends WidgetComponent implements OnInit {
--- a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
@@ -21,7 +21,7 @@ import { NgClass, NgIf } from '@angular/common';
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
 import { WidgetComponent } from '../widget.component';
@@ -48,7 +48,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgClass, MatCheckboxModule, FormsModule, TranslateModule, ErrorWidgetComponent, NgIf],
+    imports: [NgClass, MatCheckboxModule, FormsModule, TranslatePipe, ErrorWidgetComponent, NgIf],
    encapsulation: ViewEncapsulation.None
 })
 export class CheckboxWidgetComponent extends WidgetComponent {
--- a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.ts
@@ -24,7 +24,7 @@ import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { DatetimeAdapter, MAT_DATETIME_FORMATS, MatDatetimepickerModule } from '@mat-datetimepicker/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { ADF_DATE_FORMATS, ADF_DATETIME_FORMATS, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, DateFnsUtils } from '../../../../common';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
@@ -44,7 +44,7 @@ import { ReactiveFormWidget } from '../reactive-widget.interface';
    ],
    templateUrl: './date-time.widget.html',
    styleUrls: ['./date-time.widget.scss'],
-    imports: [NgIf, TranslateModule, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent],
+    imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent],
    encapsulation: ViewEncapsulation.None
 })
 export class DateTimeWidgetComponent extends WidgetComponent implements OnInit, ReactiveFormWidget {
--- a/lib/core/src/lib/form/components/widgets/date/date.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/date/date.widget.ts
@@ -24,7 +24,7 @@ import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { ADF_DATE_FORMATS, AdfDateFnsAdapter, DateFnsUtils, DEFAULT_DATE_FORMAT } from '../../../../common';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
@@ -53,7 +53,7 @@ import { ReactiveFormWidget } from '../reactive-widget.interface';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [MatFormFieldModule, TranslateModule, MatInputModule, MatDatepickerModule, ReactiveFormsModule, ErrorWidgetComponent, NgIf],
+    imports: [MatFormFieldModule, TranslatePipe, MatInputModule, MatDatepickerModule, ReactiveFormsModule, ErrorWidgetComponent, NgIf],
    encapsulation: ViewEncapsulation.None
 })
 export class DateWidgetComponent extends WidgetComponent implements OnInit, ReactiveFormWidget {
--- a/lib/core/src/lib/form/components/widgets/decimal/decimal.component.ts
+++ b/lib/core/src/lib/form/components/widgets/decimal/decimal.component.ts
@@ -20,7 +20,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
 import { WidgetComponent } from '../widget.component';
@@ -41,7 +41,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgIf, TranslateModule, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent],
+    imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent],
    encapsulation: ViewEncapsulation.None
 })
 export class DecimalWidgetComponent extends WidgetComponent {
--- a/lib/core/src/lib/form/components/widgets/display-text/display-text.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/display-text/display-text.widget.ts
@@ -18,7 +18,7 @@
 /* eslint-disable @angular-eslint/component-selector */

 import { Component, ViewEncapsulation } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from '../widget.component';

@@ -38,7 +38,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [TranslateModule],
+    imports: [TranslatePipe],
    encapsulation: ViewEncapsulation.None
 })
 export class DisplayTextWidgetComponent extends WidgetComponent {
--- a/lib/core/src/lib/form/components/widgets/error/error.component.ts
+++ b/lib/core/src/lib/form/components/widgets/error/error.component.ts
@@ -21,7 +21,7 @@ import { animate, state, style, transition, trigger } from '@angular/animations'
 import { NgIf } from '@angular/common';
 import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorMessageModel } from '../core';
 import { WidgetComponent } from '../widget.component';
@@ -54,7 +54,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgIf, MatIconModule, TranslateModule],
+    imports: [NgIf, MatIconModule, TranslatePipe],
    encapsulation: ViewEncapsulation.None
 })
 export class ErrorWidgetComponent extends WidgetComponent implements OnChanges {
--- a/lib/core/src/lib/form/components/widgets/header/header.widget.html
+++ b/lib/core/src/lib/form/components/widgets/header/header.widget.html
@@ -1,37 +1,38 @@
-<div 
-    *ngIf="element?.isTypeFieldGroup"
-    [style]="element | adfFieldStyle"
-    class="adf-container-widget-header"
->
-    <div *ngIf="element?.hideHeader">
-        <ng-container *ngTemplateOutlet="expandButton; context: { $implicit: element }" />
-    </div>
-    <h4
-        *ngIf="!element?.hideHeader"
-        id="container-header"
-        class="adf-container-widget-header__text"
-        [class.adf-collapsible]="element?.isCollapsible"
-    >
-        <ng-container *ngTemplateOutlet="expandButton; context: { $implicit: element }" />
-        <span
-            [id]="'container-header-label-' + element?.id"
-            role="button"
-            tabindex="0"
-            (keyup.enter)="onExpanderClicked(element)"
-            (click)="onExpanderClicked(element)"
-        >
-            {{ element.name | translate }}
-        </span>
-    </h4>
+@if (element?.isTypeFieldGroup) {
+    <div [style]="element | adfFieldStyle" class="adf-container-widget-header">
+        @if (element?.hideHeader) {
+            <div>
+                <ng-container *ngTemplateOutlet="expandButton; context: { $implicit: element }" />
+            </div>
+        } @else {
+            <h4
+                id="container-header"
+                class="adf-container-widget-header__text"
+                [class.adf-collapsible]="element?.isCollapsible"
+            >
+                <ng-container *ngTemplateOutlet="expandButton; context: { $implicit: element }" />
+                <span
+                    [id]="'container-header-label-' + element?.id"
+                    role="button"
+                    tabindex="0"
+                    (keyup.enter)="onExpanderClicked(element)"
+                    (click)="onExpanderClicked(element)"
+                >
+                    {{ element.name | translate }}
+                </span>
+            </h4>
+        }

-    <ng-template #expandButton let-element>
-        <button
-            *ngIf="element?.isCollapsible"
-            mat-icon-button
-            class="mdl-button--icon"
-            (click)="onExpanderClicked(element)"
-        >
-            <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>
-        </button>
-    </ng-template>
-</div>
+        <ng-template #expandButton let-element>
+            @if (element?.isCollapsible) {
+                <button
+                    mat-icon-button
+                    class="mdl-button--icon"
+                    (click)="onExpanderClicked(element)"
+                >
+                    <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>
+                </button>
+            }
+        </ng-template>
+    </div>
+}
--- a/lib/core/src/lib/form/components/widgets/header/header.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/header/header.widget.ts
@@ -19,8 +19,8 @@ import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { ContainerModel } from '../core/container.model';
 import { FieldStylePipe } from './../../../pipes/field-style.pipe';
 import { MatIconModule } from '@angular/material/icon';
-import { NgIf, NgTemplateOutlet } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';

@Component({
@@ -29,7 +29,7 @@ import { MatButtonModule } from '@angular/material/button';
    styleUrls: ['./header.widget.scss'],
    standalone: true,
    encapsulation: ViewEncapsulation.None,
-    imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslateModule, NgIf, NgTemplateOutlet]
+    imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe, NgTemplateOutlet]
 })
 export class HeaderWidgetComponent {
    @Input() element: ContainerModel;
--- a/lib/core/src/lib/form/components/widgets/hyperlink/hyperlink.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/hyperlink/hyperlink.widget.ts
@@ -17,9 +17,8 @@

 /* eslint-disable @angular-eslint/component-selector */

-import { NgIf } from '@angular/common';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { FormFieldModel } from '../core';
 import { WidgetComponent } from '../widget.component';
@@ -40,7 +39,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [TranslateModule, NgIf],
+    imports: [TranslatePipe],
    encapsulation: ViewEncapsulation.None
 })
 export class HyperlinkWidgetComponent extends WidgetComponent implements OnInit {
--- a/lib/core/src/lib/form/components/widgets/json/json.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/json/json.widget.ts
@@ -22,7 +22,7 @@ import { EditJsonDialogSettings, EditJsonDialogComponent } from '../../../../dia
 import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from '../widget.component';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    standalone: true,
@@ -39,7 +39,7 @@ import { TranslateModule } from '@ngx-translate/core';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [TranslateModule, MatFormFieldModule, MatButtonModule],
+    imports: [TranslatePipe, MatFormFieldModule, MatButtonModule],
    encapsulation: ViewEncapsulation.None
 })
 export class JsonWidgetComponent extends WidgetComponent {
--- a/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.ts
@@ -22,7 +22,7 @@ import { Component, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
 import { WidgetComponent } from '../widget.component';
@@ -43,7 +43,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [MatFormFieldModule, NgIf, TranslateModule, MatInputModule, FormsModule, ErrorWidgetComponent],
+    imports: [MatFormFieldModule, NgIf, TranslatePipe, MatInputModule, FormsModule, ErrorWidgetComponent],
    encapsulation: ViewEncapsulation.None
 })
 export class MultilineTextWidgetComponentComponent extends WidgetComponent {
--- a/lib/core/src/lib/form/components/widgets/number/number.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/number/number.widget.ts
@@ -22,7 +22,7 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DecimalNumberPipe } from '../../../../pipes';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
@@ -44,7 +44,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgIf, TranslateModule, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent],
+    imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent],
    providers: [DecimalNumberPipe],
    encapsulation: ViewEncapsulation.None
 })
--- a/lib/core/src/lib/form/components/widgets/text/text.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/text/text.widget.ts
@@ -22,7 +22,7 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { FormService } from '../../../services/form.service';
 import { ErrorWidgetComponent } from '../error/error.component';
 import { WidgetComponent } from '../widget.component';
@@ -44,7 +44,7 @@ import { InputMaskDirective } from './text-mask.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    imports: [NgIf, TranslateModule, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, InputMaskDirective],
+    imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, InputMaskDirective],
    encapsulation: ViewEncapsulation.None
 })
 export class TextWidgetComponent extends WidgetComponent implements OnInit {
--- a/lib/core/src/lib/identity-user-info/identity-user-info.component.ts
+++ b/lib/core/src/lib/identity-user-info/identity-user-info.component.ts
@@ -22,12 +22,12 @@ import { CommonModule } from '@angular/common';
 import { FullNamePipe, InitialUsernamePipe } from '../pipes';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-identity-user-info',
    standalone: true,
-    imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslateModule],
+    imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslatePipe],
    templateUrl: './identity-user-info.component.html',
    styleUrls: ['./identity-user-info.component.scss'],
    encapsulation: ViewEncapsulation.None
--- a/lib/core/src/lib/info-drawer/info-drawer.component.ts
+++ b/lib/core/src/lib/info-drawer/info-drawer.component.ts
@@ -35,8 +35,9 @@ import {
    InfoDrawerLayoutComponent,
    InfoDrawerTitleDirective
 } from './info-drawer-layout.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
+
@Component({
    selector: 'adf-info-drawer-tab',
    standalone: true,
@@ -62,7 +63,7 @@ export class InfoDrawerTabComponent {
    imports: [
        CommonModule,
        InfoDrawerLayoutComponent,
-        TranslateModule,
+        TranslatePipe,
        MatTabsModule,
        MatIconModule,
        InfoDrawerButtonsDirective,
--- a/lib/core/src/lib/language-menu/language-picker.component.ts
+++ b/lib/core/src/lib/language-menu/language-picker.component.ts
@@ -19,14 +19,14 @@ import { AfterViewInit, Component, EventEmitter, Output, QueryList, ViewChild }
 import { LanguageItem } from '../common/services/language-item.interface';
 import { CommonModule } from '@angular/common';
 import { MatMenu, MatMenuItem, MatMenuModule } from '@angular/material/menu';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { LanguageMenuComponent } from './language-menu.component';
 import { MatIconModule } from '@angular/material/icon';

@Component({
    selector: 'adf-picker-button',
    standalone: true,
-    imports: [CommonModule, MatMenuModule, TranslateModule, LanguageMenuComponent, MatIconModule],
+    imports: [CommonModule, MatMenuModule, TranslatePipe, LanguageMenuComponent, MatIconModule],
    template: `
        <button mat-menu-item [matMenuTriggerFor]="langMenu">
            <mat-icon>language</mat-icon>
--- a/lib/core/src/lib/layout/components/header/header.component.ts
+++ b/lib/core/src/lib/layout/components/header/header.component.ts
@@ -23,12 +23,12 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { RouterModule } from '@angular/router';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-layout-header',
    standalone: true,
-    imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslateModule],
+    imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslatePipe],
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.scss'],
    encapsulation: ViewEncapsulation.None,
--- a/lib/core/src/lib/login/components/login-dialog/login-dialog.component.ts
+++ b/lib/core/src/lib/login/components/login-dialog/login-dialog.component.ts
@@ -18,7 +18,7 @@
 import { Component, Inject, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { LoginDialogPanelComponent } from '../login-dialog-panel/login-dialog-panel.component';
 import { LoginDialogComponentData } from './login-dialog-component-data.interface';

@@ -27,7 +27,7 @@ import { LoginDialogComponentData } from './login-dialog-component-data.interfac
    standalone: true,
    templateUrl: './login-dialog.component.html',
    styleUrls: ['./login-dialog.component.scss'],
-    imports: [MatDialogModule, LoginDialogPanelComponent, TranslateModule, MatButtonModule],
+    imports: [MatDialogModule, LoginDialogPanelComponent, TranslatePipe, MatButtonModule],
    encapsulation: ViewEncapsulation.None
 })
 export class LoginDialogComponent {
--- a/lib/core/src/lib/login/components/login/login.component.ts
+++ b/lib/core/src/lib/login/components/login/login.component.ts
@@ -26,7 +26,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { ActivatedRoute, Params, Router } from '@angular/router';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { AppConfigService, AppConfigValues } from '../../../app-config';
 import { AuthenticationService, BasicAlfrescoAuthService } from '../../../auth';
 import { OidcAuthenticationService } from '../../../auth/oidc/oidc-authentication.service';
@@ -65,7 +65,7 @@ interface LoginFormValues {
        CommonModule,
        MatCardModule,
        ReactiveFormsModule,
-        TranslateModule,
+        TranslatePipe,
        MatIconModule,
        MatFormFieldModule,
        MatInputModule,
--- a/lib/core/src/lib/notifications/components/notification-history.component.ts
+++ b/lib/core/src/lib/notifications/components/notification-history.component.ts
@@ -22,7 +22,7 @@ import { MatMenuModule, MatMenuTrigger, MenuPositionX, MenuPositionY } from '@an
 import { StorageService } from '../../common/services/storage.service';
 import { PaginationModel } from '../../models/pagination.model';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatListModule } from '@angular/material/list';
@@ -39,7 +39,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
    imports: [
        MatButtonModule,
        MatMenuModule,
-        TranslateModule,
+        TranslatePipe,
        MatIconModule,
        MatBadgeModule,
        MatListModule,
--- a/lib/core/src/lib/notifications/services/notification.service.ts
+++ b/lib/core/src/lib/notifications/services/notification.service.ts
@@ -22,7 +22,7 @@ import { Subject } from 'rxjs';
 import { NotificationModel } from '../models/notification.model';
 import { info, warning, error } from '../helpers/notification.factory';
 import { SnackbarContentComponent } from '../../snackbar-content';
-import { SnackBarData } from '../../snackbar-content/snack-bar-data';
+import type { SnackBarData } from '../../snackbar-content/snack-bar-data';

 const INFO_SNACK_CLASS = 'adf-info-snackbar';
 const WARN_SNACK_CLASS = 'adf-warning-snackbar';
--- a/lib/core/src/lib/pagination/infinite-pagination.component.ts
+++ b/lib/core/src/lib/pagination/infinite-pagination.component.ts
@@ -39,7 +39,7 @@ import { PaginationModel } from '../models/pagination.model';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
@@ -50,7 +50,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
    standalone: true,
-    imports: [CommonModule, MatButtonModule, MatProgressBarModule, TranslateModule]
+    imports: [CommonModule, MatButtonModule, MatProgressBarModule, TranslatePipe]
 })
 export class InfinitePaginationComponent implements OnInit, PaginationComponentInterface {
    static DEFAULT_PAGINATION: PaginationModel = new PaginationModel({
--- a/lib/core/src/lib/pagination/pagination.component.ts
+++ b/lib/core/src/lib/pagination/pagination.component.ts
@@ -33,7 +33,7 @@ import { PaginatedComponent } from './paginated-component.interface';
 import { PaginationComponentInterface } from './pagination-component.interface';
 import { PaginationModel } from '../models/pagination.model';
 import { UserPreferencesService, UserPreferenceValues } from '../common/services/user-preferences.service';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -58,7 +58,7 @@ export const DEFAULT_PAGINATION: PaginationModel = {
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, MatMenuModule]
+    imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatMenuModule]
 })
 export class PaginationComponent implements OnInit, PaginationComponentInterface {
    private _pagination: PaginationModel;
--- a/lib/core/src/lib/search-text/search-text-input.component.ts
+++ b/lib/core/src/lib/search-text/search-text-input.component.ts
@@ -35,7 +35,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { Observable, Subject, Subscription } from 'rxjs';
 import { debounceTime, filter } from 'rxjs/operators';
 import { UserPreferencesService } from '../common';
@@ -51,17 +51,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
    styleUrls: ['./search-text-input.component.scss'],
    animations: [searchAnimation],
    encapsulation: ViewEncapsulation.None,
-    imports: [
-        MatButtonModule,
-        MatIconModule,
-        TranslateModule,
-        MatFormFieldModule,
-        MatInputModule,
-        FormsModule,
-        SearchTriggerDirective,
-        NgIf,
-        NgClass
-    ],
+    imports: [MatButtonModule, MatIconModule, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, SearchTriggerDirective, NgIf, NgClass],
    host: {
        class: 'adf-search-text-input'
    }
--- a/lib/core/src/lib/snackbar-content/snackbar-content.component.html
+++ b/lib/core/src/lib/snackbar-content/snackbar-content.component.html
@@ -1,11 +1,23 @@
-<p class="adf-snackbar-message-content" data-automation-id="adf-snackbar-message-content" aria-hidden="true"><mat-icon *ngIf="data.decorativeIcon" data-automation-id="adf-snackbar-decorative-icon">{{ data.decorativeIcon }}</mat-icon>{{ data.message }}</p>
-<div *ngIf="data.showAction" class="adf-snackbar-message-content-action" aria-hidden="true">
-    <button mat-button (click)="snackBarRef.dismissWithAction()" *ngIf="data.actionLabel" class="adf-snackbar-message-content-action-button"
-            data-automation-id="adf-snackbar-message-content-action-button">
-        {{data.actionLabel}}
-    </button>
-    <button mat-button *ngIf="data.actionIcon" (click)="onIconClicked()" class="adf-snackbar-message-content-action-icon"
-            [attr.aria-label]="data.actionIconAriaLabel | translate">
-        <mat-icon>{{ data.actionIcon }}</mat-icon>
-    </button>
-</div>
+<p class="adf-snackbar-message-content" data-automation-id="adf-snackbar-message-content" aria-hidden="true">
+    @if (data.decorativeIcon) {
+        <mat-icon data-automation-id="adf-snackbar-decorative-icon">{{ data.decorativeIcon }}</mat-icon>
+    }
+    {{ data.message }}
+</p>
+
+@if (data.showAction) {
+    <div class="adf-snackbar-message-content-action" aria-hidden="true">
+        @if (data.actionLabel) {
+            <button mat-button (click)="snackBarRef.dismissWithAction()" class="adf-snackbar-message-content-action-button"
+                    data-automation-id="adf-snackbar-message-content-action-button">
+                {{data.actionLabel}}
+            </button>
+        }
+        @if (data.actionIcon) {
+            <button mat-button (click)="onIconClicked()" class="adf-snackbar-message-content-action-icon"
+                    [attr.aria-label]="data.actionIconAriaLabel | translate">
+                <mat-icon>{{ data.actionIcon }}</mat-icon>
+            </button>
+        }
+    </div>
+}
--- a/lib/core/src/lib/snackbar-content/snackbar-content.component.spec.ts
+++ b/lib/core/src/lib/snackbar-content/snackbar-content.component.spec.ts
@@ -30,8 +30,7 @@ describe('SnackbarContentComponent', () => {

    beforeEach(() => {
        TestBed.configureTestingModule({
-            declarations: [SnackbarContentComponent],
-            imports: [NoopTranslateModule, CoreTestingModule],
+            imports: [NoopTranslateModule, CoreTestingModule, SnackbarContentComponent],
            providers: [
                {
                    provide: MatSnackBarRef,
--- a/lib/core/src/lib/snackbar-content/snackbar-content.component.ts
+++ b/lib/core/src/lib/snackbar-content/snackbar-content.component.ts
@@ -18,9 +18,14 @@
 import { Component, Inject } from '@angular/core';
 import { MAT_SNACK_BAR_DATA, MatSnackBarRef } from '@angular/material/snack-bar';
 import { SnackBarData } from './snack-bar-data';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslatePipe } from '@ngx-translate/core';
+import { MatButtonModule } from '@angular/material/button';

@Component({
    selector: 'adf-snackbar-content',
+    standalone: true,
+    imports: [MatIconModule, TranslatePipe, MatButtonModule],
    templateUrl: './snackbar-content.component.html',
    styleUrls: ['./snackbar-content.component.scss'],
    host: {
--- a/lib/core/src/lib/snackbar-content/snackbar-content.module.ts
+++ b/lib/core/src/lib/snackbar-content/snackbar-content.module.ts
@@ -16,16 +16,11 @@
 */

 import { NgModule } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import { CommonModule } from '@angular/common';
 import { SnackbarContentComponent } from './snackbar-content.component';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';

+/** @deprecated use `SnackbarContentComponent` directly instead */
@NgModule({
-    imports: [CommonModule, MatIconModule, MatSnackBarModule, MatButtonModule, TranslateModule],
-    declarations: [SnackbarContentComponent],
+    imports: [SnackbarContentComponent],
    exports: [SnackbarContentComponent]
 })
 export class SnackbarContentModule {}
--- a/lib/core/src/lib/sorting-picker/sorting-picker.component.ts
+++ b/lib/core/src/lib/sorting-picker/sorting-picker.component.ts
@@ -18,7 +18,7 @@
 import { Component, ViewEncapsulation, Input, EventEmitter, Output } from '@angular/core';
 import { MatSelectChange, MatSelectModule } from '@angular/material/select';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -26,7 +26,7 @@ import { MatIconModule } from '@angular/material/icon';
@Component({
    selector: 'adf-sorting-picker',
    standalone: true,
-    imports: [CommonModule, TranslateModule, MatFormFieldModule, MatSelectModule, MatButtonModule, MatIconModule],
+    imports: [CommonModule, TranslatePipe, MatFormFieldModule, MatSelectModule, MatButtonModule, MatIconModule],
    templateUrl: './sorting-picker.component.html',
    encapsulation: ViewEncapsulation.None,
    host: { class: 'adf-sorting-picker' }
--- a/lib/core/src/lib/templates/empty-content/empty-content.component.ts
+++ b/lib/core/src/lib/templates/empty-content/empty-content.component.ts
@@ -16,13 +16,13 @@
 */

 import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { IconComponent } from '../../icon';

@Component({
    selector: 'adf-empty-content',
    standalone: true,
-    imports: [TranslateModule, IconComponent],
+    imports: [TranslatePipe, IconComponent],
    templateUrl: './empty-content.component.html',
    styleUrls: ['./empty-content.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
--- a/lib/core/src/lib/templates/error-content/error-content.component.ts
+++ b/lib/core/src/lib/templates/error-content/error-content.component.ts
@@ -22,12 +22,12 @@ import { Observable } from 'rxjs';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-error-content',
    standalone: true,
-    imports: [CommonModule, TranslateModule],
+    imports: [CommonModule, TranslatePipe],
    templateUrl: './error-content.component.html',
    styleUrls: ['./error-content.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
--- a/lib/core/src/lib/toolbar/toolbar.component.ts
+++ b/lib/core/src/lib/toolbar/toolbar.component.ts
@@ -18,7 +18,7 @@
 import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { NgIf } from '@angular/common';

@Component({
@@ -28,7 +28,7 @@ import { NgIf } from '@angular/common';
    styleUrls: ['./toolbar.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    encapsulation: ViewEncapsulation.None,
-    imports: [MatToolbarModule, TranslateModule, NgIf],
+    imports: [MatToolbarModule, TranslatePipe, NgIf],
    host: { class: 'adf-toolbar' }
 })
 export class ToolbarComponent {
--- a/lib/core/src/lib/viewer/components/download-prompt-dialog/download-prompt-dialog.component.ts
+++ b/lib/core/src/lib/viewer/components/download-prompt-dialog/download-prompt-dialog.component.ts
@@ -18,13 +18,13 @@
 import { Component } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DownloadPromptActions } from '../../models/download-prompt.actions';

@Component({
    selector: 'adf-download-prompt-dialog',
    standalone: true,
-    imports: [MatDialogModule, TranslateModule, MatButtonModule],
+    imports: [MatDialogModule, TranslatePipe, MatButtonModule],
    templateUrl: './download-prompt-dialog.component.html'
 })
 export class DownloadPromptDialogComponent {
--- a/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.ts
+++ b/lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.ts
@@ -32,7 +32,7 @@ import {
 } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import Cropper from 'cropperjs';
 import { AppConfigService } from '../../../app-config';
 import { UrlService } from '../../../common';
@@ -44,7 +44,7 @@ import { ToolbarComponent } from '../../../toolbar';
    templateUrl: './img-viewer.component.html',
    styleUrls: ['./img-viewer.component.scss'],
    host: { class: 'adf-image-viewer' },
-    imports: [ToolbarComponent, TranslateModule, MatIconModule, MatButtonModule, NgIf],
+    imports: [ToolbarComponent, TranslatePipe, MatIconModule, MatButtonModule, NgIf],
    encapsulation: ViewEncapsulation.None
 })
 export class ImgViewerComponent implements AfterViewInit, OnChanges, OnDestroy {
--- a/lib/core/src/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.ts
+++ b/lib/core/src/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.ts
@@ -23,7 +23,7 @@ import { ReactiveFormsModule, UntypedFormControl, Validators } from '@angular/fo
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

 declare const pdfjsLib: any;

@@ -32,7 +32,7 @@ declare const pdfjsLib: any;
    standalone: true,
    templateUrl: './pdf-viewer-password-dialog.html',
    styleUrls: ['./pdf-viewer-password-dialog.scss'],
-    imports: [MatDialogModule, MatIconModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule, TranslateModule, NgIf, MatButtonModule],
+    imports: [MatDialogModule, MatIconModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule, TranslatePipe, NgIf, MatButtonModule],
    encapsulation: ViewEncapsulation.None
 })
 export class PdfPasswordDialogComponent implements OnInit {
--- a/lib/core/src/lib/viewer/components/pdf-viewer-thumb/pdf-viewer-thumb.component.ts
+++ b/lib/core/src/lib/viewer/components/pdf-viewer-thumb/pdf-viewer-thumb.component.ts
@@ -19,14 +19,14 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { AsyncPipe, NgIf } from '@angular/common';
 import { Component, ElementRef, Input, OnInit, ViewEncapsulation } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-pdf-thumb',
    standalone: true,
    templateUrl: './pdf-viewer-thumb.component.html',
    encapsulation: ViewEncapsulation.None,
-    imports: [AsyncPipe, TranslateModule, NgIf],
+    imports: [AsyncPipe, TranslatePipe, NgIf],
    host: { tabindex: '0' }
 })
 export class PdfThumbComponent implements OnInit, FocusableOption {
--- a/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.ts
+++ b/lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.ts
@@ -38,7 +38,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { from, Subject, switchMap } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { AppConfigService } from '../../../app-config';
@@ -65,7 +65,7 @@ export const PDFJS_VIEWER_MODULE = new InjectionToken('PDFJS_VIEWER_MODULE', { f
    imports: [
        MatButtonModule,
        MatIconModule,
-        TranslateModule,
+        TranslatePipe,
        PdfThumbListComponent,
        NgIf,
        NgTemplateOutlet,
--- a/lib/core/src/lib/viewer/components/unknown-format/unknown-format.component.ts
+++ b/lib/core/src/lib/viewer/components/unknown-format/unknown-format.component.ts
@@ -17,14 +17,14 @@

 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';

@Component({
    selector: 'adf-viewer-unknown-format',
    standalone: true,
    templateUrl: './unknown-format.component.html',
    styleUrls: ['./unknown-format.component.scss'],
-    imports: [MatIconModule, TranslateModule],
+    imports: [MatIconModule, TranslatePipe],
    encapsulation: ViewEncapsulation.None
 })
 export class UnknownFormatComponent {
--- a/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.ts
+++ b/lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.ts
@@ -20,7 +20,7 @@ import { NgForOf, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutle
 import { Component, EventEmitter, Injector, Input, OnChanges, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { Track } from '../../models/viewer.model';
 import { ViewUtilService } from '../../services/view-util.service';
 import { ImgViewerComponent } from '../img-viewer/img-viewer.component';
@@ -37,7 +37,7 @@ import { UnknownFormatComponent } from '../unknown-format/unknown-format.compone
    host: { class: 'adf-viewer-render' },
    encapsulation: ViewEncapsulation.None,
    imports: [
-        TranslateModule,
+        TranslatePipe,
        MatProgressSpinnerModule,
        NgSwitch,
        NgSwitchCase,
--- a/lib/core/src/lib/viewer/components/viewer.component.ts
+++ b/lib/core/src/lib/viewer/components/viewer.component.ts
@@ -39,7 +39,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { fromEvent } from 'rxjs';
 import { filter, first, skipWhile } from 'rxjs/operators';
 import { AppConfigService } from '../../app-config';
@@ -79,7 +79,7 @@ const DEFAULT_NON_PREVIEW_CONFIG = {
        ToolbarComponent,
        ToolbarTitleComponent,
        MatButtonModule,
-        TranslateModule,
+        TranslatePipe,
        MatIconModule,
        MatMenuModule,
        ToolbarDividerComponent,