AAE-36173 switch to TranslatePipe (#10968)

lib/content-services/package.json

@@ -22,7 +22,7 @@
     "@angular/platform-browser-dynamic": ">=14.1.3",
     "@angular/router": ">=14.1.3",
     "@alfresco/js-api": ">=9.0.0",
-    "@ngx-translate/core": ">=14.0.0",
+    "@ngx-translate/core": ">=16.0.0",
     "@alfresco/adf-core": ">=8.0.0"
   },
   "keywords": [

lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.ts

@@ -18,7 +18,7 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { AspectListDialogComponentData } from './aspect-list-dialog-data.interface';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { AspectListComponent } from './aspect-list.component';
 import { AutoFocusDirective } from '../directives/auto-focus.directive';
@@ -27,7 +27,7 @@ import { CommonModule } from '@angular/common';
 @Component({
     selector: 'adf-aspect-list-dialog',
     standalone: true,
-    imports: [CommonModule, MatDialogModule, TranslateModule, MatButtonModule, AspectListComponent, AutoFocusDirective],
+    imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, AspectListComponent, AutoFocusDirective],
     templateUrl: './aspect-list-dialog.component.html',
     styleUrls: ['./aspect-list-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/aspect-list/aspect-list.component.ts

@@ -25,14 +25,14 @@ import { AspectEntry } from '@alfresco/js-api';
 import { CommonModule } from '@angular/common';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatTableModule } from '@angular/material/table';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-aspect-list',
     standalone: true,
-    imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslateModule, MatProgressSpinnerModule],
+    imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule],
     templateUrl: './aspect-list.component.html',
     styleUrls: ['./aspect-list.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts

@@ -21,13 +21,13 @@ import { Node, PathElement } from '@alfresco/js-api';
 import { DocumentListComponent } from '../document-list/components/document-list.component';
 import { CommonModule } from '@angular/common';
 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-breadcrumb',
     standalone: true,
-    imports: [CommonModule, MatIconModule, TranslateModule, MatSelectModule],
+    imports: [CommonModule, MatIconModule, TranslatePipe, MatSelectModule],
     templateUrl: './breadcrumb.component.html',
     styleUrls: ['./breadcrumb.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts

@@ -21,12 +21,12 @@ import { PathElement, Node } from '@alfresco/js-api';
 import { BreadcrumbComponent } from './breadcrumb.component';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-dropdown-breadcrumb',
     standalone: true,
-    imports: [CommonModule, MatIconModule, MatSelectModule, TranslateModule],
+    imports: [CommonModule, MatIconModule, MatSelectModule, TranslatePipe],
     templateUrl: './dropdown-breadcrumb.component.html',
     styleUrls: ['./dropdown-breadcrumb.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/category/categories-management/categories-management.component.ts

@@ -35,7 +35,7 @@ import { debounce, first, map, tap } from 'rxjs/operators';
 import { CategoriesManagementMode } from './categories-management-mode';
 import { CategoryService } from '../services/category.service';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { AutoFocusDirective } from '../../directives';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatButtonModule } from '@angular/material/button';
@@ -56,7 +56,7 @@ interface CategoryNameControlErrors {
     standalone: true,
     imports: [
         CommonModule,
-        TranslateModule,
+        TranslatePipe,
         AutoFocusDirective,
         ReactiveFormsModule,
         MatFormFieldModule,

lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.ts

@@ -27,12 +27,12 @@ import { MatCardModule } from '@angular/material/card';
 import { ContentMetadataComponent } from '../content-metadata/content-metadata.component';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-content-metadata-card',
     standalone: true,
-    imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule, MatIconModule, TranslateModule],
+    imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule, MatIconModule, TranslatePipe],
     templateUrl: './content-metadata-card.component.html',
     styleUrls: ['./content-metadata-card.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata-header.component.ts

@@ -19,30 +19,30 @@ import { CommonModule } from '@angular/common';
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     standalone: true,
-    imports: [CommonModule, MatIconModule, MatExpansionModule, TranslateModule],
+    imports: [CommonModule, MatIconModule, MatExpansionModule, TranslatePipe],
     selector: 'adf-content-metadata-header',
     encapsulation: ViewEncapsulation.None,
     styles: [
         `
-                    adf-content-metadata-header {
-                        display: flex;
-                        align-items: center;
-                        width: 100%;
-                    }
+            adf-content-metadata-header {
+                display: flex;
+                align-items: center;
+                width: 100%;
+            }
 
-                    .adf-metadata-properties-title {
-                        display: block;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        font-weight: 700;
-                        font-size: 15px;
-                        padding-left: 12px;
-                    }
-                `
+            .adf-metadata-properties-title {
+                display: block;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                font-weight: 700;
+                font-size: 15px;
+                padding-left: 12px;
+            }
+        `
     ],
     template: `
         <ng-container>

lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts

@@ -49,7 +49,7 @@ import { DynamicExtensionComponent } from '@alfresco/adf-extensions';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { TagsCreatorComponent } from '../../../tag';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { ContentMetadataHeaderComponent } from './content-metadata-header.component';
 import { CategoriesManagementComponent } from '../../../category/categories-management/categories-management.component';
 
@@ -69,7 +69,7 @@ enum DefaultPanels {
         MatExpansionModule,
         ContentMetadataHeaderComponent,
         MatButtonModule,
-        TranslateModule,
+        TranslatePipe,
         MatIconModule,
         MatChipsModule,
         CategoriesManagementComponent,

lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.ts

@@ -43,7 +43,7 @@ import { debounceTime } from 'rxjs/operators';
 import { ContentNodeSelectorPanelService } from './content-node-selector-panel.service';
 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 { AutoFocusDirective } from '../../directives/auto-focus.directive';
 import { NodeCounterDirective } from '../../directives/node-counter.directive';
@@ -66,7 +66,7 @@ export const defaultValidation = () => true;
     imports: [
         CommonModule,
         MatFormFieldModule,
-        TranslateModule,
+        TranslatePipe,
         MatInputModule,
         ReactiveFormsModule,
         AutoFocusDirective,

lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts

@@ -17,13 +17,7 @@
 
 import { Component, DestroyRef, inject, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import {
-    EmptyListComponent,
-    NotificationService,
-    ToolbarComponent,
-    ToolbarTitleComponent,
-    TranslationService
-} from '@alfresco/adf-core';
+import { EmptyListComponent, NotificationService, ToolbarComponent, ToolbarTitleComponent, TranslationService } from '@alfresco/adf-core';
 import { Node } from '@alfresco/js-api';
 import { AllowableOperationsEnum } from '../common/models/allowable-operations.enum';
 import { ContentService } from '../common/services/content.service';
@@ -34,7 +28,7 @@ import { NodeAction } from '../document-list/models/node-action.enum';
 import { OverlayContainer } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
 import { MatTabsModule } from '@angular/material/tabs';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DropdownBreadcrumbComponent } from '../breadcrumb/dropdown-breadcrumb.component';
 import { NodeCounterDirective } from '../directives/node-counter.directive';
 import { MatIconModule } from '@angular/material/icon';
@@ -52,7 +46,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
         CommonModule,
         MatDialogModule,
         MatTabsModule,
-        TranslateModule,
+        TranslatePipe,
         ToolbarTitleComponent,
         ToolbarComponent,
         DropdownBreadcrumbComponent,
@@ -70,7 +64,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
     encapsulation: ViewEncapsulation.None
 })
 export class ContentNodeSelectorComponent implements OnInit {
-
     title: string;
     action: NodeAction;
     buttonActionName: string;

lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.ts

@@ -20,7 +20,7 @@ import { InfiniteSelectScrollDirective, AuthenticationService } from '@alfresco/
 import { SitePaging, SiteEntry, Site } from '@alfresco/js-api';
 import { MatSelectChange, MatSelectModule } from '@angular/material/select';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import { SitesService } from '../../common/services/sites.service';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -36,7 +36,7 @@ export enum Relations {
 @Component({
     selector: 'adf-sites-dropdown',
     standalone: true,
-    imports: [CommonModule, TranslateModule, MatFormFieldModule, MatSelectModule, InfiniteSelectScrollDirective],
+    imports: [CommonModule, TranslatePipe, MatFormFieldModule, MatSelectModule, InfiniteSelectScrollDirective],
     templateUrl: './sites-dropdown.component.html',
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-sites-dropdown' }

lib/content-services/src/lib/content-node-share/content-node-share.dialog.ts

@@ -27,7 +27,7 @@ import { ContentNodeShareSettings } from './content-node-share.settings';
 import { RenditionService } from '../common/services/rendition.service';
 import { add, endOfDay, format, isBefore } from 'date-fns';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -44,7 +44,7 @@ interface SharedDialogFormProps {
     standalone: true,
     imports: [
         CommonModule,
-        TranslateModule,
+        TranslatePipe,
         MatIconModule,
         MatDialogModule,
         ReactiveFormsModule,

lib/content-services/src/lib/content-type/content-type-dialog.component.ts

@@ -21,7 +21,7 @@ import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/materia
 import { ContentTypeDialogComponentData } from './content-type-metadata.interface';
 import { ContentTypeService } from './content-type.service';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatTableModule } from '@angular/material/table';
 import { MatButtonModule } from '@angular/material/button';
@@ -29,7 +29,7 @@ import { MatButtonModule } from '@angular/material/button';
 @Component({
     selector: 'adf-content-type-dialog',
     standalone: true,
-    imports: [CommonModule, MatDialogModule, TranslateModule, MatExpansionModule, MatTableModule, MatButtonModule],
+    imports: [CommonModule, MatDialogModule, TranslatePipe, MatExpansionModule, MatTableModule, MatButtonModule],
     templateUrl: './content-type-dialog.component.html',
     styleUrls: ['./content-type-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/dialogs/category-selector/category-selector.dialog.ts

@@ -21,7 +21,7 @@ import { Subject } from 'rxjs';
 import { Category } from '@alfresco/js-api';
 import { CategoriesManagementComponent, CategoriesManagementMode } from '../../category';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 
 export interface CategorySelectorDialogOptions {
@@ -32,7 +32,7 @@ export interface CategorySelectorDialogOptions {
 @Component({
     selector: 'adf-category-selector-dialog',
     standalone: true,
-    imports: [CommonModule, MatDialogModule, TranslateModule, CategoriesManagementComponent, MatButtonModule],
+    imports: [CommonModule, MatDialogModule, TranslatePipe, CategoriesManagementComponent, MatButtonModule],
     templateUrl: './category-selector.dialog.html',
     styleUrls: ['./category-selector.dialog.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/dialogs/folder/folder.dialog.ts

@@ -24,7 +24,7 @@ import { TranslationService } from '@alfresco/adf-core';
 import { NodesApiService } from '../../common/services/nodes-api.service';
 import { forbidEndingDot, forbidOnlySpaces, forbidSpecialCharacters } from './folder-name.validators';
 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 { AutoFocusDirective } from '../../directives';
@@ -37,7 +37,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
     imports: [
         CommonModule,
         MatDialogModule,
-        TranslateModule,
+        TranslatePipe,
         ReactiveFormsModule,
         MatFormFieldModule,
         MatInputModule,
@@ -54,13 +54,13 @@ export class FolderDialogComponent implements OnInit {
      * Emitted when the edit/create folder give error for example a folder with same name already exist
      */
     @Output()
-    error: EventEmitter<any> = new EventEmitter<any>();
+    error = new EventEmitter<any>();
 
     /**
      * Emitted when the edit/create folder is successfully created/modified
      */
     @Output()
-    success: EventEmitter<Node> = new EventEmitter<Node>();
+    success = new EventEmitter<Node>();
 
     form: UntypedFormGroup;
     folder: Node = null;

lib/content-services/src/lib/dialogs/library/library.dialog.ts

@@ -32,7 +32,7 @@ import { NotificationService } from '@alfresco/adf-core';
 import { debounceTime, finalize, mergeMap } from 'rxjs/operators';
 import { SitesService } from '../../common/services/sites.service';
 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 { AutoFocusDirective } from '../../directives';
@@ -47,7 +47,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
     imports: [
         CommonModule,
         MatDialogModule,
-        TranslateModule,
+        TranslatePipe,
         ReactiveFormsModule,
         MatFormFieldModule,
         MatInputModule,
@@ -64,7 +64,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 export class LibraryDialogComponent implements OnInit {
     /** Emitted when an error occurs. */
     @Output()
-    error: EventEmitter<any> = new EventEmitter<any>();
+    error = new EventEmitter<any>();
 
     /**
      * Emitted when the new library is created successfully. The
@@ -72,7 +72,7 @@ export class LibraryDialogComponent implements OnInit {
      * newly-created library.
      */
     @Output()
-    success: EventEmitter<any> = new EventEmitter<any>();
+    success = new EventEmitter<any>();
 
     createTitle = 'LIBRARY.DIALOG.CREATE_TITLE';
     libraryTitleExists = false;

lib/content-services/src/lib/dialogs/node-lock/node-lock.dialog.ts

@@ -21,7 +21,7 @@ import { ReactiveFormsModule, UntypedFormBuilder, UntypedFormGroup } from '@angu
 import { differenceInSeconds } from 'date-fns';
 import { NodeBodyLock, Node, NodeEntry, NodesApi } from '@alfresco/js-api';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatDatetimepickerModule } from '@mat-datetimepicker/core';
@@ -34,7 +34,7 @@ import { AlfrescoApiService } from '../../services/alfresco-api.service';
     standalone: true,
     imports: [
         CommonModule,
-        TranslateModule,
+        TranslatePipe,
         MatDialogModule,
         ReactiveFormsModule,
         MatCheckboxModule,

lib/content-services/src/lib/directives/node-counter.directive.ts

@@ -16,7 +16,7 @@
  */
 
 import { Directive, Input, Component, OnInit, OnChanges, ViewContainerRef } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Directive({
     standalone: true,
@@ -45,7 +45,7 @@ export class NodeCounterDirective implements OnInit, OnChanges {
 
 @Component({
     standalone: true,
-    imports: [TranslateModule],
+    imports: [TranslatePipe],
     selector: 'adf-node-counter',
     template: ` <div>{{ 'NODE_COUNTER.SELECTED_COUNT' | translate : { count: counter } }}</div> `
 })

lib/content-services/src/lib/document-list/components/document-list.component.ts

@@ -82,7 +82,7 @@ import { FileAutoDownloadComponent } from './file-auto-download/file-auto-downlo
 import { NodeEntityEvent, NodeEntryEvent } from './node.event';
 import { CommonModule } from '@angular/common';
 import { FilterHeaderComponent } from './filter-header/filter-header.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { AlfrescoApiService } from '../../services/alfresco-api.service';
@@ -99,7 +99,7 @@ const BYTES_TO_MB_CONVERSION_VALUE = 1048576;
         FilterHeaderComponent,
         NoContentTemplateDirective,
         EmptyListComponent,
-        TranslateModule,
+        TranslatePipe,
         NoPermissionTemplateDirective,
         MatIconModule,
         LoadingContentTemplateDirective,

lib/content-services/src/lib/document-list/components/file-auto-download/file-auto-download.component.ts

@@ -19,14 +19,14 @@ import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { NodeEntry } from '@alfresco/js-api';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { NodeDownloadDirective } from '../../../directives/node-download.directive';
 
 @Component({
     selector: 'adf-file-auto-download',
     standalone: true,
-    imports: [CommonModule, MatDialogModule, TranslateModule, MatButtonModule, NodeDownloadDirective],
+    imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, NodeDownloadDirective],
     templateUrl: './file-auto-download.component.html'
 })
 export class FileAutoDownloadComponent {

lib/content-services/src/lib/document-list/components/library-name-column/library-name-column.component.ts

@@ -19,16 +19,15 @@ import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Inp
 import { NodeEntry, Site } from '@alfresco/js-api';
 import { ShareDataRow } from '../../data/share-data-row.model';
 import { NodesApiService } from '../../../common/services/nodes-api.service';
-
 import { BehaviorSubject } from 'rxjs';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { AsyncPipe } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-library-name-column',
     standalone: true,
-    imports: [CommonModule, TranslateModule],
+    imports: [AsyncPipe, TranslatePipe],
     template: `
         <span
             role="link"

lib/content-services/src/lib/document-list/components/library-role-column/library-role-column.component.ts

@@ -20,14 +20,14 @@ import { BehaviorSubject } from 'rxjs';
 import { Site } from '@alfresco/js-api';
 import { ShareDataRow } from '../../data/share-data-row.model';
 import { NodesApiService } from '../../../common/services/nodes-api.service';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { AsyncPipe } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-library-role-column',
     standalone: true,
-    imports: [CommonModule, TranslateModule],
+    imports: [AsyncPipe, TranslatePipe],
     template: `
         <span class="adf-datatable-cell-value" title="{{ displayText$ | async | translate }}">
             {{ displayText$ | async | translate }}

lib/content-services/src/lib/document-list/components/library-status-column/library-status-column.component.ts

@@ -20,14 +20,14 @@ import { NodesApiService } from '../../../common/services/nodes-api.service';
 import { BehaviorSubject } from 'rxjs';
 import { Site } from '@alfresco/js-api';
 import { ShareDataRow } from '../../data/share-data-row.model';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { AsyncPipe } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-library-status-column',
     standalone: true,
-    imports: [CommonModule, TranslateModule],
+    imports: [AsyncPipe, TranslatePipe],
     template: `
         <span class="adf-datatable-cell-value" title="{{ displayText$ | async | translate }}">
             {{ displayText$ | async | translate }}

lib/content-services/src/lib/document-list/components/name-column/name-column.component.ts

@@ -20,15 +20,15 @@ import { NodeEntry } from '@alfresco/js-api';
 import { BehaviorSubject } from 'rxjs';
 import { NodesApiService } from '../../../common/services/nodes-api.service';
 import { ShareDataRow } from '../../data/share-data-row.model';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { AsyncPipe } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 import { NodeNameTooltipPipe } from '../../../pipes/node-name-tooltip.pipe';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-name-column',
     standalone: true,
-    imports: [CommonModule, TranslateModule, NodeNameTooltipPipe],
+    imports: [AsyncPipe, TranslatePipe, NodeNameTooltipPipe],
     template: `
         <span
             role="link"

lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.ts

@@ -21,7 +21,7 @@ import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/materia
 import { NewVersionUploaderDialogData, NewVersionUploaderData, NewVersionUploaderDataAction } from './models';
 import { CommonModule } from '@angular/common';
 import { VersionComparisonComponent } from '../version-manager/version-comparison.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { VersionUploadComponent } from '../version-manager/version-upload.component';
 import { VersionListComponent } from '../version-manager/version-list.component';
@@ -32,7 +32,7 @@ import { VersionListComponent } from '../version-manager/version-list.component'
     imports: [
         CommonModule,
         MatDialogModule,
-        TranslateModule,
+        TranslatePipe,
         MatButtonModule,
         VersionComparisonComponent,
         VersionUploadComponent,

lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.ts

@@ -22,7 +22,7 @@ import { AddPermissionDialogData } from './add-permission-dialog-data.interface'
 import { MemberModel } from '../../models/member.model';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { DataColumnComponent, DataColumnListComponent, DataTableComponent, DateColumnHeaderComponent } from '@alfresco/adf-core';
 import { MatIconModule } from '@angular/material/icon';
 import { AddPermissionPanelComponent } from './add-permission-panel.component';
@@ -37,7 +37,7 @@ import { UserRoleColumnComponent } from '../user-role-column/user-role-column.co
         CommonModule,
         MatDialogModule,
         MatButtonModule,
-        TranslateModule,
+        TranslatePipe,
         DataTableComponent,
         DataColumnListComponent,
         DataColumnComponent,

lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts

@@ -27,7 +27,7 @@ import { MatListModule, MatSelectionList } from '@angular/material/list';
 import { CommonModule } from '@angular/common';
 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 { MatIconModule } from '@angular/material/icon';
 import { UserIconColumnComponent } from '../user-icon-column/user-icon-column.component';
 
@@ -38,7 +38,7 @@ import { UserIconColumnComponent } from '../user-icon-column/user-icon-column.co
         CommonModule,
         MatFormFieldModule,
         MatInputModule,
-        TranslateModule,
+        TranslatePipe,
         ReactiveFormsModule,
         MatIconModule,
         MatListModule,

lib/content-services/src/lib/permission-manager/components/add-permission/add-permission.component.ts

@@ -24,12 +24,12 @@ import { AllowableOperationsEnum } from '../../../common/models/allowable-operat
 import { CommonModule } from '@angular/common';
 import { AddPermissionPanelComponent } from './add-permission-panel.component';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-add-permission',
     standalone: true,
-    imports: [CommonModule, AddPermissionPanelComponent, MatButtonModule, TranslateModule],
+    imports: [CommonModule, AddPermissionPanelComponent, MatButtonModule, TranslatePipe],
     templateUrl: './add-permission.component.html',
     styleUrls: ['./add-permission.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/permission-manager/components/permission-container/permission-container.component.ts

@@ -28,7 +28,7 @@ import {
     EmptyContentComponent,
     NoContentTemplateDirective
 } from '@alfresco/adf-core';
-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 { UserIconColumnComponent } from '../user-icon-column/user-icon-column.component';
@@ -44,7 +44,7 @@ import { UserRoleColumnComponent } from '../user-role-column/user-role-column.co
         DataTableComponent,
         DataColumnListComponent,
         DataColumnComponent,
-        TranslateModule,
+        TranslatePipe,
         DateColumnHeaderComponent,
         MatButtonModule,
         MatIconModule,

lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.ts

@@ -25,7 +25,7 @@ import { MatCardModule } from '@angular/material/card';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { PermissionContainerComponent } from '../permission-container/permission-container.component';
 import { PopOverDirective } from '../pop-over.directive';
@@ -41,7 +41,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
         MatProgressSpinnerModule,
         MatIconModule,
         MatSlideToggleModule,
-        TranslateModule,
+        TranslatePipe,
         MatButtonModule,
         PermissionContainerComponent,
         PopOverDirective

lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts

@@ -20,7 +20,7 @@ import { RoleModel } from '../../models/role.model';
 import { CommonModule } from '@angular/common';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatSelectModule } from '@angular/material/select';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 export interface RoleModelOption {
     label: string;
@@ -30,7 +30,7 @@ export interface RoleModelOption {
 @Component({
     selector: 'adf-user-role-column',
     standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatSelectModule, TranslateModule],
+    imports: [CommonModule, MatFormFieldModule, MatSelectModule, TranslatePipe],
     template: `
         <mat-form-field class="adf-role-selector-field" *ngIf="!readonly" subscriptSizing="dynamic">
             <mat-select

lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts

@@ -25,7 +25,7 @@ import { TranslationService } from '@alfresco/adf-core';
 import { ReplaySubject } from 'rxjs';
 import { map } from 'rxjs/operators';
 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 { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -39,7 +39,7 @@ export interface SearchListOption {
 @Component({
     selector: 'adf-search-check-list',
     standalone: true,
-    imports: [CommonModule, MatCheckboxModule, TranslateModule, MatButtonModule, MatIconModule],
+    imports: [CommonModule, MatCheckboxModule, TranslatePipe, MatButtonModule, MatIconModule],
     templateUrl: './search-check-list.component.html',
     styleUrls: ['./search-check-list.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.ts

@@ -38,14 +38,14 @@ import { debounce, startWith, tap } from 'rxjs/operators';
 import { AutocompleteOption } from '../../models/autocomplete-option.interface';
 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 { MatIconModule } from '@angular/material/icon';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-search-chip-autocomplete-input',
     standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslateModule, MatIconModule, ReactiveFormsModule, MatAutocompleteModule],
+    imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, MatIconModule, ReactiveFormsModule, MatAutocompleteModule],
     templateUrl: './search-chip-autocomplete-input.component.html',
     styleUrls: ['./search-chip-autocomplete-input.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts

@@ -20,13 +20,13 @@ import { SearchFilterComponent } from '../../components/search-filter/search-fil
 import { SearchFacetFiltersService } from '../../services/search-facet-filters.service';
 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';
 
 @Component({
     selector: 'adf-search-chip-list',
     standalone: true,
-    imports: [CommonModule, MatChipsModule, TranslateModule, MatIconModule],
+    imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule],
     templateUrl: './search-chip-list.component.html',
     styleUrls: ['./search-chip-list.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-control.component.ts

@@ -35,12 +35,12 @@ import { MatListItem, MatListModule } from '@angular/material/list';
 import { EmptySearchResultComponent } from './empty-search-result.component';
 import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-search-control',
     standalone: true,
-    imports: [CommonModule, SearchTextInputComponent, SearchComponent, MatListModule, MatIconModule, HighlightPipe, TranslateModule],
+    imports: [CommonModule, SearchTextInputComponent, SearchComponent, MatListModule, MatIconModule, HighlightPipe, TranslatePipe],
     templateUrl: './search-control.component.html',
     styleUrls: ['./search-control.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.ts

@@ -26,7 +26,7 @@ import { FormBuilder, ReactiveFormsModule, UntypedFormControl, Validators } from
 import { DateFnsUtils, UserPreferencesService, UserPreferenceValues } from '@alfresco/adf-core';
 import { CommonModule } from '@angular/common';
 import { MatRadioModule } from '@angular/material/radio';
-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 { MatSelectModule } from '@angular/material/select';
@@ -42,7 +42,7 @@ const DEFAULT_DATE_DISPLAY_FORMAT = 'dd-MMM-yy';
         CommonModule,
         MatRadioModule,
         ReactiveFormsModule,
-        TranslateModule,
+        TranslatePipe,
         MatFormFieldModule,
         MatInputModule,
         MatSelectModule,

lib/content-services/src/lib/search/components/search-datetime-range/search-datetime-range.component.ts

@@ -17,31 +17,20 @@
 
 import { Component, DestroyRef, inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import {
-    ADF_DATE_FORMATS,
-    ADF_DATETIME_FORMATS,
-    AdfDateFnsAdapter,
-    AdfDateTimeFnsAdapter,
-    DateFnsUtils
-} from '@alfresco/adf-core';
+import { ADF_DATE_FORMATS, ADF_DATETIME_FORMATS, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, DateFnsUtils } from '@alfresco/adf-core';
 import { SearchWidget } from '../../models/search-widget.interface';
 import { SearchWidgetSettings } from '../../models/search-widget-settings.interface';
 import { SearchQueryBuilderService } from '../../services/search-query-builder.service';
 import { LiveErrorStateMatcher } from '../../forms/live-error-state-matcher';
 import { ReplaySubject } from 'rxjs';
 import { map } from 'rxjs/operators';
-import {
-    DatetimeAdapter,
-    MAT_DATETIME_FORMATS,
-    MatDatetimepickerInputEvent,
-    MatDatetimepickerModule
-} from '@mat-datetimepicker/core';
+import { DatetimeAdapter, MAT_DATETIME_FORMATS, MatDatetimepickerInputEvent, MatDatetimepickerModule } from '@mat-datetimepicker/core';
 import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import { endOfMinute, isBefore, isValid, parseISO, startOfMinute } from 'date-fns';
 import { CommonModule } from '@angular/common';
 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 { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 export interface DatetimeRangeValue {
@@ -59,7 +48,7 @@ export const DEFAULT_DATETIME_FORMAT: string = 'dd/MM/yyyy HH:mm';
 @Component({
     selector: 'adf-search-datetime-range',
     standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslateModule, MatDatetimepickerModule],
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslatePipe, MatDatetimepickerModule],
     templateUrl: './search-datetime-range.component.html',
     styleUrls: ['./search-datetime-range.component.scss'],
     providers: [

lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.ts

@@ -29,13 +29,13 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 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 { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'adf-search-facet-field',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, TranslateModule, FormsModule, MatCheckboxModule],
+    imports: [CommonModule, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, TranslatePipe, FormsModule, MatCheckboxModule],
     templateUrl: './search-facet-field.component.html',
     styleUrls: ['./search-facet-field.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-filter-autocomplete-chips/search-filter-autocomplete-chips.component.ts

@@ -27,14 +27,14 @@ import { CategoryService } from '../../../category/services/category.service';
 import { AutocompleteField, AutocompleteOption } from '../../models/autocomplete-option.interface';
 import { CommonModule } from '@angular/common';
 import { SearchChipAutocompleteInputComponent } from '../search-chip-autocomplete-input';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-search-filter-autocomplete-chips',
     standalone: true,
-    imports: [CommonModule, SearchChipAutocompleteInputComponent, TranslateModule, MatButtonModule],
+    imports: [CommonModule, SearchChipAutocompleteInputComponent, TranslatePipe, MatButtonModule],
     templateUrl: './search-filter-autocomplete-chips.component.html',
     encapsulation: ViewEncapsulation.None
 })

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.ts

@@ -22,7 +22,7 @@ import { TabbedFacetField } from '../../../models/tabbed-facet-field.interface';
 import { Subject } from 'rxjs';
 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 { SearchFacetTabbedContentComponent } from './search-facet-tabbed-content.component';
 import { MatButtonModule } from '@angular/material/button';
@@ -35,7 +35,7 @@ import { SearchFilterMenuCardComponent } from '../search-filter-menu-card/search
         CommonModule,
         MatChipsModule,
         MatMenuModule,
-        TranslateModule,
+        TranslatePipe,
         MatIconModule,
         SearchFacetTabbedContentComponent,
         MatButtonModule,

lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip/search-facet-chip.component.ts

@@ -22,7 +22,7 @@ import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import { SearchFacetFieldComponent } from '../../search-facet-field/search-facet-field.component';
 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 { SearchFilterMenuCardComponent } from '../search-filter-menu-card/search-filter-menu-card.component';
 import { MatButtonModule } from '@angular/material/button';
@@ -34,7 +34,7 @@ import { MatButtonModule } from '@angular/material/button';
         CommonModule,
         MatChipsModule,
         MatMenuModule,
-        TranslateModule,
+        TranslatePipe,
         MatIconModule,
         SearchFilterMenuCardComponent,
         MatButtonModule,

lib/content-services/src/lib/search/components/search-filter-chips/search-filter-chips.component.ts

@@ -21,7 +21,7 @@ import { SearchQueryBuilderService } from '../../services/search-query-builder.s
 import { FacetField, SearchCategory, TabbedFacetField } from '../../models';
 import { CommonModule } from '@angular/common';
 import { MatChipsModule } from '@angular/material/chips';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { SearchFacetChipTabbedComponent } from './search-facet-chip-tabbed/search-facet-chip-tabbed.component';
 import { SearchFacetChipComponent } from './search-facet-chip/search-facet-chip.component';
 import { SearchWidgetChipComponent } from './search-widget-chip/search-widget-chip.component';
@@ -30,7 +30,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-search-filter-chips',
     standalone: true,
-    imports: [CommonModule, MatChipsModule, TranslateModule, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent],
+    imports: [CommonModule, MatChipsModule, TranslatePipe, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent],
     templateUrl: './search-filter-chips.component.html',
     styleUrls: ['./search-filter-chips.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-filter-chips/search-filter-menu-card/search-filter-menu-card.component.ts

@@ -18,14 +18,14 @@
 import { Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
 import { CommonModule } from '@angular/common';
 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 { MatDividerModule } from '@angular/material/divider';
 
 @Component({
     selector: 'adf-search-filter-menu-card',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, TranslateModule, MatIconModule, MatDividerModule],
+    imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, MatDividerModule],
     templateUrl: './search-filter-menu-card.component.html',
     styleUrls: ['./search-filter-menu-card.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-filter-chips/search-widget-chip/search-widget-chip.component.ts

@@ -22,7 +22,7 @@ import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import { SearchWidgetContainerComponent } from '../../search-widget-container/search-widget-container.component';
 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 { SearchFilterMenuCardComponent } from '../search-filter-menu-card/search-filter-menu-card.component';
 import { MatButtonModule } from '@angular/material/button';
@@ -35,7 +35,7 @@ import { first } from 'rxjs/operators';
         CommonModule,
         MatChipsModule,
         MatMenuModule,
-        TranslateModule,
+        TranslatePipe,
         MatIconModule,
         SearchFilterMenuCardComponent,
         SearchWidgetContainerComponent,

lib/content-services/src/lib/search/components/search-filter-container/search-filter-container.component.ts

@@ -26,7 +26,7 @@ import { FilterSearch } from '../../models/filter-search.interface';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
 import { MatBadgeModule } from '@angular/material/badge';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatDialogModule } from '@angular/material/dialog';
 
 @Component({
@@ -39,7 +39,7 @@ import { MatDialogModule } from '@angular/material/dialog';
         IconComponent,
         MatBadgeModule,
         SearchWidgetContainerComponent,
-        TranslateModule,
+        TranslatePipe,
         MatDialogModule
     ],
     templateUrl: './search-filter-container.component.html',

lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.ts

@@ -19,12 +19,12 @@ import { ChangeDetectorRef, Component, ContentChildren, ElementRef, OnDestroy, O
 import { SearchFilterTabDirective } from './search-filter-tab.directive';
 import { CommonModule } from '@angular/common';
 import { MatTabGroup, MatTabsModule } from '@angular/material/tabs';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-search-filter-tabbed',
     standalone: true,
-    imports: [CommonModule, MatTabsModule, TranslateModule],
+    imports: [CommonModule, MatTabsModule, TranslatePipe],
     templateUrl: './search-filter-tabbed.component.html',
     styleUrls: ['./search-filter-tabbed.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-filter/search-filter-card/search-filter-card.component.ts

@@ -19,13 +19,13 @@ import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
 import { SearchWidgetContainerComponent } from '../../search-widget-container/search-widget-container.component';
 import { SearchCategory } from '../../../models/search-category.interface';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'adf-search-filter-card',
     standalone: true,
-    imports: [CommonModule, SearchWidgetContainerComponent, TranslateModule, MatButtonModule],
+    imports: [CommonModule, SearchWidgetContainerComponent, TranslatePipe, MatButtonModule],
     templateUrl: './search-filter-card.component.html',
     encapsulation: ViewEncapsulation.None
 })

lib/content-services/src/lib/search/components/search-filter/search-filter.component.ts

@@ -23,7 +23,7 @@ import { SearchFacetFiltersService } from '../../services/search-facet-filters.s
 import { CommonModule } from '@angular/common';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { SearchFilterCardComponent } from './search-filter-card/search-filter-card.component';
 import { ResetSearchDirective } from '../reset-search.directive';
 import { SearchFacetFieldComponent } from '../search-facet-field';
@@ -36,7 +36,7 @@ import { SearchFacetTabbedContentComponent } from '../search-filter-chips';
         CommonModule,
         MatExpansionModule,
         MatButtonModule,
-        TranslateModule,
+        TranslatePipe,
         SearchFilterCardComponent,
         ResetSearchDirective,
         SearchFacetFieldComponent,

lib/content-services/src/lib/search/components/search-form/search-form.component.ts

@@ -20,14 +20,14 @@ import { SearchQueryBuilderService } from '../../services/search-query-builder.s
 import { SearchForm } from '../../models/search-form.interface';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'adf-search-form',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, TranslateModule, MatMenuModule, MatIconModule],
+    imports: [CommonModule, MatButtonModule, TranslatePipe, MatMenuModule, MatIconModule],
     templateUrl: './search-form.component.html',
     styleUrls: ['./search-form.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-input/search-input.component.ts

@@ -20,13 +20,13 @@ import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
 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 { SearchConfiguration } from '../../models';
 
 @Component({
     selector: 'adf-search-input',
     standalone: true,
-    imports: [CommonModule, MatFormFieldModule, MatInputModule, TranslateModule],
+    imports: [CommonModule, MatFormFieldModule, MatInputModule, TranslatePipe],
     templateUrl: `./search-input.component.html`,
     styleUrls: ['./search-input.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-logical-filter/search-logical-filter.component.ts

@@ -24,7 +24,7 @@ import { map } from 'rxjs/operators';
 import { TranslationService } from '@alfresco/adf-core';
 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 { FormsModule } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
@@ -42,7 +42,7 @@ export interface LogicalSearchCondition extends LogicalSearchConditionEnumValued
 @Component({
     selector: 'adf-search-logical-filter',
     standalone: true,
-    imports: [CommonModule, MatFormFieldModule, TranslateModule, FormsModule],
+    imports: [CommonModule, MatFormFieldModule, TranslatePipe, FormsModule],
     templateUrl: './search-logical-filter.component.html',
     styleUrls: ['./search-logical-filter.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts

@@ -26,13 +26,13 @@ import { first, map } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 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 { MatButtonModule } from '@angular/material/button';
 
 @Component({
     selector: 'adf-search-number-range',
     standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslateModule, MatButtonModule],
+    imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslatePipe, MatButtonModule],
     templateUrl: './search-number-range.component.html',
     styleUrls: ['./search-number-range.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-properties/search-properties.component.ts

@@ -24,7 +24,7 @@ import { ReplaySubject, Subject } from 'rxjs';
 import { SearchWidgetSettings } from '../../models/search-widget-settings.interface';
 import { SearchQueryBuilderService } from '../../services/search-query-builder.service';
 import { SearchProperties } from './search-properties';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import { SearchWidget } from '../../models/search-widget.interface';
 import { AutocompleteOption } from '../../models/autocomplete-option.interface';
 import { CommonModule } from '@angular/common';
@@ -37,7 +37,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-search-properties',
     standalone: true,
-    imports: [CommonModule, ReactiveFormsModule, TranslateModule, MatFormFieldModule, MatSelectModule, SearchChipAutocompleteInputComponent],
+    imports: [CommonModule, ReactiveFormsModule, TranslatePipe, MatFormFieldModule, MatSelectModule, SearchChipAutocompleteInputComponent],
     templateUrl: './search-properties.component.html',
     styleUrls: ['./search-properties.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts

@@ -26,7 +26,7 @@ import { ReplaySubject } from 'rxjs';
 import { first } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { FormsModule } 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';
 
@@ -38,7 +38,7 @@ export interface SearchRadioOption {
 @Component({
     selector: 'adf-search-radio',
     standalone: true,
-    imports: [CommonModule, MatRadioModule, FormsModule, TranslateModule, MatButtonModule, MatIconModule],
+    imports: [CommonModule, MatRadioModule, FormsModule, TranslatePipe, MatButtonModule, MatIconModule],
     templateUrl: './search-radio.component.html',
     styleUrls: ['./search-radio.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts

@@ -24,13 +24,13 @@ import { CommonModule } from '@angular/common';
 import { MatSliderModule } from '@angular/material/slider';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-search-slider',
     standalone: true,
-    imports: [CommonModule, MatSliderModule, FormsModule, MatButtonModule, TranslateModule],
+    imports: [CommonModule, MatSliderModule, FormsModule, MatButtonModule, TranslatePipe],
     templateUrl: './search-slider.component.html',
     styleUrls: ['./search-slider.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search-text/search-text.component.ts

@@ -23,7 +23,7 @@ import { ReplaySubject } from 'rxjs';
 import { map } 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 { MatButtonModule } from '@angular/material/button';
 import { FormsModule } from '@angular/forms';
@@ -33,7 +33,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-search-text',
     standalone: true,
-    imports: [CommonModule, MatFormFieldModule, TranslateModule, MatInputModule, MatButtonModule, FormsModule, MatIconModule],
+    imports: [CommonModule, MatFormFieldModule, TranslatePipe, MatInputModule, MatButtonModule, FormsModule, MatIconModule],
     templateUrl: './search-text.component.html',
     styleUrls: ['./search-text.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/search/components/search.component.ts

@@ -35,13 +35,13 @@ import { Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import { SearchComponentInterface } from '@alfresco/adf-core';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'adf-search',
     standalone: true,
-    imports: [CommonModule, TranslateModule],
+    imports: [CommonModule, TranslatePipe],
     templateUrl: './search.component.html',
     styleUrls: ['./search.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/tag/tag-actions/tag-actions.component.ts

@@ -24,7 +24,7 @@ import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
 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 { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -37,7 +37,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-tag-node-actions-list',
     standalone: true,
-    imports: [CommonModule, MatListModule, MatIconModule, MatFormFieldModule, MatInputModule, TranslateModule, FormsModule, MatButtonModule],
+    imports: [CommonModule, MatListModule, MatIconModule, MatFormFieldModule, MatInputModule, TranslatePipe, FormsModule, MatButtonModule],
     templateUrl: './tag-actions.component.html',
     styleUrls: ['./tag-actions.component.scss'],
     encapsulation: ViewEncapsulation.None,

lib/content-services/src/lib/tag/tags-creator/tags-creator.component.ts

@@ -40,7 +40,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { EMPTY, forkJoin, Observable, Subject, timer } from 'rxjs';
 import { debounce, distinctUntilChanged, finalize, first, map, takeUntil, tap } from 'rxjs/operators';
 import { AutoFocusDirective } from '../../directives';
@@ -70,7 +70,7 @@ const DEFAULT_TAGS_SORTING = {
         MatInputModule,
         ReactiveFormsModule,
         AutoFocusDirective,
-        TranslateModule,
+        TranslatePipe,
         MatChipsModule,
         MatButtonModule,
         MatIconModule,

lib/content-services/src/lib/tree-view/components/tree-view.component.ts

@@ -25,12 +25,12 @@ import { CommonModule } from '@angular/common';
 import { MatTreeModule } from '@angular/material/tree';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-tree-view-list',
     standalone: true,
-    imports: [CommonModule, MatTreeModule, MatButtonModule, MatIconModule, TranslateModule],
+    imports: [CommonModule, MatTreeModule, MatButtonModule, MatIconModule, TranslatePipe],
     templateUrl: './tree-view.component.html',
     styleUrls: ['./tree-view.component.scss']
 })

lib/content-services/src/lib/tree/components/tree.component.ts

@@ -38,7 +38,7 @@ import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
 import { TreeContextMenuResult } from '../models/tree-context-menu-result.interface';
 import { takeUntil } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatTreeModule } from '@angular/material/tree';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatButtonModule } from '@angular/material/button';
@@ -50,7 +50,7 @@ import { MatIconModule } from '@angular/material/icon';
     standalone: true,
     imports: [
         CommonModule,
-        TranslateModule,
+        TranslatePipe,
         MatTreeModule,
         MatProgressSpinnerModule,
         MatButtonModule,

lib/content-services/src/lib/upload/components/file-uploading-dialog.component.ts

@@ -40,7 +40,7 @@ import { FileModel, FileUploadStatus } from '../../common/models/file.model';
 import { FileUploadCompleteEvent, FileUploadDeleteEvent } from '../../common/events/file.event';
 import { CommonModule } from '@angular/common';
 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 { FileUploadingListRowComponent } from './file-uploading-list-row.component';
 import { A11yModule } from '@angular/cdk/a11y';
@@ -49,7 +49,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-file-uploading-dialog',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, TranslateModule, MatIconModule, FileUploadingListComponent, FileUploadingListRowComponent, A11yModule],
+    imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, FileUploadingListComponent, FileUploadingListRowComponent, A11yModule],
     templateUrl: './file-uploading-dialog.component.html',
     styleUrls: ['./file-uploading-dialog.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/upload/components/file-uploading-list-row.component.ts

@@ -22,7 +22,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { FileSizePipe, IconComponent } from '@alfresco/adf-core';
 import { MatChipsModule } from '@angular/material/chips';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { ToggleIconDirective } from '../directives/toggle-icon.directive';
 import { MatButtonModule } from '@angular/material/button';
 import { FileUploadErrorPipe } from '../pipes/file-upload-error.pipe';
@@ -36,7 +36,7 @@ import { FileUploadErrorPipe } from '../pipes/file-upload-error.pipe';
         MatListModule,
         IconComponent,
         MatChipsModule,
-        TranslateModule,
+        TranslatePipe,
         ToggleIconDirective,
         FileSizePipe,
         MatButtonModule,

lib/content-services/src/lib/upload/components/upload-button.component.ts

@@ -27,13 +27,13 @@ import { UploadBase } from './base-upload/upload-base';
 import { NodeAllowableOperationSubject } from '../../interfaces/node-allowable-operation-subject.interface';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'adf-upload-button',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, TranslateModule, MatIconModule],
+    imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule],
     templateUrl: './upload-button.component.html',
     styleUrls: ['./upload-button.component.scss'],
     viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadButtonComponent) }],

lib/content-services/src/lib/upload/components/upload-version-button.component.ts

@@ -23,13 +23,13 @@ import { AllowableOperationsEnum } from '../../common/models/allowable-operation
 import { FileModel } from '../../common/models/file.model';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MatIconModule } from '@angular/material/icon';
 
 @Component({
     selector: 'adf-upload-version-button',
     standalone: true,
-    imports: [CommonModule, MatButtonModule, TranslateModule, MatIconModule],
+    imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule],
     templateUrl: './upload-button.component.html',
     styleUrls: ['./upload-button.component.scss'],
     viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadVersionButtonComponent) }],

lib/content-services/src/lib/version-manager/version-comparison.component.ts

@@ -19,12 +19,12 @@ import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { Node } from '@alfresco/js-api';
 import { FileTypePipe, ThumbnailService } from '@alfresco/adf-core';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-version-comparison',
     standalone: true,
-    imports: [CommonModule, TranslateModule, FileTypePipe],
+    imports: [CommonModule, TranslatePipe, FileTypePipe],
     templateUrl: './version-comparison.component.html',
     styleUrls: ['./version-comparison.component.scss'],
     encapsulation: ViewEncapsulation.None

lib/content-services/src/lib/version-manager/version-list.component.ts

@@ -17,18 +17,7 @@
 
 import { ConfirmDialogComponent } from '@alfresco/adf-core';
 import { AlfrescoApiService } from '../services/alfresco-api.service';
-import {
-    Component,
-    DestroyRef,
-    EventEmitter,
-    inject,
-    Input,
-    OnChanges,
-    OnInit,
-    Output,
-    ViewChild,
-    ViewEncapsulation
-} from '@angular/core';
+import { Component, DestroyRef, EventEmitter, inject, Input, OnChanges, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { ContentApi, ContentPagingQuery, Node, NodeEntry, NodesApi, VersionEntry, VersionsApi } from '@alfresco/js-api';
 import { MatDialog } from '@angular/material/dialog';
 import { ContentVersionService } from './content-version.service';
@@ -42,7 +31,7 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatListModule } from '@angular/material/list';
 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 { MatButtonModule } from '@angular/material/button';
 import { VersionCompatibilityDirective } from '../version-compatibility';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -72,7 +61,7 @@ export class VersionListDataSource extends InfiniteScrollDatasource<VersionEntry
         CdkVirtualForOf,
         MatIconModule,
         MatMenuModule,
-        TranslateModule,
+        TranslatePipe,
         MatButtonModule,
         VersionCompatibilityDirective
     ],
@@ -166,7 +155,6 @@ export class VersionListComponent implements OnChanges, OnInit {
         }
     }
 
-
     canUpdate(): boolean {
         return this.contentService.hasAllowableOperations(this.node, 'update') && this.versionsDataSource.itemsCount > 1;
     }

lib/content-services/src/lib/version-manager/version-manager.component.ts

@@ -26,12 +26,12 @@ import { CommonModule } from '@angular/common';
 import { VersionComparisonComponent } from './version-comparison.component';
 import { VersionUploadComponent } from './version-upload.component';
 import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'adf-version-manager',
     standalone: true,
-    imports: [CommonModule, VersionComparisonComponent, VersionUploadComponent, MatButtonModule, TranslateModule, VersionListComponent],
+    imports: [CommonModule, VersionComparisonComponent, VersionUploadComponent, MatButtonModule, TranslatePipe, VersionListComponent],
     templateUrl: './version-manager.component.html',
     styleUrls: ['./version-manager.component.scss'],
     animations: [

lib/content-services/src/lib/version-manager/version-upload.component.ts

@@ -23,7 +23,7 @@ import { FileUploadErrorEvent, FileUploadEvent } from '../common/events/file.eve
 import { CommonModule } from '@angular/common';
 import { MatRadioModule } from '@angular/material/radio';
 import { FormsModule } from '@angular/forms';
-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 { MatButtonModule } from '@angular/material/button';
@@ -37,7 +37,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
         CommonModule,
         MatRadioModule,
         FormsModule,
-        TranslateModule,
+        TranslatePipe,
         MatFormFieldModule,
         MatInputModule,
         MatButtonModule,

lib/content-services/src/lib/viewer/components/alfresco-viewer.component.ts

@@ -54,7 +54,7 @@ import { UploadService } from '../../common/services/upload.service';
 import { FileModel } from '../../common/models/file.model';
 import { NodeActionsService } from '../../document-list';
 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 { NodeDownloadDirective } from '../../directives';
@@ -63,7 +63,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 @Component({
     selector: 'adf-alfresco-viewer',
     standalone: true,
-    imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, ...VIEWER_DIRECTIVES, NodeDownloadDirective],
+    imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, ...VIEWER_DIRECTIVES, NodeDownloadDirective],
     templateUrl: './alfresco-viewer.component.html',
     styleUrls: ['./alfresco-viewer.component.scss'],
     host: { class: 'adf-alfresco-viewer' },