From 251b6a0ec7f9bd7b718df6b0a8c7e2fdfe83debe Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@hyland.com>
Date: Mon, 29 May 2023 10:28:26 +0100
Subject: [PATCH] [ACS-5308] cleanup content common module and move to
 standalone components (#3234)

* language picker

* location link

* logout component

* logout: fix tests

* toggle shared component

* user info component

* cleanup common module

* migrate generic error to standalone

* thumbnail column component

* name column component

* tags column component

* locked by component

* cleanup module dependencies

* comments tab component

* info drawer and details

* cleanup infodrawer module

* remove useless test

* reduce useless imports

* info drawer module

* context menu component
---
 app/src/app/app.module.ts                     |  2 +-
 karma.conf.js                                 |  2 +-
 .../aca-content/src/lib/aca-content.module.ts | 15 ++---
 .../lib/components/common/common.module.ts    | 29 ++++------
 .../language-picker.component.ts              |  6 ++
 .../location-link/location-link.component.ts  | 15 +++--
 .../common/logout/logout.component.spec.ts    |  5 +-
 .../common/logout/logout.component.ts         |  9 ++-
 .../toggle-shared/toggle-shared.component.ts  |  7 +++
 .../user-info/user-info.component.spec.ts     |  3 +-
 .../common/user-info/user-info.component.ts   |  6 ++
 .../context-menu-item.component.spec.ts       |  5 +-
 .../context-menu-item.component.ts            |  9 ++-
 .../context-menu-outside-event.directive.ts   |  1 +
 .../context-menu.component.spec.ts            |  3 +-
 .../context-menu/context-menu.component.ts    | 21 ++++++-
 .../context-menu/context-menu.module.ts       | 54 ------------------
 .../context-menu/context-menu.service.spec.ts | 18 +++---
 .../details/details.component.spec.ts         | 50 ++++++++++++----
 .../components/details/details.component.ts   | 28 ++++++++-
 .../document-list-custom-components.module.ts | 10 +---
 .../name-column/name-column.component.spec.ts |  3 +-
 .../name-column/name-column.component.ts      |  8 ++-
 .../tags-column/tags-column.component.spec.ts | 57 -------------------
 .../tags-column/tags-column.component.ts      |  4 +-
 .../thumbnail-column.component.ts             |  5 ++
 .../comments-tab.component.spec.ts            |  4 +-
 .../comments-tab/comments-tab.component.ts    |  4 ++
 .../info-drawer/info.drawer.module.ts         | 38 +++++--------
 .../library-metadata-form.component.spec.ts   |  3 +-
 .../library-metadata-form.component.ts        | 28 ++++++++-
 .../library-metadata-tab.component.ts         |  3 +
 .../metadata-tab.component.spec.ts            |  4 +-
 .../metadata-tab/metadata-tab.component.ts    |  5 +-
 .../versions-tab/versions-tab.component.ts    |  7 +++
 .../search/search-results.module.ts           | 22 ++++---
 .../shared-link-view.module.ts                |  2 -
 .../lib/components/toolbar/toolbar.module.ts  |  3 +-
 .../components/trashcan/trashcan.module.ts    | 10 ++--
 .../src/lib/folder-rules.module.ts            |  6 +-
 .../aca-preview/src/lib/preview.module.ts     |  6 +-
 .../generic-error/generic-error.component.ts  |  4 ++
 .../generic-error/generic-error.module.ts     | 36 ------------
 .../info-drawer/info-drawer.component.spec.ts |  3 +-
 .../info-drawer/info-drawer.component.ts      |  9 ++-
 .../info-drawer/shared-info-drawer.module.ts  | 40 -------------
 .../locked-by/locked-by.component.ts          |  4 ++
 .../components/locked-by/locked-by.module.ts  | 36 ------------
 .../open-in-app/open-in-app.component.spec.ts |  2 +-
 projects/aca-shared/src/lib/shared.module.ts  | 14 +----
 projects/aca-shared/src/public-api.ts         |  3 -
 projects/aca-viewer/src/lib/viewer.module.ts  |  4 +-
 52 files changed, 291 insertions(+), 384 deletions(-)
 delete mode 100644 projects/aca-content/src/lib/components/context-menu/context-menu.module.ts
 delete mode 100644 projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.spec.ts
 delete mode 100644 projects/aca-shared/src/lib/components/generic-error/generic-error.module.ts
 delete mode 100644 projects/aca-shared/src/lib/components/info-drawer/shared-info-drawer.module.ts
 delete mode 100644 projects/aca-shared/src/lib/components/locked-by/locked-by.module.ts

diff --git a/app/src/app/app.module.ts b/app/src/app/app.module.ts
index 87eab3bb6..1253e42c9 100644
--- a/app/src/app/app.module.ts
+++ b/app/src/app/app.module.ts
@@ -88,7 +88,7 @@ registerLocaleData(localeSv);
     BrowserModule,
     TranslateModule.forRoot(),
     CoreModule.forRoot(),
-    SharedModule.forRoot(),
+    SharedModule,
     CoreExtensionsModule.forRoot(),
     AppLoginModule,
     environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
diff --git a/karma.conf.js b/karma.conf.js
index 916090daa..e2c5b9582 100644
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -64,7 +64,7 @@ module.exports = () => {
           statements: 75,
           branches: 67,
           functions: 73,
-          lines: 75
+          lines: 74
         }
       }
     },
diff --git a/projects/aca-content/src/lib/aca-content.module.ts b/projects/aca-content/src/lib/aca-content.module.ts
index 82730db2d..3da5bb1d5 100644
--- a/projects/aca-content/src/lib/aca-content.module.ts
+++ b/projects/aca-content/src/lib/aca-content.module.ts
@@ -34,7 +34,7 @@ import {
   LibraryStatusColumnComponent,
   TrashcanNameColumnComponent
 } from '@alfresco/adf-content-services';
-import { DocumentBasePageService, ExtensionsDataLoaderGuard, PageLayoutModule, SharedModule } from '@alfresco/aca-shared';
+import { DocumentBasePageService, ExtensionsDataLoaderGuard, PageLayoutModule, SharedModule, GenericErrorComponent } from '@alfresco/aca-shared';
 import * as rules from '@alfresco/aca-shared/rules';
 
 import { FilesComponent } from './components/files/files.component';
@@ -47,11 +47,10 @@ import { MaterialModule } from './material.module';
 import { CoreExtensionsModule } from './extensions/core.extensions.module';
 import { AppInfoDrawerModule } from './components/info-drawer/info.drawer.module';
 import { DirectivesModule } from './directives/directives.module';
-import { ContextMenuModule } from './components/context-menu/context-menu.module';
 import { ExtensionService, ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppToolbarModule } from './components/toolbar/toolbar.module';
 import { AppSidenavModule } from './components/sidenav/sidenav.module';
-import { AppCommonModule } from './components/common/common.module';
+import { APP_COMMON_DIRECTIVES } from './components/common/common.module';
 import { AppSearchInputModule } from './components/search/search-input.module';
 import { DocumentListCustomComponentsModule } from './components/dl-custom-components/document-list-custom-components.module';
 import { AppSearchResultsModule } from './components/search/search-results.module';
@@ -93,6 +92,7 @@ import { SidenavComponent } from './components/sidenav/sidenav.component';
 import { ContentManagementService } from './services/content-management.service';
 import { ShellLayoutComponent, SHELL_NAVBAR_MIN_WIDTH } from '@alfresco/adf-core/shell';
 import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.component';
+import { ContextMenuComponent } from './components/context-menu/context-menu.component';
 
 @NgModule({
   imports: [
@@ -107,10 +107,10 @@ import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.comp
     SharedModule,
     MaterialModule,
     AppStoreModule,
-    AppCommonModule,
+    ...APP_COMMON_DIRECTIVES,
     PageLayoutModule,
     DirectivesModule,
-    ContextMenuModule,
+    ContextMenuComponent,
     AppInfoDrawerModule,
     AppToolbarModule,
     AppSidenavModule,
@@ -121,11 +121,12 @@ import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.comp
     ViewProfileModule,
     AppTrashcanModule,
     AppSharedLinkViewModule,
-    AcaFolderRulesModule
+    AcaFolderRulesModule,
+    GenericErrorComponent,
+    DetailsComponent
   ],
   declarations: [
     FilesComponent,
-    DetailsComponent,
     LibrariesComponent,
     FavoriteLibrariesComponent,
     FavoritesComponent,
diff --git a/projects/aca-content/src/lib/components/common/common.module.ts b/projects/aca-content/src/lib/components/common/common.module.ts
index 8d6c78444..5d3ccb6d5 100644
--- a/projects/aca-content/src/lib/components/common/common.module.ts
+++ b/projects/aca-content/src/lib/components/common/common.module.ts
@@ -22,30 +22,25 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { CoreModule } from '@alfresco/adf-core';
-import { ExtensionsModule } from '@alfresco/adf-extensions';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { GenericErrorModule } from '@alfresco/aca-shared';
 import { LocationLinkComponent } from './location-link/location-link.component';
 import { ToggleSharedComponent } from './toggle-shared/toggle-shared.component';
 import { LanguagePickerComponent } from './language-picker/language-picker.component';
 import { LogoutComponent } from './logout/logout.component';
-import { ContentModule } from '@alfresco/adf-content-services';
 import { UserInfoComponent } from './user-info/user-info.component';
-import { RouterModule } from '@angular/router';
 
+/**
+ * @deprecated Use `APP_COMMON_DIRECTIVES` instead
+ */
 @NgModule({
-  imports: [CommonModule, CoreModule.forChild(), ContentModule.forChild(), ExtensionsModule, GenericErrorModule, RouterModule],
-  declarations: [LocationLinkComponent, ToggleSharedComponent, LanguagePickerComponent, LogoutComponent, UserInfoComponent],
-  exports: [
-    ExtensionsModule,
-    LocationLinkComponent,
-    GenericErrorModule,
-    ToggleSharedComponent,
-    LanguagePickerComponent,
-    LogoutComponent,
-    UserInfoComponent
-  ]
+  imports: [LanguagePickerComponent, LocationLinkComponent, LogoutComponent, ToggleSharedComponent, UserInfoComponent]
 })
 export class AppCommonModule {}
+
+export const APP_COMMON_DIRECTIVES = [
+  LanguagePickerComponent,
+  LocationLinkComponent,
+  LogoutComponent,
+  ToggleSharedComponent,
+  UserInfoComponent
+] as const;
diff --git a/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts b/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
index 87da0e959..ec6464df1 100644
--- a/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
+++ b/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
@@ -22,9 +22,15 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
+import { LanguageMenuModule } from '@alfresco/adf-core';
 import { Component } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [TranslateModule, MatIconModule, MatMenuModule, LanguageMenuModule],
   selector: 'aca-language-picker',
   template: `
     <button mat-menu-item [matMenuTriggerFor]="langMenu">
diff --git a/projects/aca-content/src/lib/components/common/location-link/location-link.component.ts b/projects/aca-content/src/lib/components/common/location-link/location-link.component.ts
index 0d18c8e0c..1b501b968 100644
--- a/projects/aca-content/src/lib/components/common/location-link/location-link.component.ts
+++ b/projects/aca-content/src/lib/components/common/location-link/location-link.component.ts
@@ -22,16 +22,19 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Component, Input, ChangeDetectionStrategy, OnInit, ViewEncapsulation, HostListener } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy, OnInit, ViewEncapsulation, HostListener, inject } from '@angular/core';
 import { PathInfo, MinimalNodeEntity } from '@alfresco/js-api';
 import { Observable, BehaviorSubject, of } from 'rxjs';
-
 import { Store } from '@ngrx/store';
-import { AppStore, NavigateToParentFolder } from '@alfresco/aca-shared/store';
+import { NavigateToParentFolder } from '@alfresco/aca-shared/store';
 import { ContentApiService } from '@alfresco/aca-shared';
 import { TranslationService } from '@alfresco/adf-core';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule],
   selector: 'aca-location-link',
   template: `
     <a
@@ -50,6 +53,10 @@ import { TranslationService } from '@alfresco/adf-core';
   }
 })
 export class LocationLinkComponent implements OnInit {
+  private store = inject(Store);
+  private contentApi = inject(ContentApiService);
+  private translationService = inject(TranslationService);
+
   private _path: PathInfo;
 
   nodeLocation$ = new BehaviorSubject(this.translationService.instant('APP.BROWSE.SEARCH.UNKNOWN_LOCATION'));
@@ -66,8 +73,6 @@ export class LocationLinkComponent implements OnInit {
     this.getTooltip(this._path);
   }
 
-  constructor(private store: Store<AppStore>, private contentApi: ContentApiService, private translationService: TranslationService) {}
-
   goToLocation() {
     if (this.context) {
       const node: MinimalNodeEntity = this.context.row.node;
diff --git a/projects/aca-content/src/lib/components/common/logout/logout.component.spec.ts b/projects/aca-content/src/lib/components/common/logout/logout.component.spec.ts
index 553b3333e..6ff67005e 100644
--- a/projects/aca-content/src/lib/components/common/logout/logout.component.spec.ts
+++ b/projects/aca-content/src/lib/components/common/logout/logout.component.spec.ts
@@ -31,12 +31,11 @@ import { SetSelectedNodesAction } from '@alfresco/aca-shared/store';
 describe('LogoutComponent', () => {
   let fixture: ComponentFixture<LogoutComponent>;
   let component: LogoutComponent;
-  let store;
+  let store: Store;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [AppTestingModule],
-      declarations: [LogoutComponent],
+      imports: [AppTestingModule, LogoutComponent],
       providers: [
         {
           provide: Store,
diff --git a/projects/aca-content/src/lib/components/common/logout/logout.component.ts b/projects/aca-content/src/lib/components/common/logout/logout.component.ts
index 165797e92..a119e3372 100644
--- a/projects/aca-content/src/lib/components/common/logout/logout.component.ts
+++ b/projects/aca-content/src/lib/components/common/logout/logout.component.ts
@@ -24,9 +24,14 @@
 
 import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { AppStore, SetSelectedNodesAction } from '@alfresco/aca-shared/store';
+import { SetSelectedNodesAction } from '@alfresco/aca-shared/store';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
 
 @Component({
+  standalone: true,
+  imports: [TranslateModule, MatIconModule, MatMenuModule],
   selector: 'aca-logout',
   template: `
     <button mat-menu-item (click)="onLogoutEvent()" adf-logout>
@@ -36,7 +41,7 @@ import { AppStore, SetSelectedNodesAction } from '@alfresco/aca-shared/store';
   `
 })
 export class LogoutComponent {
-  constructor(private store: Store<AppStore>) {}
+  constructor(private store: Store) {}
 
   onLogoutEvent() {
     this.store.dispatch(new SetSelectedNodesAction([]));
diff --git a/projects/aca-content/src/lib/components/common/toggle-shared/toggle-shared.component.ts b/projects/aca-content/src/lib/components/common/toggle-shared/toggle-shared.component.ts
index a22d9bc07..fd99b9121 100644
--- a/projects/aca-content/src/lib/components/common/toggle-shared/toggle-shared.component.ts
+++ b/projects/aca-content/src/lib/components/common/toggle-shared/toggle-shared.component.ts
@@ -27,8 +27,15 @@ import { Observable } from 'rxjs';
 import { Store } from '@ngrx/store';
 import { SelectionState } from '@alfresco/adf-extensions';
 import { AppStore, ShareNodeAction, getAppSelection } from '@alfresco/aca-shared/store';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatButtonModule } from '@angular/material/button';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, MatMenuModule, MatIconModule, TranslateModule, MatButtonModule],
   selector: 'app-toggle-shared',
   templateUrl: './toggle-shared.component.html'
 })
diff --git a/projects/aca-content/src/lib/components/common/user-info/user-info.component.spec.ts b/projects/aca-content/src/lib/components/common/user-info/user-info.component.spec.ts
index 73e33247b..4187141f8 100644
--- a/projects/aca-content/src/lib/components/common/user-info/user-info.component.spec.ts
+++ b/projects/aca-content/src/lib/components/common/user-info/user-info.component.spec.ts
@@ -87,8 +87,7 @@ describe('UserInfoComponent', () => {
     };
 
     TestBed.configureTestingModule({
-      imports: [AppTestingModule],
-      declarations: [UserInfoComponent],
+      imports: [AppTestingModule, UserInfoComponent],
       providers: [
         { provide: AuthenticationService, useValue: authServiceStub },
         { provide: PeopleContentService, useValue: peopleContentServiceStub },
diff --git a/projects/aca-content/src/lib/components/common/user-info/user-info.component.ts b/projects/aca-content/src/lib/components/common/user-info/user-info.component.ts
index 43f3ce806..3c5c07dc6 100644
--- a/projects/aca-content/src/lib/components/common/user-info/user-info.component.ts
+++ b/projects/aca-content/src/lib/components/common/user-info/user-info.component.ts
@@ -27,8 +27,14 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Observable, of } from 'rxjs';
 import { PeopleContentService } from '@alfresco/adf-content-services';
 import { map } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { MatMenuModule } from '@angular/material/menu';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, RouterModule, MatMenuModule, TranslateModule],
   selector: 'app-user-info',
   templateUrl: './user-info.component.html',
   styleUrls: ['./user-info.component.scss'],
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.spec.ts b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.spec.ts
index 25594b5d0..790ee2154 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.spec.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.spec.ts
@@ -25,8 +25,8 @@
 import { TestBed, ComponentFixture } from '@angular/core/testing';
 import { AppTestingModule } from '../../testing/app-testing.module';
 import { ContextMenuItemComponent } from './context-menu-item.component';
-import { ContextMenuModule } from './context-menu.module';
 import { AppExtensionService } from '@alfresco/aca-shared';
+import { ContextMenuComponent } from './context-menu.component';
 
 describe('ContextMenuComponent', () => {
   let fixture: ComponentFixture<ContextMenuItemComponent>;
@@ -36,8 +36,7 @@ describe('ContextMenuComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [AppTestingModule, ContextMenuModule],
-      providers: [AppExtensionService]
+      imports: [AppTestingModule, ContextMenuComponent]
     });
 
     fixture = TestBed.createComponent(ContextMenuItemComponent);
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.ts b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.ts
index 65d7e2522..54f9b1704 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.ts
@@ -23,10 +23,17 @@
  */
 
 import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { ContentActionRef } from '@alfresco/adf-extensions';
+import { ContentActionRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppExtensionService } from '@alfresco/aca-shared';
+import { CommonModule } from '@angular/common';
+import { MatMenuModule } from '@angular/material/menu';
+import { TranslateModule } from '@ngx-translate/core';
+import { IconModule } from '@alfresco/adf-core';
+import { MatDividerModule } from '@angular/material/divider';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatMenuModule, IconModule, MatDividerModule, ExtensionsModule],
   selector: 'app-context-menu-item',
   templateUrl: './context-menu-item.component.html',
   encapsulation: ViewEncapsulation.None,
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.ts b/projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.ts
index b4bb7e040..0a53eaa29 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu-outside-event.directive.ts
@@ -27,6 +27,7 @@ import { fromEvent, Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
 
 @Directive({
+  standalone: true,
   selector: '[acaContextMenuOutsideEvent]'
 })
 export class OutsideEventDirective implements OnInit, OnDestroy {
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu.component.spec.ts b/projects/aca-content/src/lib/components/context-menu/context-menu.component.spec.ts
index 7fe93d23e..51f87acb0 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu.component.spec.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu.component.spec.ts
@@ -25,7 +25,6 @@
 import { TestBed, ComponentFixture } from '@angular/core/testing';
 import { AppTestingModule } from '../../testing/app-testing.module';
 import { ContextMenuComponent } from './context-menu.component';
-import { ContextMenuModule } from './context-menu.module';
 import { ContextMenuOverlayRef } from './context-menu-overlay';
 import { ContentActionType } from '@alfresco/adf-extensions';
 
@@ -50,7 +49,7 @@ describe('ContextMenuComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [ContextMenuModule, AppTestingModule],
+      imports: [ContextMenuComponent, AppTestingModule],
       providers: [
         {
           provide: ContextMenuOverlayRef,
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu.component.ts b/projects/aca-content/src/lib/components/context-menu/context-menu.component.ts
index dfd78ce97..ca308b6e6 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu.component.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu.component.ts
@@ -23,16 +23,33 @@
  */
 
 import { Component, ViewEncapsulation, OnInit, OnDestroy, HostListener, ViewChild, AfterViewInit, Inject } from '@angular/core';
-import { MatMenuTrigger } from '@angular/material/menu';
+import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { ContentActionRef } from '@alfresco/adf-extensions';
+import { ContentActionRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { ContextMenuOverlayRef } from './context-menu-overlay';
 import { CONTEXT_MENU_DIRECTION } from './direction.token';
 import { Direction } from '@angular/cdk/bidi';
 import { AppExtensionService } from '@alfresco/aca-shared';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatDividerModule } from '@angular/material/divider';
+import { IconModule } from '@alfresco/adf-core';
+import { ContextMenuItemComponent } from './context-menu-item.component';
+import { OutsideEventDirective } from './context-menu-outside-event.directive';
 
 @Component({
+  standalone: true,
+  imports: [
+    CommonModule,
+    TranslateModule,
+    MatMenuModule,
+    MatDividerModule,
+    IconModule,
+    ContextMenuItemComponent,
+    ExtensionsModule,
+    OutsideEventDirective
+  ],
   selector: 'aca-context-menu',
   templateUrl: './context-menu.component.html',
   host: {
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu.module.ts b/projects/aca-content/src/lib/components/context-menu/context-menu.module.ts
deleted file mode 100644
index 78b9530be..000000000
--- a/projects/aca-content/src/lib/components/context-menu/context-menu.module.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { CoreModule } from '@alfresco/adf-core';
-import { ExtensionsModule } from '@alfresco/adf-extensions';
-import { NgModule } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { CoreExtensionsModule } from '../../extensions/core.extensions.module';
-import { AppCommonModule } from '../common/common.module';
-import { ContextMenuItemComponent } from './context-menu-item.component';
-import { OutsideEventDirective } from './context-menu-outside-event.directive';
-import { ContextMenuComponent } from './context-menu.component';
-import { ContextActionsModule } from '@alfresco/aca-shared';
-
-@NgModule({
-  imports: [
-    MatMenuModule,
-    MatListModule,
-    MatIconModule,
-    MatButtonModule,
-    CoreExtensionsModule.forChild(),
-    CoreModule.forChild(),
-    AppCommonModule,
-    ExtensionsModule,
-    ContextActionsModule
-  ],
-  declarations: [ContextMenuComponent, ContextMenuItemComponent, OutsideEventDirective],
-  exports: [OutsideEventDirective, ContextMenuComponent, ContextMenuItemComponent, ContextActionsModule]
-})
-export class ContextMenuModule {}
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu.service.spec.ts b/projects/aca-content/src/lib/components/context-menu/context-menu.service.spec.ts
index 3b0894d5a..dadaf3e4a 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu.service.spec.ts
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu.service.spec.ts
@@ -29,27 +29,29 @@ import { Store } from '@ngrx/store';
 import { of } from 'rxjs';
 import { CoreModule, UserPreferencesService } from '@alfresco/adf-core';
 import { ContextMenuService } from './context-menu.service';
-import { ContextMenuModule } from './context-menu.module';
 import { TranslateModule } from '@ngx-translate/core';
+import { ContextMenuComponent } from './context-menu.component';
+import { ContextmenuOverlayConfig } from './interfaces';
 
 describe('ContextMenuService', () => {
-  let contextMenuService;
-  let overlay;
-  let injector;
-  let userPreferencesService;
-  const overlayConfig = {
+  let contextMenuService: ContextMenuService;
+  let overlay: Overlay;
+  let injector: Injector;
+  let userPreferencesService: UserPreferencesService;
+
+  const overlayConfig: ContextmenuOverlayConfig = {
     hasBackdrop: false,
     backdropClass: '',
     panelClass: 'test-panel',
     source: {
       x: 1,
       y: 1
-    }
+    } as any
   };
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot(), CoreModule.forRoot(), ContextMenuModule],
+      imports: [TranslateModule.forRoot(), CoreModule.forRoot(), ContextMenuComponent],
       providers: [Overlay, { provide: Store, useValue: { select: () => of() } }, UserPreferencesService]
     });
 
diff --git a/projects/aca-content/src/lib/components/details/details.component.spec.ts b/projects/aca-content/src/lib/components/details/details.component.spec.ts
index 3a8ba5c61..0988ca703 100644
--- a/projects/aca-content/src/lib/components/details/details.component.spec.ts
+++ b/projects/aca-content/src/lib/components/details/details.component.spec.ts
@@ -25,24 +25,23 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AppTestingModule } from '../../testing/app-testing.module';
 import { DetailsComponent } from './details.component';
-import { MetadataTabComponent } from '../info-drawer/metadata-tab/metadata-tab.component';
-import { CommentsTabComponent } from '../info-drawer/comments-tab/comments-tab.component';
 import { ActivatedRoute } from '@angular/router';
 import { of, Subject } from 'rxjs';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { ContentManagementService } from '../../services/content-management.service';
-import { AppExtensionService } from '@alfresco/adf-extensions';
 import { ContentApiService } from '@alfresco/aca-shared';
-import { SetSelectedNodesAction } from '@alfresco/aca-shared/store';
+import { STORE_INITIAL_APP_DATA, SetSelectedNodesAction } from '@alfresco/aca-shared/store';
 import { NodeEntry } from '@alfresco/js-api';
 import { RouterTestingModule } from '@angular/router/testing';
+import { AuthenticationService, PageTitleService } from '@alfresco/adf-core';
+import { SearchQueryBuilderService } from '@alfresco/adf-content-services';
 
 describe('DetailsComponent', () => {
   let component: DetailsComponent;
   let fixture: ComponentFixture<DetailsComponent>;
   let contentApiService: ContentApiService;
   let store: Store;
+  let node: NodeEntry;
 
   const mockStream = new Subject();
   const storeMock = {
@@ -52,12 +51,10 @@ describe('DetailsComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [AppTestingModule],
-      declarations: [DetailsComponent, CommentsTabComponent, MetadataTabComponent],
+      imports: [AppTestingModule, DetailsComponent],
       providers: [
-        ContentManagementService,
-        AppExtensionService,
         RouterTestingModule,
+        SearchQueryBuilderService,
         { provide: Store, useValue: storeMock },
         {
           provide: ActivatedRoute,
@@ -65,6 +62,22 @@ describe('DetailsComponent', () => {
             snapshot: { data: { preferencePrefix: 'prefix' } },
             params: of({ nodeId: 'someId', activeTab: 'permissions' })
           }
+        },
+        {
+          provide: PageTitleService,
+          useValue: {}
+        },
+        {
+          provide: STORE_INITIAL_APP_DATA,
+          useValue: {}
+        },
+        {
+          provide: AuthenticationService,
+          useValue: {
+            onLogin: new Subject<any>(),
+            onLogout: new Subject<any>(),
+            isLoggedIn: () => true
+          }
         }
       ],
       schemas: [NO_ERRORS_SCHEMA]
@@ -74,7 +87,22 @@ describe('DetailsComponent', () => {
     component = fixture.componentInstance;
     contentApiService = TestBed.inject(ContentApiService);
     store = TestBed.inject(Store);
-    spyOn(contentApiService, 'getNode').and.returnValue(of({ entry: { id: 'libraryId' } } as NodeEntry));
+
+    node = {
+      entry: {
+        id: 'libraryId',
+        name: 'my library',
+        isFile: false,
+        isFolder: false,
+        modifiedAt: new Date(),
+        createdAt: new Date(),
+        nodeType: '',
+        createdByUser: { id: '', displayName: '' },
+        modifiedByUser: { id: '', displayName: '' },
+        aspectNames: []
+      }
+    };
+    spyOn(contentApiService, 'getNode').and.returnValue(of(node));
   });
 
   afterEach(() => {
@@ -98,6 +126,6 @@ describe('DetailsComponent', () => {
 
   it('should dispatch node selection', () => {
     fixture.detectChanges();
-    expect(store.dispatch).toHaveBeenCalledWith(new SetSelectedNodesAction([{ entry: { id: 'libraryId' } } as NodeEntry]));
+    expect(store.dispatch).toHaveBeenCalledWith(new SetSelectedNodesAction([node]));
   });
 });
diff --git a/projects/aca-content/src/lib/components/details/details.component.ts b/projects/aca-content/src/lib/components/details/details.component.ts
index d7033cfe1..fd941eb59 100644
--- a/projects/aca-content/src/lib/components/details/details.component.ts
+++ b/projects/aca-content/src/lib/components/details/details.component.ts
@@ -24,11 +24,37 @@
 
 import { Component, OnInit, ViewEncapsulation, OnDestroy } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { ContentApiService, PageComponent } from '@alfresco/aca-shared';
+import { ContentApiService, PageComponent, PageLayoutModule, SharedToolbarModule } from '@alfresco/aca-shared';
 import { NavigateToPreviousPage, SetSelectedNodesAction } from '@alfresco/aca-shared/store';
 import { Subject } from 'rxjs';
+import { BreadcrumbModule, PermissionManagerModule } from '@alfresco/adf-content-services';
+import { ToolbarModule } from '@alfresco/adf-core';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatButtonModule } from '@angular/material/button';
+import { MetadataTabComponent } from '../info-drawer/metadata-tab/metadata-tab.component';
+import { CommentsTabComponent } from '../info-drawer/comments-tab/comments-tab.component';
 
 @Component({
+  standalone: true,
+  imports: [
+    CommonModule,
+    TranslateModule,
+    PageLayoutModule,
+    PermissionManagerModule,
+    BreadcrumbModule,
+    ToolbarModule,
+    SharedToolbarModule,
+    MatIconModule,
+    MatTabsModule,
+    MatProgressBarModule,
+    MatButtonModule,
+    MetadataTabComponent,
+    CommentsTabComponent
+  ],
   selector: 'app-details-manager',
   templateUrl: './details.component.html',
   styleUrls: ['./details.component.scss'],
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/document-list-custom-components.module.ts b/projects/aca-content/src/lib/components/dl-custom-components/document-list-custom-components.module.ts
index b430b3029..57c415bb1 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/document-list-custom-components.module.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/document-list-custom-components.module.ts
@@ -22,19 +22,13 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { CustomNameColumnComponent } from './name-column/name-column.component';
-import { LockedByModule } from '@alfresco/aca-shared';
-import { ContentModule } from '@alfresco/adf-content-services';
-import { MaterialModule } from '../../material.module';
-import { CoreModule } from '@alfresco/adf-core';
+import { LockedByComponent } from '@alfresco/aca-shared';
 import { ThumbnailColumnComponent } from './thumbnail-column/thumbnail-column.component';
 import { TagsColumnComponent } from './tags-column/tags-column.component';
 
 @NgModule({
-  imports: [BrowserModule, CoreModule.forChild(), ContentModule.forChild(), MaterialModule, LockedByModule],
-  declarations: [CustomNameColumnComponent, ThumbnailColumnComponent, TagsColumnComponent],
-  exports: [CustomNameColumnComponent, ThumbnailColumnComponent, TagsColumnComponent]
+  imports: [LockedByComponent, ThumbnailColumnComponent, CustomNameColumnComponent, TagsColumnComponent]
 })
 export class DocumentListCustomComponentsModule {}
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.spec.ts b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.spec.ts
index 4a03ffb90..a2ae25ee6 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.spec.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.spec.ts
@@ -23,7 +23,6 @@
  */
 
 import { CustomNameColumnComponent } from './name-column.component';
-import { DocumentListCustomComponentsModule } from '../document-list-custom-components.module';
 import { Actions } from '@ngrx/effects';
 import { StoreModule } from '@ngrx/store';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
@@ -39,7 +38,7 @@ describe('CustomNameColumnComponent', () => {
       imports: [
         TranslateModule.forRoot(),
         CoreModule.forRoot(),
-        DocumentListCustomComponentsModule,
+        CustomNameColumnComponent,
         StoreModule.forRoot({ app: () => {} }, { initialState: {} })
       ],
       providers: [Actions]
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.ts b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.ts
index 9b0bd45d5..516c65630 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.ts
@@ -22,15 +22,19 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { NameColumnComponent, NodesApiService } from '@alfresco/adf-content-services';
+import { ContentPipeModule, NameColumnComponent, NodesApiService } from '@alfresco/adf-content-services';
 import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
 import { Actions, ofType } from '@ngrx/effects';
 import { Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 import { NodeActionTypes } from '@alfresco/aca-shared/store';
-import { isLocked } from '@alfresco/aca-shared';
+import { LockedByComponent, isLocked } from '@alfresco/aca-shared';
+import { CommonModule } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, LockedByComponent, ContentPipeModule],
   selector: 'aca-custom-name-column',
   templateUrl: './name-column.component.html',
   styleUrls: ['./name-column.component.scss'],
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.spec.ts b/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.spec.ts
deleted file mode 100644
index 917bb97f8..000000000
--- a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TagsColumnComponent } from './tags-column.component';
-import { ChangeDetectorRef } from '@angular/core';
-
-describe('TagsColumnComponent', () => {
-  let fixture: ComponentFixture<TagsColumnComponent>;
-  let component: TagsColumnComponent;
-  let changeDetector: ChangeDetectorRef;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [TagsColumnComponent],
-      providers: [{ provide: ChangeDetectorRef, useValue: { detectChanges() {} } }]
-    });
-
-    changeDetector = TestBed.inject(ChangeDetectorRef);
-    fixture = TestBed.createComponent(TagsColumnComponent);
-    component = fixture.componentInstance;
-    component.context = { row: { id: '0' } };
-  });
-
-  it('should return nodeId from the row', () => {
-    const row: any = { id: 'test1' };
-    expect(component.getNodeId(row)).toBe('test1');
-  });
-
-  it('should force change detection on tags loading', () => {
-    spyOn(changeDetector, 'detectChanges');
-    component = new TagsColumnComponent(changeDetector);
-    component.onTagsLoaded();
-    expect(changeDetector.detectChanges).toHaveBeenCalled();
-  });
-});
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts b/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
index 0520bb5ae..4ce98763a 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
@@ -22,10 +22,12 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { ShareDataRow } from '@alfresco/adf-content-services';
+import { ShareDataRow, TagModule } from '@alfresco/adf-content-services';
 import { ChangeDetectorRef, Component, Input, ViewEncapsulation } from '@angular/core';
 
 @Component({
+  standalone: true,
+  imports: [TagModule],
   selector: 'aca-tags-column',
   template: `
     <adf-tag-node-list [showDelete]="false" [limitTagsDisplayed]="true" [nodeId]="getNodeId(context.row)" (results)="onTagsLoaded()">
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.ts b/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.ts
index af5ac5f04..567086abe 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.ts
@@ -24,8 +24,13 @@
 
 import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation, inject } from '@angular/core';
 import { TranslationService } from '@alfresco/adf-core';
+import { NgIf } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
+  standalone: true,
+  imports: [NgIf, MatIconModule, MatTooltipModule],
   selector: 'aca-custom-thumbnail-column',
   templateUrl: './thumbnail-column.component.html',
   encapsulation: ViewEncapsulation.None
diff --git a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.spec.ts b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.spec.ts
index 36975334c..144af5939 100644
--- a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.spec.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.spec.ts
@@ -27,7 +27,6 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AppTestingModule } from '../../../testing/app-testing.module';
 import { NodePermissionService } from '@alfresco/aca-shared';
 import { Node } from '@alfresco/js-api';
-import { NodeCommentsModule } from '@alfresco/adf-content-services';
 import { of } from 'rxjs';
 import { AuthenticationService } from '@alfresco/adf-core';
 
@@ -39,8 +38,7 @@ describe('CommentsTabComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [AppTestingModule, NodeCommentsModule],
-      declarations: [CommentsTabComponent],
+      imports: [AppTestingModule, CommentsTabComponent],
       providers: [{ provide: AuthenticationService, useValue: { onLogout: of({}) } }]
     });
 
diff --git a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
index cc79addf1..012e225ee 100644
--- a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
@@ -25,8 +25,12 @@
 import { Component, Input } from '@angular/core';
 import { MinimalNodeEntryEntity } from '@alfresco/js-api';
 import { NodePermissionService, isLocked } from '@alfresco/aca-shared';
+import { MatCardModule } from '@angular/material/card';
+import { NodeCommentsModule } from '@alfresco/adf-content-services';
 
 @Component({
+  standalone: true,
+  imports: [MatCardModule, NodeCommentsModule],
   selector: 'app-comments-tab',
   template: `<mat-card><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments></mat-card>`
 })
diff --git a/projects/aca-content/src/lib/components/info-drawer/info.drawer.module.ts b/projects/aca-content/src/lib/components/info-drawer/info.drawer.module.ts
index 6aae790ee..51030b859 100644
--- a/projects/aca-content/src/lib/components/info-drawer/info.drawer.module.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/info.drawer.module.ts
@@ -22,42 +22,30 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { ContentMetadataModule, ContentModule, VersionManagerModule } from '@alfresco/adf-content-services';
-import { CoreModule } from '@alfresco/adf-core';
-import { ExtensionsModule } from '@alfresco/adf-extensions';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { DirectivesModule } from '../../directives/directives.module';
-import { MaterialModule } from '../../material.module';
 import { CommentsTabComponent } from './comments-tab/comments-tab.component';
 import { MetadataTabComponent } from './metadata-tab/metadata-tab.component';
 import { LibraryMetadataTabComponent } from './library-metadata-tab/library-metadata-tab.component';
 import { LibraryMetadataFormComponent } from './library-metadata-tab/library-metadata-form.component';
 import { VersionsTabComponent } from './versions-tab/versions-tab.component';
-import { A11yModule } from '@angular/cdk/a11y';
-import { SharedInfoDrawerModule } from '@alfresco/aca-shared';
+import { InfoDrawerComponent } from '@alfresco/aca-shared';
 
 @NgModule({
   imports: [
-    CommonModule,
-    MaterialModule,
-    CoreModule.forChild(),
-    ContentModule.forChild(),
-    ExtensionsModule,
-    ContentMetadataModule,
-    VersionManagerModule,
-    DirectivesModule,
-    A11yModule,
-    SharedInfoDrawerModule
-  ],
-  declarations: [MetadataTabComponent, CommentsTabComponent, VersionsTabComponent, LibraryMetadataTabComponent, LibraryMetadataFormComponent],
-  exports: [
-    MetadataTabComponent,
+    InfoDrawerComponent,
     CommentsTabComponent,
-    VersionsTabComponent,
-    LibraryMetadataTabComponent,
     LibraryMetadataFormComponent,
-    SharedInfoDrawerModule
+    LibraryMetadataTabComponent,
+    MetadataTabComponent,
+    VersionsTabComponent
+  ],
+  exports: [
+    InfoDrawerComponent,
+    CommentsTabComponent,
+    LibraryMetadataFormComponent,
+    LibraryMetadataTabComponent,
+    MetadataTabComponent,
+    VersionsTabComponent
   ]
 })
 export class AppInfoDrawerModule {}
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.spec.ts b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.spec.ts
index 83525a20b..b37571782 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.spec.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.spec.ts
@@ -37,8 +37,7 @@ describe('LibraryMetadataFormComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [AppTestingModule],
-      declarations: [LibraryMetadataFormComponent],
+      imports: [AppTestingModule, LibraryMetadataFormComponent],
       providers: [
         {
           provide: Store,
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
index d587b105b..841b4661d 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.ts
@@ -23,14 +23,22 @@
  */
 
 import { Component, Input, OnInit, OnChanges, OnDestroy } from '@angular/core';
-import { UntypedFormGroup, UntypedFormControl, Validators, FormGroupDirective, NgForm } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl, Validators, FormGroupDirective, NgForm, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { QueriesApi, SiteEntry, SitePaging } from '@alfresco/js-api';
 import { Store } from '@ngrx/store';
 import { AppStore, UpdateLibraryAction } from '@alfresco/aca-shared/store';
 import { debounceTime, mergeMap, takeUntil } from 'rxjs/operators';
 import { AlfrescoApiService } from '@alfresco/adf-core';
 import { Observable, from, Subject } from 'rxjs';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { ErrorStateMatcher, MatOptionModule } from '@angular/material/core';
+import { CommonModule } from '@angular/common';
+import { MatCardModule } from '@angular/material/card';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { MatInputModule } from '@angular/material/input';
+import { A11yModule } from '@angular/cdk/a11y';
+import { MatButtonModule } from '@angular/material/button';
 
 export class InstantErrorStateMatcher implements ErrorStateMatcher {
   isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean {
@@ -40,11 +48,25 @@ export class InstantErrorStateMatcher implements ErrorStateMatcher {
 }
 
 @Component({
+  standalone: true,
+  imports: [
+    CommonModule,
+    MatCardModule,
+    TranslateModule,
+    MatFormFieldModule,
+    FormsModule,
+    ReactiveFormsModule,
+    MatSelectModule,
+    MatOptionModule,
+    MatInputModule,
+    A11yModule,
+    MatButtonModule
+  ],
   selector: 'app-library-metadata-form',
   templateUrl: './library-metadata-form.component.html'
 })
 export class LibraryMetadataFormComponent implements OnInit, OnChanges, OnDestroy {
-  _queriesApi: QueriesApi;
+  private _queriesApi: QueriesApi;
   get queriesApi(): QueriesApi {
     this._queriesApi = this._queriesApi ?? new QueriesApi(this.alfrescoApiService.getInstance());
     return this._queriesApi;
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
index 8112ac736..18931b5df 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
@@ -24,8 +24,11 @@
 
 import { Component, Input } from '@angular/core';
 import { SiteEntry } from '@alfresco/js-api';
+import { LibraryMetadataFormComponent } from './library-metadata-form.component';
 
 @Component({
+  standalone: true,
+  imports: [LibraryMetadataFormComponent],
   selector: 'app-library-metadata-tab',
   template: '<app-library-metadata-form [node]="node"></app-library-metadata-form>',
   host: { class: 'app-metadata-tab' }
diff --git a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.spec.ts b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.spec.ts
index 4e90415f9..ffba748e0 100644
--- a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.spec.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.spec.ts
@@ -27,7 +27,6 @@ import { Node } from '@alfresco/js-api';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AppTestingModule } from '../../../testing/app-testing.module';
 import { AppConfigService, CoreModule } from '@alfresco/adf-core';
-import { ContentMetadataModule } from '@alfresco/adf-content-services';
 import { Store } from '@ngrx/store';
 import { AppState, SetInfoDrawerMetadataAspectAction } from '@alfresco/aca-shared/store';
 import { By } from '@angular/platform-browser';
@@ -48,8 +47,7 @@ describe('MetadataTabComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [CoreModule, AppTestingModule, ContentMetadataModule],
-      declarations: [MetadataTabComponent]
+      imports: [CoreModule, AppTestingModule, MetadataTabComponent]
     });
   });
 
diff --git a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
index 1e3d9cb0a..9733a3f9d 100644
--- a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
@@ -29,10 +29,13 @@ import { AppStore, infoDrawerMetadataAspect } from '@alfresco/aca-shared/store';
 import { AppConfigService, NotificationService } from '@alfresco/adf-core';
 import { Observable, Subject } from 'rxjs';
 import { Store } from '@ngrx/store';
-import { ContentMetadataService } from '@alfresco/adf-content-services';
+import { ContentMetadataModule, ContentMetadataService } from '@alfresco/adf-content-services';
 import { takeUntil } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, ContentMetadataModule],
   selector: 'app-metadata-tab',
   template: `
     <adf-content-metadata-card [readOnly]="!canUpdateNode" [preset]="'custom'" [node]="node" [displayAspect]="displayAspect$ | async">
diff --git a/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
index d3f44ba1e..16afde3a0 100644
--- a/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
@@ -24,8 +24,15 @@
 
 import { Component, Input, OnChanges, OnInit } from '@angular/core';
 import { MinimalNodeEntryEntity } from '@alfresco/js-api';
+import { CommonModule } from '@angular/common';
+import { VersionManagerModule } from '@alfresco/adf-content-services';
+import { AppConfigModule } from '@alfresco/adf-core';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [CommonModule, VersionManagerModule, AppConfigModule, MatIconModule, TranslateModule],
   selector: 'app-versions-tab',
   template: `
     <ng-container *ngIf="isFileSelected; else empty">
diff --git a/projects/aca-content/src/lib/components/search/search-results.module.ts b/projects/aca-content/src/lib/components/search/search-results.module.ts
index daf2cc735..bc39e8c49 100644
--- a/projects/aca-content/src/lib/components/search/search-results.module.ts
+++ b/projects/aca-content/src/lib/components/search/search-results.module.ts
@@ -26,33 +26,37 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
 import { ContentModule } from '@alfresco/adf-content-services';
-import { LockedByModule, PageLayoutModule } from '@alfresco/aca-shared';
+import { ExtensionsModule } from '@alfresco/adf-extensions';
+import { LockedByComponent, PageLayoutModule } from '@alfresco/aca-shared';
 import { SearchResultsComponent } from './search-results/search-results.component';
 import { SearchResultsRowComponent } from './search-results-row/search-results-row.component';
 import { SearchLibrariesResultsComponent } from './search-libraries-results/search-libraries-results.component';
 import { AppInfoDrawerModule } from '../info-drawer/info.drawer.module';
 import { AppToolbarModule } from '../toolbar/toolbar.module';
-import { AppCommonModule } from '../common/common.module';
 import { DirectivesModule } from '../../directives/directives.module';
-import { ContextMenuModule } from '../context-menu/context-menu.module';
 import { SearchActionMenuComponent } from './search-action-menu/search-action-menu.component';
-import { DocumentListCustomComponentsModule } from '../dl-custom-components/document-list-custom-components.module';
 import { AppSearchInputModule } from './search-input.module';
+import { LocationLinkComponent } from '../common/location-link/location-link.component';
+import { ThumbnailColumnComponent } from '../dl-custom-components/thumbnail-column/thumbnail-column.component';
+import { TagsColumnComponent } from '../dl-custom-components/tags-column/tags-column.component';
+import { ContextMenuComponent } from '../context-menu/context-menu.component';
 
 @NgModule({
   imports: [
     CommonModule,
     CoreModule.forChild(),
     ContentModule.forChild(),
-    AppCommonModule,
+    ExtensionsModule,
     AppInfoDrawerModule,
     AppToolbarModule,
     DirectivesModule,
     PageLayoutModule,
-    ContextMenuModule,
-    LockedByModule,
-    DocumentListCustomComponentsModule,
-    AppSearchInputModule
+    ContextMenuComponent,
+    LockedByComponent,
+    AppSearchInputModule,
+    LocationLinkComponent,
+    ThumbnailColumnComponent,
+    TagsColumnComponent
   ],
   declarations: [SearchResultsComponent, SearchLibrariesResultsComponent, SearchResultsRowComponent, SearchActionMenuComponent],
   exports: [SearchResultsComponent, SearchLibrariesResultsComponent, SearchResultsRowComponent, SearchActionMenuComponent]
diff --git a/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.module.ts b/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.module.ts
index 732a66a39..646b09dd2 100644
--- a/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.module.ts
+++ b/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.module.ts
@@ -27,7 +27,6 @@ import { SharedLinkViewComponent } from './shared-link-view.component';
 import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
 import { DirectivesModule } from '../../directives/directives.module';
-import { AppCommonModule } from '../common/common.module';
 import { AppToolbarModule } from '../toolbar/toolbar.module';
 import { AppInfoDrawerModule } from '../info-drawer/info.drawer.module';
 import { CoreExtensionsModule } from '../../extensions/core.extensions.module';
@@ -38,7 +37,6 @@ import { ContentModule } from '@alfresco/adf-content-services';
     CommonModule,
     CoreModule.forChild(),
     DirectivesModule,
-    AppCommonModule,
     AppToolbarModule,
     CoreExtensionsModule.forChild(),
     AppInfoDrawerModule,
diff --git a/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts b/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts
index f0ac6c850..46ec47a3c 100644
--- a/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toolbar.module.ts
@@ -35,11 +35,10 @@ import { DirectivesModule } from '../../directives/directives.module';
 import { ToggleFavoriteLibraryComponent } from './toggle-favorite-library/toggle-favorite-library.component';
 import { ToggleEditOfflineComponent } from './toggle-edit-offline/toggle-edit-offline.component';
 import { ViewNodeComponent } from './view-node/view-node.component';
-import { AppCommonModule } from '../common/common.module';
 import { SharedToolbarModule } from '@alfresco/aca-shared';
 
 @NgModule({
-  imports: [CommonModule, CoreModule.forChild(), AppCommonModule, ExtensionsModule, SharedToolbarModule, DirectivesModule],
+  imports: [CommonModule, CoreModule.forChild(), ExtensionsModule, SharedToolbarModule, DirectivesModule],
   declarations: [
     DocumentDisplayModeComponent,
     ToggleFavoriteComponent,
diff --git a/projects/aca-content/src/lib/components/trashcan/trashcan.module.ts b/projects/aca-content/src/lib/components/trashcan/trashcan.module.ts
index b05786a0b..9d00bcc18 100644
--- a/projects/aca-content/src/lib/components/trashcan/trashcan.module.ts
+++ b/projects/aca-content/src/lib/components/trashcan/trashcan.module.ts
@@ -27,12 +27,12 @@ import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
 import { TrashcanComponent } from './trashcan.component';
 import { ContentModule } from '@alfresco/adf-content-services';
-import { AppCommonModule } from '../common/common.module';
 import { AppToolbarModule } from '../toolbar/toolbar.module';
 import { DirectivesModule } from '../../directives/directives.module';
-import { ContextMenuModule } from '../context-menu/context-menu.module';
 import { AppSearchInputModule } from '../search/search-input.module';
 import { PageLayoutModule } from '@alfresco/aca-shared';
+import { ExtensionsModule } from '@alfresco/adf-extensions';
+import { ContextMenuComponent } from '../context-menu/context-menu.component';
 
 @NgModule({
   imports: [
@@ -40,11 +40,11 @@ import { PageLayoutModule } from '@alfresco/aca-shared';
     CoreModule.forChild(),
     ContentModule.forChild(),
     DirectivesModule,
-    AppCommonModule,
     AppToolbarModule,
-    ContextMenuModule,
+    ContextMenuComponent,
     PageLayoutModule,
-    AppSearchInputModule
+    AppSearchInputModule,
+    ExtensionsModule
   ],
   declarations: [TrashcanComponent],
   exports: [TrashcanComponent]
diff --git a/projects/aca-folder-rules/src/lib/folder-rules.module.ts b/projects/aca-folder-rules/src/lib/folder-rules.module.ts
index fa97705ef..6d17ea720 100644
--- a/projects/aca-folder-rules/src/lib/folder-rules.module.ts
+++ b/projects/aca-folder-rules/src/lib/folder-rules.module.ts
@@ -33,7 +33,7 @@ import { ManageRulesSmartComponent } from './manage-rules/manage-rules.smart-com
 import { RuleCompositeConditionUiComponent } from './rule-details/conditions/rule-composite-condition.ui-component';
 import { RuleDetailsUiComponent } from './rule-details/rule-details.ui-component';
 import { RuleSimpleConditionUiComponent } from './rule-details/conditions/rule-simple-condition.ui-component';
-import { GenericErrorModule, PageLayoutModule } from '@alfresco/aca-shared';
+import { GenericErrorComponent, PageLayoutModule } from '@alfresco/aca-shared';
 import { BreadcrumbModule, ContentNodeSelectorModule, DocumentListModule } from '@alfresco/adf-content-services';
 import { RuleListItemUiComponent } from './rule-list/rule-list-item/rule-list-item.ui-component';
 import { RuleListGroupingUiComponent } from './rule-list/rule-list-grouping/rule-list-grouping.ui-component';
@@ -61,8 +61,8 @@ const routes: Routes = [
     BreadcrumbModule,
     DocumentListModule,
     ExtensionsModule,
-    GenericErrorModule,
-    ContentNodeSelectorModule
+    ContentNodeSelectorModule,
+    GenericErrorComponent
   ],
   declarations: [
     EditRuleDialogUiComponent,
diff --git a/projects/aca-preview/src/lib/preview.module.ts b/projects/aca-preview/src/lib/preview.module.ts
index ecbbe76d5..83f56714d 100644
--- a/projects/aca-preview/src/lib/preview.module.ts
+++ b/projects/aca-preview/src/lib/preview.module.ts
@@ -27,7 +27,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { ContentDirectiveModule, ContentModule } from '@alfresco/adf-content-services';
-import { SharedDirectivesModule, SharedToolbarModule, SharedInfoDrawerModule } from '@alfresco/aca-shared';
+import { SharedDirectivesModule, SharedToolbarModule, InfoDrawerComponent } from '@alfresco/aca-shared';
 import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { PreviewComponent } from './components/preview.component';
 
@@ -52,8 +52,8 @@ const routes: Routes = [
     ContentDirectiveModule,
     SharedDirectivesModule,
     ContentDirectiveModule,
-    SharedInfoDrawerModule,
-    SharedToolbarModule
+    SharedToolbarModule,
+    InfoDrawerComponent
   ],
   declarations: [PreviewComponent],
   exports: [PreviewComponent]
diff --git a/projects/aca-shared/src/lib/components/generic-error/generic-error.component.ts b/projects/aca-shared/src/lib/components/generic-error/generic-error.component.ts
index 2f2c6b8d8..b0537f34f 100644
--- a/projects/aca-shared/src/lib/components/generic-error/generic-error.component.ts
+++ b/projects/aca-shared/src/lib/components/generic-error/generic-error.component.ts
@@ -23,8 +23,12 @@
  */
 
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
+  standalone: true,
+  imports: [MatIconModule, TranslateModule],
   selector: 'aca-generic-error',
   templateUrl: './generic-error.component.html',
   styleUrls: ['./generic-error.component.scss'],
diff --git a/projects/aca-shared/src/lib/components/generic-error/generic-error.module.ts b/projects/aca-shared/src/lib/components/generic-error/generic-error.module.ts
deleted file mode 100644
index 0379e010a..000000000
--- a/projects/aca-shared/src/lib/components/generic-error/generic-error.module.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { NgModule } from '@angular/core';
-import { GenericErrorComponent } from './generic-error.component';
-import { MatIconModule } from '@angular/material/icon';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-
-@NgModule({
-  imports: [CommonModule, MatIconModule, TranslateModule.forChild()],
-  declarations: [GenericErrorComponent],
-  exports: [GenericErrorComponent]
-})
-export class GenericErrorModule {}
diff --git a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.spec.ts b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.spec.ts
index f3fc23373..5fb63091f 100644
--- a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.spec.ts
+++ b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.spec.ts
@@ -60,8 +60,7 @@ describe('InfoDrawerComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [LibTestingModule, SharedToolbarModule],
-      declarations: [InfoDrawerComponent],
+      imports: [LibTestingModule, SharedToolbarModule, InfoDrawerComponent],
       providers: [
         { provide: AppExtensionService, useValue: extensionServiceMock },
         { provide: Store, useValue: storeMock }
diff --git a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.ts b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.ts
index faaa6aed7..5a6e594d4 100644
--- a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.ts
+++ b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.ts
@@ -24,7 +24,7 @@
 
 import { Component, HostListener, Input, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { MinimalNodeEntity, MinimalNodeEntryEntity, SiteEntry } from '@alfresco/js-api';
-import { ContentActionRef, SidebarTabRef } from '@alfresco/adf-extensions';
+import { ContentActionRef, ExtensionsModule, SidebarTabRef } from '@alfresco/adf-extensions';
 import { Store } from '@ngrx/store';
 import { SetInfoDrawerStateAction, ToggleInfoDrawerAction, infoDrawerPreview } from '@alfresco/aca-shared/store';
 import { AppExtensionService } from '../../services/app.extension.service';
@@ -32,7 +32,14 @@ import { ContentApiService } from '../../services/content-api.service';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
 import { ThemePalette } from '@angular/material/core';
+import { CommonModule } from '@angular/common';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { InfoDrawerModule, ToolbarModule } from '@alfresco/adf-core';
+import { SharedToolbarModule } from '../tool-bar/shared-toolbar.module';
+import { TranslateModule } from '@ngx-translate/core';
 @Component({
+  standalone: true,
+  imports: [CommonModule, TranslateModule, MatProgressBarModule, InfoDrawerModule, SharedToolbarModule, ExtensionsModule, ToolbarModule],
   selector: 'aca-info-drawer',
   templateUrl: './info-drawer.component.html'
 })
diff --git a/projects/aca-shared/src/lib/components/info-drawer/shared-info-drawer.module.ts b/projects/aca-shared/src/lib/components/info-drawer/shared-info-drawer.module.ts
deleted file mode 100644
index 7332ec438..000000000
--- a/projects/aca-shared/src/lib/components/info-drawer/shared-info-drawer.module.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { InfoDrawerComponent } from './info-drawer.component';
-import { InfoDrawerModule, ToolbarModule } from '@alfresco/adf-core';
-import { ExtensionsModule } from '@alfresco/adf-extensions';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { SharedToolbarModule } from '../tool-bar/shared-toolbar.module';
-import { TranslateModule } from '@ngx-translate/core';
-import { A11yModule } from '@angular/cdk/a11y';
-
-@NgModule({
-  imports: [CommonModule, InfoDrawerModule, MatProgressBarModule, ExtensionsModule, ToolbarModule, SharedToolbarModule, TranslateModule, A11yModule],
-  declarations: [InfoDrawerComponent],
-  exports: [InfoDrawerComponent]
-})
-export class SharedInfoDrawerModule {}
diff --git a/projects/aca-shared/src/lib/components/locked-by/locked-by.component.ts b/projects/aca-shared/src/lib/components/locked-by/locked-by.component.ts
index db1677918..7d8a830cb 100644
--- a/projects/aca-shared/src/lib/components/locked-by/locked-by.component.ts
+++ b/projects/aca-shared/src/lib/components/locked-by/locked-by.component.ts
@@ -24,8 +24,12 @@
 
 import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
 import { NodeEntry } from '@alfresco/js-api';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatIconModule } from '@angular/material/icon';
 
 @Component({
+  standalone: true,
+  imports: [TranslateModule, MatIconModule],
   selector: 'aca-locked-by',
   template: `
     <mat-icon class="locked_by--icon">lock</mat-icon>
diff --git a/projects/aca-shared/src/lib/components/locked-by/locked-by.module.ts b/projects/aca-shared/src/lib/components/locked-by/locked-by.module.ts
deleted file mode 100644
index 4fdfa9891..000000000
--- a/projects/aca-shared/src/lib/components/locked-by/locked-by.module.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/*!
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Alfresco Example Content Application
- *
- * This file is part of the Alfresco Example Content Application.
- * If the software was purchased under a paid Alfresco license, the terms of
- * the paid license agreement will prevail. Otherwise, the software is
- * provided under the following open source license terms:
- *
- * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * The Alfresco Example Content Application is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
- */
-
-import { NgModule } from '@angular/core';
-import { LockedByComponent } from './locked-by.component';
-import { MatIconModule } from '@angular/material/icon';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-
-@NgModule({
-  imports: [CommonModule, MatIconModule, TranslateModule.forChild()],
-  declarations: [LockedByComponent],
-  exports: [LockedByComponent]
-})
-export class LockedByModule {}
diff --git a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.spec.ts b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.spec.ts
index f52685ff5..0b95b4f30 100644
--- a/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.spec.ts
+++ b/projects/aca-shared/src/lib/components/open-in-app/open-in-app.component.spec.ts
@@ -42,7 +42,7 @@ describe('OpenInAppComponent', () => {
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      imports: [LibTestingModule, SharedModule.forRoot(), MatIconTestingModule],
+      imports: [LibTestingModule, SharedModule, MatIconTestingModule],
       providers: [
         provideMockStore({ initialState }),
         { provide: MAT_DIALOG_DATA, useValue: { redirectUrl: 'mockRedirectUrl', appStoreUrl: 'mockAppStoreUrl' } },
diff --git a/projects/aca-shared/src/lib/shared.module.ts b/projects/aca-shared/src/lib/shared.module.ts
index dd0a22397..fe2e99d46 100644
--- a/projects/aca-shared/src/lib/shared.module.ts
+++ b/projects/aca-shared/src/lib/shared.module.ts
@@ -22,10 +22,7 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { ModuleWithProviders, NgModule } from '@angular/core';
-import { ContentApiService } from './services/content-api.service';
-import { NodePermissionService } from './services/node-permission.service';
-import { AppService } from './services/app.service';
+import { NgModule } from '@angular/core';
 import { ContextActionsModule } from './directives/contextmenu/contextmenu.module';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -36,11 +33,4 @@ import { TranslateModule } from '@ngx-translate/core';
   imports: [ContextActionsModule, MatButtonModule, MatIconModule, MatDialogModule, TranslateModule],
   exports: [ContextActionsModule, MatButtonModule, MatIconModule, MatDialogModule, TranslateModule]
 })
-export class SharedModule {
-  static forRoot(): ModuleWithProviders<SharedModule> {
-    return {
-      ngModule: SharedModule,
-      providers: [ContentApiService, NodePermissionService, AppService]
-    };
-  }
-}
+export class SharedModule {}
diff --git a/projects/aca-shared/src/public-api.ts b/projects/aca-shared/src/public-api.ts
index 6080bd6bc..48906a0fa 100644
--- a/projects/aca-shared/src/public-api.ts
+++ b/projects/aca-shared/src/public-api.ts
@@ -29,16 +29,13 @@ export * from './lib/components/page-layout/page-layout-header.component';
 export * from './lib/components/page-layout/page-layout.component';
 export * from './lib/components/page-layout/page-layout.module';
 export * from './lib/components/locked-by/locked-by.component';
-export * from './lib/components/locked-by/locked-by.module';
 export * from './lib/components/generic-error/generic-error.component';
-export * from './lib/components/generic-error/generic-error.module';
 export * from './lib/components/tool-bar/shared-toolbar.module';
 export * from './lib/components/tool-bar/toolbar-action/toolbar-action.component';
 export * from './lib/components/tool-bar/toolbar-button/toolbar-button.component';
 export * from './lib/components/tool-bar/toolbar-menu/toolbar-menu.component';
 export * from './lib/components/tool-bar/toolbar-menu-item/toolbar-menu-item.component';
 export * from './lib/components/info-drawer/info-drawer.component';
-export * from './lib/components/info-drawer/shared-info-drawer.module';
 export * from './lib/components/document-base-page/document-base-page.component';
 export * from './lib/components/document-base-page/document-base-page.service';
 export * from './lib/components/open-in-app/open-in-app.component';
diff --git a/projects/aca-viewer/src/lib/viewer.module.ts b/projects/aca-viewer/src/lib/viewer.module.ts
index b9e4c04ae..489784f47 100644
--- a/projects/aca-viewer/src/lib/viewer.module.ts
+++ b/projects/aca-viewer/src/lib/viewer.module.ts
@@ -26,7 +26,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { CoreModule } from '@alfresco/adf-core';
 import { ContentDirectiveModule, ContentModule } from '@alfresco/adf-content-services';
-import { SharedDirectivesModule, SharedInfoDrawerModule, SharedToolbarModule } from '@alfresco/aca-shared';
+import { SharedDirectivesModule, InfoDrawerComponent, SharedToolbarModule } from '@alfresco/aca-shared';
 import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AcaViewerComponent } from './components/viewer/viewer.component';
 import { RouterModule, Routes } from '@angular/router';
@@ -51,7 +51,7 @@ const routes: Routes = [
     ContentModule,
     ContentDirectiveModule,
     SharedDirectivesModule,
-    SharedInfoDrawerModule,
+    InfoDrawerComponent,
     SharedToolbarModule
   ],
   declarations: [AcaViewerComponent],