@alfresco/aca-shared 5.1.1 → 5.2.0-11950694546

package/{fesm2020 → fesm2022}/alfresco-aca-shared.mjs

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, Injectable, Inject, NgModule, ViewChild, QueryList, ViewChildren, HostListener, Directive } from '@angular/core';
+import { InjectionToken, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, Injectable, Inject, NgModule, ViewChild, QueryList, ViewChildren, HostListener, DestroyRef, Directive } from '@angular/core';
 import { of, forkJoin, from, BehaviorSubject, Subject } from 'rxjs';
-import { map, tap, catchError, filter, takeUntil, debounceTime } from 'rxjs/operators';
+import { map, tap, catchError, filter, startWith, debounceTime } from 'rxjs/operators';
 import * as i1 from '@alfresco/adf-core';
-import { AppConfigService, CloseButtonPosition, NotificationService, IconComponent, IconModule, InfoDrawerModule, ShowHeaderMode, TranslationService, TranslationMock, TranslateLoaderService } from '@alfresco/adf-core';
+import { AppConfigService, CloseButtonPosition, NotificationService, IconComponent, IconModule, InfoDrawerModule, ShowHeaderMode, UserPreferencesService, TranslationService, TranslationMock, TranslateLoaderService } from '@alfresco/adf-core';
 import * as i4 from '@alfresco/adf-content-services';
 import { AlfrescoApiService, GroupService, FileAutoDownloadComponent, DocumentListService, UploadService, SearchAiService, DocumentListComponent, AlfrescoApiServiceMock } from '@alfresco/adf-content-services';
 import * as i7 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i3 from '@angular/router';
-import { ActivationEnd, NavigationStart, Router } from '@angular/router';
-import { SetCurrentUrlAction, ResetSelectionAction, SetRepositoryInfoAction, SetUserProfileAction, getRuleContext, infoDrawerPreview, SetInfoDrawerStateAction, ToggleInfoDrawerAction, isInfoDrawerOpened, getAppSelection, getCurrentFolder, SetSelectedNodesAction, ViewNodeAction, ContextMenu, isQuickShareEnabled } from '@alfresco/aca-shared/store';
+import { ActivationEnd, NavigationStart, NavigationEnd, Router } from '@angular/router';
+import { SetCurrentUrlAction, ResetSelectionAction, SetRepositoryInfoAction, SetUserProfileAction, getRuleContext, infoDrawerPreview, SetInfoDrawerStateAction, ToggleInfoDrawerAction, isInfoDrawerOpened, getAppSelection, getCurrentFolder, SetSelectedNodesAction, ViewNodeAction, CustomContextMenu, ContextMenu, isQuickShareEnabled } from '@alfresco/aca-shared/store';
 import { NodesApi, TrashcanApi, SharedlinksApi, DiscoveryApi, FavoritesApi, ContentApi, SitesApi, SearchApi, PeopleApi, VersionsApi, RepositoryInfo } from '@alfresco/js-api';
 import * as i3$1 from '@alfresco/adf-extensions';
 import { sortByOrder, reduceEmptyMenus, mergeObjects, mergeArrays, ContentActionType, reduceSeparators, DynamicExtensionComponent, DynamicTabComponent } from '@alfresco/adf-extensions';
@@ -27,6 +27,7 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { A11yModule } from '@angular/cdk/a11y';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i6 from '@angular/platform-browser';
 import * as i4$2 from '@angular/material/menu';
 import { MatMenuItem, MatMenuModule, MatMenu } from '@angular/material/menu';
@@ -125,13 +126,11 @@ const resetInvoked = () => {
  */
 // @deprecated Use `.aca-page-layout-content` CSS selector instead
 class PageLayoutContentComponent {
-    constructor() {
-        this.scrollable = false;
-    }
+    scrollable = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: PageLayoutContentComponent, isStandalone: true, selector: "aca-page-layout-content", inputs: { scrollable: "scrollable" }, host: { properties: { "class.aca-scrollable": "this.scrollable" }, classAttribute: "aca-page-layout-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-PageLayoutContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PageLayoutContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PageLayoutContentComponent, isStandalone: true, selector: "aca-page-layout-content", inputs: { scrollable: "scrollable" }, host: { properties: { "class.aca-scrollable": "this.scrollable" }, classAttribute: "aca-page-layout-content" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutContentComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -173,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // @deprecated Use `.aca-page-layout-error` selectors instead
 class PageLayoutErrorComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: PageLayoutErrorComponent, isStandalone: true, selector: "aca-page-layout-error", host: { classAttribute: "aca-page-layout-error" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-PageLayoutErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PageLayoutErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PageLayoutErrorComponent, isStandalone: true, selector: "aca-page-layout-error", host: { classAttribute: "aca-page-layout-error" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutErrorComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -213,10 +212,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // @deprecated Use `.aca-page-layout-header` CSS selector instead
 class PageLayoutHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: PageLayoutHeaderComponent, isStandalone: true, selector: "aca-page-layout-header", host: { classAttribute: "aca-page-layout-header" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-PageLayoutHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PageLayoutHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PageLayoutHeaderComponent, isStandalone: true, selector: "aca-page-layout-header", host: { classAttribute: "aca-page-layout-header" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -252,42 +251,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ContentApiService {
+    api;
+    preferences;
+    _nodesApi;
     get nodesApi() {
         this._nodesApi = this._nodesApi ?? new NodesApi(this.api.getInstance());
         return this._nodesApi;
     }
+    _trashcanApi;
     get trashcanApi() {
         this._trashcanApi = this._trashcanApi ?? new TrashcanApi(this.api.getInstance());
         return this._trashcanApi;
     }
+    _sharedLinksApi;
     get sharedLinksApi() {
         this._sharedLinksApi = this._sharedLinksApi ?? new SharedlinksApi(this.api.getInstance());
         return this._sharedLinksApi;
     }
+    _discoveryApi;
     get discoveryApi() {
         this._discoveryApi = this._discoveryApi ?? new DiscoveryApi(this.api.getInstance());
         return this._discoveryApi;
     }
+    _favoritesApi;
     get favoritesApi() {
         this._favoritesApi = this._favoritesApi ?? new FavoritesApi(this.api.getInstance());
         return this._favoritesApi;
     }
+    _contentApi;
     get contentApi() {
         this._contentApi = this._contentApi ?? new ContentApi(this.api.getInstance());
         return this._contentApi;
     }
+    _sitesApi;
     get sitesApi() {
         this._sitesApi = this._sitesApi ?? new SitesApi(this.api.getInstance());
         return this._sitesApi;
     }
+    _searchApi;
     get searchApi() {
         this._searchApi = this._searchApi ?? new SearchApi(this.api.getInstance());
         return this._searchApi;
     }
+    _peopleApi;
     get peopleApi() {
         this._peopleApi = this._peopleApi ?? new PeopleApi(this.api.getInstance());
         return this._peopleApi;
     }
+    _versionsApi;
     get versionsApi() {
         this._versionsApi = this._versionsApi ?? new VersionsApi(this.api.getInstance());
         return this._versionsApi;
@@ -477,10 +488,10 @@ class ContentApiService {
     requestVersionDirectAccessUrl(nodeId, versionId) {
         return from(this.versionsApi.requestDirectAccessUrl(nodeId, versionId));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ContentApiService, deps: [{ token: i4.AlfrescoApiService }, { token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ContentApiService, providedIn: 'root' });
 }
-ContentApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContentApiService, deps: [{ token: i4.AlfrescoApiService }, { token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContentApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContentApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContentApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ContentApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -511,13 +522,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RouterExtensionService {
+    router;
+    extensions;
+    defaults = {
+        layout: 'app.layout.main',
+        auth: ['app.auth']
+    };
     constructor(router, extensions) {
         this.router = router;
         this.extensions = extensions;
-        this.defaults = {
-            layout: 'app.layout.main',
-            auth: ['app.auth']
-        };
     }
     mapExtensionRoutes() {
         const routesWithoutParent = [];
@@ -576,10 +589,10 @@ class RouterExtensionService {
         const routeIndex = this.router.config.findIndex((route) => route.path === parentRoute);
         return this.router.config[routeIndex];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RouterExtensionService, deps: [{ token: i3.Router }, { token: i3$1.ExtensionService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RouterExtensionService, providedIn: 'root' });
 }
-RouterExtensionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RouterExtensionService, deps: [{ token: i3.Router }, { token: i3$1.ExtensionService }], target: i0.ɵɵFactoryTarget.Injectable });
-RouterExtensionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RouterExtensionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RouterExtensionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RouterExtensionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -610,10 +623,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class OpenInAppComponent {
+    data;
+    dialog;
+    redirectUrl;
+    appStoreUrl;
+    window = window;
     constructor(data, dialog) {
         this.data = data;
         this.dialog = dialog;
-        this.window = window;
         if (data) {
             this.redirectUrl = data.redirectUrl;
             this.appStoreUrl = data.appStoreUrl;
@@ -630,10 +647,10 @@ class OpenInAppComponent {
         sessionStorage.setItem('mobile_notification_expires_in', time.toString());
         this.dialog.close();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: OpenInAppComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: OpenInAppComponent, isStandalone: true, selector: "aca-open-in-app", ngImport: i0, template: "<div class=\"aca-open-in-app\">\n  <div class=\"aca-mobile-application-container\">\n    <span>{{ 'APP.DIALOGS.MOBILE_APP.OPEN_ALFRESCO_MOBILE_APP' | translate }}</span>\n    <button mat-icon-button mat-dialog-close class=\"aca-cross-button\" (click)=\"onCloseDialog()\" >\n      <mat-icon class=\"aca-cross-button-icon\">close</mat-icon>\n    </button>\n  </div>\n\n  <div class=\"aca-open-in-app-button-container\">\n    <button mat-button (click)=\"openInApp()\"\n            data-automation-id=\"open-in-app-button\"\n            class=\"aca-open-in-app-button-container\" cdkFocusInitial>\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.MOBILE_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n\n  <div class=\"aca-download-app-container\" *ngIf=\"appStoreUrl\">\n    <button mat-button data-automation-id=\"download-app-button\" class=\"aca-download-app-container-button\" (click)=\"downloadIosApp()\">\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.DOWNLOAD_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n</div>\n", styles: ["aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container{display:flex;place-content:center;padding:0;border-radius:8px;background-color:var(--theme-primary-color);height:48px;overflow-x:hidden;font-size:16px;color:#fff;font-weight:600}aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-download-app-container{display:flex;place-content:center;margin-top:12px;margin-bottom:16px}aca-open-in-app .aca-open-in-app .aca-download-app-container-button{background:var(--theme-dialog-background-color);color:var(--theme-primary-color);font-size:14px}aca-open-in-app .aca-open-in-app .aca-mobile-application-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;margin-bottom:12px}aca-open-in-app .aca-open-in-app .aca-cross-button{padding-right:0}aca-open-in-app .aca-open-in-app .aca-cross-button:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-cross-button-icon{font-weight:700;font-size:20px}aca-open-in-app .aca-open-in-app .mat-mdc-button{--mat-mdc-button-persistent-ripple-color: unset;--mat-mdc-button-ripple-color: unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-OpenInAppComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OpenInAppComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-OpenInAppComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OpenInAppComponent, isStandalone: true, selector: "aca-open-in-app", ngImport: i0, template: "<div class=\"aca-open-in-app\">\n  <div class=\"aca-mobile-application-container\">\n    <span>{{ 'APP.DIALOGS.MOBILE_APP.OPEN_ALFRESCO_MOBILE_APP' | translate }}</span>\n    <button mat-icon-button mat-dialog-close class=\"aca-cross-button\" (click)=\"onCloseDialog()\" >\n      <mat-icon class=\"aca-cross-button-icon\">close</mat-icon>\n    </button>\n  </div>\n\n  <div class=\"aca-open-in-app-button-container\">\n    <button mat-button (click)=\"openInApp()\"\n            data-automation-id=\"open-in-app-button\"\n            class=\"aca-open-in-app-button-container\" cdkFocusInitial>\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.MOBILE_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n\n  <div class=\"aca-download-app-container\" *ngIf=\"appStoreUrl\">\n    <button mat-button data-automation-id=\"download-app-button\" class=\"aca-download-app-container-button\" (click)=\"downloadIosApp()\">\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.DOWNLOAD_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n</div>\n", styles: ["aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container{display:flex;place-content:center;padding:0;border-radius:8px;background-color:var(--theme-primary-color);height:48px;overflow-x:hidden;font-size:16px;color:#fff;font-weight:600}aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-download-app-container{display:flex;place-content:center;margin-top:12px;margin-bottom:16px}aca-open-in-app .aca-open-in-app .aca-download-app-container-button{background:var(--theme-dialog-background-color);color:var(--theme-primary-color);font-size:14px}aca-open-in-app .aca-open-in-app .aca-mobile-application-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;margin-bottom:12px}aca-open-in-app .aca-open-in-app .aca-cross-button{padding-right:0}aca-open-in-app .aca-open-in-app .aca-cross-button:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-cross-button-icon{font-weight:700;font-size:20px}aca-open-in-app .aca-open-in-app .mat-mdc-button{--mat-mdc-button-persistent-ripple-color: unset;--mat-mdc-button-ripple-color: unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OpenInAppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: OpenInAppComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule, A11yModule, MatDialogModule], selector: 'aca-open-in-app', encapsulation: ViewEncapsulation.None, template: "<div class=\"aca-open-in-app\">\n  <div class=\"aca-mobile-application-container\">\n    <span>{{ 'APP.DIALOGS.MOBILE_APP.OPEN_ALFRESCO_MOBILE_APP' | translate }}</span>\n    <button mat-icon-button mat-dialog-close class=\"aca-cross-button\" (click)=\"onCloseDialog()\" >\n      <mat-icon class=\"aca-cross-button-icon\">close</mat-icon>\n    </button>\n  </div>\n\n  <div class=\"aca-open-in-app-button-container\">\n    <button mat-button (click)=\"openInApp()\"\n            data-automation-id=\"open-in-app-button\"\n            class=\"aca-open-in-app-button-container\" cdkFocusInitial>\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.MOBILE_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n\n  <div class=\"aca-download-app-container\" *ngIf=\"appStoreUrl\">\n    <button mat-button data-automation-id=\"download-app-button\" class=\"aca-download-app-container-button\" (click)=\"downloadIosApp()\">\n      <span>{{ 'APP.DIALOGS.MOBILE_APP.DOWNLOAD_APP_BUTTON_LABEL' | translate }}</span>\n    </button>\n  </div>\n</div>\n", styles: ["aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container{display:flex;place-content:center;padding:0;border-radius:8px;background-color:var(--theme-primary-color);height:48px;overflow-x:hidden;font-size:16px;color:#fff;font-weight:600}aca-open-in-app .aca-open-in-app .aca-open-in-app-button-container:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-download-app-container{display:flex;place-content:center;margin-top:12px;margin-bottom:16px}aca-open-in-app .aca-open-in-app .aca-download-app-container-button{background:var(--theme-dialog-background-color);color:var(--theme-primary-color);font-size:14px}aca-open-in-app .aca-open-in-app .aca-mobile-application-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;margin-bottom:12px}aca-open-in-app .aca-open-in-app .aca-cross-button{padding-right:0}aca-open-in-app .aca-open-in-app .aca-cross-button:focus-visible{outline:none;border-radius:unset}aca-open-in-app .aca-open-in-app .aca-cross-button-icon{font-weight:700;font-size:20px}aca-open-in-app .aca-open-in-app .mat-mdc-button{--mat-mdc-button-persistent-ripple-color: unset;--mat-mdc-button-ripple-color: unset}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -665,10 +682,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class AcaMobileAppSwitcherService {
-    constructor() {
-        this.config = inject(AppConfigService);
-        this.dialog = inject(MatDialog);
-    }
+    redirectUrl;
+    dialogRef;
+    config = inject(AppConfigService);
+    dialog = inject(MatDialog);
     get appStoreUrl() {
         const defaultValue = 'https://apps.apple.com/us/app/alfresco-mobile-workspace/id1514434480';
         return this.config.get('mobileAppSwitch.appStoreUrl', defaultValue);
@@ -755,10 +772,10 @@ class AcaMobileAppSwitcherService {
             this.dialogRef = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaMobileAppSwitcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaMobileAppSwitcherService, providedIn: 'root' });
 }
-AcaMobileAppSwitcherService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaMobileAppSwitcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AcaMobileAppSwitcherService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaMobileAppSwitcherService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaMobileAppSwitcherService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaMobileAppSwitcherService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1002,9 +1019,7 @@ const DefaultMimeTypes = [
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class AppSettingsService {
-    constructor() {
-        this.appConfig = inject(AppConfigService);
-    }
+    appConfig = inject(AppConfigService);
     /**
      * Get the application copyright text from the app settings.
      */
@@ -1094,6 +1109,24 @@ class AppSettingsService {
     get uploadAllowDownload() {
         return this.appConfig.get('adf-version-manager.allowDownload', true);
     }
+    /**
+     * Allow to view versions if true, disallow otherwise.
+     */
+    get versionManagerAllowViewVersions() {
+        return this.appConfig.get('adf-version-manager.allowViewVersions', true);
+    }
+    /**
+     * Allow to delete versions if true, disallow otherwise.
+     */
+    get versionManagerAllowVersionDelete() {
+        return this.appConfig.get('adf-version-manager.allowVersionDelete', true);
+    }
+    /**
+     * Allow to open actions menu when true, otherwise hides it.
+     */
+    get versionManagerShowActions() {
+        return this.appConfig.get('adf-version-manager.showActions', true);
+    }
     /**
      * Gets the enablement of the file auto tryDownload feature from the app settings.
      */
@@ -1106,10 +1139,10 @@ class AppSettingsService {
     get authDownloadThreshold() {
         return this.appConfig.get('viewer.fileAutoDownloadSizeThresholdInMB', 15);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppSettingsService, providedIn: 'root' });
 }
-AppSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AppSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSettingsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppSettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppSettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1138,15 +1171,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class UserProfileService {
-    constructor() {
-        this.api = inject(AlfrescoApiService);
-        this.groupService = inject(GroupService);
-        this.userProfile = new BehaviorSubject(null);
-        this.userProfile$ = this.userProfile.asObservable();
-    }
+    api = inject(AlfrescoApiService);
+    groupService = inject(GroupService);
     get peopleApi() {
         return new PeopleApi(this.api.getInstance());
     }
+    userProfile = new BehaviorSubject(null);
+    userProfile$ = this.userProfile.asObservable();
     /**
      * Load user profile.
      */
@@ -1178,10 +1209,10 @@ class UserProfileService {
         this.userProfile.next(profile);
         return profile;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: UserProfileService, providedIn: 'root' });
 }
-UserProfileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-UserProfileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserProfileService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: UserProfileService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1209,8 +1240,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * You should have received a copy of the GNU Lesser General Public License
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
-// After moving shell to ADF to core, AppService will implement ShellAppService
 class AppService {
+    preferencesService;
+    authenticationService;
+    store;
+    router;
+    activatedRoute;
+    config;
+    pageTitle;
+    alfrescoApiService;
+    uploadService;
+    routerExtensionService;
+    contentApi;
+    sharedLinksApiService;
+    overlayContainer;
+    acaMobileAppSwitcherService;
+    appSettingsService;
+    userProfileService;
+    notificationService = inject(NotificationService);
+    matDialog = inject(MatDialog);
+    ready;
+    ready$;
+    pageHeading = new BehaviorSubject('');
+    /** @deprecated page title is updated automatically */
+    pageHeading$ = this.pageHeading.asObservable();
+    appNavNarMode$ = new BehaviorSubject('expanded');
+    toggleAppNavBar$ = new Subject();
+    hideSidenavConditions = ['/preview/'];
+    minimizeSidenavConditions = ['/search'];
     /**
      * Whether `withCredentials` mode is enabled.
      * Usually means that `Kerberos` mode is used.
@@ -1235,16 +1292,6 @@ class AppService {
         this.acaMobileAppSwitcherService = acaMobileAppSwitcherService;
         this.appSettingsService = appSettingsService;
         this.userProfileService = userProfileService;
-        this.notificationService = inject(NotificationService);
-        this.matDialog = inject(MatDialog);
-        this.pageHeading = new BehaviorSubject('');
-        /** @deprecated page title is updated automatically */
-        this.pageHeading$ = this.pageHeading.asObservable();
-        this.appNavNarMode$ = new BehaviorSubject('expanded');
-        this.toggleAppNavBar$ = new Subject();
-        this.hideSidenavConditions = ['/preview/'];
-        this.minimizeSidenavConditions = ['search'];
-        this.onDestroy$ = new Subject();
         this.ready = new BehaviorSubject(this.authenticationService.isLoggedIn() || this.withCredentials);
         this.ready$ = this.ready.asObservable();
         this.authenticationService.onLogin.subscribe(() => {
@@ -1263,10 +1310,6 @@ class AppService {
             this.pageTitle.setTitle(title);
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     init() {
         this.alfrescoApiService.getInstance().on('error', (error) => {
             if (error.status === 401 && !this.alfrescoApiService.isExcludedErrorListener(error?.response?.req?.url)) {
@@ -1371,10 +1414,10 @@ class AppService {
             this.acaMobileAppSwitcherService.clearSessionExpireTime();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppService, deps: [{ token: i1.UserPreferencesService }, { token: i1.AuthenticationService }, { token: i1$2.Store }, { token: i3.Router }, { token: i3.ActivatedRoute }, { token: i1.AppConfigService }, { token: i1.PageTitleService }, { token: i4.AlfrescoApiService }, { token: i4.UploadService }, { token: RouterExtensionService }, { token: ContentApiService }, { token: i4.SharedLinksApiService }, { token: i7.OverlayContainer }, { token: i4.SearchQueryBuilderService }, { token: AcaMobileAppSwitcherService }, { token: AppSettingsService }, { token: UserProfileService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppService, providedIn: 'root' });
 }
-AppService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppService, deps: [{ token: i1.UserPreferencesService }, { token: i1.AuthenticationService }, { token: i1$2.Store }, { token: i3.Router }, { token: i3.ActivatedRoute }, { token: i1.AppConfigService }, { token: i1.PageTitleService }, { token: i4.AlfrescoApiService }, { token: i4.UploadService }, { token: RouterExtensionService }, { token: ContentApiService }, { token: i4.SharedLinksApiService }, { token: i7.OverlayContainer }, { token: i4.SearchQueryBuilderService }, { token: AcaMobileAppSwitcherService }, { token: AppSettingsService }, { token: UserProfileService }], target: i0.ɵɵFactoryTarget.Injectable });
-AppService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1405,23 +1448,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class PageLayoutComponent {
+    appService;
+    hasError = false;
+    appNavNarMode$;
     constructor(appService) {
         this.appService = appService;
-        this.hasError = false;
-        this.onDestroy$ = new Subject();
-        this.appNavNarMode$ = appService.appNavNarMode$.pipe(takeUntil(this.onDestroy$));
+        this.appNavNarMode$ = appService.appNavNarMode$.pipe(takeUntilDestroyed());
     }
     toggleClick() {
         this.appService.toggleAppNavBar$.next();
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutComponent, deps: [{ token: AppService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: PageLayoutComponent, isStandalone: true, selector: "aca-page-layout", inputs: { hasError: "hasError" }, host: { classAttribute: "aca-page-layout" }, ngImport: i0, template: "<div class=\"aca-content-header\">\n    <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\"\n      mat-icon-button\n      class=\"aca-content-header-button\"\n      (click)=\"toggleClick()\"\n      title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n      <mat-icon>keyboard_double_arrow_right</mat-icon>\n    </button>\n    <ng-content select=\".aca-page-layout-header, aca-page-layout-header\"></ng-content>\n</div>\n\n<ng-container *ngIf=\"hasError\">\n  <ng-content select=\".aca-page-layout-error, aca-page-layout-error\"></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"!hasError\">\n  <ng-content select=\".aca-page-layout-content, aca-page-layout-content\"></ng-content>\n</ng-container>\n", styles: [".aca-page-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-content-header{background:var(--theme-page-layout-header-background-color);height:96px;padding:0 24px;display:flex;align-items:center}.aca-page-layout .aca-content-header-button{margin-top:-1px}.aca-page-layout .aca-page-layout-header{display:flex;align-items:center;flex:auto;width:100%}.aca-page-layout .aca-page-layout-header .adf-breadcrumb-item{font-size:20px;font-weight:400;letter-spacing:.15px}.aca-page-layout .aca-page-layout-header .aca-toolbar-action button{border-radius:6px}.aca-page-layout .aca-page-layout-content{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;border-top:1px solid var(--theme-metadata-property-panel-border-color)}.aca-page-layout .aca-page-layout-error{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}.aca-page-layout .aca-main-content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-scrollable,.aca-page-layout .aca-scrollable .aca-main-content{overflow:auto}[dir=rtl] .aca-page-layout .aca-main-content{border-left:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}[dir=ltr] .aca-page-layout .aca-main-content{border-right:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-PageLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutComponent, deps: [{ token: AppService }], target: i0.ɵɵFactoryTarget.Component });
-PageLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PageLayoutComponent, isStandalone: true, selector: "aca-page-layout", inputs: { hasError: "hasError" }, host: { classAttribute: "aca-page-layout" }, ngImport: i0, template: "<div class=\"aca-content-header\">\n    <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\"\n      mat-icon-button\n      class=\"aca-content-header-button\"\n      (click)=\"toggleClick()\"\n      title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n      <mat-icon>keyboard_double_arrow_right</mat-icon>\n    </button>\n    <ng-content select=\".aca-page-layout-header, aca-page-layout-header\"></ng-content>\n</div>\n\n<ng-container *ngIf=\"hasError\">\n  <ng-content select=\".aca-page-layout-error, aca-page-layout-error\"></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"!hasError\">\n  <ng-content select=\".aca-page-layout-content, aca-page-layout-content\"></ng-content>\n</ng-container>\n", styles: [".aca-page-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-content-header{background:var(--theme-page-layout-header-background-color);height:96px;padding:0 24px;display:flex;align-items:center}.aca-page-layout .aca-content-header-button{margin-top:-1px}.aca-page-layout .aca-page-layout-header{display:flex;align-items:center;flex:auto;width:100%}.aca-page-layout .aca-page-layout-header .adf-breadcrumb-item{font-size:20px;font-weight:400;letter-spacing:.15px}.aca-page-layout .aca-page-layout-header .aca-toolbar-action button{border-radius:6px}.aca-page-layout .aca-page-layout-content{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;border-top:1px solid var(--theme-metadata-property-panel-border-color)}.aca-page-layout .aca-page-layout-error{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}.aca-page-layout .aca-main-content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-scrollable,.aca-page-layout .aca-scrollable .aca-main-content{overflow:auto}[dir=rtl] .aca-page-layout .aca-main-content{border-left:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}[dir=ltr] .aca-page-layout .aca-main-content{border-right:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule], selector: 'aca-page-layout', encapsulation: ViewEncapsulation.None, host: { class: 'aca-page-layout' }, template: "<div class=\"aca-content-header\">\n    <button *ngIf=\"(appNavNarMode$ | async) === 'collapsed'\"\n      mat-icon-button\n      class=\"aca-content-header-button\"\n      (click)=\"toggleClick()\"\n      title=\"{{'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate}}\">\n      <mat-icon>keyboard_double_arrow_right</mat-icon>\n    </button>\n    <ng-content select=\".aca-page-layout-header, aca-page-layout-header\"></ng-content>\n</div>\n\n<ng-container *ngIf=\"hasError\">\n  <ng-content select=\".aca-page-layout-error, aca-page-layout-error\"></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"!hasError\">\n  <ng-content select=\".aca-page-layout-content, aca-page-layout-content\"></ng-content>\n</ng-container>\n", styles: [".aca-page-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-content-header{background:var(--theme-page-layout-header-background-color);height:96px;padding:0 24px;display:flex;align-items:center}.aca-page-layout .aca-content-header-button{margin-top:-1px}.aca-page-layout .aca-page-layout-header{display:flex;align-items:center;flex:auto;width:100%}.aca-page-layout .aca-page-layout-header .adf-breadcrumb-item{font-size:20px;font-weight:400;letter-spacing:.15px}.aca-page-layout .aca-page-layout-header .aca-toolbar-action button{border-radius:6px}.aca-page-layout .aca-page-layout-content{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;border-top:1px solid var(--theme-metadata-property-panel-border-color)}.aca-page-layout .aca-page-layout-error{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}.aca-page-layout .aca-main-content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.aca-page-layout .aca-scrollable,.aca-page-layout .aca-scrollable .aca-main-content{overflow:auto}[dir=rtl] .aca-page-layout .aca-main-content{border-left:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}[dir=ltr] .aca-page-layout .aca-main-content{border-right:1px solid var(--theme-border-color, rgba(0, 0, 0, .07))}\n"] }]
         }], ctorParameters: function () { return [{ type: AppService }]; }, propDecorators: { hasError: [{
@@ -1452,11 +1492,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class PageLayoutModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutModule, imports: [PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent], exports: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutModule, imports: [PageLayoutComponent] });
 }
-PageLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PageLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutModule, imports: [PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent], exports: [PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutComponent] });
-PageLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutModule, imports: [PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent],
@@ -1488,17 +1528,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class LockedByComponent {
+    node;
+    text;
     ngOnInit() {
         this.text = this.node?.entry?.properties?.['cm:lockOwner']?.displayName;
     }
-}
-LockedByComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LockedByComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LockedByComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LockedByComponent, isStandalone: true, selector: "aca-locked-by", inputs: { node: "node" }, host: { classAttribute: "aca-locked-by" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LockedByComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: LockedByComponent, isStandalone: true, selector: "aca-locked-by", inputs: { node: "node" }, host: { classAttribute: "aca-locked-by" }, ngImport: i0, template: `
     <mat-icon class="aca-locked-by--icon">lock</mat-icon>
     <span class="aca-locked-by--label">{{ 'APP.LOCKED_BY' | translate }}</span>
     <span class="aca-locked-by--name">{{ text }}</span>
   `, isInline: true, styles: [".aca-locked-by{display:flex;align-items:center;color:var(--theme-text-color, rgba(0, 0, 0, .54))}.aca-locked-by--icon{font-size:14px;width:14px;height:14px;min-width:14px}.aca-locked-by--label,.aca-locked-by--name{font-size:12px;padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LockedByComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LockedByComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TranslateModule, MatIconModule], selector: 'aca-locked-by', template: `
     <mat-icon class="aca-locked-by--icon">lock</mat-icon>
@@ -1535,13 +1577,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class GenericErrorComponent {
-    constructor() {
-        this.text = 'APP.MESSAGES.ERRORS.MISSING_CONTENT';
-    }
+    text = 'APP.MESSAGES.ERRORS.MISSING_CONTENT';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: GenericErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: GenericErrorComponent, isStandalone: true, selector: "aca-generic-error", inputs: { text: "text" }, host: { classAttribute: "aca-generic-error" }, ngImport: i0, template: "<mat-icon class=\"generic-error__icon\">error</mat-icon>\n<p class=\"generic-error__title\">\n  {{ text | translate }}\n</p>\n", styles: [".aca-generic-error{color:var(--theme-text-color, rgba(0, 0, 0, .54));display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.aca-generic-error__title{font-size:16px}.aca-generic-error__icon{color:var(--theme-warn-color, #f44336);font-size:52px;height:52px;width:52px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-GenericErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GenericErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GenericErrorComponent, isStandalone: true, selector: "aca-generic-error", inputs: { text: "text" }, host: { classAttribute: "aca-generic-error" }, ngImport: i0, template: "<mat-icon class=\"generic-error__icon\">error</mat-icon>\n<p class=\"generic-error__title\">\n  {{ text | translate }}\n</p>\n", styles: [".aca-generic-error{color:var(--theme-text-color, rgba(0, 0, 0, .54));display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.aca-generic-error__title{font-size:16px}.aca-generic-error__icon{color:var(--theme-warn-color, #f44336);font-size:52px;height:52px;width:52px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GenericErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: GenericErrorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [MatIconModule, TranslateModule], selector: 'aca-generic-error', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'aca-generic-error' }, template: "<mat-icon class=\"generic-error__icon\">error</mat-icon>\n<p class=\"generic-error__title\">\n  {{ text | translate }}\n</p>\n", styles: [".aca-generic-error{color:var(--theme-text-color, rgba(0, 0, 0, .54));display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.aca-generic-error__title{font-size:16px}.aca-generic-error__icon{color:var(--theme-warn-color, #f44336);font-size:52px;height:52px;width:52px}\n"] }]
         }], propDecorators: { text: [{
@@ -1572,12 +1612,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class NodePermissionService {
-    constructor() {
-        this.defaultOptions = {
-            operation: NodePermissionService.DEFAULT_OPERATION,
-            target: null
-        };
-    }
+    static DEFAULT_OPERATION = 'OR';
+    defaultOptions = {
+        operation: NodePermissionService.DEFAULT_OPERATION,
+        target: null
+    };
     check(source, permissions, options) {
         const opts = Object.assign({}, this.defaultOptions, options || {});
         if (!source) {
@@ -1624,11 +1663,10 @@ class NodePermissionService {
             return entry.allowableOperations || [];
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NodePermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NodePermissionService, providedIn: 'root' });
 }
-NodePermissionService.DEFAULT_OPERATION = 'OR';
-NodePermissionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodePermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NodePermissionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodePermissionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodePermissionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NodePermissionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1659,6 +1697,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class AppExtensionService {
+    auth;
+    store;
+    loader;
+    extensions;
+    permissions;
+    appConfig;
+    matIconRegistry;
+    sanitizer;
+    logger;
+    _references = new BehaviorSubject([]);
+    bulkActionExecuted$ = new Subject();
+    navbar = [];
+    sidebarTabs = [];
+    contentMetadata;
+    search;
+    viewerRules = {};
+    _headerActions = new BehaviorSubject([]);
+    _toolbarActions = new BehaviorSubject([]);
+    _viewerToolbarActions = new BehaviorSubject([]);
+    _sharedLinkViewerToolbarActions = new BehaviorSubject([]);
+    _contextMenuActions = new BehaviorSubject([]);
+    _openWithActions = new BehaviorSubject([]);
+    _createActions = new BehaviorSubject([]);
+    _sidebarActions = new BehaviorSubject([]);
+    _badges = new BehaviorSubject([]);
+    _filesDocumentListPreset = new BehaviorSubject([]);
+    _customMetadataPanels = new BehaviorSubject([]);
+    _bulkActions = new BehaviorSubject([]);
+    documentListPresets = {
+        libraries: [],
+        favoriteLibraries: [],
+        shared: [],
+        recent: [],
+        favorites: [],
+        trashcan: [],
+        searchLibraries: [],
+        searchResults: []
+    };
+    selection;
+    navigation;
+    profile;
+    repository;
+    withCredentials;
+    references$;
+    filesDocumentListPreset$ = this._filesDocumentListPreset.asObservable();
+    config;
     constructor(auth, store, loader, extensions, permissions, appConfig, matIconRegistry, sanitizer, logger) {
         this.auth = auth;
         this.store = store;
@@ -1669,34 +1753,6 @@ class AppExtensionService {
         this.matIconRegistry = matIconRegistry;
         this.sanitizer = sanitizer;
         this.logger = logger;
-        this._references = new BehaviorSubject([]);
-        this.bulkActionExecuted$ = new Subject();
-        this.navbar = [];
-        this.sidebarTabs = [];
-        this.viewerRules = {};
-        this._headerActions = new BehaviorSubject([]);
-        this._toolbarActions = new BehaviorSubject([]);
-        this._viewerToolbarActions = new BehaviorSubject([]);
-        this._sharedLinkViewerToolbarActions = new BehaviorSubject([]);
-        this._contextMenuActions = new BehaviorSubject([]);
-        this._openWithActions = new BehaviorSubject([]);
-        this._createActions = new BehaviorSubject([]);
-        this._sidebarActions = new BehaviorSubject([]);
-        this._badges = new BehaviorSubject([]);
-        this._filesDocumentListPreset = new BehaviorSubject([]);
-        this._customMetadataPanels = new BehaviorSubject([]);
-        this._bulkActions = new BehaviorSubject([]);
-        this.documentListPresets = {
-            libraries: [],
-            favoriteLibraries: [],
-            shared: [],
-            recent: [],
-            favorites: [],
-            trashcan: [],
-            searchLibraries: [],
-            searchResults: []
-        };
-        this.filesDocumentListPreset$ = this._filesDocumentListPreset.asObservable();
         this.references$ = this._references.asObservable();
         this.store.select(getRuleContext).subscribe((result) => {
             this.selection = result.selection;
@@ -2070,10 +2126,10 @@ class AppExtensionService {
     bulkActionExecuted() {
         this.bulkActionExecuted$.next();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppExtensionService, deps: [{ token: i1.AuthenticationService }, { token: i1$2.Store }, { token: i3$1.ExtensionLoaderService }, { token: i3$1.ExtensionService }, { token: NodePermissionService }, { token: i1.AppConfigService }, { token: i5.MatIconRegistry }, { token: i6.DomSanitizer }, { token: i1.LogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppExtensionService, providedIn: 'root' });
 }
-AppExtensionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppExtensionService, deps: [{ token: i1.AuthenticationService }, { token: i1$2.Store }, { token: i3$1.ExtensionLoaderService }, { token: i3$1.ExtensionService }, { token: NodePermissionService }, { token: i1.AppConfigService }, { token: i5.MatIconRegistry }, { token: i6.DomSanitizer }, { token: i1.LogService }], target: i0.ɵɵFactoryTarget.Injectable });
-AppExtensionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppExtensionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppExtensionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppExtensionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2104,6 +2160,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ToolbarMenuItemComponent {
+    extensions;
+    actionRef;
+    menuId;
+    menuItem;
     constructor(extensions) {
         this.extensions = extensions;
     }
@@ -2122,12 +2182,12 @@ class ToolbarMenuItemComponent {
     trackByActionId(_, obj) {
         return obj.id;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarMenuItemComponent, deps: [{ token: AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ToolbarMenuItemComponent, isStandalone: true, selector: "app-toolbar-menu-item", inputs: { actionRef: "actionRef", menuId: "menuId" }, host: { classAttribute: "app-toolbar-menu-item" }, viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <button [id]=\"actionRef.id\" mat-menu-item role=\"menuitem\" tabindex=\"0\" [disabled]=\"actionRef.disabled\" [matMenuTriggerFor]=\"childMenu\">\n      <adf-icon [value]=\"actionRef.icon\" />\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n\n    <mat-menu #childMenu=\"matMenu\" class=\"app-create-menu__sub-menu\">\n      <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"child\" />\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'separator'\">\n    <mat-divider />\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [id]=\"actionRef.component\" />\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      role=\"menuitem\"\n      mat-menu-item\n      [role]=\"'menuitem'\"\n      tabindex=\"0\"\n      [disabled]=\"actionRef.disabled\"\n      [attr.title]=\"(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" class=\"app-toolbar-menu-item--icon\" />\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n</ng-container>\n", styles: [".app-toolbar-menu-item:last-child>.mat-divider-horizontal{display:none}.app-toolbar-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-ToolbarMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarMenuItemComponent, deps: [{ token: AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarMenuItemComponent, isStandalone: true, selector: "app-toolbar-menu-item", inputs: { actionRef: "actionRef", menuId: "menuId" }, host: { classAttribute: "app-toolbar-menu-item" }, viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <button [id]=\"actionRef.id\" mat-menu-item role=\"menuitem\" tabindex=\"0\" [disabled]=\"actionRef.disabled\" [matMenuTriggerFor]=\"childMenu\">\n      <adf-icon [value]=\"actionRef.icon\"></adf-icon>\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n\n    <mat-menu #childMenu=\"matMenu\" class=\"app-create-menu__sub-menu\">\n      <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"child\"></app-toolbar-menu-item>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'separator'\">\n    <mat-divider></mat-divider>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [id]=\"actionRef.component\"></adf-dynamic-component>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      role=\"menuitem\"\n      mat-menu-item\n      [role]=\"'menuitem'\"\n      tabindex=\"0\"\n      [disabled]=\"actionRef.disabled\"\n      [attr.title]=\"(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" class=\"app-toolbar-menu-item--icon\"></adf-icon>\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n</ng-container>\n", styles: [".app-toolbar-menu-item:last-child>.mat-divider-horizontal{display:none}.app-toolbar-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatMenuModule, MatDividerModule, IconComponent, DynamicExtensionComponent], selector: 'app-toolbar-menu-item', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-menu-item' }, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <button [id]=\"actionRef.id\" mat-menu-item role=\"menuitem\" tabindex=\"0\" [disabled]=\"actionRef.disabled\" [matMenuTriggerFor]=\"childMenu\">\n      <adf-icon [value]=\"actionRef.icon\"></adf-icon>\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n\n    <mat-menu #childMenu=\"matMenu\" class=\"app-create-menu__sub-menu\">\n      <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"child\"></app-toolbar-menu-item>\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'separator'\">\n    <mat-divider></mat-divider>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [id]=\"actionRef.component\"></adf-dynamic-component>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      role=\"menuitem\"\n      mat-menu-item\n      [role]=\"'menuitem'\"\n      tabindex=\"0\"\n      [disabled]=\"actionRef.disabled\"\n      [attr.title]=\"(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" class=\"app-toolbar-menu-item--icon\"></adf-icon>\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n</ng-container>\n", styles: [".app-toolbar-menu-item:last-child>.mat-divider-horizontal{display:none}.app-toolbar-menu-item--icon{display:inline-flex;vertical-align:middle}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatMenuModule, MatDividerModule, IconComponent, DynamicExtensionComponent], selector: 'app-toolbar-menu-item', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-menu-item' }, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <button [id]=\"actionRef.id\" mat-menu-item role=\"menuitem\" tabindex=\"0\" [disabled]=\"actionRef.disabled\" [matMenuTriggerFor]=\"childMenu\">\n      <adf-icon [value]=\"actionRef.icon\" />\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n\n    <mat-menu #childMenu=\"matMenu\" class=\"app-create-menu__sub-menu\">\n      <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n        <app-toolbar-menu-item [actionRef]=\"child\" />\n      </ng-container>\n    </mat-menu>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'separator'\">\n    <mat-divider />\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [id]=\"actionRef.component\" />\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      role=\"menuitem\"\n      mat-menu-item\n      [role]=\"'menuitem'\"\n      tabindex=\"0\"\n      [disabled]=\"actionRef.disabled\"\n      [attr.title]=\"(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" class=\"app-toolbar-menu-item--icon\" />\n      <span data-automation-id=\"menu-item-title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n</ng-container>\n", styles: [".app-toolbar-menu-item:last-child>.mat-divider-horizontal{display:none}.app-toolbar-menu-item--icon{display:inline-flex;vertical-align:middle}\n"] }]
         }], ctorParameters: function () { return [{ type: AppExtensionService }]; }, propDecorators: { actionRef: [{
                 type: Input
             }], menuId: [{
@@ -2168,9 +2228,13 @@ var ToolbarButtonType;
     ToolbarButtonType["MENU_ITEM"] = "menu-item";
 })(ToolbarButtonType || (ToolbarButtonType = {}));
 class ToolbarButtonComponent {
+    extensions;
+    data;
+    type = ToolbarButtonType.ICON_BUTTON;
+    color;
+    actionRef;
     constructor(extensions) {
         this.extensions = extensions;
-        this.type = ToolbarButtonType.ICON_BUTTON;
     }
     runAction() {
         if (this.hasClickAction(this.actionRef)) {
@@ -2182,12 +2246,12 @@ class ToolbarButtonComponent {
     hasClickAction(actionRef) {
         return !!actionRef?.actions?.click;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarButtonComponent, deps: [{ token: AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ToolbarButtonComponent, isStandalone: true, selector: "app-toolbar-button", inputs: { data: "data", type: "type", color: "color", actionRef: "actionRef" }, host: { classAttribute: "app-toolbar-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"data?.buttonType || type\">\n  <ng-container *ngSwitchCase=\"'icon-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      mat-icon-button\n      [color]=\"color\"\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" />\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'menu-item'\">\n    <app-toolbar-menu-item [actionRef]=\"actionRef\" />\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-ToolbarButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarButtonComponent, deps: [{ token: AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarButtonComponent, isStandalone: true, selector: "app-toolbar-button", inputs: { data: "data", type: "type", color: "color", actionRef: "actionRef" }, host: { classAttribute: "app-toolbar-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"data?.buttonType || type\">\n  <ng-container *ngSwitchCase=\"'icon-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      mat-icon-button\n      [color]=\"color\"\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\"></adf-icon>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'menu-item'\">\n    <app-toolbar-menu-item [actionRef]=\"actionRef\"></app-toolbar-menu-item>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, IconModule, ToolbarMenuItemComponent], selector: 'app-toolbar-button', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-button' }, template: "<ng-container [ngSwitch]=\"data?.buttonType || type\">\n  <ng-container *ngSwitchCase=\"'icon-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      mat-icon-button\n      [color]=\"color\"\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\"></adf-icon>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'menu-item'\">\n    <app-toolbar-menu-item [actionRef]=\"actionRef\"></app-toolbar-menu-item>\n  </ng-container>\n</ng-container>\n" }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, IconModule, ToolbarMenuItemComponent], selector: 'app-toolbar-button', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-button' }, template: "<ng-container [ngSwitch]=\"data?.buttonType || type\">\n  <ng-container *ngSwitchCase=\"'icon-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      mat-icon-button\n      [color]=\"color\"\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <adf-icon [value]=\"actionRef.icon\" />\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [disabled]=\"actionRef.disabled\"\n      (click)=\"runAction()\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'menu-item'\">\n    <app-toolbar-menu-item [actionRef]=\"actionRef\" />\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: AppExtensionService }]; }, propDecorators: { data: [{
                 type: Input
             }], type: [{
@@ -2222,9 +2286,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ToolbarMenuComponent {
-    constructor() {
-        this.type = 'default';
-    }
+    actionRef;
+    color;
+    matTrigger;
+    menu;
+    toolbarMenuItems;
+    data;
+    type = 'default';
     handleKeydownEscape() {
         this.matTrigger.closeMenu();
     }
@@ -2246,12 +2314,12 @@ class ToolbarMenuComponent {
     trackByActionId(_, obj) {
         return obj.id;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ToolbarMenuComponent, isStandalone: true, selector: "app-toolbar-menu", inputs: { actionRef: "actionRef", color: "color", data: "data" }, host: { listeners: { "document:keydown.Escape": "handleKeydownEscape()" }, classAttribute: "app-toolbar-menu" }, viewQueries: [{ propertyName: "matTrigger", first: true, predicate: ["matTrigger"], descendants: true }, { propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "toolbarMenuItems", predicate: ToolbarMenuItemComponent, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-icon-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <adf-icon *ngIf=\"actionRef.icon\" [value]=\"actionRef.icon\" />\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\" [xPosition]=\"'before'\">\n  <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n    <ng-container [ngSwitch]=\"child.type\">\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [id]=\"child.component\" [data]=\"child.data\" />\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <app-toolbar-menu-item [actionRef]=\"child\" [menuId]=\"actionRef.id\" />\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</mat-menu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-ToolbarMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToolbarMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarMenuComponent, isStandalone: true, selector: "app-toolbar-menu", inputs: { actionRef: "actionRef", color: "color", data: "data" }, host: { listeners: { "document:keydown.Escape": "handleKeydownEscape()" }, classAttribute: "app-toolbar-menu" }, viewQueries: [{ propertyName: "matTrigger", first: true, predicate: ["matTrigger"], descendants: true }, { propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "toolbarMenuItems", predicate: ToolbarMenuItemComponent, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-icon-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <adf-icon *ngIf=\"actionRef.icon\" [value]=\"actionRef.icon\"></adf-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\" [xPosition]=\"'before'\">\n  <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n    <ng-container [ngSwitch]=\"child.type\">\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [id]=\"child.component\" [data]=\"child.data\"></adf-dynamic-component>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <app-toolbar-menu-item [actionRef]=\"child\" [menuId]=\"actionRef.id\"></app-toolbar-menu-item>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</mat-menu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$1.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: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarMenuComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, MatMenuModule, ToolbarMenuItemComponent, IconComponent, DynamicExtensionComponent], selector: 'app-toolbar-menu', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-menu' }, template: "<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-icon-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <adf-icon *ngIf=\"actionRef.icon\" [value]=\"actionRef.icon\"></adf-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\" [xPosition]=\"'before'\">\n  <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n    <ng-container [ngSwitch]=\"child.type\">\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [id]=\"child.component\" [data]=\"child.data\"></adf-dynamic-component>\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <app-toolbar-menu-item [actionRef]=\"child\" [menuId]=\"actionRef.id\"></app-toolbar-menu-item>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</mat-menu>\n" }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatButtonModule, MatMenuModule, ToolbarMenuItemComponent, IconComponent, DynamicExtensionComponent], selector: 'app-toolbar-menu', encapsulation: ViewEncapsulation.None, host: { class: 'app-toolbar-menu' }, template: "<ng-container [ngSwitch]=\"type\">\n  <ng-container *ngSwitchCase=\"'button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'flat-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-flat-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'stroked-button'\">\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-stroked-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <span *ngIf=\"actionRef.title\">{{ actionRef.title | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    <button\n      [id]=\"actionRef.id\"\n      [color]=\"data?.color || color\"\n      mat-icon-button\n      [attr.aria-label]=\"actionRef.description || actionRef.title | translate\"\n      [attr.title]=\"actionRef.description || actionRef.title | translate\"\n      [matMenuTriggerFor]=\"menu\"\n      [disabled]=\"actionRef.disabled\"\n      #matTrigger=\"matMenuTrigger\"\n    >\n      <adf-icon *ngIf=\"actionRef.icon\" [value]=\"actionRef.icon\" />\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\" [xPosition]=\"'before'\">\n  <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n    <ng-container [ngSwitch]=\"child.type\">\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [id]=\"child.component\" [data]=\"child.data\" />\n      </ng-container>\n      <ng-container *ngSwitchDefault>\n        <app-toolbar-menu-item [actionRef]=\"child\" [menuId]=\"actionRef.id\" />\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</mat-menu>\n" }]
         }], propDecorators: { actionRef: [{
                 type: Input
             }], color: [{
@@ -2296,9 +2364,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ToolbarActionComponent {
+    cd;
+    data;
+    type = ToolbarButtonType.ICON_BUTTON;
+    color;
+    actionRef;
     constructor(cd) {
         this.cd = cd;
-        this.type = ToolbarButtonType.ICON_BUTTON;
     }
     // todo: review after ADF 2.6
     // preview component : change detection workaround for children without input
@@ -2307,12 +2379,12 @@ class ToolbarActionComponent {
             this.cd.markForCheck();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ToolbarActionComponent, isStandalone: true, selector: "aca-toolbar-action", inputs: { data: "data", type: "type", color: "color", actionRef: "actionRef" }, host: { classAttribute: "aca-toolbar-action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <div *ngSwitchCase=\"'default'\">\n    <app-toolbar-button [type]=\"type\" [actionRef]=\"actionRef\" [color]=\"color\" />\n  </div>\n\n  <div *ngSwitchCase=\"'button'\">\n    <app-toolbar-button [type]=\"data?.buttonType || type\" [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\" />\n  </div>\n\n  <div *ngSwitchCase=\"'separator'\" [id]=\"actionRef.id\" class=\"aca-toolbar-divider\"></div>\n\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <app-toolbar-menu [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\" />\n  </ng-container>\n\n  <div *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\" />\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarButtonComponent, selector: "app-toolbar-button", inputs: ["data", "type", "color", "actionRef"] }, { kind: "component", type: ToolbarMenuComponent, selector: "app-toolbar-menu", inputs: ["actionRef", "color", "data"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-ToolbarActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarActionComponent, isStandalone: true, selector: "aca-toolbar-action", inputs: { data: "data", type: "type", color: "color", actionRef: "actionRef" }, host: { classAttribute: "aca-toolbar-action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <div *ngSwitchCase=\"'default'\">\n    <app-toolbar-button [type]=\"type\" [actionRef]=\"actionRef\" [color]=\"color\"> </app-toolbar-button>\n  </div>\n\n  <div *ngSwitchCase=\"'button'\">\n    <app-toolbar-button [type]=\"data?.buttonType || type\" [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\"> </app-toolbar-button>\n  </div>\n\n  <div *ngSwitchCase=\"'separator'\" [id]=\"actionRef.id\" class=\"aca-toolbar-divider\"></div>\n\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <app-toolbar-menu [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\"></app-toolbar-menu>\n  </ng-container>\n\n  <div *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\"></adf-dynamic-component>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarButtonComponent, selector: "app-toolbar-button", inputs: ["data", "type", "color", "actionRef"] }, { kind: "component", type: ToolbarMenuComponent, selector: "app-toolbar-menu", inputs: ["actionRef", "color", "data"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarActionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, ToolbarButtonComponent, ToolbarMenuComponent, DynamicExtensionComponent], selector: 'aca-toolbar-action', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'aca-toolbar-action' }, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <div *ngSwitchCase=\"'default'\">\n    <app-toolbar-button [type]=\"type\" [actionRef]=\"actionRef\" [color]=\"color\"> </app-toolbar-button>\n  </div>\n\n  <div *ngSwitchCase=\"'button'\">\n    <app-toolbar-button [type]=\"data?.buttonType || type\" [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\"> </app-toolbar-button>\n  </div>\n\n  <div *ngSwitchCase=\"'separator'\" [id]=\"actionRef.id\" class=\"aca-toolbar-divider\"></div>\n\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <app-toolbar-menu [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\"></app-toolbar-menu>\n  </ng-container>\n\n  <div *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\"></adf-dynamic-component>\n  </div>\n</ng-container>\n" }]
+            args: [{ standalone: true, imports: [CommonModule, ToolbarButtonComponent, ToolbarMenuComponent, DynamicExtensionComponent], selector: 'aca-toolbar-action', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'aca-toolbar-action' }, template: "<ng-container [ngSwitch]=\"actionRef.type\">\n  <div *ngSwitchCase=\"'default'\">\n    <app-toolbar-button [type]=\"type\" [actionRef]=\"actionRef\" [color]=\"color\" />\n  </div>\n\n  <div *ngSwitchCase=\"'button'\">\n    <app-toolbar-button [type]=\"data?.buttonType || type\" [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\" />\n  </div>\n\n  <div *ngSwitchCase=\"'separator'\" [id]=\"actionRef.id\" class=\"aca-toolbar-divider\"></div>\n\n  <ng-container *ngSwitchCase=\"'menu'\">\n    <app-toolbar-menu [actionRef]=\"actionRef\" [color]=\"color\" [data]=\"actionRef.data\" />\n  </ng-container>\n\n  <div *ngSwitchCase=\"'custom'\">\n    <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\" />\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
                 type: Input
             }], type: [{
@@ -2347,15 +2419,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ToolbarComponent {
+    items;
     trackByActionId(_, action) {
         return action.id;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ToolbarComponent, isStandalone: true, selector: "aca-toolbar", inputs: { items: "items" }, ngImport: i0, template: "<mat-toolbar class=\"aca-toolbar\">\n  <ng-container *ngFor=\"let item of items; trackBy: trackByActionId\">\n    <aca-toolbar-action [actionRef]=\"item\" />\n  </ng-container>\n</mat-toolbar>\n", styles: ["aca-toolbar .aca-toolbar{min-height:48px;color:var(--adf-theme-foreground-text-color-054);background-color:inherit;border:none;padding:0;column-gap:5px}aca-toolbar .aca-toolbar-divider{height:24px;width:1px;background:var(--adf-theme-foreground-text-color-025);margin-left:5px;margin-right:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToolbarActionComponent, selector: "aca-toolbar-action", inputs: ["data", "type", "color", "actionRef"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "aca-toolbar", inputs: { items: "items" }, ngImport: i0, template: "<mat-toolbar class=\"aca-toolbar\">\n  <ng-container *ngFor=\"let item of items; trackBy: trackByActionId\">\n    <aca-toolbar-action [actionRef]=\"item\"></aca-toolbar-action>\n  </ng-container>\n</mat-toolbar>\n", styles: ["aca-toolbar .aca-toolbar{min-height:48px;color:var(--adf-theme-foreground-text-color-054);background-color:inherit;border:none;padding:0;column-gap:5px}aca-toolbar .aca-toolbar-divider{height:24px;width:1px;background:var(--adf-theme-foreground-text-color-025);margin-left:5px;margin-right:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToolbarActionComponent, selector: "aca-toolbar-action", inputs: ["data", "type", "color", "actionRef"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aca-toolbar', standalone: true, imports: [CommonModule, ToolbarActionComponent, MatToolbarModule], encapsulation: ViewEncapsulation.None, template: "<mat-toolbar class=\"aca-toolbar\">\n  <ng-container *ngFor=\"let item of items; trackBy: trackByActionId\">\n    <aca-toolbar-action [actionRef]=\"item\"></aca-toolbar-action>\n  </ng-container>\n</mat-toolbar>\n", styles: ["aca-toolbar .aca-toolbar{min-height:48px;color:var(--adf-theme-foreground-text-color-054);background-color:inherit;border:none;padding:0;column-gap:5px}aca-toolbar .aca-toolbar-divider{height:24px;width:1px;background:var(--adf-theme-foreground-text-color-025);margin-left:5px;margin-right:5px}\n"] }]
+            args: [{ selector: 'aca-toolbar', standalone: true, imports: [CommonModule, ToolbarActionComponent, MatToolbarModule], encapsulation: ViewEncapsulation.None, template: "<mat-toolbar class=\"aca-toolbar\">\n  <ng-container *ngFor=\"let item of items; trackBy: trackByActionId\">\n    <aca-toolbar-action [actionRef]=\"item\" />\n  </ng-container>\n</mat-toolbar>\n", styles: ["aca-toolbar .aca-toolbar{min-height:48px;color:var(--adf-theme-foreground-text-color-054);background-color:inherit;border:none;padding:0;column-gap:5px}aca-toolbar .aca-toolbar-divider{height:24px;width:1px;background:var(--adf-theme-foreground-text-color-025);margin-left:5px;margin-right:5px}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -2384,43 +2457,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class InfoDrawerComponent {
+    store;
+    contentApi;
+    extensions;
+    nodesService;
+    contentService;
+    nodeId;
+    node;
+    isLoading = false;
+    displayNode;
+    tabs = [];
+    actions = [];
+    preventFromClosing = false;
+    icon = null;
     onEscapeKeyboardEvent() {
         this.close();
     }
+    destroyRef = inject(DestroyRef);
     constructor(store, contentApi, extensions, nodesService, contentService) {
         this.store = store;
         this.contentApi = contentApi;
         this.extensions = extensions;
         this.nodesService = nodesService;
         this.contentService = contentService;
-        this.isLoading = false;
-        this.tabs = [];
-        this.actions = [];
-        this.onDestroy$ = new Subject();
-        this.preventFromClosing = false;
-        this.icon = null;
     }
     ngOnInit() {
         this.tabs = this.extensions.getSidebarTabs();
         this.extensions
             .getAllowedSidebarActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.actions = actions;
         });
         this.store
             .select(infoDrawerPreview)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((isInfoDrawerPreviewOpened) => {
             this.preventFromClosing = isInfoDrawerPreviewOpened;
         });
-        this.nodesService.nodeUpdated.pipe(takeUntil(this.onDestroy$)).subscribe((node) => {
+        this.nodesService.nodeUpdated.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((node) => {
             this.node.entry = node;
         });
     }
     ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
         if (!this.preventFromClosing) {
             this.store.dispatch(new SetInfoDrawerStateAction(false));
         }
@@ -2452,12 +2531,12 @@ class InfoDrawerComponent {
         this.displayNode = node;
         this.icon = this.contentService.getNodeIcon(node);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: InfoDrawerComponent, deps: [{ token: i1$2.Store }, { token: ContentApiService }, { token: AppExtensionService }, { token: i4.NodesApiService }, { token: i4.ContentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: InfoDrawerComponent, isStandalone: true, selector: "aca-info-drawer", inputs: { nodeId: "nodeId", node: "node" }, host: { listeners: { "keydown.escape": "onEscapeKeyboardEvent()" } }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isLoading\">\n  <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'APP.INFO_DRAWER.DATA_LOADING' | translate\" />\n</div>\n<ng-container *ngIf=\"!isLoading && !!displayNode\">\n  <adf-info-drawer [icon]=\"icon\" [title]=\"node?.entry?.name || 'APP.INFO_DRAWER.TITLE'\" cdkTrapFocusAutoCapture>\n    <aca-toolbar [items]=\"actions\" info-drawer-buttons />\n\n    <adf-info-drawer-tab *ngFor=\"let tab of tabs\" [icon]=\"tab.icon\" [label]=\"tab.title\">\n      <adf-dynamic-tab [node]=\"$any(displayNode)\" [id]=\"tab.component\" [attr.data-automation-id]=\"tab.component\" />\n    </adf-info-drawer-tab>\n  </adf-info-drawer>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i7$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: InfoDrawerModule }, { kind: "component", type: i1.InfoDrawerTabComponent, selector: "adf-info-drawer-tab", inputs: ["label", "icon"] }, { kind: "component", type: i1.InfoDrawerComponent, selector: "adf-info-drawer", inputs: ["title", "icon", "selectedIndex", "showHeader"], outputs: ["currentTab"] }, { kind: "directive", type: i1.InfoDrawerButtonsDirective, selector: "[adf-info-drawer-buttons], [info-drawer-buttons]" }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: DynamicTabComponent, selector: "adf-dynamic-tab", inputs: ["id", "node"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-InfoDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InfoDrawerComponent, deps: [{ token: i1$2.Store }, { token: ContentApiService }, { token: AppExtensionService }, { token: i4.NodesApiService }, { token: i4.ContentService }], target: i0.ɵɵFactoryTarget.Component });
-InfoDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: InfoDrawerComponent, isStandalone: true, selector: "aca-info-drawer", inputs: { nodeId: "nodeId", node: "node" }, host: { listeners: { "keydown.escape": "onEscapeKeyboardEvent()" } }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isLoading\">\n  <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'APP.INFO_DRAWER.DATA_LOADING' | translate\"></mat-progress-bar>\n</div>\n<ng-container *ngIf=\"!isLoading && !!displayNode\">\n  <adf-info-drawer [icon]=\"icon\" [title]=\"node?.entry?.name || 'APP.INFO_DRAWER.TITLE'\" cdkTrapFocusAutoCapture>\n    <aca-toolbar [items]=\"actions\" info-drawer-buttons></aca-toolbar>\n\n    <adf-info-drawer-tab *ngFor=\"let tab of tabs\" [icon]=\"tab.icon\" [label]=\"tab.title\">\n      <adf-dynamic-tab [node]=\"$any(displayNode)\" [id]=\"tab.component\" [attr.data-automation-id]=\"tab.component\"> </adf-dynamic-tab>\n    </adf-info-drawer-tab>\n  </adf-info-drawer>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i7$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: InfoDrawerModule }, { kind: "component", type: i1.InfoDrawerTabComponent, selector: "adf-info-drawer-tab", inputs: ["label", "icon"] }, { kind: "component", type: i1.InfoDrawerComponent, selector: "adf-info-drawer", inputs: ["title", "icon", "selectedIndex", "showHeader"], outputs: ["currentTab"] }, { kind: "directive", type: i1.InfoDrawerButtonsDirective, selector: "[adf-info-drawer-buttons], [info-drawer-buttons]" }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: DynamicTabComponent, selector: "adf-dynamic-tab", inputs: ["id", "node"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InfoDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: InfoDrawerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatProgressBarModule, InfoDrawerModule, A11yModule, ToolbarComponent, DynamicTabComponent], selector: 'aca-info-drawer', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isLoading\">\n  <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'APP.INFO_DRAWER.DATA_LOADING' | translate\"></mat-progress-bar>\n</div>\n<ng-container *ngIf=\"!isLoading && !!displayNode\">\n  <adf-info-drawer [icon]=\"icon\" [title]=\"node?.entry?.name || 'APP.INFO_DRAWER.TITLE'\" cdkTrapFocusAutoCapture>\n    <aca-toolbar [items]=\"actions\" info-drawer-buttons></aca-toolbar>\n\n    <adf-info-drawer-tab *ngFor=\"let tab of tabs\" [icon]=\"tab.icon\" [label]=\"tab.title\">\n      <adf-dynamic-tab [node]=\"$any(displayNode)\" [id]=\"tab.component\" [attr.data-automation-id]=\"tab.component\"> </adf-dynamic-tab>\n    </adf-info-drawer-tab>\n  </adf-info-drawer>\n</ng-container>\n" }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatProgressBarModule, InfoDrawerModule, A11yModule, ToolbarComponent, DynamicTabComponent], selector: 'aca-info-drawer', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"isLoading\">\n  <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'APP.INFO_DRAWER.DATA_LOADING' | translate\" />\n</div>\n<ng-container *ngIf=\"!isLoading && !!displayNode\">\n  <adf-info-drawer [icon]=\"icon\" [title]=\"node?.entry?.name || 'APP.INFO_DRAWER.TITLE'\" cdkTrapFocusAutoCapture>\n    <aca-toolbar [items]=\"actions\" info-drawer-buttons />\n\n    <adf-info-drawer-tab *ngFor=\"let tab of tabs\" [icon]=\"tab.icon\" [label]=\"tab.title\">\n      <adf-dynamic-tab [node]=\"$any(displayNode)\" [id]=\"tab.component\" [attr.data-automation-id]=\"tab.component\" />\n    </adf-info-drawer-tab>\n  </adf-info-drawer>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1$2.Store }, { type: ContentApiService }, { type: AppExtensionService }, { type: i4.NodesApiService }, { type: i4.ContentService }]; }, propDecorators: { nodeId: [{
                 type: Input
             }], node: [{
@@ -2560,9 +2639,7 @@ function isLibrary(node) {
  */
 const BYTES_TO_MB_CONVERSION_VALUE = 1048576;
 class AutoDownloadService {
-    constructor() {
-        this.dialog = inject(MatDialog);
-    }
+    dialog = inject(MatDialog);
     shouldDownload(node, threshold) {
         const fileSizeInBytes = node?.entry?.content?.sizeInBytes || 0;
         const sizeInMB = fileSizeInBytes / BYTES_TO_MB_CONVERSION_VALUE;
@@ -2581,16 +2658,65 @@ class AutoDownloadService {
         }
         return false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AutoDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AutoDownloadService, providedIn: 'root' });
 }
-AutoDownloadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AutoDownloadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoDownloadService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AutoDownloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AutoDownloadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }] });
 
+/*!
+ * Copyright © 2005-2024 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/>.
+ */
+class NavigationHistoryService {
+    router;
+    history = [];
+    constructor(router) {
+        this.router = router;
+    }
+    listenToRouteChanges() {
+        return this.router.events.pipe(startWith(new NavigationEnd(0, this.router.url, this.router.url)), filter((event) => event instanceof NavigationEnd));
+    }
+    shouldReturnLastSelection(url) {
+        return this.history.length > 2 && this.history[1].startsWith(url) && this.history[0] === this.history[2];
+    }
+    setHistory(event, maxHistoryLength) {
+        this.history.push(event.urlAfterRedirects);
+        if (maxHistoryLength > 0 && this.history.length > maxHistoryLength) {
+            this.history.shift();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NavigationHistoryService, deps: [{ token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NavigationHistoryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NavigationHistoryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i3.Router }]; } });
+
 /*!
  * Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
  *
@@ -2616,85 +2742,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 /* eslint-disable @angular-eslint/directive-class-suffix */
 class PageComponent {
-    constructor() {
-        this.onDestroy$ = new Subject();
-        this.title = 'Page';
-        this.actions = [];
-        this.viewerToolbarActions = [];
-        this.bulkActions = [];
-        this.canUpdateNode = false;
-        this.canUpload = false;
-        this.showHeader = ShowHeaderMode.Data;
-        this.filterSorting = 'name-asc';
-        this.createActions = [];
-        this.isSmallScreen = false;
-        this.selectedRowItemsCount = 0;
-        this.documentListService = inject(DocumentListService);
-        this.settings = inject(AppSettingsService);
-        this.extensions = inject(AppExtensionService);
-        this.content = inject(DocumentBasePageService);
-        this.store = inject((Store));
-        this.breakpointObserver = inject(BreakpointObserver);
-        this.uploadService = inject(UploadService);
-        this.router = inject(Router);
-        this.autoDownloadService = inject(AutoDownloadService, { optional: true });
-        this.searchAiService = inject(SearchAiService);
-        this.subscriptions = [];
-        this._searchAiInputState = {
-            active: false
-        };
-    }
+    documentList;
+    title = 'Page';
+    infoDrawerOpened$;
+    node;
+    selection;
+    actions = [];
+    viewerToolbarActions = [];
+    bulkActions = [];
+    canUpdateNode = false;
+    canUpload = false;
+    nodeResult;
+    showHeader = ShowHeaderMode.Data;
+    filterSorting = 'name-asc';
+    createActions = [];
+    isSmallScreen = false;
+    selectedRowItemsCount = 0;
+    selectedNodesState;
+    documentListService = inject(DocumentListService);
+    settings = inject(AppSettingsService);
+    extensions = inject(AppExtensionService);
+    content = inject(DocumentBasePageService);
+    store = inject((Store));
+    breakpointObserver = inject(BreakpointObserver);
+    uploadService = inject(UploadService);
+    router = inject(Router);
+    userPreferencesService = inject(UserPreferencesService);
+    searchAiService = inject(SearchAiService);
+    destroyRef = inject(DestroyRef);
+    autoDownloadService = inject(AutoDownloadService, { optional: true });
+    navigationHistoryService = inject(NavigationHistoryService);
+    subscriptions = [];
+    _searchAiInputState = {
+        active: false
+    };
     get searchAiInputState() {
         return this._searchAiInputState;
     }
     ngOnInit() {
         this.extensions
             .getCreateActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.createActions = actions;
         });
         this.infoDrawerOpened$ = this.store.select(isInfoDrawerOpened);
         this.store
             .select(getAppSelection)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((selection) => {
             this.selection = selection;
             this.canUpdateNode = this.selection.count === 1 && this.content.canUpdateNode(selection.first);
         });
         this.extensions
             .getAllowedToolbarActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.actions = actions;
         });
         this.extensions
             .getBulkActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.bulkActions = actions;
         });
         this.extensions
             .getViewerToolbarActions()
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((actions) => {
             this.viewerToolbarActions = actions;
         });
         this.store
             .select(getCurrentFolder)
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((node) => {
             this.canUpload = node && this.content.canUploadContent(node);
         });
         this.breakpointObserver
             .observe([Breakpoints.HandsetPortrait, Breakpoints.HandsetLandscape])
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((result) => {
             this.isSmallScreen = result.matches;
         });
         this.searchAiService.toggleSearchAiInput$
-            .pipe(takeUntil(this.onDestroy$))
+            .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((searchAiInputState) => (this._searchAiInputState = searchAiInputState));
+        this.setKnowledgeRetrievalState();
     }
     ngOnChanges(changes) {
         if (changes.nodeResult?.currentValue) {
@@ -2704,8 +2837,6 @@ class PageComponent {
     ngOnDestroy() {
         this.subscriptions.forEach((subscription) => subscription.unsubscribe());
         this.subscriptions = [];
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
         this.store.dispatch(new SetSelectedNodesAction([]));
     }
     showPreview(node, extras) {
@@ -2757,6 +2888,17 @@ class PageComponent {
     trackByColumnId(_, obj) {
         return obj.id;
     }
+    setKnowledgeRetrievalState() {
+        const nodes = this.userPreferencesService.get('knowledgeRetrievalNodes');
+        if (nodes && this.navigationHistoryService.shouldReturnLastSelection('/knowledge-retrieval')) {
+            this.selectedNodesState = JSON.parse(nodes);
+        }
+        if (!this.selectedNodesState && !this.router.url.startsWith('/knowledge-retrieval')) {
+            this.searchAiService.updateSearchAiInputState({
+                active: false
+            });
+        }
+    }
     isOutletPreviewUrl() {
         return location.href.includes('viewer:view');
     }
@@ -2769,10 +2911,10 @@ class PageComponent {
             this.documentListService.reload();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: PageComponent, host: { listeners: { "sorting-changed": "onSortingChanged($event)" } }, viewQueries: [{ propertyName: "documentList", first: true, predicate: DocumentListComponent, descendants: true }], usesOnChanges: true, ngImport: i0 });
 }
-PageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PageComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PageComponent, host: { listeners: { "sorting-changed": "onSortingChanged($event)" } }, viewQueries: [{ propertyName: "documentList", first: true, predicate: DocumentListComponent, descendants: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PageComponent, decorators: [{
             type: Directive
         }], propDecorators: { documentList: [{
                 type: ViewChild,
@@ -2830,6 +2972,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ContextActionsDirective {
+    store;
+    // eslint-disable-next-line
+    enabled = true;
+    customActions = [];
     onContextMenuEvent(event) {
         if (event) {
             event.preventDefault();
@@ -2841,22 +2987,21 @@ class ContextActionsDirective {
             }
         }
     }
+    execute$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(store) {
         this.store = store;
-        this.execute$ = new Subject();
-        this.onDestroy$ = new Subject();
-        // eslint-disable-next-line
-        this.enabled = true;
     }
     ngOnInit() {
-        this.execute$.pipe(debounceTime(300), takeUntil(this.onDestroy$)).subscribe((event) => {
-            this.store.dispatch(new ContextMenu(event));
+        this.execute$.pipe(debounceTime(300), takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
+            if (this.customActions?.length) {
+                this.store.dispatch(new CustomContextMenu(event, this.customActions));
+            }
+            else {
+                this.store.dispatch(new ContextMenu(event));
+            }
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next(true);
-        this.onDestroy$.complete();
-    }
     execute(event, target) {
         if (!this.isSelected(target)) {
             target.dispatchEvent(new MouseEvent('click'));
@@ -2885,10 +3030,10 @@ class ContextActionsDirective {
         }
         return el;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ContextActionsDirective, deps: [{ token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: ContextActionsDirective, isStandalone: true, selector: "[acaContextActions]", inputs: { enabled: ["acaContextEnable", "enabled"], customActions: "customActions" }, host: { listeners: { "contextmenu": "onContextMenuEvent($event)" } }, exportAs: ["acaContextActions"], ngImport: i0 });
 }
-ContextActionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextActionsDirective, deps: [{ token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Directive });
-ContextActionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ContextActionsDirective, isStandalone: true, selector: "[acaContextActions]", inputs: { enabled: ["acaContextEnable", "enabled"] }, host: { listeners: { "contextmenu": "onContextMenuEvent($event)" } }, exportAs: ["acaContextActions"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ContextActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ContextActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -2898,6 +3043,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1$2.Store }]; }, propDecorators: { enabled: [{
                 type: Input,
                 args: ['acaContextEnable']
+            }], customActions: [{
+                type: Input
             }], onContextMenuEvent: [{
                 type: HostListener,
                 args: ['contextmenu', ['$event']]
@@ -2927,26 +3074,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class PaginationDirective {
+    pagination;
+    preferences;
+    config;
+    destroyRef = inject(DestroyRef);
     constructor(pagination, preferences, config) {
         this.pagination = pagination;
         this.preferences = preferences;
         this.config = config;
-        this.subscriptions = [];
     }
     ngOnInit() {
         this.pagination.supportedPageSizes = this.config.get('pagination.supportedPageSizes');
-        this.subscriptions.push(this.pagination.changePageSize.subscribe((event) => {
+        this.pagination.changePageSize.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
             this.preferences.paginationSize = event.maxItems;
-        }));
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
-        this.subscriptions = [];
+        });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PaginationDirective, deps: [{ token: i1.PaginationComponent }, { token: i1.UserPreferencesService }, { token: i1.AppConfigService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: PaginationDirective, isStandalone: true, selector: "[acaPagination]", ngImport: i0 });
 }
-PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationDirective, deps: [{ token: i1.PaginationComponent }, { token: i1.UserPreferencesService }, { token: i1.AppConfigService }], target: i0.ɵɵFactoryTarget.Directive });
-PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PaginationDirective, isStandalone: true, selector: "[acaPagination]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PaginationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -3087,52 +3233,50 @@ const PluginEnabledGuard = (route) => {
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class AppHookService {
-    constructor() {
-        /**
-         * Gets emitted when user delete the node
-         */
-        this.nodesDeleted = new Subject();
-        /**
-         * Gets emitted when user delete the library
-         */
-        this.libraryDeleted = new Subject();
-        /**
-         * Gets emitted when user create the library
-         */
-        this.libraryCreated = new Subject();
-        /**
-         * Gets emitted when user update the library
-         */
-        this.libraryUpdated = new Subject();
-        /**
-         * Gets emitted when user join the library
-         */
-        this.libraryJoined = new Subject();
-        /**
-         * Gets emitted when user left the library
-         */
-        this.libraryLeft = new Subject();
-        /**
-         * Gets emitted when library throws 400 error code
-         */
-        this.library400Error = new Subject();
-        /**
-         * Gets emitted when user join the library
-         */
-        this.joinLibraryToggle = new Subject();
-        /**
-         * Gets emitted when user unlink the node
-         */
-        this.linksUnshared = new Subject();
-        /**
-         * Gets emitted when user mark the favorite library
-         */
-        this.favoriteLibraryToggle = new Subject();
-    }
+    /**
+     * Gets emitted when user delete the node
+     */
+    nodesDeleted = new Subject();
+    /**
+     * Gets emitted when user delete the library
+     */
+    libraryDeleted = new Subject();
+    /**
+     * Gets emitted when user create the library
+     */
+    libraryCreated = new Subject();
+    /**
+     * Gets emitted when user update the library
+     */
+    libraryUpdated = new Subject();
+    /**
+     * Gets emitted when user join the library
+     */
+    libraryJoined = new Subject();
+    /**
+     * Gets emitted when user left the library
+     */
+    libraryLeft = new Subject();
+    /**
+     * Gets emitted when library throws 400 error code
+     */
+    library400Error = new Subject();
+    /**
+     * Gets emitted when user join the library
+     */
+    joinLibraryToggle = new Subject();
+    /**
+     * Gets emitted when user unlink the node
+     */
+    linksUnshared = new Subject();
+    /**
+     * Gets emitted when user mark the favorite library
+     */
+    favoriteLibraryToggle = new Subject();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppHookService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppHookService, providedIn: 'root' });
 }
-AppHookService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHookService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AppHookService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHookService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AppHookService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AppHookService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3207,47 +3351,47 @@ class DocumentBasePageServiceMock extends DocumentBasePageService {
     canUploadContent() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DocumentBasePageServiceMock, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DocumentBasePageServiceMock });
 }
-DocumentBasePageServiceMock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DocumentBasePageServiceMock, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-DocumentBasePageServiceMock.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DocumentBasePageServiceMock });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DocumentBasePageServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: DocumentBasePageServiceMock, decorators: [{
             type: Injectable
         }] });
 class LibTestingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LibTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: LibTestingModule, imports: [NoopAnimationsModule,
+            CommonModule,
+            HttpClientModule,
+            RouterTestingModule,
+            MatIconTestingModule,
+            StoreModule,
+            OverlayModule, i1$2.StoreRootModule, i2$2.EffectsRootModule, i3$2.TranslateModule], exports: [TranslateModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LibTestingModule, providers: [
+            { provide: AlfrescoApiService, useClass: AlfrescoApiServiceMock },
+            { provide: TranslationService, useClass: TranslationMock }
+        ], imports: [NoopAnimationsModule,
+            CommonModule,
+            HttpClientModule,
+            RouterTestingModule,
+            MatIconTestingModule,
+            StoreModule,
+            OverlayModule,
+            StoreModule.forRoot({ app: null }, {
+                initialState,
+                runtimeChecks: {
+                    strictStateImmutability: false,
+                    strictActionImmutability: false
+                }
+            }),
+            EffectsModule.forRoot([]),
+            TranslateModule.forRoot({
+                loader: {
+                    provide: TranslateLoader,
+                    useClass: TranslateLoaderService
+                }
+            }), TranslateModule] });
 }
-LibTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LibTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LibTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LibTestingModule, imports: [NoopAnimationsModule,
-        CommonModule,
-        HttpClientModule,
-        RouterTestingModule,
-        MatIconTestingModule,
-        StoreModule,
-        OverlayModule, i1$2.StoreRootModule, i2$2.EffectsRootModule, i3$2.TranslateModule], exports: [TranslateModule] });
-LibTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LibTestingModule, providers: [
-        { provide: AlfrescoApiService, useClass: AlfrescoApiServiceMock },
-        { provide: TranslationService, useClass: TranslationMock }
-    ], imports: [NoopAnimationsModule,
-        CommonModule,
-        HttpClientModule,
-        RouterTestingModule,
-        MatIconTestingModule,
-        StoreModule,
-        OverlayModule,
-        StoreModule.forRoot({ app: null }, {
-            initialState,
-            runtimeChecks: {
-                strictStateImmutability: false,
-                strictActionImmutability: false
-            }
-        }),
-        EffectsModule.forRoot([]),
-        TranslateModule.forRoot({
-            loader: {
-                provide: TranslateLoader,
-                useClass: TranslateLoaderService
-            }
-        }), TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LibTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LibTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3306,11 +3450,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // @deprecated
 class SharedModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SharedModule, imports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, ContextActionsDirective], exports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, ContextActionsDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedModule, imports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, MatButtonModule, MatIconModule, MatDialogModule, TranslateModule] });
 }
-SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, imports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, ContextActionsDirective], exports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, ContextActionsDirective] });
-SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, imports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, MatButtonModule, MatIconModule, MatDialogModule, TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MatButtonModule, MatIconModule, MatDialogModule, TranslateModule, ContextActionsDirective],
@@ -3343,11 +3487,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // @deprecated
 class SharedToolbarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SharedToolbarModule, imports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent], exports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedToolbarModule, imports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent] });
 }
-SharedToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedToolbarModule, imports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent], exports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent] });
-SharedToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedToolbarModule, imports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedToolbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SharedToolbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ToolbarButtonComponent, ToolbarActionComponent, ToolbarMenuItemComponent, ToolbarMenuComponent],
@@ -3383,5 +3527,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AppExtensionService, AppHookService, AppService, AppSettingsService, AppSharedRuleGuard, AutoDownloadService, ContentApiService, ContextActionsDirective, DefaultExtensionLoaderFactory, DefaultMimeTypes, DocumentBasePageService, DocumentBasePageServiceMock, EXTENSION_DATA_LOADERS, ExtensionsDataLoaderGuard, GenericErrorComponent, InfoDrawerComponent, LibTestingModule, LockedByComponent, NodePermissionService, OpenInAppComponent, PageComponent, PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutModule, PaginationDirective, PluginEnabledGuard, RouterExtensionService, SharedModule, SharedToolbarModule, ToolbarActionComponent, ToolbarButtonComponent, ToolbarButtonType, ToolbarComponent, ToolbarMenuComponent, ToolbarMenuItemComponent, UserProfileService, discoveryApiServiceMockValue, initialState, isLibrary, isLocked, resetInvoked };
+export { AppExtensionService, AppHookService, AppService, AppSettingsService, AppSharedRuleGuard, AutoDownloadService, ContentApiService, ContextActionsDirective, DefaultExtensionLoaderFactory, DefaultMimeTypes, DocumentBasePageService, DocumentBasePageServiceMock, EXTENSION_DATA_LOADERS, ExtensionsDataLoaderGuard, GenericErrorComponent, InfoDrawerComponent, LibTestingModule, LockedByComponent, NavigationHistoryService, NodePermissionService, OpenInAppComponent, PageComponent, PageLayoutComponent, PageLayoutContentComponent, PageLayoutErrorComponent, PageLayoutHeaderComponent, PageLayoutModule, PaginationDirective, PluginEnabledGuard, RouterExtensionService, SharedModule, SharedToolbarModule, ToolbarActionComponent, ToolbarButtonComponent, ToolbarButtonType, ToolbarComponent, ToolbarMenuComponent, ToolbarMenuItemComponent, UserProfileService, discoveryApiServiceMockValue, initialState, isLibrary, isLocked, resetInvoked };
 //# sourceMappingURL=alfresco-aca-shared.mjs.map