@alfresco/aca-content 5.2.0 → 5.3.0-11955434723

package/fesm2022/alfresco-aca-content.mjs

@@ -1,6 +1,6 @@
 import { DomSanitizer, HammerModule } from '@angular/platform-browser';
 import * as i0 from '@angular/core';
-import { inject, Injectable, SecurityContext, NgZone, RendererFactory2, Component, ViewEncapsulation, Inject, InjectionToken, Input, EventEmitter, Directive, Output, ViewChild, HostListener, DestroyRef, Injector, NgModule, APP_INITIALIZER, Optional, ContentChildren, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Injectable, SecurityContext, NgZone, RendererFactory2, Component, ViewEncapsulation, Inject, InjectionToken, Input, EventEmitter, DestroyRef, Directive, Output, ViewChild, HostListener, Injector, NgModule, APP_INITIALIZER, Optional, ContentChildren, ChangeDetectionStrategy } from '@angular/core';
 import * as i7 from '@angular/forms';
 import { Validators, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormsModule, FormControl, FormGroup } from '@angular/forms';
 import * as i2 from '@alfresco/adf-core';
@@ -18,7 +18,7 @@ import * as i2$3 from '@ngrx/router-store';
 import { StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import * as i3 from '@ngrx/effects';
 import { Actions, createEffect, ofType, EffectsModule } from '@ngrx/effects';
-import { map, mergeMap, catchError, take, tap, first, switchMap, debounceTime, filter, takeUntil, distinctUntilChanged, retryWhen, finalize, skipWhile, delay, concatMap } from 'rxjs/operators';
+import { map, mergeMap, catchError, take, tap, first, switchMap, debounceTime, filter, distinctUntilChanged, takeUntil, retryWhen, finalize, skipWhile, delay, concatMap } from 'rxjs/operators';
 import * as i1$3 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogModule, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { of, Subject, zip, from, forkJoin, fromEvent, BehaviorSubject, Observable, combineLatest, map as map$1, catchError as catchError$1, merge, throwError } from 'rxjs';
@@ -3461,18 +3461,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class OutsideEventDirective {
-    subscriptions = [];
     clickOutside = new EventEmitter();
+    destroyRef = inject(DestroyRef);
     ngOnInit() {
-        this.subscriptions = this.subscriptions.concat([
-            fromEvent(document.body, 'click')
-                .pipe(filter((event) => !this.findAncestor(event.target)))
-                .subscribe(() => this.clickOutside.next())
-        ]);
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
-        this.subscriptions = [];
+        fromEvent(document.body, 'click')
+            .pipe(filter((event) => !this.findAncestor(event.target)), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.clickOutside.next());
     }
     findAncestor(el) {
         const className = 'aca-context-menu';
@@ -4249,7 +4243,6 @@ class MetadataTabComponent {
     tagService;
     categoryService;
     store;
-    onDestroy$ = new Subject();
     _displayCategories = true;
     _displayTags = true;
     node;
@@ -4262,6 +4255,7 @@ class MetadataTabComponent {
     get displayTags() {
         return this._displayTags;
     }
+    destroyRef = inject(DestroyRef);
     constructor(permission, extensions, appConfig, notificationService, contentMetadataService, actions$, tagService, categoryService, store) {
         this.permission = permission;
         this.extensions = extensions;
@@ -4279,12 +4273,12 @@ class MetadataTabComponent {
     ngOnInit() {
         this._displayTags = this.tagService.areTagsEnabled();
         this._displayCategories = this.categoryService.areCategoriesEnabled();
-        this.contentMetadataService.error.pipe(takeUntil(this.onDestroy$)).subscribe((err) => {
+        this.contentMetadataService.error.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((err) => {
             this.notificationService.showError(err.message);
         });
         this.checkIfNodeIsUpdatable(this.node);
         this.actions$
-            .pipe(ofType(NodeActionTypes.EditOffline), filter((updatedNode) => this.node.id === updatedNode.payload.entry.id), takeUntil(this.onDestroy$))
+            .pipe(ofType(NodeActionTypes.EditOffline), filter((updatedNode) => this.node.id === updatedNode.payload.entry.id), takeUntilDestroyed(this.destroyRef))
             .subscribe((updatedNode) => {
             this.checkIfNodeIsUpdatable(updatedNode?.payload.entry);
         });
@@ -4292,16 +4286,12 @@ class MetadataTabComponent {
             return panels.map((panel) => {
                 return { panelTitle: panel.title, component: panel.component };
             });
-        }), takeUntil(this.onDestroy$));
+        }), takeUntilDestroyed(this.destroyRef));
         this.store
             .select(infoDrawerMetadataAspect)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((metadataAspect) => (this.metadataAspect = metadataAspect));
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     checkIfNodeIsUpdatable(node) {
         this.readOnly = !(node && !isLocked({ entry: node }) ? this.permission.check(node, ['update']) : false);
     }
@@ -4400,7 +4390,7 @@ class LibraryMetadataFormComponent {
     matcher = new InstantErrorStateMatcher();
     canUpdateLibrary = false;
     isAdmin = false;
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(alfrescoApiService, store, actions$) {
         this.alfrescoApiService = alfrescoApiService;
         this.store = store;
@@ -4428,12 +4418,12 @@ class LibraryMetadataFormComponent {
         this.toggleEdit();
         this.updateForm(this.node);
         this.form.controls.title.statusChanges
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => (this._titleErrorTranslationKey = this.form.controls.title.errors?.empty
             ? 'LIBRARY.ERRORS.ONLY_SPACES'
             : 'LIBRARY.ERRORS.TITLE_TOO_LONG_OR_MISSING'));
         this.form.controls['title'].valueChanges
-            .pipe(debounceTime(300), mergeMap((title) => this.findLibraryByTitle(title)), takeUntil(this.onDestroy$))
+            .pipe(debounceTime(300), mergeMap((title) => this.findLibraryByTitle(title)), takeUntilDestroyed(this.destroyRef))
             .subscribe((result) => {
             const { entries } = result.list;
             if (entries.length) {
@@ -4450,7 +4440,7 @@ class LibraryMetadataFormComponent {
         });
         this.store
             .select(isAdmin)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
             this.isAdmin = value;
         });
@@ -4458,10 +4448,6 @@ class LibraryMetadataFormComponent {
         this.handleUpdatingEvent(SnackbarActionTypes.Info, 'LIBRARY.SUCCESS.LIBRARY_UPDATED', () => Object.assign(this.node.entry, this.form.value));
         this.handleUpdatingEvent(SnackbarActionTypes.Error, 'LIBRARY.ERRORS.LIBRARY_UPDATE_ERROR', () => this.form.markAsDirty());
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     ngOnChanges() {
         this.updateForm(this.node);
         this.canUpdateLibrary = this.node?.entry?.role === 'SiteManager' || this.isAdmin;
@@ -4494,7 +4480,7 @@ class LibraryMetadataFormComponent {
     }
     handleUpdatingEvent(actionType, payload, handle) {
         this.actions$
-            .pipe(ofType(actionType), filter((action) => action.payload === payload), takeUntil(this.onDestroy$))
+            .pipe(ofType(actionType), filter((action) => action.payload === payload), takeUntilDestroyed(this.destroyRef))
             .subscribe(handle);
     }
     validateEmptyName(control) {
@@ -5044,7 +5030,7 @@ class ToggleFavoriteLibraryComponent {
     appHookService;
     router;
     library;
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(store, appHookService, router) {
         this.store = store;
         this.appHookService = appHookService;
@@ -5054,7 +5040,7 @@ class ToggleFavoriteLibraryComponent {
         const isFavoriteLibraries = this.router.url.startsWith('/favorite/libraries');
         this.store
             .select(getAppSelection)
-            .pipe(distinctUntilChanged(), takeUntil(this.onDestroy$))
+            .pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
             .subscribe((selection) => {
             this.library = { ...selection.library };
             // favorite libraries list should already be marked as favorite
@@ -5063,10 +5049,6 @@ class ToggleFavoriteLibraryComponent {
             }
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     onToggleEvent() {
         this.appHookService.favoriteLibraryToggle.next();
     }
@@ -5399,7 +5381,6 @@ class ExpansionPanelDirective {
     expansionPanel;
     acaExpansionPanel;
     hasActiveChildren = false;
-    onDestroy$ = new Subject();
     onClick() {
         if (this.expansionPanel.expanded && !this.hasActiveLinks() && !this.acaExpansionPanel.data?.canBeInactive) {
             const firstChild = this.acaExpansionPanel.children[0];
@@ -5414,6 +5395,7 @@ class ExpansionPanelDirective {
             }
         }
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, router, expansionPanel) {
         this.store = store;
         this.router = router;
@@ -5428,15 +5410,11 @@ class ExpansionPanelDirective {
     ngOnInit() {
         this.hasActiveChildren = this.hasActiveLinks();
         this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.onDestroy$))
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.hasActiveChildren = this.hasActiveLinks();
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     getNavigationCommands(url) {
         const urlTree = this.router.parseUrl(url);
         const urlSegmentGroup = urlTree.root.children[PRIMARY_OUTLET];
@@ -5494,7 +5472,6 @@ class MenuPanelDirective {
     router;
     acaMenuPanel;
     hasActiveChildren = false;
-    onDestroy$ = new Subject();
     menuOpened() {
         if (this.acaMenuPanel.children && !this.hasActiveLinks()) {
             const firstChild = this.acaMenuPanel.children[0];
@@ -5509,6 +5486,7 @@ class MenuPanelDirective {
             }
         }
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, router) {
         this.store = store;
         this.router = router;
@@ -5522,15 +5500,11 @@ class MenuPanelDirective {
     ngOnInit() {
         this.hasActiveChildren = this.hasActiveLinks();
         this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.onDestroy$))
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.hasActiveChildren = this.hasActiveLinks();
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     getNavigationCommands(url) {
         const urlTree = this.router.parseUrl(url);
         const urlSegmentGroup = urlTree.root.children[PRIMARY_OUTLET];
@@ -5584,9 +5558,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class SidenavHeaderComponent {
-    onDestroy$ = new Subject();
     appSettings = inject(AppSettingsService);
     appExtensions = inject(AppExtensionService);
+    destroyRef = inject(DestroyRef);
     appName = this.appSettings.appName;
     logoUrl = this.appSettings.appLogoUrl;
     landingPage = this.appSettings.landingPage;
@@ -5595,15 +5569,11 @@ class SidenavHeaderComponent {
     ngOnInit() {
         this.appExtensions
             .getHeaderActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.actions = actions;
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SidenavHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SidenavHeaderComponent, isStandalone: true, selector: "app-sidenav-header", outputs: { toggleNavBar: "toggleNavBar" }, host: { classAttribute: "app-sidenav-header" }, ngImport: i0, template: "<div class=\"aca-sidenav-header\" data-automation-id=\"app-sidenav-header\">\n  <div class=\"aca-sidenav-header-title\" data-automation-id=\"app-sidenav-header-title\">\n    <div class=\"aca-sidenav-header-title-logo\"\n      tabindex=0\n      data-automation-id=\"app-sidenav-header-title-logo\"\n      (click)=\"toggleNavBar.emit()\"\n      (keypress)=\"toggleNavBar.emit()\">\n      <img\n        src=\"{{ logoUrl }}\"\n        title=\"{{'APP.TOOLTIPS.COLLAPSE_NAVIGATION' | translate}}\"\n        alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\" />\n    </div>\n\n    <div\n      class=\"aca-sidenav-header-title-text\"\n      data-automation-id=\"app-sidenav-header-title-text\"\n      [routerLink]=\"landingPage\">\n      {{ appName | translate }}\n    </div>\n\n    <aca-toolbar [items]=\"actions\" />\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -5724,7 +5694,7 @@ class ActiveLinkDirective {
     acaActiveLink;
     links;
     isLinkActive = false;
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(router, element, renderer, action) {
         this.router = router;
         this.element = element;
@@ -5733,7 +5703,7 @@ class ActiveLinkDirective {
     }
     ngOnInit() {
         this.router.events
-            .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.onDestroy$))
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => {
             this.update(event.urlAfterRedirects);
         });
@@ -5871,7 +5841,7 @@ class SidenavComponent {
     navigationHistoryService;
     data = {};
     groups = [];
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(store, extensions, appService, navigationHistoryService) {
         this.store = store;
         this.extensions = extensions;
@@ -5881,16 +5851,16 @@ class SidenavComponent {
     ngOnInit() {
         this.store
             .select(getSideNavState)
-            .pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.onDestroy$))
+            .pipe(debounceTime(300), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
             this.groups = this.extensions.getApplicationNavigation(this.extensions.navbar);
         });
         this.appService.setAppNavbarMode(this.data.mode);
-        this.appService.toggleAppNavBar$.pipe(takeUntil(this.onDestroy$)).subscribe(() => this.toggleNavBar());
-        this.data.layout.expanded.pipe(takeUntil(this.onDestroy$)).subscribe(() => this.setNavBarMode());
+        this.appService.toggleAppNavBar$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.toggleNavBar());
+        this.data.layout.expanded.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.setNavBarMode());
         this.navigationHistoryService
             .listenToRouteChanges()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((event) => {
             this.navigationHistoryService.setHistory(event, 3);
         });
@@ -5911,10 +5881,6 @@ class SidenavComponent {
         this.data.layout.toggleMenu();
         this.setNavBarMode();
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Store }, { token: i1$1.AppExtensionService }, { token: i1$1.AppService }, { token: i1$1.NavigationHistoryService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SidenavComponent, isStandalone: true, selector: "app-sidenav", inputs: { data: "data" }, host: { classAttribute: "app-sidenav" }, ngImport: i0, template: "<div class=\"aca-sidenav\">\n    <app-sidenav-header (toggleNavBar)=\"toggleClick()\" />\n\n    <div class=\"aca-sidenav__section\">\n      <div *ngFor=\"let group of groups; trackBy: trackByGroupId\" class=\"aca-sidenav__section__actions\">\n          <mat-list-item class=\"aca-sidenav__section__actions__item\" *ngFor=\"let item of group.items; trackBy: trackByLinkId\">\n            <ng-container *ngIf=\"!item.component\">\n              <app-expand-menu [item]=\"item\" />\n            </ng-container>\n            <ng-container *ngIf=\"item.component\">\n              <adf-dynamic-component [data]=\"{ item: item, state: 'expanded' }\" [id]=\"item.component\" />\n            </ng-container>\n          </mat-list-item>\n      </div>\n    </div>\n</div>\n", styles: [".aca-sidenav{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:hidden;background:var(--theme-sidenav-background-color)}.aca-sidenav-header{padding:32px 0}.aca-sidenav-header-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}.aca-sidenav-header-title-logo img{cursor:pointer;height:28px;vertical-align:middle;transform:scale(.7)}.aca-sidenav-header-title-text{flex:1;color:var(--theme-sidenav-text-color);padding-left:12px;letter-spacing:.25px;font-style:normal;font-weight:400;font-size:var(--theme-body-1-font-size);cursor:pointer}.aca-sidenav__section{overflow-y:auto}.aca-sidenav__section .aca-expansion-panel{width:100%;background-color:unset;box-shadow:none;border-radius:0}.aca-sidenav__section .aca-expansion-panel-header{padding:0 32px 0 0;display:flex;align-items:center;border:none}.aca-sidenav__section .aca-expansion-panel-header span:after{transform:rotate(226deg)}.aca-sidenav__section .aca-expansion-panel-header-title{display:flex;flex-direction:row}.aca-sidenav__section .aca-expansion-panel-header-title .aca-action-button__label{font-size:var(--theme-caption-font-size)}.aca-sidenav__section .aca-expansion-panel .aca-expansion-panel-header:hover{background:var(--adf-theme-background-hover-color)}.aca-sidenav__section .aca-expansion-panel-item{flex-direction:row;display:flex;align-items:center;text-decoration:none;width:100%;-webkit-user-select:none;user-select:none}.aca-sidenav__section .aca-expansion-panel-item .aca-action-button__label{color:var(--theme-action-button-text-color)}.aca-sidenav__section .aca-expansion-panel-item:hover .aca-action-button__label{color:var(--theme-sidenav-active-text-color)}.aca-sidenav__section .aca-expansion-panel-body{margin:0 -24px 16px;font-size:var(--theme-body-1-font-size)}.aca-sidenav__section .aca-expansion-panel-body button{line-height:32px;align-items:center}.aca-sidenav__section .aca-action-button{cursor:pointer;color:var(--theme-action-button-text-color);height:32px;padding:0 24px;border-radius:0;line-height:32px;justify-content:start}.aca-sidenav__section .aca-action-button--active{color:var(--theme-sidenav-active-text-color);background:var(--theme-selected-background-color)}.aca-sidenav__section .aca-full-width{display:flex;width:100%}.aca-sidenav__section__actions__item:has(span){padding:0}.aca-sidenav__section__actions__item:has(span) span{pointer-events:auto}.aca-sidenav__section__actions:last-child{border-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SidenavHeaderComponent, selector: "app-sidenav-header", outputs: ["toggleNavBar"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: ExpandMenuComponent, selector: "app-expand-menu", inputs: ["item"], outputs: ["actionClicked"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -6253,13 +6219,13 @@ class ToggleSharedComponent {
     selectionState;
     selectionLabel = '';
     isShared = false;
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(store) {
         this.store = store;
     }
     ngOnInit() {
         this.selection$ = this.store.select(getAppSelection);
-        this.selection$.pipe(takeUntil(this.onDestroy$)).subscribe((selectionState) => {
+        this.selection$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((selectionState) => {
             this.selectionState = selectionState;
             this.isShared =
                 (this.selectionState?.first?.entry && this.selectionState.first.entry.sharedByUser) ||
@@ -6267,10 +6233,6 @@ class ToggleSharedComponent {
             this.selectionLabel = this.isShared ? 'APP.ACTIONS.SHARE_EDIT' : 'APP.ACTIONS.SHARE';
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     editSharedNode(selection, focusedElementOnCloseSelector) {
         this.store.dispatch(new ShareNodeAction(selection.first, {
             focusedElementOnCloseSelector
@@ -6621,7 +6583,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class SearchInputControlComponent {
-    onDestroy$ = new Subject();
     /** Type of the input field to render, e.g. "search" or "text" (default). */
     inputType = 'text';
     /** Emitted when the search is submitted pressing ENTER button.
@@ -6637,10 +6598,6 @@ class SearchInputControlComponent {
     searchChange = new EventEmitter();
     searchInput;
     searchTerm = '';
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     searchSubmit(event) {
         this.submit.emit(event);
     }
@@ -6707,7 +6664,6 @@ class SearchInputComponent {
     appService;
     searchInputService;
     notificationService = inject(NotificationService);
-    onDestroy$ = new Subject();
     has400LibraryError = false;
     hasLibrariesConstraint = false;
     searchOnChange;
@@ -6734,6 +6690,7 @@ class SearchInputComponent {
     ];
     searchInputControl;
     trigger;
+    destroyRef = inject(DestroyRef);
     constructor(queryBuilder, queryLibrariesBuilder, config, router, route, store, appHookService, appService, searchInputService) {
         this.queryBuilder = queryBuilder;
         this.queryLibrariesBuilder = queryLibrariesBuilder;
@@ -6748,14 +6705,14 @@ class SearchInputComponent {
     }
     ngOnInit() {
         this.showInputValue();
-        this.route.queryParams.pipe(takeUntil(this.onDestroy$)).subscribe((params) => {
+        this.route.queryParams.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((params) => {
             const encodedQuery = params['q'];
             if (encodedQuery && this.searchInputControl) {
                 this.searchedWord = extractSearchedWordFromEncodedQuery(encodedQuery);
                 this.searchInputControl.searchTerm = this.searchedWord;
             }
         });
-        this.appHookService.library400Error.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.appHookService.library400Error.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.has400LibraryError = true;
             this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
         });
@@ -6774,8 +6731,6 @@ class SearchInputComponent {
     }
     ngOnDestroy() {
         this.appService.setAppNavbarMode('expanded');
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
         this.removeContentFilters();
     }
     onMenuOpened() {
@@ -6960,10 +6915,10 @@ class DocumentListDirective {
     documentListService;
     isLibrary = false;
     selectedNode;
-    onDestroy$ = new Subject();
     get sortingPreferenceKey() {
         return this.route.snapshot.data.sortingPreferenceKey;
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, documentList, preferences, route, router, documentListService) {
         this.store = store;
         this.documentList = documentList;
@@ -6997,19 +6952,15 @@ class DocumentListDirective {
             }
         }
         this.documentList.ready
-            .pipe(filter(() => !this.router.url.includes('viewer:view')), takeUntil(this.onDestroy$))
+            .pipe(filter(() => !this.router.url.includes('viewer:view')), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => this.onReady());
-        this.documentListService.reload$.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.documentListService.reload$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.reload();
         });
-        this.documentListService.resetSelection$.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.documentListService.resetSelection$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.reset();
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     onSortingChanged(event) {
         if (this.sortingPreferenceKey) {
             if (this.documentList.sortingMode === 'client') {
@@ -7186,7 +7137,7 @@ class SearchLibrariesResultsComponent extends PageComponent {
             catch (e) { }
         }));
         if (this.route) {
-            this.route.queryParams.pipe(takeUntil(this.onDestroy$)).subscribe((params) => {
+            this.route.queryParams.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((params) => {
                 const encodedQuery = params[this.queryParamName] || null;
                 this.searchedWord = extractSearchedWordFromEncodedQuery(encodedQuery);
                 if (this.searchedWord?.length > 1) {
@@ -7398,22 +7349,18 @@ class DatatableCellBadgesComponent {
     appExtensionService;
     node;
     badges;
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(appExtensionService) {
         this.appExtensionService = appExtensionService;
     }
     ngOnInit() {
         this.appExtensionService
             .getBadges(this.node)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((badges) => {
             this.badges = badges;
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     onBadgeClick(badge) {
         if (badge.actions?.click) {
             this.appExtensionService.runActionById(badge.actions?.click, this.node);
@@ -7464,7 +7411,6 @@ class SearchResultsRowComponent {
     highlightPrefix = "<span class='aca-highlight'>";
     highlightPostfix = '</span>';
     node;
-    onDestroy$ = new Subject();
     context;
     name$ = new BehaviorSubject('');
     title$ = new BehaviorSubject('');
@@ -7475,6 +7421,7 @@ class SearchResultsRowComponent {
     descriptionStripped = '';
     contentStripped = '';
     isFile = false;
+    destroyRef = inject(DestroyRef);
     constructor(store, nodesApiService, router, autoDownloadService) {
         this.store = store;
         this.nodesApiService = nodesApiService;
@@ -7483,7 +7430,7 @@ class SearchResultsRowComponent {
     }
     ngOnInit() {
         this.updateValues();
-        this.nodesApiService.nodeUpdated.pipe(takeUntil(this.onDestroy$)).subscribe((node) => {
+        this.nodesApiService.nodeUpdated.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((node) => {
             const row = this.context.row;
             if (row) {
                 const { entry } = row.node;
@@ -7533,10 +7480,6 @@ class SearchResultsRowComponent {
             this.titleStripped = this.stripHighlighting(title);
         }
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     showPreview(event) {
         event.stopPropagation();
         if (!this.settings.autoDownloadEnabled || !this.autoDownloadService.tryDownload(this.node, this.settings.authDownloadThreshold)) {
@@ -7570,7 +7513,7 @@ class BulkActionsDropdownComponent {
     store = inject(Store);
     translationService = inject(TranslationService);
     extensions = inject(AppExtensionService);
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     totalItems$ = this.store.select(getSearchItemsTotalCount);
     ngOnInit() {
         this.totalItems$
@@ -7589,19 +7532,15 @@ class BulkActionsDropdownComponent {
                     this.translationService.get('SEARCH.BULK_ACTIONS_DROPDOWN.BULK_NOT_AVAILABLE_TOOLTIP')
                 ]);
             }
-        }), takeUntil(this.onDestroy$))
+        }), takeUntilDestroyed(this.destroyRef))
             .subscribe(([placeholder, title]) => {
             this.tooltip = title;
             this.placeholder = placeholder;
         });
-        this.extensions.bulkActionExecuted$.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.extensions.bulkActionExecuted$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.bulkSelectControl.setValue(null);
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     runAction(actionOption) {
         this.extensions.runActionById(actionOption.actions.click, {
             focusedElementOnCloseSelector: '.adf-context-menu-source'
@@ -7726,7 +7665,6 @@ class SearchAiInputComponent {
     storedNodesKey = 'knowledgeRetrievalNodes';
     _agentControl = new FormControl(null);
     _agents = [];
-    onDestroy$ = new Subject();
     selectedNodesState;
     _queryControl = new FormControl('');
     _initialsByAgentId = {};
@@ -7742,6 +7680,7 @@ class SearchAiInputComponent {
     get initialsByAgentId() {
         return this._initialsByAgentId;
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, searchAiService, notificationService, agentService, userPreferencesService, translateService, modalAiService) {
         this.store = store;
         this.searchAiService = searchAiService;
@@ -7757,7 +7696,7 @@ class SearchAiInputComponent {
         if (!this.usedInAiResultsPage) {
             this.store
                 .select(getAppSelection)
-                .pipe(takeUntil(this.onDestroy$))
+                .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((selection) => {
                 this.selectedNodesState = selection;
             });
@@ -7767,7 +7706,7 @@ class SearchAiInputComponent {
         }
         this.agentService
             .getAgents()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((agents) => {
             this._agents = agents;
             this.agentControl.setValue(this._agents.find((agent) => agent.id === this.agentId));
@@ -7778,10 +7717,6 @@ class SearchAiInputComponent {
             }, {});
         }, () => this.notificationService.showError(this.translateService.instant('KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.AGENTS_FETCHING')));
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     onSearchSubmit() {
         this.modalAiService.openUnsavedChangesModal(() => this.search());
     }
@@ -8122,7 +8057,6 @@ class SearchResultsComponent extends PageComponent {
     encodedQuery;
     searchConfig;
     loadedFilters$ = new Subject();
-    destroyRef = inject(DestroyRef);
     constructor(tagsService, queryBuilder, changeDetectorRef, route, translationService, savedSearchesService) {
         super();
         this.queryBuilder = queryBuilder;
@@ -8378,9 +8312,9 @@ class CustomNameColumnComponent extends NameColumnComponent {
     cd;
     actions$;
     nodesService;
-    onDestroy$$ = new Subject();
     isFile;
     isFileWriteLocked;
+    destroy = inject(DestroyRef);
     constructor(element, cd, actions$, nodesService) {
         super(element, nodesService);
         this.cd = cd;
@@ -8391,7 +8325,7 @@ class CustomNameColumnComponent extends NameColumnComponent {
         this.updateValue();
         this.isFile = this.node?.entry && !this.node.entry.isFolder;
         this.isFileWriteLocked = isLocked(this.node);
-        this.nodesService.nodeUpdated.pipe(takeUntil(this.onDestroy$$)).subscribe((node) => {
+        this.nodesService.nodeUpdated.pipe(takeUntilDestroyed(this.destroy)).subscribe((node) => {
             const row = this.context.row;
             if (row) {
                 const { entry } = row.node;
@@ -8407,7 +8341,7 @@ class CustomNameColumnComponent extends NameColumnComponent {
             }
         });
         this.actions$
-            .pipe(ofType(NodeActionTypes.EditOffline), filter((val) => this.node.entry.id === val.payload.entry.id), takeUntil(this.onDestroy$$))
+            .pipe(ofType(NodeActionTypes.EditOffline), filter((val) => this.node.entry.id === val.payload.entry.id), takeUntilDestroyed(this.destroy))
             .subscribe(() => {
             this.isFileWriteLocked = isLocked(this.node);
             this.cd.detectChanges();
@@ -8417,10 +8351,6 @@ class CustomNameColumnComponent extends NameColumnComponent {
         event.stopPropagation();
         this.onClick();
     }
-    ngOnDestroy() {
-        this.onDestroy$$.next(true);
-        this.onDestroy$$.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CustomNameColumnComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i3.Actions }, { token: i1$2.NodesApiService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CustomNameColumnComponent, isStandalone: true, selector: "aca-custom-name-column", host: { classAttribute: "adf-datatable-content-cell adf-datatable-link adf-name-column aca-custom-name-column" }, usesInheritance: true, ngImport: i0, template: "<div class=\"aca-custom-name-column\">\n  <div class=\"aca-name-column-container\">\n    <span\n      role=\"link\"\n      tabindex=\"0\"\n      [attr.aria-label]=\"\n        (isFile ? 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FILE_LINK_ARIA_LABEL' : 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FOLDER_LINK_ARIA_LABEL')\n          | translate : { name: displayText$ | async }\n      \"\n      class=\"adf-datatable-cell-value\"\n      title=\"{{ node | adfNodeNameTooltip }}\"\n      (click)=\"onLinkClick($event)\"\n      (keyup.enter)=\"onLinkClick($event)\"\n    >\n      {{ displayText$ | async }}\n    </span>\n\n    <ng-container *ngIf=\"isFile && isFileWriteLocked\">\n      <aca-locked-by [node]=\"context.row.node\" />\n    </ng-container>\n  </div>\n  <aca-datatable-cell-badges [node]=\"node\" />\n</div>\n", styles: [".aca-custom-name-column{display:flex;align-items:center;justify-content:space-between;width:100%}.aca-custom-name-column .aca-name-column-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aca-custom-name-column .aca-name-column-container .aca-locked-by{display:flex;align-items:center;color:#0000008a;max-width:100%;padding-right:10px}.aca-custom-name-column .aca-name-column-container .aca-locked-by--name{overflow:hidden;text-overflow:ellipsis}.adf-datatable-content-cell.adf-name-column.aca-custom-name-column{position:unset}.adf-datatable-list .adf-datatable-link:hover .aca-datatable-cell-badges{color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: LockedByComponent, selector: "aca-locked-by", inputs: ["node"] }, { kind: "pipe", type: NodeNameTooltipPipe, name: "adfNodeNameTooltip" }, { kind: "component", type: DatatableCellBadgesComponent, selector: "aca-datatable-cell-badges", inputs: ["node"] }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -8484,14 +8414,14 @@ class FilesComponent extends PageComponent {
         super.ngOnInit();
         const { data } = this.route.snapshot;
         this.title = data.title;
-        this.route.queryParamMap.pipe(takeUntil(this.onDestroy$)).subscribe((queryMap) => {
+        this.route.queryParamMap.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((queryMap) => {
             this.queryParams = queryMap.params;
         });
-        this.route.params.pipe(takeUntil(this.onDestroy$)).subscribe(({ folderId }) => {
+        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ folderId }) => {
             const nodeId = folderId || data.defaultNodeId;
             this.contentApi
                 .getNode(nodeId)
-                .pipe(takeUntil(this.onDestroy$))
+                .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((node) => {
                 this.isValidPath = true;
                 if (node?.entry?.isFolder) {
@@ -8511,11 +8441,11 @@ class FilesComponent extends PageComponent {
         ]);
         this.store
             .select(isAdmin)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
             this.isAdmin = value;
         });
-        this.extensions.filesDocumentListPreset$.pipe(takeUntil(this.onDestroy$)).subscribe((preset) => {
+        this.extensions.filesDocumentListPreset$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((preset) => {
             this.columns = preset;
         });
         if (this.queryParams && Object.keys(this.queryParams).length > 0) {
@@ -9179,11 +9109,11 @@ class DetailsComponent extends PageComponent {
     contentService;
     nodeId;
     isLoading;
-    onDestroy$ = new Subject();
     activeTab = 1;
     aspectActions = [];
     nodeIcon;
     canManagePermissions = true;
+    onDestroy$ = new Subject();
     constructor(route, contentApi, contentService) {
         super();
         this.route = route;
@@ -9243,9 +9173,10 @@ class DetailsComponent extends PageComponent {
         this.store.dispatch(new NavigateToFolder({ entry: path }));
     }
     ngOnDestroy() {
-        this.store.dispatch(new SetSelectedNodesAction([]));
         this.onDestroy$.next();
         this.onDestroy$.complete();
+        this.store.dispatch(new SetSelectedNodesAction([]));
+        super.ngOnDestroy();
     }
     isSmartFolder() {
         if (!this.node?.isFolder) {
@@ -9355,12 +9286,11 @@ class ViewProfileComponent {
     contactSectionDropdown = false;
     contactSectionButtonsToggle = true;
     appNavNarMode$;
-    onDestroy$ = new Subject();
     constructor(router, apiService, appService) {
         this.router = router;
         this.appService = appService;
         this.peopleApi = new PeopleApi(apiService.getInstance());
-        this.appNavNarMode$ = appService.appNavNarMode$.pipe(takeUntil(this.onDestroy$));
+        this.appNavNarMode$ = appService.appNavNarMode$.pipe(takeUntilDestroyed());
     }
     ngOnInit() {
         this.populateForm(this.personDetails);
@@ -9480,10 +9410,6 @@ class ViewProfileComponent {
     isSaveButtonDisabled() {
         return this.profileForm.invalid;
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ViewProfileComponent, deps: [{ token: i2$1.Router }, { token: i1$2.AlfrescoApiService }, { token: i1$1.AppService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ViewProfileComponent, isStandalone: true, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\" mat-icon-button (click)=\"toggleClick()\"\n        title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n        <mat-icon>menu</mat-icon>\n      </button>\n      <mat-icon class=\"app-profile-icon\" (click)=\"navigateToPersonalFiles()\" id=\"backButton\">arrow_back</mat-icon>\n      <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleGeneralDropdown()\" id=\"toggle-general-dropdown\">\n          {{ generalSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"generalSectionButtonsToggle\">\n        <button mat-raised-button (click)=\"toggleGeneralButtons()\" id=\"general-edit-button\"\n          class=\"app-general-edit\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!generalSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"general-cancel-button\"\n          (click)=\"toggleGeneralButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button class=\"app-general-save-btn\" id=\"general-save-button\" [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveGeneralData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-divider\" *ngIf=\"generalSectionDropdown\" />\n    <div *ngIf=\"generalSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.jobTitle}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"jobTitle\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\"  *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.location}}</p>\n          <input type=\"text\" value=\"\" formControlName=\"location\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.telephone}}</p>\n          <input type=\"tel\" name=\"Telephone\" value=\"\" formControlName=\"telephone\" *ngIf=\"!generalSectionButtonsToggle\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('telephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"generalSectionButtonsToggle\">{{personDetails?.mobile}}</p>\n        <input type=\"tel\" value=\"\" formControlName=\"mobile\" *ngIf=\"!generalSectionButtonsToggle\"\n          class=\"app-profile-general-dropdown-input-details app-selected\">\n        <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('mobile').invalid\">\n          {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n        </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n        <mat-icon class=\"app-profile-general-icon\" (click)=\"toggleContactDropdown()\" id=\"toggle-contact-dropdown\">\n          {{ contactSectionDropdown ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n      </div>\n\n      <div class=\"app-general-edit-btn\" *ngIf=\"contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-edit\" id=\"contact-edit-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.EDIT' | translate}}</button>\n      </div>\n      <div class=\"app-general-edit-btn\" *ngIf=\"!contactSectionButtonsToggle\">\n        <button mat-raised-button class=\"app-general-cancel-btn\" id=\"contact-cancel-button\"\n          (click)=\"toggleContactButtons()\">{{'APP.EDIT_PROFILE.CANCEL' | translate}}</button>\n        <button mat-raised-button  class=\"app-general-save-btn\" id=\"contact-save-button\" [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveCompanyData(profileForm)\">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>\n      </div>\n    </div>\n    <mat-divider class=\"app-divider\" *ngIf=\"contactSectionDropdown\" />\n    <div *ngIf=\"contactSectionDropdown\">\n      <div class=\"app-general-dropdown\">\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.organization}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyName\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.address1}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyAddress\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.postcode}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyPostCode\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.telephone}}</p>\n          <input type=\"tel\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyTelephone\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyTelephone').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n        <mat-divider class=\"app-general-dropdown-divider\" />\n        <div class=\"app-general-dropdown-details\">\n          <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n          <p class=\"app-profile-general-dropdown-details\" *ngIf=\"contactSectionButtonsToggle\">{{personDetails?.company?.email}}</p>\n          <input type=\"text\" value=\"\" *ngIf=\"!contactSectionButtonsToggle\" formControlName=\"companyEmail\"\n            class=\"app-profile-general-dropdown-input-details app-selected\">\n          <mat-error class=\"app-error-message\" *ngIf=\"profileForm.get('companyEmail').invalid\">\n            {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n          </mat-error>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-icon{margin-right:1rem;cursor:pointer}app-view-profile .app-profile-general-icon{cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}app-view-profile .app-profile-general{display:flex;padding-left:1rem}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;width:60%;padding-top:1rem;cursor:pointer}app-view-profile .app-general-title{margin-left:.6rem;margin-top:4px;letter-spacing:.5px}app-view-profile .app-general-edit-btn{width:60%;text-align:end}app-view-profile .app-general-edit-btn .app-general-edit{background:var(--theme-grey-text-background-color);height:30px;margin:1rem}app-view-profile .app-general-edit-btn .app-general-cancel-btn{height:30px;margin:1rem 1rem 1rem .5rem;background-color:var(--theme-grey-text-background-color);padding-top:.25px}app-view-profile .app-general-edit-btn .app-general-save-btn{width:75px;height:30px;margin:1rem 1rem 1rem .5rem;color:#fff;background-color:var(--theme-blue-button-color);font-weight:600}app-view-profile .app-divider{border-top-width:2px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-selected:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-edit:hover{background:var(--theme-grey-hover-background-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}app-view-profile .app-profile-contact-row{margin:2rem 0 5rem 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i7$2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i7$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -9552,10 +9478,10 @@ class SharedLinkViewComponent {
     extensions;
     alfrescoApiService;
     appService;
-    onDestroy$ = new Subject();
-    sharedLinksApi;
     sharedLinkId = null;
     viewerToolbarActions = [];
+    sharedLinksApi;
+    destroyRef = inject(DestroyRef);
     constructor(route, store, extensions, alfrescoApiService, appService) {
         this.route = route;
         this.store = store;
@@ -9576,15 +9502,11 @@ class SharedLinkViewComponent {
         });
         this.extensions
             .getSharedLinkViewerToolbarActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.viewerToolbarActions = actions;
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedLinkViewComponent, deps: [{ token: i2$1.ActivatedRoute }, { token: i1.Store }, { token: i1$1.AppExtensionService }, { token: i1$2.AlfrescoApiService }, { token: i1$1.AppService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SharedLinkViewComponent, isStandalone: true, selector: "app-shared-link-view", host: { classAttribute: "app-shared-link-view" }, ngImport: i0, template: "<ng-container *ngIf=\"sharedLinkId\">\n  <adf-alfresco-viewer [allowPrint]=\"false\" [allowDownload]=\"false\" [allowFullScreen]=\"false\" [sharedLinkId]=\"sharedLinkId\" [allowGoBack]=\"false\">\n    <adf-viewer-toolbar-actions>\n      <aca-toolbar [items]=\"viewerToolbarActions\" />\n    </adf-viewer-toolbar-actions>\n  </adf-alfresco-viewer>\n</ng-container>\n", styles: [".app-shared-link-view{width:100%;height:100%}.app-shared-link-view .adf-alfresco-viewer .adf-viewer{position:relative}.app-shared-link-view .adf-viewer-toolbar .adf-toolbar-divider{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ViewerModule }, { kind: "component", type: i2.ViewerToolbarActionsComponent, selector: "adf-viewer-toolbar-actions" }, { kind: "ngmodule", type: AlfrescoViewerModule }, { kind: "component", type: i1$2.AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None });
 }
@@ -9729,7 +9651,7 @@ class SearchAiResultsComponent extends PageComponent {
             const openedViewerPreviously = this.openedViewer;
             this.openedViewer = !!params.location;
             return !this.openedViewer && (!openedViewerPreviously || !this.queryAnswer);
-        }), takeUntil(this.onDestroy$))
+        }), takeUntilDestroyed(this.destroyRef))
             .subscribe((params) => {
             this._agentId = params.agentId;
             this._searchQuery = params.query ? decodeURIComponent(params.query) : '';
@@ -9749,10 +9671,6 @@ class SearchAiResultsComponent extends PageComponent {
             headerText: 'KNOWLEDGE_RETRIEVAL.SEARCH.DISCARD_CHANGES.WARNING'
         };
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     copyResponseToClipboard() {
         this.clipboardService.copyContentToClipboard(this.queryAnswer.answer, this.translateService.instant('KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.COPY_MESSAGE'));
     }
@@ -9773,7 +9691,7 @@ class SearchAiResultsComponent extends PageComponent {
             }
             this._queryAnswer = response.entry;
             return forkJoin(this.queryAnswer.references.map((reference) => this.nodesApiService.getNode(reference.referenceId)));
-        }), retryWhen((errors) => this.aiSearchRetryWhen(errors)), finalize(() => (this._loading = false)), takeUntil(this.onDestroy$))
+        }), retryWhen((errors) => this.aiSearchRetryWhen(errors)), finalize(() => (this._loading = false)), takeUntilDestroyed(this.destroyRef))
             .subscribe((nodes) => {
             nodes.forEach((node) => {
                 this._mimeTypeIconsByNodeId[node.id] = this.thumbnailService.getMimeTypeIcon(node.content?.mimeType);
@@ -10623,14 +10541,9 @@ const CONTENT_LAYOUT_ROUTES = {
 class UploadFilesDialogComponent {
     store;
     showFileUploadingDialog$;
-    onDestroy$ = new Subject();
     constructor(store) {
         this.store = store;
-        this.showFileUploadingDialog$ = this.store.select(getFileUploadingDialog).pipe(delay(0), takeUntil(this.onDestroy$));
-    }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
+        this.showFileUploadingDialog$ = this.store.select(getFileUploadingDialog).pipe(delay(0), takeUntilDestroyed());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: UploadFilesDialogComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: UploadFilesDialogComponent, isStandalone: true, selector: "aca-upload-files-dialog", ngImport: i0, template: "<adf-file-uploading-dialog *ngIf=\"showFileUploadingDialog$ | async\" position=\"left\" />", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: UploadModule }, { kind: "component", type: i1$2.FileUploadingDialogComponent, selector: "adf-file-uploading-dialog", inputs: ["position", "alwaysVisible"], outputs: ["error"] }], encapsulation: i0.ViewEncapsulation.None });
@@ -10673,7 +10586,6 @@ class AgentsButtonComponent {
     data;
     selectedNodesState;
     _agents = [];
-    onDestroy$ = new Subject();
     _disabled = true;
     _initialsByAgentId = {};
     _hxInsightUrl;
@@ -10689,6 +10601,7 @@ class AgentsButtonComponent {
     get hxInsightUrl() {
         return this._hxInsightUrl;
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, notificationService, searchAiService, agentService, translateService, cd) {
         this.store = store;
         this.notificationService = notificationService;
@@ -10700,7 +10613,7 @@ class AgentsButtonComponent {
     ngOnInit() {
         this.store
             .select(getAppSelection)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((selection) => {
             this.selectedNodesState = selection;
         });
@@ -10720,10 +10633,6 @@ class AgentsButtonComponent {
             }
         }, (error) => this.notificationService.showError(this.translateService.instant(error)));
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     onClick() {
         if (!this.selectedNodesState.isEmpty) {
             const message = this.searchAiService.checkSearchAvailability(this.selectedNodesState);
@@ -10780,22 +10689,18 @@ class SaveSearchSidenavComponent {
     savedSearchesService = inject(SavedSearchesService);
     appService = inject(AppService);
     translationService = inject(TranslationService);
-    destroy$ = new Subject();
     item;
     manageSearchesId = 'manage-saved-searches';
+    destroyRef = inject(DestroyRef);
     ngOnInit() {
         this.savedSearchesService.innit();
         this.savedSearchesService.savedSearches$
             .asObservable()
-            .pipe(takeUntil(this.destroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((savedSearches) => {
             this.item = this.createNavBarLinkRef(savedSearches);
         });
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     onActionClick(el) {
         if (el.id !== this.manageSearchesId) {
             this.appService.appNavNarMode$.next('collapsed');