@alfresco/aca-content 7.3.0 → 7.4.0-22991957830

package/fesm2022/alfresco-aca-content.mjs

@@ -1,12 +1,12 @@
 import { DomSanitizer, HammerModule } from '@angular/platform-browser';
 import * as i0 from '@angular/core';
-import { inject, Injectable, DestroyRef, ViewEncapsulation, Component, SecurityContext, NgZone, RendererFactory2, Inject, InjectionToken, Input, EventEmitter, HostListener, Output, Directive, ViewChild, QueryList, ViewChildren, Injector, NgModule, ChangeDetectionStrategy, ChangeDetectorRef, Optional, Pipe, ElementRef, ContentChildren } from '@angular/core';
+import { inject, Injectable, DestroyRef, ViewEncapsulation, Component, SecurityContext, NgZone, RendererFactory2, Inject, InjectionToken, Input, EventEmitter, HostListener, Output, Directive, ViewChild, QueryList, ViewChildren, Injector, NgModule, ChangeDetectionStrategy, ChangeDetectorRef, Optional, ElementRef, Pipe, ContentChildren } from '@angular/core';
 import * as i2 from '@alfresco/adf-core';
 import { FileSizePipe, DIALOG_COMPONENT_DATA, TimeAgoPipe, LocalizedDatePipe, IconComponent, NotificationService, TranslationService, ConfirmDialogComponent, DialogComponent, DialogSize, FileUtils, LogoutDirective, UserPreferencesService, AppConfigValues, UnsavedChangesDialogComponent, AvatarComponent, ShowHeaderMode, PaginationComponent, DataColumnListComponent, DataColumnComponent, CustomEmptyContentTemplateDirective, EmptyContentComponent, DateColumnHeaderComponent, ViewerToolbarComponent, InfoDrawerButtonsDirective, AuthenticationService, ViewerModule, DataTableSchema, DATATABLE_DIRECTIVES, TEMPLATE_DIRECTIVES, DataTableComponent, AuthGuard, UnsavedChangesGuard, UserPreferenceValues, provideTranslations, NotificationHistoryComponent, LanguagePickerComponent, AuthGuardEcm } from '@alfresco/adf-core';
 import * as i1 from '@alfresco/adf-content-services';
 import { DocumentListService, ContentVersionService, DownloadZipDialogComponent, NodeAction, ContentNodeDialogService, ContentNodeSelectorComponent, ContentService, NodesApiService, NodeAspectService, NewVersionUploaderService, NewVersionUploaderDataAction, ShareDialogComponent, FolderDialogComponent, LibraryDialogComponent, RenditionService, SearchQueryBuilderService, UploadService, FileModel, AlfrescoApiService, SearchAiService, NameColumnComponent, NodeCommentsComponent, ContentMetadataComponent, VersionManagerComponent, LibraryFavoriteDirective, NodeFavoriteDirective, LibraryMembershipDirective, BreadcrumbComponent, UploadDragAreaComponent, DocumentListComponent, forbidOnlySpaces, AlfrescoViewerComponent, SearchFormComponent, ResetSearchDirective, SearchFilterChipsComponent, PermissionListComponent, AlfrescoViewerModule, AutoFocusDirective, UploadModule, TagNodeListComponent, ContentModule, TrashcanNameColumnComponent, LibraryStatusColumnComponent, LibraryRoleColumnComponent, LibraryNameColumnComponent } from '@alfresco/adf-content-services';
 import * as i1$1 from '@alfresco/aca-shared';
-import { ContentApiService, NodePermissionService, AppHookService, AppSettingsService, AppExtensionService, isLocked, LockedByComponent, UserProfileService, PageComponent, GenericErrorComponent, ContextActionsDirective, InfoDrawerComponent, PaginationDirective, PageLayoutComponent, ToolbarComponent, noWhitespaceValidator, noLeadingTrailingOperatorsValidator, AppSharedRuleGuard, PluginEnabledGuard, ExtensionsDataLoaderGuard, ToolbarMenuItemComponent, DocumentBasePageService, provideContentAppExtensions } from '@alfresco/aca-shared';
+import { ContentApiService, NodePermissionService, AppHookService, AppSettingsService, AppExtensionService, isLocked, LockedByComponent, UserProfileService, PageComponent, GenericErrorComponent, ContextActionsDirective, InfoDrawerComponent, PaginationDirective, PageLayoutComponent, ToolbarComponent, AppSharedRuleGuard, PluginEnabledGuard, ExtensionsDataLoaderGuard, ToolbarMenuItemComponent, DocumentBasePageService, provideContentAppExtensions } from '@alfresco/aca-shared';
 import * as rules from '@alfresco/aca-shared/rules';
 import * as i1$5 from '@ngrx/store';
 import { Store, createSelector, provideStore } from '@ngrx/store';
@@ -15,14 +15,14 @@ export { INITIAL_APP_STATE } from '@alfresco/aca-shared/store';
 import { provideRouterStore, FullRouterStateSerializer } from '@ngrx/router-store';
 import * as i4$2 from '@ngrx/effects';
 import { Actions, createEffect, ofType, provideEffects } from '@ngrx/effects';
-import { map, mergeMap, catchError, take, first, delay, switchMap, expand, concatMap, tap, debounceTime, filter, distinctUntilChanged, startWith, toArray, retry, finalize, shareReplay } from 'rxjs/operators';
+import { map, mergeMap, catchError, take, first, delay, switchMap, expand, concatMap, tap, debounceTime, filter, distinctUntilChanged, startWith as startWith$1, toArray, retry, finalize, shareReplay } from 'rxjs/operators';
 import * as i1$2 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogModule, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
-import { of, Subject, zip, from, timer, EMPTY, forkJoin, fromEvent, take as take$1, catchError as catchError$1, BehaviorSubject, Observable, combineLatest, filter as filter$1, withLatestFrom, map as map$1, startWith as startWith$1, ReplaySubject, switchMap as switchMap$1, throwError } from 'rxjs';
+import { of, Subject, zip, from, timer, EMPTY, forkJoin, fromEvent, take as take$1, catchError as catchError$1, BehaviorSubject, Observable, filter as filter$1, withLatestFrom, map as map$1, startWith, combineLatest, ReplaySubject, switchMap as switchMap$1, throwError } from 'rxjs';
 import * as i9 from '@alfresco/js-api';
 import { NodesApi, SitePaging, SizeDetails, SearchApi, QueriesApi, Pagination, PeopleApi, SharedlinksApi } from '@alfresco/js-api';
 import * as i1$4 from '@angular/router';
-import { ActivatedRoute, Router, NavigationEnd, PRIMARY_OUTLET, NavigationStart, NavigationSkipped, RouterModule, provideRouter } from '@angular/router';
+import { ActivatedRoute, Router, NavigationEnd, PRIMARY_OUTLET, NavigationSkipped, NavigationStart, RouterModule, provideRouter } from '@angular/router';
 import * as i1$3 from '@angular/common';
 import { CommonModule, NgOptimizedImage, NgForOf, AsyncPipe, NgIf, TitleCasePipe } from '@angular/common';
 import * as i6 from '@angular/material/divider';
@@ -30,20 +30,20 @@ import { MatDividerModule } from '@angular/material/divider';
 import * as i4$3 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i6$1 from '@angular/forms';
-import { Validators, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormsModule, FormControl, TouchedChangeEvent, StatusChangeEvent, FormGroup } from '@angular/forms';
+import * as i3 from '@angular/forms';
+import { Validators, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormsModule, FormControl, FormGroup } from '@angular/forms';
 import * as i8 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i8$1 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i6$2 from '@angular/material/button';
+import * as i6$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$6 from '@angular/cdk/overlay';
-import { OverlayConfig } from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
-import * as i3 from '@angular/material/menu';
+import * as i3$1 from '@angular/material/menu';
 import { MatMenuModule, MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
-import * as i6$3 from '@alfresco/adf-extensions';
+import * as i6$2 from '@alfresco/adf-extensions';
 import { DynamicExtensionComponent, ContentActionType, DynamicColumnComponent, provideAppExtensions, provideExtensions } from '@alfresco/adf-extensions';
 import * as i5 from '@angular/cdk/bidi';
 import * as i4 from '@angular/material/icon';
@@ -53,16 +53,17 @@ import { MatCardModule } from '@angular/material/card';
 import { MatOptionModule } from '@angular/material/core';
 import * as i10 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i5$1 from '@alfresco/aca-content/viewer';
+import * as i5$2 from '@alfresco/aca-content/viewer';
 import { PreviewComponent } from '@alfresco/aca-content/viewer';
-import * as i6$4 from '@angular/material/progress-spinner';
+import * as i6$3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i14 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
+import { A11yModule, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import * as i12 from '@angular/material/tooltip';
 import { MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY, MatTooltipModule, MAT_TOOLTIP_DEFAULT_OPTIONS } from '@angular/material/tooltip';
-import * as i15 from '@angular/material/checkbox';
+import * as i5$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i6$4 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
 import { merge } from 'rxjs/internal/observable/merge';
 import * as i6$5 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -75,7 +76,7 @@ import * as i11 from 'ngx-markdown';
 import { MarkedRenderer, MarkdownModule, provideMarkdown, MARKED_OPTIONS } from 'ngx-markdown';
 import { Clipboard } from '@angular/cdk/clipboard';
 import { provideFolderRulesExtension } from '@alfresco/aca-content/folder-rules';
-import * as i3$1 from '@angular/material/expansion';
+import * as i3$2 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 
 /*!
@@ -2685,63 +2686,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: Injectable
         }] });
 
-/*!
- * Copyright © 2005-2025 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 SearchNavigationService {
-    router;
-    _previousRoute = '';
-    get previousRoute() {
-        return this._previousRoute;
-    }
-    constructor(router) {
-        this.router = router;
-    }
-    saveRoute(route) {
-        this._previousRoute = route;
-    }
-    navigateBack() {
-        if (this.previousRoute) {
-            this.router.navigate([this.previousRoute]);
-        }
-        else {
-            this.router.navigate(['/personal-files']);
-        }
-    }
-    navigateToSearch() {
-        this.saveRoute(this.router.url);
-        this.router.navigate(['/search']);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$4.Router }] });
-
 /*!
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
  *
@@ -2911,6 +2855,84 @@ function trimUserQuery(userQuery) {
     return trimmedQuery?.replace(/\)$/, '') ?? '';
 }
 
+/*!
+ * Copyright © 2005-2025 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 SearchNavigationService {
+    router;
+    _previousRoute = '';
+    get previousRoute() {
+        return this._previousRoute;
+    }
+    get onLibrariesSearchResults() {
+        return this.router?.url.indexOf('/search-libraries') === 0;
+    }
+    get onSearchResults() {
+        return !this.onLibrariesSearchResults && this.router?.url.indexOf('/search') === 0;
+    }
+    constructor(router) {
+        this.router = router;
+    }
+    saveRoute(route) {
+        this._previousRoute = route;
+    }
+    navigateBack() {
+        if (this.previousRoute) {
+            this.router.navigate([this.previousRoute]);
+        }
+        else {
+            this.router.navigate(['/personal-files']);
+        }
+    }
+    navigateToSearch() {
+        this.saveRoute(this.router.url);
+        this.router.navigate(['/search']);
+    }
+    getUrlSearchTerm() {
+        if (!this.onSearchResults && !this.onLibrariesSearchResults) {
+            return '';
+        }
+        const urlTree = this.router.parseUrl(this.router.url);
+        const urlSegmentGroup = urlTree.root.children[PRIMARY_OUTLET];
+        if (urlSegmentGroup) {
+            const urlSegments = urlSegmentGroup.segments;
+            return extractSearchedWordFromEncodedQuery(urlSegments[0].parameters['q']);
+        }
+        return '';
+    }
+    isSameSearchTerm(searchedWord) {
+        return searchedWord === this.getUrlSearchTerm();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchNavigationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$4.Router }] });
+
 /*!
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
  *
@@ -3323,13 +3345,13 @@ class CreateFromTemplateDialogComponent {
             };
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CreateFromTemplateDialogComponent, deps: [{ token: i2.TranslationService }, { token: i1$5.Store }, { token: i6$1.UntypedFormBuilder }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CreateFromTemplateDialogComponent, isStandalone: true, selector: "app-create-from-template-dialog", ngImport: i0, template: "<h2 mat-dialog-title [innerHTML]=\"title\" class=\"app-create-from-template-title\" data-automation-id=\"create-from-template-title\"></h2>\n<div mat-dialog-content class=\"app-create-from-template-content\">\n  <form [formGroup]=\"form\" novalidate>\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}</mat-label>\n      <input\n        cdkFocusInitial\n        matInput\n        formControlName=\"name\"\n        required\n      />\n\n      <mat-error *ngIf=\"form.controls['name'].errors?.message\" data-automation-id=\"create-from-template-field-error\">\n        {{ form.controls['name'].errors?.message | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}</mat-label>\n      <input\n        matInput\n        formControlName=\"title\"\n      />\n\n      <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.TITLE_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field app-create-from-template-field-description\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}</mat-label>\n      <textarea\n        matInput\n        rows=\"2\"\n        formControlName=\"description\"\n      ></textarea>\n\n      <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </form>\n</div>\n<div mat-dialog-actions class=\"app-create-from-template-footer\">\n  <button mat-button mat-dialog-close data-automation-id=\"create-from-template-dialog-cancel-button\">\n    {{ 'NODE_FROM_TEMPLATE.CANCEL' | translate }}\n  </button>\n  <button\n    class=\"app-create-from-template-footer-create-button\"\n    [disabled]=\"form.invalid\"\n    mat-button\n    (click)=\"onSubmit()\"\n    data-automation-id=\"create-from-template-dialog-create-button\"\n  >\n    {{ 'NODE_FROM_TEMPLATE.CREATE' | translate }}\n  </button>\n</div>\n", styles: ["app-create-from-template-dialog{overflow:visible;display:block;margin-left:-24px;margin-right:-24px}app-create-from-template-dialog .app-create-from-template-title{margin-left:24px;margin-right:24px;font-size:20px;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--theme-text-bold-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-create-from-template-dialog .app-create-from-template-field{width:100%;margin-bottom:15px}app-create-from-template-dialog .app-create-from-template-content{margin:0 2px;overflow:hidden}app-create-from-template-dialog .app-create-from-template-content form:first-child{margin-top:5px}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mat-mdc-form-field-error-wrapper{font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-footer{padding:8px 22px;display:flex;justify-content:flex-end;color:var(--theme-secondary-text-color)}app-create-from-template-dialog .app-create-from-template-footer button{text-transform:uppercase;font-weight:400}app-create-from-template-dialog .app-create-from-template-footer-create-button[disabled]{opacity:.6}app-create-from-template-dialog .app-create-from-template-footer-create-button:enabled{color:var(--theme-accent-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CreateFromTemplateDialogComponent, deps: [{ token: i2.TranslationService }, { token: i1$5.Store }, { token: i3.UntypedFormBuilder }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CreateFromTemplateDialogComponent, isStandalone: true, selector: "app-create-from-template-dialog", ngImport: i0, template: "<h2 mat-dialog-title [innerHTML]=\"title\" class=\"app-create-from-template-title\" data-automation-id=\"create-from-template-title\"></h2>\n<div mat-dialog-content class=\"app-create-from-template-content\">\n  <form [formGroup]=\"form\" novalidate>\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}</mat-label>\n      <input\n        cdkFocusInitial\n        matInput\n        formControlName=\"name\"\n        required\n      />\n\n      <mat-error *ngIf=\"form.controls['name'].errors?.message\" data-automation-id=\"create-from-template-field-error\">\n        {{ form.controls['name'].errors?.message | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}</mat-label>\n      <input\n        matInput\n        formControlName=\"title\"\n      />\n\n      <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.TITLE_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field app-create-from-template-field-description\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}</mat-label>\n      <textarea\n        matInput\n        rows=\"2\"\n        formControlName=\"description\"\n      ></textarea>\n\n      <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </form>\n</div>\n<div mat-dialog-actions class=\"app-create-from-template-footer\">\n  <button mat-button mat-dialog-close data-automation-id=\"create-from-template-dialog-cancel-button\">\n    {{ 'NODE_FROM_TEMPLATE.CANCEL' | translate }}\n  </button>\n  <button\n    class=\"app-create-from-template-footer-create-button\"\n    [disabled]=\"form.invalid\"\n    mat-button\n    (click)=\"onSubmit()\"\n    data-automation-id=\"create-from-template-dialog-create-button\"\n  >\n    {{ 'NODE_FROM_TEMPLATE.CREATE' | translate }}\n  </button>\n</div>\n", styles: ["app-create-from-template-dialog{overflow:visible;display:block;margin-left:-24px;margin-right:-24px}app-create-from-template-dialog .app-create-from-template-title{margin-left:24px;margin-right:24px;font-size:20px;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--theme-text-bold-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-create-from-template-dialog .app-create-from-template-field{width:100%;margin-bottom:15px}app-create-from-template-dialog .app-create-from-template-content{margin:0 2px;overflow:hidden}app-create-from-template-dialog .app-create-from-template-content form:first-child{margin-top:5px}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mat-mdc-form-field-error-wrapper{font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-footer{padding:8px 22px;display:flex;justify-content:flex-end;color:var(--theme-secondary-text-color)}app-create-from-template-dialog .app-create-from-template-footer button{text-transform:uppercase;font-weight:400}app-create-from-template-dialog .app-create-from-template-footer-create-button[disabled]{opacity:.6}app-create-from-template-dialog .app-create-from-template-footer-create-button:enabled{color:var(--theme-accent-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CreateFromTemplateDialogComponent, decorators: [{
             type: Component,
             args: [{ imports: [CommonModule, TranslatePipe, MatDialogModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, MatButtonModule], selector: 'app-create-from-template-dialog', encapsulation: ViewEncapsulation.None, template: "<h2 mat-dialog-title [innerHTML]=\"title\" class=\"app-create-from-template-title\" data-automation-id=\"create-from-template-title\"></h2>\n<div mat-dialog-content class=\"app-create-from-template-content\">\n  <form [formGroup]=\"form\" novalidate>\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}</mat-label>\n      <input\n        cdkFocusInitial\n        matInput\n        formControlName=\"name\"\n        required\n      />\n\n      <mat-error *ngIf=\"form.controls['name'].errors?.message\" data-automation-id=\"create-from-template-field-error\">\n        {{ form.controls['name'].errors?.message | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}</mat-label>\n      <input\n        matInput\n        formControlName=\"title\"\n      />\n\n      <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.TITLE_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"app-create-from-template-field app-create-from-template-field-description\">\n      <mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}</mat-label>\n      <textarea\n        matInput\n        rows=\"2\"\n        formControlName=\"description\"\n      ></textarea>\n\n      <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\" data-automation-id=\"create-from-template-field-error\">\n        {{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n      </mat-error>\n    </mat-form-field>\n  </form>\n</div>\n<div mat-dialog-actions class=\"app-create-from-template-footer\">\n  <button mat-button mat-dialog-close data-automation-id=\"create-from-template-dialog-cancel-button\">\n    {{ 'NODE_FROM_TEMPLATE.CANCEL' | translate }}\n  </button>\n  <button\n    class=\"app-create-from-template-footer-create-button\"\n    [disabled]=\"form.invalid\"\n    mat-button\n    (click)=\"onSubmit()\"\n    data-automation-id=\"create-from-template-dialog-create-button\"\n  >\n    {{ 'NODE_FROM_TEMPLATE.CREATE' | translate }}\n  </button>\n</div>\n", styles: ["app-create-from-template-dialog{overflow:visible;display:block;margin-left:-24px;margin-right:-24px}app-create-from-template-dialog .app-create-from-template-title{margin-left:24px;margin-right:24px;font-size:20px;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--theme-text-bold-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-create-from-template-dialog .app-create-from-template-field{width:100%;margin-bottom:15px}app-create-from-template-dialog .app-create-from-template-content{margin:0 2px;overflow:hidden}app-create-from-template-dialog .app-create-from-template-content form:first-child{margin-top:5px}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-content .app-create-from-template-field .mat-mdc-form-field-error-wrapper{font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}app-create-from-template-dialog .app-create-from-template-footer{padding:8px 22px;display:flex;justify-content:flex-end;color:var(--theme-secondary-text-color)}app-create-from-template-dialog .app-create-from-template-footer button{text-transform:uppercase;font-weight:400}app-create-from-template-dialog .app-create-from-template-footer-create-button[disabled]{opacity:.6}app-create-from-template-dialog .app-create-from-template-footer-create-button:enabled{color:var(--theme-accent-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i2.TranslationService }, { type: i1$5.Store }, { type: i6$1.UntypedFormBuilder }, { type: i1$2.MatDialogRef }, { type: i9.Node, decorators: [{
+        }], ctorParameters: () => [{ type: i2.TranslationService }, { type: i1$5.Store }, { type: i3.UntypedFormBuilder }, { type: i1$2.MatDialogRef }, { type: i9.Node, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
@@ -3679,7 +3701,7 @@ class ContextMenuItemComponent {
         return obj.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContextMenuItemComponent, deps: [{ token: i1$1.AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ContextMenuItemComponent, isStandalone: true, selector: "app-context-menu-item", inputs: { actionRef: "actionRef" }, host: { classAttribute: "app-context-menu-item" }, ngImport: i0, template: "<div class=\"aca-context-menu\">\n  <ng-container [ngSwitch]=\"actionRef.type\">\n    <ng-container *ngSwitchCase=\"'menu'\">\n      <button mat-menu-item [id]=\"actionRef.id\" [matMenuTriggerFor]=\"childMenu\">\n        <adf-icon [value]=\"actionRef.icon\" class=\"app-context-menu-item--icon\" />\n        <span [attr.data-automation-id]=\"actionRef.id + '-label'\">{{ actionRef.title | translate }}</span>\n      </button>\n\n      <mat-menu #childMenu=\"matMenu\">\n        <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n          <app-context-menu-item [actionRef]=\"child\" />\n        </ng-container>\n      </mat-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'separator'\">\n      <mat-divider aria-hidden=\"true\" />\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'custom'\">\n      <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\" />\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button mat-menu-item [id]=\"actionRef.id\" (click)=\"runAction()\">\n        <adf-icon [value]=\"actionRef.icon\" class=\"app-context-menu-item--icon\" />\n        <span [attr.data-automation-id]=\"actionRef.id + '-label'\">{{ actionRef.title | translate }}</span>\n      </button>\n    </ng-container>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ContextMenuItemComponent, isStandalone: true, selector: "app-context-menu-item", inputs: { actionRef: "actionRef" }, host: { classAttribute: "app-context-menu-item" }, ngImport: i0, template: "<div class=\"aca-context-menu\">\n  <ng-container [ngSwitch]=\"actionRef.type\">\n    <ng-container *ngSwitchCase=\"'menu'\">\n      <button mat-menu-item [id]=\"actionRef.id\" [matMenuTriggerFor]=\"childMenu\">\n        <adf-icon [value]=\"actionRef.icon\" class=\"app-context-menu-item--icon\" />\n        <span [attr.data-automation-id]=\"actionRef.id + '-label'\">{{ actionRef.title | translate }}</span>\n      </button>\n\n      <mat-menu #childMenu=\"matMenu\">\n        <ng-container *ngFor=\"let child of actionRef.children; trackBy: trackByActionId\">\n          <app-context-menu-item [actionRef]=\"child\" />\n        </ng-container>\n      </mat-menu>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'separator'\">\n      <mat-divider aria-hidden=\"true\" />\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'custom'\">\n      <adf-dynamic-component [data]=\"actionRef.data\" [id]=\"actionRef.component\" />\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button mat-menu-item [id]=\"actionRef.id\" (click)=\"runAction()\">\n        <adf-icon [value]=\"actionRef.icon\" class=\"app-context-menu-item--icon\" />\n        <span [attr.data-automation-id]=\"actionRef.id + '-label'\">{{ actionRef.title | translate }}</span>\n      </button>\n    </ng-container>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContextMenuItemComponent, decorators: [{
             type: Component,
@@ -3890,7 +3912,7 @@ class ContextMenuComponent extends BaseContextMenuDirective {
         return orderedItems;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContextMenuComponent, deps: [{ token: ContextMenuOverlayRef }, { token: i1$1.AppExtensionService }, { token: CONTEXT_MENU_DIRECTION }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ContextMenuComponent, isStandalone: true, selector: "aca-context-menu", host: { classAttribute: "aca-context-menu-holder" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "dynamicExtensionComponents", predicate: DynamicExtensionComponent, descendants: true }, { propertyName: "matMenuItems", predicate: MatMenuItem, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [dir]=\"direction\">\n  <div style=\"visibility: hidden;\" [matMenuTriggerFor]=\"rootMenu\"></div>\n\n  <mat-menu #rootMenu=\"matMenu\" class=\"aca-context-menu\" hasBackdrop=\"false\" acaContextMenuOutsideEvent (clickOutside)=\"onClickOutsideEvent()\">\n    <ng-container *ngFor=\"let entry of actions; trackBy: trackByActionId\" [ngSwitch]=\"entry.type\">\n      <ng-container *ngSwitchDefault>\n        <button mat-menu-item [id]=\"entry.id\" (click)=\"runAction(entry)\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'separator'\">\n        <mat-divider aria-hidden=\"true\" />\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <button mat-menu-item [id]=\"entry.id\" [matMenuTriggerFor]=\"childMenu\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n\n        <mat-menu #childMenu=\"matMenu\">\n          <ng-container *ngFor=\"let child of entry.children; trackBy: trackByActionId\">\n            <app-context-menu-item [actionRef]=\"child\" />\n          </ng-container>\n        </mat-menu>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [data]=\"entry.data\" [id]=\"entry.component\" />\n      </ng-container>\n    </ng-container>\n  </mat-menu>\n</div>\n", styles: [".aca-context-menu .app-context-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "directive", type: OutsideEventDirective, selector: "[acaContextMenuOutsideEvent]", inputs: ["focusTargetSelector"], outputs: ["clickOutside"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ContextMenuComponent, isStandalone: true, selector: "aca-context-menu", host: { classAttribute: "aca-context-menu-holder" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "dynamicExtensionComponents", predicate: DynamicExtensionComponent, descendants: true }, { propertyName: "matMenuItems", predicate: MatMenuItem, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [dir]=\"direction\">\n  <div style=\"visibility: hidden;\" [matMenuTriggerFor]=\"rootMenu\"></div>\n\n  <mat-menu #rootMenu=\"matMenu\" class=\"aca-context-menu\" hasBackdrop=\"false\" acaContextMenuOutsideEvent (clickOutside)=\"onClickOutsideEvent()\">\n    <ng-container *ngFor=\"let entry of actions; trackBy: trackByActionId\" [ngSwitch]=\"entry.type\">\n      <ng-container *ngSwitchDefault>\n        <button mat-menu-item [id]=\"entry.id\" (click)=\"runAction(entry)\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'separator'\">\n        <mat-divider aria-hidden=\"true\" />\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <button mat-menu-item [id]=\"entry.id\" [matMenuTriggerFor]=\"childMenu\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n\n        <mat-menu #childMenu=\"matMenu\">\n          <ng-container *ngFor=\"let child of entry.children; trackBy: trackByActionId\">\n            <app-context-menu-item [actionRef]=\"child\" />\n          </ng-container>\n        </mat-menu>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [data]=\"entry.data\" [id]=\"entry.component\" />\n      </ng-container>\n    </ng-container>\n  </mat-menu>\n</div>\n", styles: [".aca-context-menu .app-context-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "directive", type: OutsideEventDirective, selector: "[acaContextMenuOutsideEvent]", inputs: ["focusTargetSelector"], outputs: ["clickOutside"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
@@ -3977,7 +3999,7 @@ class CustomContextMenuComponent extends BaseContextMenuDirective {
         setTimeout(() => this.trigger.openMenu(), 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CustomContextMenuComponent, deps: [{ token: ContextMenuOverlayRef }, { token: i1$1.AppExtensionService }, { token: CONTEXT_MENU_DIRECTION }, { token: CONTEXT_MENU_CUSTOM_ACTIONS }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CustomContextMenuComponent, isStandalone: true, selector: "aca-custom-context-menu", host: { classAttribute: "aca-context-menu-holder" }, usesInheritance: true, ngImport: i0, template: "<div [dir]=\"direction\">\n  <div style=\"visibility: hidden;\" [matMenuTriggerFor]=\"rootMenu\"></div>\n\n  <mat-menu #rootMenu=\"matMenu\" class=\"aca-context-menu\" hasBackdrop=\"false\" acaContextMenuOutsideEvent (clickOutside)=\"onClickOutsideEvent()\">\n    <ng-container *ngFor=\"let entry of actions; trackBy: trackByActionId\" [ngSwitch]=\"entry.type\">\n      <ng-container *ngSwitchDefault>\n        <button mat-menu-item [id]=\"entry.id\" (click)=\"runAction(entry)\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'separator'\">\n        <mat-divider aria-hidden=\"true\" />\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <button mat-menu-item [id]=\"entry.id\" [matMenuTriggerFor]=\"childMenu\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n\n        <mat-menu #childMenu=\"matMenu\">\n          <ng-container *ngFor=\"let child of entry.children; trackBy: trackByActionId\">\n            <app-context-menu-item [actionRef]=\"child\" />\n          </ng-container>\n        </mat-menu>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [data]=\"entry.data\" [id]=\"entry.component\" />\n      </ng-container>\n    </ng-container>\n  </mat-menu>\n</div>\n", styles: [".aca-context-menu .app-context-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "directive", type: OutsideEventDirective, selector: "[acaContextMenuOutsideEvent]", inputs: ["focusTargetSelector"], outputs: ["clickOutside"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: CustomContextMenuComponent, isStandalone: true, selector: "aca-custom-context-menu", host: { classAttribute: "aca-context-menu-holder" }, usesInheritance: true, ngImport: i0, template: "<div [dir]=\"direction\">\n  <div style=\"visibility: hidden;\" [matMenuTriggerFor]=\"rootMenu\"></div>\n\n  <mat-menu #rootMenu=\"matMenu\" class=\"aca-context-menu\" hasBackdrop=\"false\" acaContextMenuOutsideEvent (clickOutside)=\"onClickOutsideEvent()\">\n    <ng-container *ngFor=\"let entry of actions; trackBy: trackByActionId\" [ngSwitch]=\"entry.type\">\n      <ng-container *ngSwitchDefault>\n        <button mat-menu-item [id]=\"entry.id\" (click)=\"runAction(entry)\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'separator'\">\n        <mat-divider aria-hidden=\"true\" />\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'menu'\">\n        <button mat-menu-item [id]=\"entry.id\" [matMenuTriggerFor]=\"childMenu\">\n          <adf-icon [value]=\"entry.icon\" class=\"app-context-menu-item--icon\" />\n          <span [attr.data-automation-id]=\"entry.id + '-label'\">{{ entry.title | translate }}</span>\n        </button>\n\n        <mat-menu #childMenu=\"matMenu\">\n          <ng-container *ngFor=\"let child of entry.children; trackBy: trackByActionId\">\n            <app-context-menu-item [actionRef]=\"child\" />\n          </ng-container>\n        </mat-menu>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'custom'\">\n        <adf-dynamic-component [data]=\"entry.data\" [id]=\"entry.component\" />\n      </ng-container>\n    </ng-container>\n  </mat-menu>\n</div>\n", styles: [".aca-context-menu .app-context-menu-item--icon{display:inline-flex;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ContextMenuItemComponent, selector: "app-context-menu-item", inputs: ["actionRef"] }, { kind: "directive", type: OutsideEventDirective, selector: "[acaContextMenuOutsideEvent]", inputs: ["focusTargetSelector"], outputs: ["clickOutside"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CustomContextMenuComponent, decorators: [{
             type: Component,
@@ -4582,7 +4604,7 @@ class LocationLinkComponent {
         this.nodeLocation$.next(result);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LocationLinkComponent, isStandalone: true, selector: "aca-location-link", inputs: { context: "context", showLocation: "showLocation" }, host: { listeners: { "mouseenter": "onMouseEnter()" }, classAttribute: "aca-location-link adf-location-cell adf-datatable-content-cell" }, ngImport: i0, template: "@if (hasPrimaryParentPath) {\n  <a\n    href=\"#\"\n    [title]=\"nodeLocation$ | async\"\n    (click)=\"goToLocation($event)\"\n    (keydown.enter)=\"goToLocation($event)\"\n    class=\"adf-datatable-cell-value\"\n    [innerHTML]=\"displayText | async | translate\">\n  </a>\n} @else {\n  <div>\n    <span\n      class=\"adf-datatable-cell-value\"\n      [title]=\"'APP.BROWSE.SEARCH.UNKNOWN_LOCATION' | translate\">\n      {{ 'APP.BROWSE.SEARCH.UNKNOWN_LOCATION' | translate }}\n    </span>\n    <button mat-icon-button\n        [title]=\"'APP.BROWSE.SEARCH.VIEW_ADDITIONAL_LOCATIONS' | translate\"\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.VIEW_ADDITIONAL_LOCATIONS' | translate\"\n        class=\"aca-location-link-info-btn\"\n        (click)=\"openAdditionalLocationReferencesDialog()\">\n        <mat-icon>info</mat-icon>\n    </button>\n  </div>\n}\n", styles: [".aca-location-link-unknown{display:flex;align-items:center;font-size:12px}.aca-location-link-unknown .adf-datatable-cell-value:hover{color:var(--theme-foreground-text-color);text-decoration:none}.aca-location-link .aca-location-link-info-btn{--mdc-icon-button-state-layer-size: 24px;--mdc-icon-button-icon-size: 24px;color:var(--theme-foreground-text-color);padding:0;margin-left:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LocationLinkComponent, isStandalone: true, selector: "aca-location-link", inputs: { context: "context", showLocation: "showLocation" }, host: { listeners: { "mouseenter": "onMouseEnter()" }, classAttribute: "aca-location-link adf-location-cell adf-datatable-content-cell" }, ngImport: i0, template: "@if (hasPrimaryParentPath) {\n  <a\n    href=\"#\"\n    [title]=\"nodeLocation$ | async\"\n    (click)=\"goToLocation($event)\"\n    (keydown.enter)=\"goToLocation($event)\"\n    class=\"adf-datatable-cell-value\"\n    [innerHTML]=\"displayText | async | translate\">\n  </a>\n} @else {\n  <div>\n    <span\n      class=\"adf-datatable-cell-value\"\n      [title]=\"'APP.BROWSE.SEARCH.UNKNOWN_LOCATION' | translate\">\n      {{ 'APP.BROWSE.SEARCH.UNKNOWN_LOCATION' | translate }}\n    </span>\n    <button mat-icon-button\n        [title]=\"'APP.BROWSE.SEARCH.VIEW_ADDITIONAL_LOCATIONS' | translate\"\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.VIEW_ADDITIONAL_LOCATIONS' | translate\"\n        class=\"aca-location-link-info-btn\"\n        (click)=\"openAdditionalLocationReferencesDialog()\">\n        <mat-icon>info</mat-icon>\n    </button>\n  </div>\n}\n", styles: [".aca-location-link-unknown{display:flex;align-items:center;font-size:12px}.aca-location-link-unknown .adf-datatable-cell-value:hover{color:var(--theme-foreground-text-color);text-decoration:none}.aca-location-link .aca-location-link-info-btn{--mdc-icon-button-state-layer-size: 24px;--mdc-icon-button-icon-size: 24px;color:var(--theme-foreground-text-color);padding:0;margin-left:5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocationLinkComponent, decorators: [{
             type: Component,
@@ -4636,7 +4658,7 @@ class LogoutComponent {
       <mat-icon>exit_to_app</mat-icon>
       <span>{{ 'APP.SIGN_OUT' | translate }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LogoutDirective, selector: "[adf-logout]", inputs: ["redirectUri", "enableRedirect"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LogoutDirective, selector: "[adf-logout]", inputs: ["redirectUri", "enableRedirect"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LogoutComponent, decorators: [{
             type: Component,
@@ -4707,7 +4729,7 @@ class ToggleSharedComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleSharedComponent, deps: [{ token: i1$5.Store }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ToggleSharedComponent, isStandalone: true, selector: "app-toggle-shared", inputs: { data: "data" }, viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"selectionState\">\n  <ng-container *ngIf=\"!data.iconButton\">\n    <button mat-menu-item data-automation-id=\"share-action-button\" (click)=\"editSharedNode(selectionState, '.adf-context-menu-source')\">\n      <mat-icon>link</mat-icon>\n      <span>{{ (isShared ? 'APP.ACTIONS.SHARE_EDIT' : 'APP.ACTIONS.SHARE') | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"data.iconButton\">\n    <button\n      mat-icon-button\n      data-automation-id=\"share-action-button\"\n      (click)=\"editSharedNode(selectionState, '#share-action-button')\"\n      [attr.aria-label]=\"selectionLabel | translate\"\n      [attr.title]=\"selectionLabel | translate\"\n      id=\"share-action-button\"\n    >\n      <mat-icon>link</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ToggleSharedComponent, isStandalone: true, selector: "app-toggle-shared", inputs: { data: "data" }, viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"selectionState\">\n  <ng-container *ngIf=\"!data.iconButton\">\n    <button mat-menu-item data-automation-id=\"share-action-button\" (click)=\"editSharedNode(selectionState, '.adf-context-menu-source')\">\n      <mat-icon>link</mat-icon>\n      <span>{{ (isShared ? 'APP.ACTIONS.SHARE_EDIT' : 'APP.ACTIONS.SHARE') | translate }}</span>\n    </button>\n  </ng-container>\n\n  <ng-container *ngIf=\"data.iconButton\">\n    <button\n      mat-icon-button\n      data-automation-id=\"share-action-button\"\n      (click)=\"editSharedNode(selectionState, '#share-action-button')\"\n      [attr.aria-label]=\"selectionLabel | translate\"\n      [attr.title]=\"selectionLabel | translate\"\n      id=\"share-action-button\"\n    >\n      <mat-icon>link</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleSharedComponent, decorators: [{
             type: Component,
@@ -5088,7 +5110,7 @@ class LibraryMetadataFormComponent {
         return control.value.length && !control.value.trim() ? { empty: true } : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LibraryMetadataFormComponent, deps: [{ token: i1.AlfrescoApiService }, { token: i1$5.Store }, { token: i1$1.AppHookService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LibraryMetadataFormComponent, isStandalone: true, selector: "app-library-metadata-form", inputs: { node: "node" }, viewQueries: [{ propertyName: "libraryNameInput", first: true, predicate: ["libraryNameInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (node) {\n<mat-card appearance=\"raised\">\n  <mat-card-content>\n    <form [formGroup]=\"form\" autocomplete=\"off\">\n      <mat-form-field data-automation-id=\"library-name-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n        <input\n          #libraryNameInput\n          data-automation-id=\"app-library-metadata-form-name-input\"\n          matInput\n          required\n          placeholder=\"{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}\"\n          formControlName=\"title\"\n          [errorStateMatcher]=\"matcher\"\n        />\n        @if (libraryTitleExists) {\n        <mat-hint data-automation-id=\"app-library-metadata-form-name-hint\">{{ 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate }}</mat-hint>\n        }\n        <mat-error data-automation-id=\"app-library-metadata-form-name-error\">\n          {{ titleErrorTranslationKey | translate }}\n        </mat-error>\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-id-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n        <input matInput placeholder=\"{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}\" formControlName=\"id\" />\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-visibility-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}</mat-label>\n        <mat-select placeholder=\"{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}\" formControlName=\"visibility\">\n          <mat-option [value]=\"type.value\" [attr.data-automation-id]=\"'library-visibility-option-' + type.value\" *ngFor=\"let type of libraryType\">\n            {{ type.label | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-description-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n        <textarea\n          matInput\n          placeholder=\"{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}\"\n          rows=\"3\"\n          formControlName=\"description\"\n          [errorStateMatcher]=\"matcher\"\n        ></textarea>\n        <mat-error>\n          {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n\n  @if (canUpdateLibrary) {\n  <mat-card-actions align=\"end\">\n    @if (form.enabled) {\n    <button\n      data-automation-id=\"app-library-metadata-form-cancel-button\"\n      mat-button\n      (click)=\"cancel()\">\n      {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n    </button>\n    <button mat-button color=\"primary\" [disabled]=\"form.invalid || form.pristine\" (click)=\"update()\">\n      {{ 'LIBRARY.DIALOG.UPDATE' | translate }}\n    </button>\n    } @else {\n    <button\n      mat-button\n      color=\"primary\"\n      (click)=\"toggleEdit()\"\n      data-automation-id=\"app-library-metadata-form-edit-button\">\n      {{ 'LIBRARY.DIALOG.EDIT' | translate }}\n    </button>\n    }\n  </mat-card-actions>\n  }\n</mat-card>\n}\n", styles: ["app-library-metadata-form .app-library-metadata-form-field{width:100%;margin-bottom:15px}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LibraryMetadataFormComponent, isStandalone: true, selector: "app-library-metadata-form", inputs: { node: "node" }, viewQueries: [{ propertyName: "libraryNameInput", first: true, predicate: ["libraryNameInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (node) {\n<mat-card appearance=\"raised\">\n  <mat-card-content>\n    <form [formGroup]=\"form\" autocomplete=\"off\">\n      <mat-form-field data-automation-id=\"library-name-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n        <input\n          #libraryNameInput\n          data-automation-id=\"app-library-metadata-form-name-input\"\n          matInput\n          required\n          placeholder=\"{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}\"\n          formControlName=\"title\"\n          [errorStateMatcher]=\"matcher\"\n        />\n        @if (libraryTitleExists) {\n        <mat-hint data-automation-id=\"app-library-metadata-form-name-hint\">{{ 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate }}</mat-hint>\n        }\n        <mat-error data-automation-id=\"app-library-metadata-form-name-error\">\n          {{ titleErrorTranslationKey | translate }}\n        </mat-error>\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-id-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n        <input matInput placeholder=\"{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}\" formControlName=\"id\" />\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-visibility-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}</mat-label>\n        <mat-select placeholder=\"{{ 'LIBRARY.DIALOG.FORM.VISIBILITY' | translate }}\" formControlName=\"visibility\">\n          <mat-option [value]=\"type.value\" [attr.data-automation-id]=\"'library-visibility-option-' + type.value\" *ngFor=\"let type of libraryType\">\n            {{ type.label | translate }}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n      <mat-form-field data-automation-id=\"library-description-properties-wrapper\" class=\"app-library-metadata-form-field\">\n        <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n        <textarea\n          matInput\n          placeholder=\"{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}\"\n          rows=\"3\"\n          formControlName=\"description\"\n          [errorStateMatcher]=\"matcher\"\n        ></textarea>\n        <mat-error>\n          {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n        </mat-error>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n\n  @if (canUpdateLibrary) {\n  <mat-card-actions align=\"end\">\n    @if (form.enabled) {\n    <button\n      data-automation-id=\"app-library-metadata-form-cancel-button\"\n      mat-button\n      (click)=\"cancel()\">\n      {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n    </button>\n    <button mat-button color=\"primary\" [disabled]=\"form.invalid || form.pristine\" (click)=\"update()\">\n      {{ 'LIBRARY.DIALOG.UPDATE' | translate }}\n    </button>\n    } @else {\n    <button\n      mat-button\n      color=\"primary\"\n      (click)=\"toggleEdit()\"\n      data-automation-id=\"app-library-metadata-form-edit-button\">\n      {{ 'LIBRARY.DIALOG.EDIT' | translate }}\n    </button>\n    }\n  </mat-card-actions>\n  }\n</mat-card>\n}\n", styles: ["app-library-metadata-form .app-library-metadata-form-field{width:100%;margin-bottom:15px}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LibraryMetadataFormComponent, decorators: [{
             type: Component,
@@ -5243,7 +5265,7 @@ class MetadataTabComponent {
             ? this.permission.check(node, ['update'])
             : false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MetadataTabComponent, deps: [{ token: i1$1.NodePermissionService }, { token: i1$1.AppExtensionService }, { token: i2.AppConfigService }, { token: i2.NotificationService }, { token: i1.ContentMetadataService }, { token: i4$2.Actions }, { token: i1.TagService }, { token: i1.CategoryService }, { token: i1$5.Store }, { token: i6$3.ExtensionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MetadataTabComponent, deps: [{ token: i1$1.NodePermissionService }, { token: i1$1.AppExtensionService }, { token: i2.AppConfigService }, { token: i2.NotificationService }, { token: i1.ContentMetadataService }, { token: i4$2.Actions }, { token: i1.TagService }, { token: i1.CategoryService }, { token: i1$5.Store }, { token: i6$2.ExtensionService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MetadataTabComponent, isStandalone: true, selector: "app-metadata-tab", inputs: { node: "node" }, host: { classAttribute: "app-metadata-tab" }, ngImport: i0, template: `
     <adf-content-metadata
       [readOnly]="readOnly"
@@ -5269,7 +5291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
       [displayAspect]="metadataAspect"
     />
   `, encapsulation: ViewEncapsulation.None, host: { class: 'app-metadata-tab' }, styles: [".app-metadata-tab .adf-dynamic-chip-list-chip{background-color:var(--theme-background-card-colour);border:1px solid var(--theme-text-color);border-radius:10px;color:var(--theme-text-color)}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.NodePermissionService }, { type: i1$1.AppExtensionService }, { type: i2.AppConfigService }, { type: i2.NotificationService }, { type: i1.ContentMetadataService }, { type: i4$2.Actions }, { type: i1.TagService }, { type: i1.CategoryService }, { type: i1$5.Store }, { type: i6$3.ExtensionService }], propDecorators: { node: [{
+        }], ctorParameters: () => [{ type: i1$1.NodePermissionService }, { type: i1$1.AppExtensionService }, { type: i2.AppConfigService }, { type: i2.NotificationService }, { type: i1.ContentMetadataService }, { type: i4$2.Actions }, { type: i1.TagService }, { type: i1.CategoryService }, { type: i1$5.Store }, { type: i6$2.ExtensionService }], propDecorators: { node: [{
                 type: Input
             }] } });
 
@@ -5468,7 +5490,7 @@ class ToggleEditOfflineComponent {
       <mat-icon>{{ isNodeLocked ? 'cancel' : 'edit' }}</mat-icon>
       <span>{{ (isNodeLocked ? 'APP.ACTIONS.EDIT_OFFLINE_CANCEL' : 'APP.ACTIONS.EDIT_OFFLINE') | translate }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleEditOfflineComponent, decorators: [{
             type: Component,
@@ -5557,7 +5579,7 @@ class ToggleFavoriteLibraryComponent {
       <mat-icon class="app-context-menu-item--icon">{{ library.isFavorite ? 'star' : 'star_border' }}</mat-icon>
       <span>{{ (library.isFavorite ? 'APP.ACTIONS.REMOVE_FAVORITE' : 'APP.ACTIONS.FAVORITE') | translate }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LibraryFavoriteDirective, selector: "[adf-favorite-library]", inputs: ["adf-favorite-library"], outputs: ["toggle", "error"], exportAs: ["favoriteLibrary"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LibraryFavoriteDirective, selector: "[adf-favorite-library]", inputs: ["adf-favorite-library"], outputs: ["toggle", "error"], exportAs: ["favoriteLibrary"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleFavoriteLibraryComponent, decorators: [{
             type: Component,
@@ -5639,7 +5661,7 @@ class ToggleFavoriteComponent {
       <mat-icon class="app-context-menu-item--icon">{{ favorites.hasFavorites() ? 'star' : 'star_border' }}</mat-icon>
       <span>{{ (favorites.hasFavorites() ? 'APP.ACTIONS.REMOVE_FAVORITE' : 'APP.ACTIONS.FAVORITE') | translate }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NodeFavoriteDirective, selector: "[adf-node-favorite]", inputs: ["adf-node-favorite"], outputs: ["toggle", "error"], exportAs: ["adfFavorite"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: NodeFavoriteDirective, selector: "[adf-node-favorite]", inputs: ["adf-node-favorite"], outputs: ["toggle", "error"], exportAs: ["adfFavorite"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleFavoriteComponent, decorators: [{
             type: Component,
@@ -5707,7 +5729,7 @@ class ToggleInfoDrawerComponent {
     >
       <mat-icon>view_sidebar</mat-icon>
     </button>
-  `, isInline: true, styles: [".app-toggle-info-drawer button:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;background-color:var(--theme-selected-background-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".app-toggle-info-drawer button:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;background-color:var(--theme-selected-background-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleInfoDrawerComponent, decorators: [{
             type: Component,
@@ -5789,7 +5811,7 @@ class ToggleJoinLibraryButtonComponent {
       <mat-icon *ngIf="membership.isJoinRequested | async">cancel</mat-icon>
       <mat-icon *ngIf="!(membership.isJoinRequested | async)">library_add</mat-icon>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: LibraryMembershipDirective, selector: "[adf-library-membership]", inputs: ["adf-library-membership", "isAdmin"], outputs: ["toggle", "error"], exportAs: ["libraryMembership"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: LibraryMembershipDirective, selector: "[adf-library-membership]", inputs: ["adf-library-membership", "isAdmin"], outputs: ["toggle", "error"], exportAs: ["libraryMembership"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleJoinLibraryButtonComponent, decorators: [{
             type: Component,
@@ -5857,7 +5879,7 @@ class ToggleJoinLibraryMenuComponent extends ToggleJoinLibraryButtonComponent {
       <mat-icon>{{ (membership.isJoinRequested | async) ? 'cancel' : 'library_add' }}</mat-icon>
       <span>{{ (membership.isJoinRequested | async) ? ('APP.ACTIONS.CANCEL_JOIN' | translate) : ('APP.ACTIONS.JOIN' | translate) }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LibraryMembershipDirective, selector: "[adf-library-membership]", inputs: ["adf-library-membership", "isAdmin"], outputs: ["toggle", "error"], exportAs: ["libraryMembership"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: LibraryMembershipDirective, selector: "[adf-library-membership]", inputs: ["adf-library-membership", "isAdmin"], outputs: ["toggle", "error"], exportAs: ["libraryMembership"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ToggleJoinLibraryMenuComponent, decorators: [{
             type: Component,
@@ -5959,7 +5981,7 @@ class ViewNodeComponent {
       <mat-icon>visibility</mat-icon>
       <span>{{ data.title | translate }}</span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "ngmodule", type: MatDialogModule }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ViewNodeComponent, decorators: [{
             type: Component,
@@ -6355,7 +6377,7 @@ class SearchAiInputComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiInputComponent, deps: [{ token: i1$5.Store }, { token: i1.SearchAiService }, { token: i2.NotificationService }, { token: i1.AgentService }, { token: i2.UserPreferencesService }, { token: i4$3.TranslateService }, { token: ModalAiService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchAiInputComponent, isStandalone: true, selector: "aca-search-ai-input", inputs: { placeholder: "placeholder", agentId: "agentId", usedInAiResultsPage: "usedInAiResultsPage", searchTerm: "searchTerm" }, providers: [{ provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: MatTooltipOptions }], ngImport: i0, template: "<div class=\"aca-search-ai-input-agent-container\">\n  <mat-select\n    [formControl]=\"agentControl\"\n    class=\"aca-search-ai-input-agent-select\"\n    panelClass=\"aca-search-ai-input-agent-select-options aca-search-ai-input-agent-select-agents\"\n    data-automation-id=\"aca-search-ai-agents-select\"\n  [hideSingleSelectionIndicator]=\"true\">\n    <mat-select-trigger class=\"aca-search-ai-input-agent-select-displayed-value\">\n      <adf-avatar\n        [src]=\"agentControl.value?.avatarUrl\"\n        [initials]=\"initialsByAgentId[agentControl.value?.id]\"\n        size=\"26px\" />\n      <span class=\"aca-search-ai-input-agent-select-displayed-value-text\">{{ agentControl.value?.name }}</span>\n    </mat-select-trigger>\n    <mat-option\n      *ngFor=\"let agent of agents\"\n      [value]=\"agent\"\n      class=\"aca-search-ai-input-agent-select-options-option\"\n      [attr.data-automation-id]=\"'aca-search-ai-input-agent-' + agent.id\"><div class=\"aca-search-ai-input-agent-select-options-option-content\">\n        <adf-avatar [src]=\"agent?.avatarUrl\" [initials]=\"initialsByAgentId[agent.id]\" />\n        <span class=\"aca-search-ai-input-agent-select-options-option-content-text\" [matTooltip]=\"agent.name\" [matTooltipPosition]=\"'right'\">{{ agent.name }}</span>\n      </div>\n    </mat-option>\n  </mat-select>\n\n  <div class=\"aca-search-ai-input-agent-popup-hover-card\">\n    <mat-card class=\"aca-search-ai-input-agent-popup-hover-card-container\">\n      <mat-card-title class=\"aca-search-ai-input-agent-popup-hover-card-container-title\">\n        <adf-avatar\n          [initials]=\"initialsByAgentId[agentControl.value?.id]\"\n          [src]=\"agentControl.value?.avatarUrl\"\n          size=\"50px\" />\n        <span class=\"aca-search-ai-input-agent-popup-hover-card-container-title-name\"\n              [matTooltipPosition]=\"'right'\"\n              [matTooltip]=\"agentControl.value?.name\">\n            {{ agentControl.value?.name }}\n        </span>\n      </mat-card-title>\n      <mat-card-content class=\"aca-search-ai-input-agent-popup-hover-card-container-content\">\n        {{ agentControl.value?.description }}\n      </mat-card-content>\n    </mat-card>\n  </div>\n</div>\n<input\n  class=\"aca-search-ai-input-text\"\n  matInput\n  [formControl]=\"queryControl\"\n  data-automation-id=\"aca-search-ai-input\"\n  [placeholder]=\"placeholder | translate\"\n  (keyup.enter)=\"onSearchSubmit()\"/>\n<button\n  mat-flat-button\n  color=\"primary\"\n  class=\"aca-search-ai-asking-button\"\n  (click)=\"onSearchSubmit()\"\n  [disabled]=\"!queryControl.value\"\n  data-automation-id=\"aca-search-ai-asking-button\">\n  <adf-icon [value]=\"'adf:three_magic_stars_ai'\" />\n  <span class=\"aca-search-ai-asking-button-label\">{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.ASK_BUTTON_LABEL' | translate }}</span>\n</button>\n", styles: ["aca-search-ai-input{width:100%;display:flex;align-items:center}aca-search-ai-input .aca-search-ai-input-text{margin-top:4px;flex:1;font-size:20px;margin-right:167px;border:none;outline:none}aca-search-ai-input .aca-search-ai-input-text:focus::placeholder{color:var(--theme-primary-color)}aca-search-ai-input .aca-search-ai-asking-button{display:flex;align-items:center;padding-left:0;padding-right:12px;height:32px;border-radius:6px;width:92px;font-weight:600}aca-search-ai-input .aca-search-ai-asking-button-label{vertical-align:super}aca-search-ai-input .aca-search-ai-asking-button adf-icon{margin-bottom:3px;margin-right:7px}aca-search-ai-input .aca-search-ai-asking-button adf-icon svg{width:34px;height:34px;margin-left:-6px;margin-top:-4px}aca-search-ai-input .aca-search-ai-input-agent-select{width:149px;height:35px;align-content:center;border-radius:16px;padding-left:3px;padding-right:10px;background-color:var(--theme-grey-text-background-color);color:var(--theme-text-light-color);font-size:15px;margin-right:26px}aca-search-ai-input .aca-search-ai-input-agent-select .mat-mdc-select-trigger{height:auto;margin-top:4px}aca-search-ai-input .aca-search-ai-input-agent-select:focus{outline:-webkit-focus-ring-color auto 1px}aca-search-ai-input .aca-search-ai-input-agent-select-displayed-value{display:flex;align-items:center}aca-search-ai-input .aca-search-ai-input-agent-select-displayed-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aca-search-ai-input .aca-search-ai-input-agent-select adf-avatar{margin-left:2px;margin-right:6px;padding-top:1px;padding-bottom:3px}aca-search-ai-input .aca-search-ai-input-agent-select adf-avatar .adf-avatar__image{cursor:pointer}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel{margin-top:9px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option{padding-left:11px;padding-right:11px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option-content{display:flex;align-items:center;padding-top:1px;padding-bottom:1px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option-content-text{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option adf-avatar{margin-right:12px;padding-left:1px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option adf-avatar .adf-avatar__image{cursor:pointer}.aca-search-ai-input-agent-container{position:relative}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card{display:none;position:absolute;left:0;z-index:1}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container{width:315px;height:fit-content;border-radius:12px;margin-top:4px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title{display:flex;align-items:center;font-size:20px;font-weight:700;padding:16px 16px 8px;gap:4px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title-name{margin:0 12px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title img{height:50px;width:50px;min-width:50px;min-height:50px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:14px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-content{display:flex;color:var(--theme-content-color);text-align:justify;text-justify:inter-word}.aca-search-ai-input-agent-container:hover .aca-search-ai-input-agent-popup-hover-card{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: AvatarComponent, selector: "adf-avatar", inputs: ["src", "initials", "tooltip", "size", "cursor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchAiInputComponent, isStandalone: true, selector: "aca-search-ai-input", inputs: { placeholder: "placeholder", agentId: "agentId", usedInAiResultsPage: "usedInAiResultsPage", searchTerm: "searchTerm" }, providers: [{ provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: MatTooltipOptions }], ngImport: i0, template: "<div class=\"aca-search-ai-input-agent-container\">\n  <mat-select\n    [formControl]=\"agentControl\"\n    class=\"aca-search-ai-input-agent-select\"\n    panelClass=\"aca-search-ai-input-agent-select-options aca-search-ai-input-agent-select-agents\"\n    data-automation-id=\"aca-search-ai-agents-select\"\n  [hideSingleSelectionIndicator]=\"true\">\n    <mat-select-trigger class=\"aca-search-ai-input-agent-select-displayed-value\">\n      <adf-avatar\n        [src]=\"agentControl.value?.avatarUrl\"\n        [initials]=\"initialsByAgentId[agentControl.value?.id]\"\n        size=\"26px\" />\n      <span class=\"aca-search-ai-input-agent-select-displayed-value-text\">{{ agentControl.value?.name }}</span>\n    </mat-select-trigger>\n    <mat-option\n      *ngFor=\"let agent of agents\"\n      [value]=\"agent\"\n      class=\"aca-search-ai-input-agent-select-options-option\"\n      [attr.data-automation-id]=\"'aca-search-ai-input-agent-' + agent.id\"><div class=\"aca-search-ai-input-agent-select-options-option-content\">\n        <adf-avatar [src]=\"agent?.avatarUrl\" [initials]=\"initialsByAgentId[agent.id]\" />\n        <span class=\"aca-search-ai-input-agent-select-options-option-content-text\" [matTooltip]=\"agent.name\" [matTooltipPosition]=\"'right'\">{{ agent.name }}</span>\n      </div>\n    </mat-option>\n  </mat-select>\n\n  <div class=\"aca-search-ai-input-agent-popup-hover-card\">\n    <mat-card class=\"aca-search-ai-input-agent-popup-hover-card-container\">\n      <mat-card-title class=\"aca-search-ai-input-agent-popup-hover-card-container-title\">\n        <adf-avatar\n          [initials]=\"initialsByAgentId[agentControl.value?.id]\"\n          [src]=\"agentControl.value?.avatarUrl\"\n          size=\"50px\" />\n        <span class=\"aca-search-ai-input-agent-popup-hover-card-container-title-name\"\n              [matTooltipPosition]=\"'right'\"\n              [matTooltip]=\"agentControl.value?.name\">\n            {{ agentControl.value?.name }}\n        </span>\n      </mat-card-title>\n      <mat-card-content class=\"aca-search-ai-input-agent-popup-hover-card-container-content\">\n        {{ agentControl.value?.description }}\n      </mat-card-content>\n    </mat-card>\n  </div>\n</div>\n<input\n  class=\"aca-search-ai-input-text\"\n  matInput\n  [formControl]=\"queryControl\"\n  data-automation-id=\"aca-search-ai-input\"\n  [placeholder]=\"placeholder | translate\"\n  (keyup.enter)=\"onSearchSubmit()\"/>\n<button\n  mat-flat-button\n  color=\"primary\"\n  class=\"aca-search-ai-asking-button\"\n  (click)=\"onSearchSubmit()\"\n  [disabled]=\"!queryControl.value\"\n  data-automation-id=\"aca-search-ai-asking-button\">\n  <adf-icon [value]=\"'adf:three_magic_stars_ai'\" />\n  <span class=\"aca-search-ai-asking-button-label\">{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.ASK_BUTTON_LABEL' | translate }}</span>\n</button>\n", styles: ["aca-search-ai-input{width:100%;display:flex;align-items:center}aca-search-ai-input .aca-search-ai-input-text{margin-top:4px;flex:1;font-size:20px;margin-right:167px;border:none;outline:none}aca-search-ai-input .aca-search-ai-input-text:focus::placeholder{color:var(--theme-primary-color)}aca-search-ai-input .aca-search-ai-asking-button{display:flex;align-items:center;padding-left:0;padding-right:12px;height:32px;border-radius:6px;width:92px;font-weight:600}aca-search-ai-input .aca-search-ai-asking-button-label{vertical-align:super}aca-search-ai-input .aca-search-ai-asking-button adf-icon{margin-bottom:3px;margin-right:7px}aca-search-ai-input .aca-search-ai-asking-button adf-icon svg{width:34px;height:34px;margin-left:-6px;margin-top:-4px}aca-search-ai-input .aca-search-ai-input-agent-select{width:149px;height:35px;align-content:center;border-radius:16px;padding-left:3px;padding-right:10px;background-color:var(--theme-grey-text-background-color);color:var(--theme-text-light-color);font-size:15px;margin-right:26px}aca-search-ai-input .aca-search-ai-input-agent-select .mat-mdc-select-trigger{height:auto;margin-top:4px}aca-search-ai-input .aca-search-ai-input-agent-select:focus{outline:-webkit-focus-ring-color auto 1px}aca-search-ai-input .aca-search-ai-input-agent-select-displayed-value{display:flex;align-items:center}aca-search-ai-input .aca-search-ai-input-agent-select-displayed-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aca-search-ai-input .aca-search-ai-input-agent-select adf-avatar{margin-left:2px;margin-right:6px;padding-top:1px;padding-bottom:3px}aca-search-ai-input .aca-search-ai-input-agent-select adf-avatar .adf-avatar__image{cursor:pointer}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel{margin-top:9px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option{padding-left:11px;padding-right:11px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option-content{display:flex;align-items:center;padding-top:1px;padding-bottom:1px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option-content-text{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option adf-avatar{margin-right:12px;padding-left:1px}.aca-search-ai-input-agent-select-options.aca-search-ai-input-agent-select-agents.mat-mdc-select-panel .aca-search-ai-input-agent-select-options-option adf-avatar .adf-avatar__image{cursor:pointer}.aca-search-ai-input-agent-container{position:relative}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card{display:none;position:absolute;left:0;z-index:1}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container{width:315px;height:fit-content;border-radius:12px;margin-top:4px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title{display:flex;align-items:center;font-size:20px;font-weight:700;padding:16px 16px 8px;gap:4px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title-name{margin:0 12px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title img{height:50px;width:50px;min-width:50px;min-height:50px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:14px}.aca-search-ai-input-agent-container .aca-search-ai-input-agent-popup-hover-card-container-content{display:flex;color:var(--theme-content-color);text-align:justify;text-justify:inter-word}.aca-search-ai-input-agent-container:hover .aca-search-ai-input-agent-popup-hover-card{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "component", type: AvatarComponent, selector: "adf-avatar", inputs: ["src", "initials", "tooltip", "size", "cursor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiInputComponent, decorators: [{
             type: Component,
@@ -6430,7 +6452,7 @@ class SearchAiInputContainerComponent {
         this.searchNavigationService.navigateToPreviousRouteOrCloseInput();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiInputContainerComponent, deps: [{ token: i1.SearchAiService }, { token: SearchAiNavigationService }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchAiInputContainerComponent, isStandalone: true, selector: "aca-search-ai-input-container", inputs: { placeholder: "placeholder", agentId: "agentId", usedInAiResultsPage: "usedInAiResultsPage" }, ngImport: i0, template: "<aca-search-ai-input\n  [searchTerm]=\"(inputState$ | async).searchTerm\"\n  [placeholder]=\"placeholder\"\n  [agentId]=\"agentId\"\n  [usedInAiResultsPage]=\"usedInAiResultsPage\" />\n<mat-divider\n  [vertical]=\"true\"\n  aria-hidden=\"true\"\n  class=\"aca-search-ai-input-container-divider\" />\n<button\n  mat-icon-button\n  (click)=\"leaveSearchInput()\"\n  data-automation-id=\"aca-search-ai-input-container-leaving-search-button\"\n  [title]=\"(isKnowledgeRetrievalPage ? 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.HIDE_ANSWER' : 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.HIDE_INPUT') | translate\"\n  class=\"aca-search-ai-input-container-close\">\n  <mat-icon>close</mat-icon>\n</button>\n", styles: ["aca-search-ai-input-container{display:flex;flex-direction:row;flex:1;align-items:center;width:100%}aca-search-ai-input-container .aca-search-ai-input-container-divider{height:24px;margin-left:30px;margin-right:7px;background:var(--adf-theme-foreground-text-color-025)}aca-search-ai-input-container .aca-search-ai-input-container-close{display:flex}\n"], dependencies: [{ kind: "component", type: SearchAiInputComponent, selector: "aca-search-ai-input", inputs: ["placeholder", "agentId", "usedInAiResultsPage", "searchTerm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchAiInputContainerComponent, isStandalone: true, selector: "aca-search-ai-input-container", inputs: { placeholder: "placeholder", agentId: "agentId", usedInAiResultsPage: "usedInAiResultsPage" }, ngImport: i0, template: "<aca-search-ai-input\n  [searchTerm]=\"(inputState$ | async).searchTerm\"\n  [placeholder]=\"placeholder\"\n  [agentId]=\"agentId\"\n  [usedInAiResultsPage]=\"usedInAiResultsPage\" />\n<mat-divider\n  [vertical]=\"true\"\n  aria-hidden=\"true\"\n  class=\"aca-search-ai-input-container-divider\" />\n<button\n  mat-icon-button\n  (click)=\"leaveSearchInput()\"\n  data-automation-id=\"aca-search-ai-input-container-leaving-search-button\"\n  [title]=\"(isKnowledgeRetrievalPage ? 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.HIDE_ANSWER' : 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.HIDE_INPUT') | translate\"\n  class=\"aca-search-ai-input-container-close\">\n  <mat-icon>close</mat-icon>\n</button>\n", styles: ["aca-search-ai-input-container{display:flex;flex-direction:row;flex:1;align-items:center;width:100%}aca-search-ai-input-container .aca-search-ai-input-container-divider{height:24px;margin-left:30px;margin-right:7px;background:var(--adf-theme-foreground-text-color-025)}aca-search-ai-input-container .aca-search-ai-input-container-close{display:flex}\n"], dependencies: [{ kind: "component", type: SearchAiInputComponent, selector: "aca-search-ai-input", inputs: ["placeholder", "agentId", "usedInAiResultsPage", "searchTerm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiInputContainerComponent, decorators: [{
             type: Component,
@@ -6751,7 +6773,7 @@ class FilesComponent extends PageComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FilesComponent, deps: [{ token: i1$1.ContentApiService }, { token: NodeActionsService }, { token: i1$4.ActivatedRoute }, { token: i1.SearchHeaderQueryBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: FilesComponent, isStandalone: true, selector: "aca-files", usesInheritance: true, ngImport: i0, template: "<aca-page-layout [hasError]=\"!isValidPath\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container\n      *ngIf=\"searchAiInputState.active; else header\"\n      [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <ng-template #header>\n      <div class=\"aca-header-container\">\n        <adf-breadcrumb\n          [root]=\"title\"\n          [folderNode]=\"node\"\n          [selectedRowItemsCount]=\"selectedRowItemsCount\" [maxItems]=\"isSmallScreen ? 1 : 0\"\n          (navigate)=\"onBreadcrumbNavigate($event)\" />\n        <aca-toolbar [items]=\"actions\" />\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"aca-page-layout-error\">\n    <aca-generic-error [text]=\"errorTranslationKey\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\" *ngIf=\"!(showLoader$ | async)\">\n      <adf-upload-drag-area [rootFolderId]=\"node?.id\" [disabled]=\"!canUpload\" (updateFileVersion)=\"onUploadNewVersion($event)\">\n        <adf-document-list\n          #documentList\n          acaDocumentList\n          acaContextActions\n          [selectionMode]=\"'multiple'\"\n          [multiselect]=\"true\"\n          [currentFolderId]=\"node?.id\"\n          [loading]=\"true\"\n          [showHeader]=\"showHeader\"\n          [node]=\"nodeResult\"\n          [allowDropFiles]=\"true\"\n          [displayCheckboxesOnHover]=\"true\"\n          [preselectNodes]=\"selectedNodesState?.nodes\"\n          [navigate]=\"false\"\n          [sorting]=\"['name', 'asc']\"\n          [imageResolver]=\"imageResolver\"\n          [headerFilters]=\"true\"\n          [filterValue]=\"queryParams\"\n          [isDataProvidedExternally]=\"!!queryParams\"\n          [isResizingEnabled]=\"true\"\n          [blurOnResize]=\"false\"\n          [displayDragAndDropHint]=\"canUpload\"\n          (node-dblclick)=\"handleNodeClick($event)\"\n          (name-click)=\"handleNodeClick($event)\"\n          (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n          (filterSelection)=\"onFilterSelected($event)\"\n          (error)=\"onError($event)\"\n        >\n          <data-columns>\n            <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n              <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                <data-column\n                  [id]=\"column.id\"\n                  [key]=\"column.key\"\n                  [title]=\"column.title\"\n                  [type]=\"column.type\"\n                  [format]=\"column.format\"\n                  [class]=\"column.class\"\n                  [sortable]=\"column.sortable\"\n                  [sortingKey]=\"column.sortingKey || column.key\"\n                  [isHidden]=\"column.isHidden\"\n                  [draggable]=\"column.draggable\"\n                  [resizable]=\"column.resizable\"\n                >\n                  <ng-template let-context>\n                    <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                  </ng-template>\n                </data-column>\n              </ng-container>\n\n              <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                <data-column\n                  [id]=\"column.id\"\n                  [key]=\"column.key\"\n                  [title]=\"column.title\"\n                  [type]=\"column.type\"\n                  [format]=\"column.format\"\n                  [class]=\"column.class\"\n                  [sortable]=\"column.sortable\"\n                  [sortingKey]=\"column.sortingKey || column.key\"\n                  [isHidden]=\"column.isHidden\"\n                  [draggable]=\"column.draggable\"\n                  [resizable]=\"column.resizable\"\n                />\n              </ng-container>\n            </ng-container>\n          </data-columns>\n\n          <adf-custom-empty-content-template *ngIf=\"isFilterHeaderActive\">\n            <ng-container>\n              <div class=\"empty-search__block\" aria-live=\"polite\">\n                <p class=\"empty-search__text\">\n                  {{ 'APP.BROWSE.SEARCH.NO_FILTER_RESULTS' | translate }}\n                </p>\n              </div>\n            </ng-container>\n          </adf-custom-empty-content-template>\n        </adf-document-list>\n\n        <adf-pagination acaPagination [target]=\"documentList\" />\n      </adf-upload-drag-area>\n    </div>\n\n    <mat-progress-spinner *ngIf=\"showLoader$ | async\"\n      id=\"adf-document-list-loading\"\n      class=\"adf-document-list-loading-margin\"\n      [color]=\"'primary'\"\n      [mode]=\"'indeterminate'\" />\n\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: [".adf-document-list-loading-margin{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: GenericErrorComponent, selector: "aca-generic-error", inputs: ["text"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6$4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: BreadcrumbComponent, selector: "adf-breadcrumb", inputs: ["folderNode", "root", "rootId", "target", "transform", "maxItems", "selectedRowItemsCount", "readOnly"], outputs: ["navigate"] }, { kind: "component", type: UploadDragAreaComponent, selector: "adf-upload-drag-area" }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: FilesComponent, isStandalone: true, selector: "aca-files", usesInheritance: true, ngImport: i0, template: "<aca-page-layout [hasError]=\"!isValidPath\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container\n      *ngIf=\"searchAiInputState.active; else header\"\n      [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <ng-template #header>\n      <div class=\"aca-header-container\">\n        <adf-breadcrumb\n          [root]=\"title\"\n          [folderNode]=\"node\"\n          [selectedRowItemsCount]=\"selectedRowItemsCount\" [maxItems]=\"isSmallScreen ? 1 : 0\"\n          (navigate)=\"onBreadcrumbNavigate($event)\" />\n        <aca-toolbar [items]=\"actions\" />\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"aca-page-layout-error\">\n    <aca-generic-error [text]=\"errorTranslationKey\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\" *ngIf=\"!(showLoader$ | async)\">\n      <adf-upload-drag-area [rootFolderId]=\"node?.id\" [disabled]=\"!canUpload\" (updateFileVersion)=\"onUploadNewVersion($event)\">\n        <adf-document-list\n          #documentList\n          acaDocumentList\n          acaContextActions\n          [selectionMode]=\"'multiple'\"\n          [multiselect]=\"true\"\n          [currentFolderId]=\"node?.id\"\n          [loading]=\"true\"\n          [showHeader]=\"showHeader\"\n          [node]=\"nodeResult\"\n          [allowDropFiles]=\"true\"\n          [displayCheckboxesOnHover]=\"true\"\n          [preselectNodes]=\"selectedNodesState?.nodes\"\n          [navigate]=\"false\"\n          [sorting]=\"['name', 'asc']\"\n          [imageResolver]=\"imageResolver\"\n          [headerFilters]=\"true\"\n          [filterValue]=\"queryParams\"\n          [isDataProvidedExternally]=\"!!queryParams\"\n          [isResizingEnabled]=\"true\"\n          [blurOnResize]=\"false\"\n          [displayDragAndDropHint]=\"canUpload\"\n          (node-dblclick)=\"handleNodeClick($event)\"\n          (name-click)=\"handleNodeClick($event)\"\n          (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n          (filterSelection)=\"onFilterSelected($event)\"\n          (error)=\"onError($event)\"\n        >\n          <data-columns>\n            <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n              <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                <data-column\n                  [id]=\"column.id\"\n                  [key]=\"column.key\"\n                  [title]=\"column.title\"\n                  [type]=\"column.type\"\n                  [format]=\"column.format\"\n                  [class]=\"column.class\"\n                  [sortable]=\"column.sortable\"\n                  [sortingKey]=\"column.sortingKey || column.key\"\n                  [isHidden]=\"column.isHidden\"\n                  [draggable]=\"column.draggable\"\n                  [resizable]=\"column.resizable\"\n                >\n                  <ng-template let-context>\n                    <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                  </ng-template>\n                </data-column>\n              </ng-container>\n\n              <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                <data-column\n                  [id]=\"column.id\"\n                  [key]=\"column.key\"\n                  [title]=\"column.title\"\n                  [type]=\"column.type\"\n                  [format]=\"column.format\"\n                  [class]=\"column.class\"\n                  [sortable]=\"column.sortable\"\n                  [sortingKey]=\"column.sortingKey || column.key\"\n                  [isHidden]=\"column.isHidden\"\n                  [draggable]=\"column.draggable\"\n                  [resizable]=\"column.resizable\"\n                />\n              </ng-container>\n            </ng-container>\n          </data-columns>\n\n          <adf-custom-empty-content-template *ngIf=\"isFilterHeaderActive\">\n            <ng-container>\n              <div class=\"empty-search__block\" aria-live=\"polite\">\n                <p class=\"empty-search__text\">\n                  {{ 'APP.BROWSE.SEARCH.NO_FILTER_RESULTS' | translate }}\n                </p>\n              </div>\n            </ng-container>\n          </adf-custom-empty-content-template>\n        </adf-document-list>\n\n        <adf-pagination acaPagination [target]=\"documentList\" />\n      </adf-upload-drag-area>\n    </div>\n\n    <mat-progress-spinner *ngIf=\"showLoader$ | async\"\n      id=\"adf-document-list-loading\"\n      class=\"adf-document-list-loading-margin\"\n      [color]=\"'primary'\"\n      [mode]=\"'indeterminate'\" />\n\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: [".adf-document-list-loading-margin{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: GenericErrorComponent, selector: "aca-generic-error", inputs: ["text"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: BreadcrumbComponent, selector: "adf-breadcrumb", inputs: ["folderNode", "root", "rootId", "target", "transform", "maxItems", "selectedRowItemsCount", "readOnly"], outputs: ["navigate"] }, { kind: "component", type: UploadDragAreaComponent, selector: "adf-upload-drag-area" }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FilesComponent, decorators: [{
             type: Component,
@@ -7009,126 +7031,136 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", 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/>.
  */
-class SearchInputControlComponent {
-    destroyRef = inject(DestroyRef);
-    route = inject(ActivatedRoute);
-    router = inject(Router);
-    /** Type of the input field to render, e.g. "search" or "text" (default). */
-    inputType = 'text';
-    /**
-     * Indicates whether the search is constrained by libraries.
-     * If true, specific error messaging or validation behavior may be triggered.
-     */
-    hasLibrariesConstraint = false;
-    /** Emitted when the search is submitted pressing ENTER button.
-     * The search term is provided as value of the event.
-     */
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    submit = new EventEmitter();
-    /** Emitted when the search term is changed. The search term is provided
-     * in the 'value' property of the returned object.  If the term is less
-     * than three characters in length then the term is truncated to an empty
-     * string.
-     */
-    searchChange = new EventEmitter();
-    /** Emitted when the input control has a validation error. */
-    validationError = new EventEmitter();
-    searchInput;
-    searchFieldFormControl = new FormControl('', [Validators.required, noWhitespaceValidator(), noLeadingTrailingOperatorsValidator()]);
-    get searchTerm() {
-        return this.searchFieldFormControl.value.replace('text:', 'TEXT:');
-    }
-    set searchTerm(value) {
-        this.searchFieldFormControl.setValue(value);
+class SearchFilterService {
+    queryBuilder;
+    searchInMode = 'content';
+    filesChecked = true;
+    foldersChecked = true;
+    searchOptions = [
+        {
+            id: SearchOptionIds.Files,
+            key: 'SEARCH.INPUT.FILES',
+            value: false,
+            shouldDisable: () => this.isLibrariesChecked()
+        },
+        {
+            id: SearchOptionIds.Folders,
+            key: 'SEARCH.INPUT.FOLDERS',
+            value: false,
+            shouldDisable: () => this.isLibrariesChecked()
+        },
+        {
+            id: SearchOptionIds.Libraries,
+            key: 'SEARCH.INPUT.LIBRARIES',
+            value: false,
+            shouldDisable: () => this.isContentChecked()
+        }
+    ];
+    constructor(queryBuilder) {
+        this.queryBuilder = queryBuilder;
     }
-    ngOnInit() {
-        this.searchFieldFormControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((searchTermValue) => {
-            this.searchFieldFormControl.markAsTouched();
-            this.searchChange.emit(searchTermValue);
-        });
-        this.searchFieldFormControl.events.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
-            if (event instanceof TouchedChangeEvent || event instanceof StatusChangeEvent) {
-                if (this.searchFieldFormControl.touched) {
-                    this.emitValidationError();
-                }
-                else {
-                    this.validationError.emit('');
-                }
-            }
-        });
-        combineLatest([
-            this.route.queryParams,
-            this.router.events.pipe(filter((e) => e instanceof NavigationStart), startWith(null))
-        ])
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(([params]) => {
-            if (params['q'] && !this.searchFieldFormControl.value) {
-                setTimeout(() => this.searchFieldFormControl.setValue('*'));
-            }
-        });
+    isFilesChecked() {
+        return this.getOptionValue(SearchOptionIds.Files);
     }
-    ngOnChanges(changes) {
-        if (changes['hasLibrariesConstraint'] && !changes['hasLibrariesConstraint'].firstChange) {
-            this.emitValidationError();
-        }
+    isFoldersChecked() {
+        return this.getOptionValue(SearchOptionIds.Folders);
     }
-    searchSubmit() {
-        this.searchFieldFormControl.markAsTouched();
-        const trimmedTerm = this.searchTerm?.trim();
-        if (this.searchFieldFormControl.valid && trimmedTerm) {
-            this.submit.emit(trimmedTerm);
-        }
+    isLibrariesChecked() {
+        return this.getOptionValue(SearchOptionIds.Libraries);
     }
-    clear() {
-        this.searchTerm = '';
-        this.searchChange.emit('');
+    isContentChecked() {
+        return this.isFilesChecked() || this.isFoldersChecked();
     }
-    onBlur() {
-        this.searchFieldFormControl.markAsUntouched();
+    getSearchInLabel() {
+        if (this.searchInMode === SearchOptionIds.Libraries) {
+            return 'SEARCH.INPUT.LIBRARIES';
+        }
+        if (this.filesChecked === this.foldersChecked) {
+            return 'SEARCH.INPUT.FILES_AND_FOLDERS';
+        }
+        if (this.filesChecked) {
+            return 'SEARCH.INPUT.FILES';
+        }
+        if (this.foldersChecked) {
+            return 'SEARCH.INPUT.FOLDERS';
+        }
+        return 'SEARCH.INPUT.FILES_AND_FOLDERS';
     }
-    isTermTooShort() {
-        return this.searchTerm.trim()?.length < 2;
+    validateSearchTerm(term) {
+        if (!term) {
+            return 'SEARCH.INPUT.REQUIRED';
+        }
+        if (/^\s+$/.test(term)) {
+            return 'SEARCH.INPUT.WHITESPACE';
+        }
+        const words = term.trim().split(/\s+/);
+        if (isOperator(words[0]) || isOperator(words[words.length - 1])) {
+            return 'SEARCH.INPUT.OPERATORS';
+        }
+        if (/^[+\-|!(){}[\]^"~*?:\\/]/.test(term) || /[+\-|!(){}[\]^"~*?:\\/]$/.test(term)) {
+            return 'SEARCH.INPUT.OPERATORS';
+        }
+        if (this.searchInMode === SearchOptionIds.Libraries && term.length < 2) {
+            return 'SEARCH.INPUT.MIN_LENGTH';
+        }
+        return null;
     }
-    emitValidationError() {
-        const errors = this.searchFieldFormControl.errors;
-        if (errors?.whitespace) {
-            this.validationError.emit('SEARCH.INPUT.WHITESPACE');
+    syncSearchOptionsFromState() {
+        const filesOption = this.searchOptions.find((opt) => opt.id === SearchOptionIds.Files);
+        const foldersOption = this.searchOptions.find((opt) => opt.id === SearchOptionIds.Folders);
+        const librariesOption = this.searchOptions.find((opt) => opt.id === SearchOptionIds.Libraries);
+        if (this.searchInMode === SearchOptionIds.Libraries) {
+            filesOption.value = false;
+            foldersOption.value = false;
+            librariesOption.value = true;
         }
-        else if (errors?.operators) {
-            this.validationError.emit('SEARCH.INPUT.OPERATORS');
+        else {
+            filesOption.value = this.filesChecked && !this.foldersChecked;
+            foldersOption.value = this.foldersChecked && !this.filesChecked;
+            librariesOption.value = false;
         }
-        else if (errors?.required) {
-            this.validationError.emit('SEARCH.INPUT.REQUIRED');
+    }
+    applyContentFilters() {
+        this.syncSearchOptionsFromState();
+        if (this.isLibrariesChecked()) {
+            this.removeContentFilters();
+            return;
+        }
+        if (this.isFoldersChecked() && !this.isFilesChecked()) {
+            this.setContentFilter(SearchOptionIds.Folders);
         }
-        else if (this.hasLibrariesConstraint && this.isTermTooShort()) {
-            this.validationError.emit('SEARCH.INPUT.MIN_LENGTH');
+        else if (this.isFilesChecked() && !this.isFoldersChecked()) {
+            this.setContentFilter(SearchOptionIds.Files);
         }
         else {
-            this.validationError.emit('');
+            this.removeContentFilters();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInputControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchInputControlComponent, isStandalone: true, selector: "app-search-input-control", inputs: { inputType: "inputType", hasLibrariesConstraint: "hasLibrariesConstraint" }, outputs: { submit: "submit", searchChange: "searchChange", validationError: "validationError" }, host: { classAttribute: "app-search-control" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"app-search-container\">\n  <mat-form-field class=\"app-input-form-field\">\n\n    <button\n      mat-icon-button\n      matPrefix\n      class=\"app-search-button\"\n      (click)=\"searchSubmit()\"\n      (keydown.enter)=\"searchSubmit()\"\n      [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n    >\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      matInput\n      #searchInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"inputType\"\n      id=\"app-control-input\"\n      [formControl]=\"searchFieldFormControl\"\n      (keydown.enter)=\"searchSubmit()\"\n      (blur)=\"onBlur()\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n      autocomplete=\"off\"\n    />\n\n    <div matSuffix>\n      <button\n        mat-icon-button\n        (click)=\"clear()\"\n        [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n        [attr.title]=\"'COMMON.CLEAR' | translate\"\n        class=\"app-search-input-control-clear-button\">\n        <mat-icon *ngIf=\"searchFieldFormControl.value.length\" class=\"app-suffix-icon\">clear</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n</div>\n", styles: [".app-search-container{font-size:16px;box-sizing:border-box;height:64px;display:flex;flex-direction:row;align-items:center}.app-search-container .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-container .mdc-notched-outline{display:none}.app-search-container .app-input-form-field{letter-spacing:-.7px;font-size:16px;width:100%;height:64px;line-height:32px}.app-search-container .app-input-form-field-input{letter-spacing:-.7px}.app-search-container .app-input-form-field .app-search-input-control-clear-button{margin-right:1.5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
+    removeContentFilters() {
+        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${SearchOptionIds.Files}'`);
+        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${SearchOptionIds.Folders}'`);
+    }
+    initForLibrariesRoute() {
+        this.searchInMode = SearchOptionIds.Libraries;
+        this.filesChecked = false;
+        this.foldersChecked = false;
+    }
+    getOptionValue(optionId) {
+        const item = this.searchOptions.find((opt) => opt.id === optionId);
+        return !!item && item.value;
+    }
+    setContentFilter(option) {
+        const oppositeOption = option === SearchOptionIds.Folders ? SearchOptionIds.Files : SearchOptionIds.Folders;
+        this.queryBuilder.addFilterQuery(`+TYPE:'cm:${option}'`);
+        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${oppositeOption}'`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchFilterService, deps: [{ token: i1.SearchQueryBuilderService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchFilterService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInputControlComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule], selector: 'app-search-input-control', encapsulation: ViewEncapsulation.None, host: { class: 'app-search-control' }, template: "<div class=\"app-search-container\">\n  <mat-form-field class=\"app-input-form-field\">\n\n    <button\n      mat-icon-button\n      matPrefix\n      class=\"app-search-button\"\n      (click)=\"searchSubmit()\"\n      (keydown.enter)=\"searchSubmit()\"\n      [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n    >\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      matInput\n      #searchInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"inputType\"\n      id=\"app-control-input\"\n      [formControl]=\"searchFieldFormControl\"\n      (keydown.enter)=\"searchSubmit()\"\n      (blur)=\"onBlur()\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n      autocomplete=\"off\"\n    />\n\n    <div matSuffix>\n      <button\n        mat-icon-button\n        (click)=\"clear()\"\n        [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n        [attr.title]=\"'COMMON.CLEAR' | translate\"\n        class=\"app-search-input-control-clear-button\">\n        <mat-icon *ngIf=\"searchFieldFormControl.value.length\" class=\"app-suffix-icon\">clear</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n</div>\n", styles: [".app-search-container{font-size:16px;box-sizing:border-box;height:64px;display:flex;flex-direction:row;align-items:center}.app-search-container .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-container .mdc-notched-outline{display:none}.app-search-container .app-input-form-field{letter-spacing:-.7px;font-size:16px;width:100%;height:64px;line-height:32px}.app-search-container .app-input-form-field-input{letter-spacing:-.7px}.app-search-container .app-input-form-field .app-search-input-control-clear-button{margin-right:1.5px}\n"] }]
-        }], propDecorators: { inputType: [{
-                type: Input
-            }], hasLibrariesConstraint: [{
-                type: Input
-            }], 
-        // eslint-disable-next-line @angular-eslint/no-output-native
-        submit: [{
-                type: Output
-            }], searchChange: [{
-                type: Output
-            }], validationError: [{
-                type: Output
-            }], searchInput: [{
-                type: ViewChild,
-                args: ['searchInput', { static: true }]
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchFilterService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.SearchQueryBuilderService }] });
 
 /*!
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -7239,259 +7271,331 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", 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/>.
  */
-class SearchInputComponent {
+class SearchExecutionService {
+    store;
     queryBuilder;
     queryLibrariesBuilder;
+    filterService;
+    searchNavigationService;
+    constructor(store, queryBuilder, queryLibrariesBuilder, filterService, searchNavigationService) {
+        this.store = store;
+        this.queryBuilder = queryBuilder;
+        this.queryLibrariesBuilder = queryLibrariesBuilder;
+        this.filterService = filterService;
+        this.searchNavigationService = searchNavigationService;
+    }
+    execute(searchedWord) {
+        if (!searchedWord?.trim()) {
+            return;
+        }
+        this.filterService.applyContentFilters();
+        if (this.filterService.isLibrariesChecked()) {
+            this.executeLibrariesSearch(searchedWord);
+        }
+        else {
+            this.executeContentSearch(searchedWord);
+        }
+    }
+    executeLibrariesSearch(searchedWord) {
+        if (this.searchNavigationService.onLibrariesSearchResults && this.searchNavigationService.isSameSearchTerm(searchedWord)) {
+            this.queryLibrariesBuilder.update();
+        }
+        else {
+            this.store.dispatch(new SearchByTermAction(searchedWord, this.filterService.searchOptions));
+        }
+    }
+    executeContentSearch(searchedWord) {
+        if (this.searchNavigationService.onSearchResults && this.searchNavigationService.isSameSearchTerm(searchedWord)) {
+            this.queryBuilder.update();
+        }
+        else {
+            this.store.dispatch(new SearchByTermAction(searchedWord, this.filterService.searchOptions));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchExecutionService, deps: [{ token: i1$5.Store }, { token: i1.SearchQueryBuilderService }, { token: SearchLibrariesQueryBuilderService }, { token: SearchFilterService }, { token: SearchNavigationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchExecutionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchExecutionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$5.Store }, { type: i1.SearchQueryBuilderService }, { type: SearchLibrariesQueryBuilderService }, { type: SearchFilterService }, { type: SearchNavigationService }] });
+
+/*!
+ * Copyright © 2005-2025 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 SearchInMenuComponent {
+    SearchOptionIds = SearchOptionIds;
+    filtersApplied = new EventEmitter();
+    searchInPanel;
+    triggerButton;
+    isOpen = false;
+    searchInMode = 'content';
+    filesChecked = true;
+    foldersChecked = true;
+    filterService = inject(SearchFilterService);
+    focusTrapFactory = inject(ConfigurableFocusTrapFactory);
+    focusTrap;
+    pendingSearchInMode = 'content';
+    pendingFilesChecked = true;
+    pendingFoldersChecked = true;
+    ngOnInit() {
+        this.initializeSavedValues();
+    }
+    toggle() {
+        if (this.isOpen) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    open() {
+        this.isOpen = true;
+        setTimeout(() => {
+            if (this.searchInPanel) {
+                this.focusTrap = this.focusTrapFactory.create(this.searchInPanel.nativeElement);
+                this.focusTrap.focusInitialElement();
+            }
+        });
+    }
+    close() {
+        this.searchInMode = this.pendingSearchInMode;
+        this.filesChecked = this.pendingFilesChecked;
+        this.foldersChecked = this.pendingFoldersChecked;
+        this.destroyFocusTrap();
+        this.isOpen = false;
+        this.focusTrigger();
+    }
+    onPanelDetached() {
+        this.destroyFocusTrap();
+        this.isOpen = false;
+    }
+    onSearchInModeChange() {
+        if (this.searchInMode === SearchOptionIds.Libraries) {
+            this.filesChecked = false;
+            this.foldersChecked = false;
+        }
+        else {
+            this.filesChecked = true;
+            this.foldersChecked = true;
+        }
+    }
+    onFilesCheckedChange() {
+        if (!this.filesChecked && !this.foldersChecked) {
+            this.foldersChecked = true;
+        }
+    }
+    onFoldersCheckedChange() {
+        if (!this.filesChecked && !this.foldersChecked) {
+            this.filesChecked = true;
+        }
+    }
+    apply() {
+        this.commitToService();
+        this.pendingSearchInMode = this.searchInMode;
+        this.pendingFilesChecked = this.filesChecked;
+        this.pendingFoldersChecked = this.foldersChecked;
+        this.destroyFocusTrap();
+        this.isOpen = false;
+        this.focusTrigger();
+        this.filtersApplied.emit();
+    }
+    reset() {
+        this.searchInMode = 'content';
+        this.filesChecked = true;
+        this.foldersChecked = true;
+    }
+    destroyFocusTrap() {
+        if (this.focusTrap) {
+            this.focusTrap.destroy();
+            this.focusTrap = null;
+        }
+    }
+    initializeSavedValues() {
+        this.searchInMode = this.filterService.searchInMode;
+        this.filesChecked = this.filterService.filesChecked;
+        this.foldersChecked = this.filterService.foldersChecked;
+        this.pendingSearchInMode = this.searchInMode;
+        this.pendingFilesChecked = this.filesChecked;
+        this.pendingFoldersChecked = this.foldersChecked;
+    }
+    commitToService() {
+        this.filterService.searchInMode = this.searchInMode;
+        this.filterService.filesChecked = this.filesChecked;
+        this.filterService.foldersChecked = this.foldersChecked;
+    }
+    focusTrigger() {
+        setTimeout(() => this.triggerButton?.nativeElement?.focus());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SearchInMenuComponent, isStandalone: true, selector: "aca-search-in-menu", outputs: { filtersApplied: "filtersApplied" }, viewQueries: [{ propertyName: "searchInPanel", first: true, predicate: ["searchInPanel"], descendants: true }, { propertyName: "triggerButton", first: true, predicate: ["overlayOrigin"], descendants: true, read: ElementRef }], ngImport: i0, template: "<button\n        mat-stroked-button\n        class=\"aca-search-input--search-in-button\"\n        cdkOverlayOrigin\n        #overlayOrigin=\"cdkOverlayOrigin\"\n        (click)=\"toggle()\"\n        [title]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        [attr.aria-label]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        [attr.aria-expanded]=\"isOpen\"\n        aria-haspopup=\"dialog\"\n>\n    {{ 'SEARCH.INPUT.IN_PREFIX' | translate }}: {{ filterService.getSearchInLabel() | translate }}\n    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n</button>\n\n<ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n        [cdkConnectedOverlayOpen]=\"isOpen\"\n        [cdkConnectedOverlayHasBackdrop]=\"true\"\n        cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n        (backdropClick)=\"close()\"\n        (detach)=\"onPanelDetached()\">\n    <fieldset\n        #searchInPanel\n        class=\"aca-search-in-panel\"\n        role=\"group\"\n        [attr.aria-label]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        (keydown.escape)=\"close()\"\n        (click)=\"$event.stopPropagation()\">\n        <div class=\"aca-search-in-panel__header\">\n            <span class=\"aca-search-in-panel__title\" id=\"searchInTitle\">{{ 'SEARCH.INPUT.SEARCH_IN' | translate }}</span>\n            <button mat-icon-button (click)=\"close()\" [title]=\"'COMMON.CLOSE' | translate\" [attr.aria-label]=\"'COMMON.CLOSE' | translate\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </div>\n\n        <div class=\"aca-search-in-panel__content\">\n            <mat-radio-group [(ngModel)]=\"searchInMode\" (change)=\"onSearchInModeChange()\">\n                <mat-radio-button value=\"content\" class=\"aca-search-in-panel__radio\">\n                    {{ 'SEARCH.INPUT.FILES_AND_FOLDERS' | translate }}\n                </mat-radio-button>\n\n                @if (searchInMode === 'content') {\n                    <div class=\"aca-search-in-panel__checkboxes\">\n                        <mat-checkbox\n                                [id]=\"SearchOptionIds.Files\"\n                                [(ngModel)]=\"filesChecked\"\n                                (change)=\"onFilesCheckedChange()\"\n                        >\n                            {{ 'SEARCH.INPUT.FILES' | translate }}\n                        </mat-checkbox>\n                        <mat-checkbox\n                                [id]=\"SearchOptionIds.Folders\"\n                                [(ngModel)]=\"foldersChecked\"\n                                (change)=\"onFoldersCheckedChange()\"\n                        >\n                            {{ 'SEARCH.INPUT.FOLDERS' | translate }}\n                        </mat-checkbox>\n                    </div>\n                }\n\n                <mat-radio-button [value]=\"SearchOptionIds.Libraries\" class=\"aca-search-in-panel__radio\">\n                    {{ 'SEARCH.INPUT.LIBRARIES' | translate }}\n                </mat-radio-button>\n            </mat-radio-group>\n        </div>\n\n        <mat-divider />\n\n        <div class=\"aca-search-in-panel__actions\">\n            <button mat-button (click)=\"reset()\">{{ 'SEARCH.INPUT.RESET' | translate }}</button>\n            <button mat-flat-button color=\"primary\" (click)=\"apply()\">{{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}</button>\n        </div>\n    </fieldset>\n</ng-template>\n", styles: ["aca-search-in-menu .aca-search-input--search-in-button{border-radius:16px;height:32px;padding:0 8px 0 12px;white-space:nowrap;min-width:unset;background-color:var(--theme-dropdown-color);border:none}aca-search-in-menu .aca-search-input--search-in-button.mat-icon-no-color{font-size:18px;width:18px;height:18px;margin-left:2px}aca-search-in-menu .aca-search-input--search-in-button:hover{background-color:var(--theme-dropdown-background-hover, rgba(0, 0, 0, .04))}.aca-search-in-panel{padding:0;border:none;background-color:var(--theme-white-background);min-width:512px;box-shadow:0 2px 4px var(--theme-grey-divider-color);border-radius:12px}.aca-search-in-panel__header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-weight:700;border-bottom:1px solid var(--theme-grey-background-color)}.aca-search-in-panel__title{font-size:16px;font-weight:700}.aca-search-in-panel__content{padding:24px}.aca-search-in-panel__radio{display:block}.aca-search-in-panel__checkboxes{display:flex;flex-direction:column;gap:8px;padding-left:28px;padding-bottom:4px;margin:10px 0}.aca-search-in-panel__actions{display:flex;justify-content:space-between;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$6.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$6.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i6$4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i6$4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aca-search-in-menu', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        TranslatePipe,
+                        OverlayModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatCheckboxModule,
+                        MatRadioModule,
+                        MatDividerModule
+                    ], encapsulation: ViewEncapsulation.None, template: "<button\n        mat-stroked-button\n        class=\"aca-search-input--search-in-button\"\n        cdkOverlayOrigin\n        #overlayOrigin=\"cdkOverlayOrigin\"\n        (click)=\"toggle()\"\n        [title]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        [attr.aria-label]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        [attr.aria-expanded]=\"isOpen\"\n        aria-haspopup=\"dialog\"\n>\n    {{ 'SEARCH.INPUT.IN_PREFIX' | translate }}: {{ filterService.getSearchInLabel() | translate }}\n    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n</button>\n\n<ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n        [cdkConnectedOverlayOpen]=\"isOpen\"\n        [cdkConnectedOverlayHasBackdrop]=\"true\"\n        cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n        (backdropClick)=\"close()\"\n        (detach)=\"onPanelDetached()\">\n    <fieldset\n        #searchInPanel\n        class=\"aca-search-in-panel\"\n        role=\"group\"\n        [attr.aria-label]=\"'SEARCH.INPUT.SEARCH_IN' | translate\"\n        (keydown.escape)=\"close()\"\n        (click)=\"$event.stopPropagation()\">\n        <div class=\"aca-search-in-panel__header\">\n            <span class=\"aca-search-in-panel__title\" id=\"searchInTitle\">{{ 'SEARCH.INPUT.SEARCH_IN' | translate }}</span>\n            <button mat-icon-button (click)=\"close()\" [title]=\"'COMMON.CLOSE' | translate\" [attr.aria-label]=\"'COMMON.CLOSE' | translate\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </div>\n\n        <div class=\"aca-search-in-panel__content\">\n            <mat-radio-group [(ngModel)]=\"searchInMode\" (change)=\"onSearchInModeChange()\">\n                <mat-radio-button value=\"content\" class=\"aca-search-in-panel__radio\">\n                    {{ 'SEARCH.INPUT.FILES_AND_FOLDERS' | translate }}\n                </mat-radio-button>\n\n                @if (searchInMode === 'content') {\n                    <div class=\"aca-search-in-panel__checkboxes\">\n                        <mat-checkbox\n                                [id]=\"SearchOptionIds.Files\"\n                                [(ngModel)]=\"filesChecked\"\n                                (change)=\"onFilesCheckedChange()\"\n                        >\n                            {{ 'SEARCH.INPUT.FILES' | translate }}\n                        </mat-checkbox>\n                        <mat-checkbox\n                                [id]=\"SearchOptionIds.Folders\"\n                                [(ngModel)]=\"foldersChecked\"\n                                (change)=\"onFoldersCheckedChange()\"\n                        >\n                            {{ 'SEARCH.INPUT.FOLDERS' | translate }}\n                        </mat-checkbox>\n                    </div>\n                }\n\n                <mat-radio-button [value]=\"SearchOptionIds.Libraries\" class=\"aca-search-in-panel__radio\">\n                    {{ 'SEARCH.INPUT.LIBRARIES' | translate }}\n                </mat-radio-button>\n            </mat-radio-group>\n        </div>\n\n        <mat-divider />\n\n        <div class=\"aca-search-in-panel__actions\">\n            <button mat-button (click)=\"reset()\">{{ 'SEARCH.INPUT.RESET' | translate }}</button>\n            <button mat-flat-button color=\"primary\" (click)=\"apply()\">{{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}</button>\n        </div>\n    </fieldset>\n</ng-template>\n", styles: ["aca-search-in-menu .aca-search-input--search-in-button{border-radius:16px;height:32px;padding:0 8px 0 12px;white-space:nowrap;min-width:unset;background-color:var(--theme-dropdown-color);border:none}aca-search-in-menu .aca-search-input--search-in-button.mat-icon-no-color{font-size:18px;width:18px;height:18px;margin-left:2px}aca-search-in-menu .aca-search-input--search-in-button:hover{background-color:var(--theme-dropdown-background-hover, rgba(0, 0, 0, .04))}.aca-search-in-panel{padding:0;border:none;background-color:var(--theme-white-background);min-width:512px;box-shadow:0 2px 4px var(--theme-grey-divider-color);border-radius:12px}.aca-search-in-panel__header{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-weight:700;border-bottom:1px solid var(--theme-grey-background-color)}.aca-search-in-panel__title{font-size:16px;font-weight:700}.aca-search-in-panel__content{padding:24px}.aca-search-in-panel__radio{display:block}.aca-search-in-panel__checkboxes{display:flex;flex-direction:column;gap:8px;padding-left:28px;padding-bottom:4px;margin:10px 0}.aca-search-in-panel__actions{display:flex;justify-content:space-between;padding:8px 16px}\n"] }]
+        }], propDecorators: { filtersApplied: [{
+                type: Output
+            }], searchInPanel: [{
+                type: ViewChild,
+                args: ['searchInPanel']
+            }], triggerButton: [{
+                type: ViewChild,
+                args: ['overlayOrigin', { read: ElementRef }]
+            }] } });
+
+/*!
+ * Copyright © 2005-2025 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 SearchInputComponent {
+    queryBuilder;
     config;
     router;
     route;
-    store;
     appHookService;
-    appService;
-    searchInputService;
-    notificationService = inject(NotificationService);
+    filterService;
+    searchExecutionService;
+    searchNavigationService;
     has400LibraryError = false;
-    hasLibrariesConstraint = false;
     searchOnChange;
-    isTrimmedWordEmpty = false;
-    error = '';
     searchedWord = null;
-    searchOptions = [
-        {
-            id: SearchOptionIds.Files,
-            key: 'SEARCH.INPUT.FILES',
-            value: false,
-            shouldDisable: this.isLibrariesChecked.bind(this)
-        },
-        {
-            id: SearchOptionIds.Folders,
-            key: 'SEARCH.INPUT.FOLDERS',
-            value: false,
-            shouldDisable: this.isLibrariesChecked.bind(this)
-        },
-        {
-            id: SearchOptionIds.Libraries,
-            key: 'SEARCH.INPUT.LIBRARIES',
-            value: this.onLibrariesSearchResults,
-            shouldDisable: this.isContentChecked.bind(this)
-        }
-    ];
-    searchInputControl;
-    trigger;
+    error = '';
+    searchInputField;
     destroyRef = inject(DestroyRef);
-    constructor(queryBuilder, queryLibrariesBuilder, config, router, route, store, appHookService, appService, searchInputService) {
+    constructor(queryBuilder, config, router, route, appHookService, filterService, searchExecutionService, searchNavigationService) {
         this.queryBuilder = queryBuilder;
-        this.queryLibrariesBuilder = queryLibrariesBuilder;
         this.config = config;
         this.router = router;
         this.route = route;
-        this.store = store;
         this.appHookService = appHookService;
-        this.appService = appService;
-        this.searchInputService = searchInputService;
+        this.filterService = filterService;
+        this.searchExecutionService = searchExecutionService;
+        this.searchNavigationService = searchNavigationService;
         this.searchOnChange = this.config.get('search.aca:triggeredOnChange', true);
     }
     ngOnInit() {
-        this.showInputValue();
-        merge(this.route.queryParams, this.router.events.pipe(filter$1((e) => e instanceof NavigationSkipped), withLatestFrom(this.route.queryParams), map$1(([, params]) => params)))
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((params) => {
-            const encodedQuery = params['q'];
-            if (encodedQuery && this.searchInputControl) {
-                this.searchedWord = extractSearchedWordFromEncodedQuery(encodedQuery);
-                this.searchInputControl.searchTerm = this.searchedWord;
-            }
-        });
-        this.queryBuilder.configUpdated
-            .pipe(takeUntilDestroyed(this.destroyRef), withLatestFrom(this.router.events.pipe(filter$1((event) => event instanceof NavigationStart), startWith$1(null))))
-            .subscribe(([, navigationStartEvent]) => {
-            const hasQueryParams = navigationStartEvent?.url.includes('?');
-            if (this.searchedWord && hasQueryParams) {
-                this.searchByOption();
-            }
-        });
+        this.initSearchState();
+        this.subscribeToRouteParams();
         this.appHookService.library400Error.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.has400LibraryError = true;
-            this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
         });
     }
-    exitSearch() {
-        this.searchInputService.navigateBack();
-    }
-    showInputValue() {
-        this.appService.setAppNavbarMode('collapsed');
-        this.has400LibraryError = false;
-        this.searchedWord = this.getUrlSearchTerm();
-        this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
-        if (this.searchInputControl) {
-            this.searchInputControl.searchTerm = this.searchedWord;
-        }
-    }
     ngOnDestroy() {
-        this.appService.setAppNavbarMode('expanded');
-        this.removeContentFilters();
+        this.filterService.removeContentFilters();
     }
-    onMenuOpened() {
-        if (this.searchInputControl) {
-            this.searchInputControl.searchInput?.nativeElement?.focus();
-        }
-    }
-    /**
-     * Called when the user submits the search, e.g. hits enter or clicks submit
-     *
-     * @param event Parameters relating to the search
-     */
-    onSearchSubmit(event) {
-        const searchTerm = event.target ? event.target.value : event;
-        const trimmedTerm = searchTerm.trim();
-        if (trimmedTerm) {
-            this.searchedWord = trimmedTerm;
-            if (this.isLibrariesChecked() && this.searchInputControl.isTermTooShort()) {
-                return;
-            }
-            else {
-                this.searchByOption();
-            }
-        }
-        else {
-            this.notificationService.showError('APP.BROWSE.SEARCH.EMPTY_SEARCH');
-        }
-        setTimeout(() => {
-            this.trigger?.closeMenu();
-        });
+    exitSearch() {
+        this.searchNavigationService.navigateBack();
     }
-    onSearchChange(searchTerm) {
-        if (!this.searchOnChange) {
+    onSearchSubmit(searchTerm) {
+        const trimmedTerm = searchTerm?.trim();
+        const validationError = this.filterService.validateSearchTerm(trimmedTerm);
+        if (validationError) {
+            this.error = validationError;
             return;
         }
-        this.has400LibraryError = false;
-        this.searchedWord = searchTerm;
-        this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
+        this.searchedWord = trimmedTerm;
+        this.error = '';
+        this.executeSearch();
     }
-    searchByOption() {
-        this.syncInputValues();
-        this.has400LibraryError = false;
-        this.searchInputControl.emitValidationError();
-        if (!this.searchedWord.trim()) {
+    onFiltersApplied() {
+        if (!this.searchedWord?.trim()) {
             return;
         }
-        if (this.isLibrariesChecked()) {
-            this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
-            if (this.hasLibrariesConstraint) {
-                return;
-            }
-            if (this.onLibrariesSearchResults && this.isSameSearchTerm()) {
-                this.queryLibrariesBuilder.update();
-            }
-            else if (this.searchedWord) {
-                this.store.dispatch(new SearchByTermAction(this.searchedWord, this.searchOptions));
-            }
+        const validationError = this.filterService.validateSearchTerm(this.searchedWord.trim());
+        if (!validationError) {
+            this.executeSearch();
         }
         else {
-            if (this.isFoldersChecked() && !this.isFilesChecked()) {
-                this.filterContent(SearchOptionIds.Folders);
-            }
-            else if (this.isFilesChecked() && !this.isFoldersChecked()) {
-                this.filterContent(SearchOptionIds.Files);
-            }
-            else {
-                this.removeContentFilters();
-            }
-            if (this.onSearchResults && this.isSameSearchTerm()) {
-                this.queryBuilder.update();
-            }
-            else if (this.searchedWord) {
-                this.store.dispatch(new SearchByTermAction(this.searchedWord, this.searchOptions));
-            }
-        }
-    }
-    get onLibrariesSearchResults() {
-        return this.router?.url.indexOf('/search-libraries') === 0;
-    }
-    get onSearchResults() {
-        return !this.onLibrariesSearchResults && this.router?.url.indexOf('/search') === 0;
-    }
-    isFilesChecked() {
-        return this.isOptionChecked(SearchOptionIds.Files);
-    }
-    isFoldersChecked() {
-        return this.isOptionChecked(SearchOptionIds.Folders);
-    }
-    isLibrariesChecked() {
-        return this.isOptionChecked(SearchOptionIds.Libraries);
-    }
-    isOptionChecked(optionId) {
-        const libItem = this.searchOptions.find((item) => item.id === optionId);
-        return !!libItem && libItem.value;
-    }
-    isContentChecked() {
-        return this.isFilesChecked() || this.isFoldersChecked();
-    }
-    evaluateLibrariesConstraint() {
-        if (this.isLibrariesChecked()) {
-            return this.has400LibraryError || this.searchInputControl.isTermTooShort();
+            this.error = validationError;
         }
-        return false;
-    }
-    filterContent(option) {
-        const oppositeOption = option === SearchOptionIds.Folders ? SearchOptionIds.Files : SearchOptionIds.Folders;
-        this.queryBuilder.addFilterQuery(`+TYPE:'cm:${option}'`);
-        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${oppositeOption}'`);
     }
-    removeContentFilters() {
-        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${SearchOptionIds.Files}'`);
-        this.queryBuilder.removeFilterQuery(`+TYPE:'cm:${SearchOptionIds.Folders}'`);
+    executeSearch() {
+        this.has400LibraryError = false;
+        this.searchExecutionService.execute(this.searchedWord);
     }
-    syncInputValues() {
-        if (this.searchInputControl.searchTerm !== this.searchedWord) {
-            if (this.searchInputControl.searchTerm) {
-                this.searchedWord = this.searchInputControl.searchTerm;
+    subscribeToRouteParams() {
+        merge(this.route.queryParams, this.router.events.pipe(filter$1((e) => e instanceof NavigationSkipped), withLatestFrom(this.route.queryParams), map$1(([, params]) => params)))
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((params) => {
+            const encodedQuery = params['q'];
+            if (encodedQuery) {
+                this.searchedWord = extractSearchedWordFromEncodedQuery(encodedQuery);
             }
-            else {
-                this.searchInputControl.searchTerm = this.searchedWord;
+        });
+        this.queryBuilder.configUpdated
+            .pipe(takeUntilDestroyed(this.destroyRef), withLatestFrom(this.router.events.pipe(filter$1((event) => event instanceof NavigationStart), startWith(null))))
+            .subscribe(([, navigationStartEvent]) => {
+            const hasQueryParams = navigationStartEvent?.url.includes('?');
+            if (this.searchedWord && hasQueryParams) {
+                this.searchExecutionService.execute(this.searchedWord);
             }
-        }
+        });
     }
-    getUrlSearchTerm() {
-        let searchTerm = '';
-        if (this.onSearchResults || this.onLibrariesSearchResults) {
-            const urlTree = this.router.parseUrl(this.router.url);
-            const urlSegmentGroup = urlTree.root.children[PRIMARY_OUTLET];
-            if (urlSegmentGroup) {
-                const urlSegments = urlSegmentGroup.segments;
-                searchTerm = extractSearchedWordFromEncodedQuery(urlSegments[0].parameters['q']);
-            }
+    initSearchState() {
+        this.has400LibraryError = false;
+        this.searchedWord = this.searchNavigationService.getUrlSearchTerm();
+        if (this.searchNavigationService.onLibrariesSearchResults) {
+            this.filterService.initForLibrariesRoute();
         }
-        return searchTerm;
-    }
-    isSameSearchTerm() {
-        const urlSearchTerm = this.getUrlSearchTerm();
-        return this.searchedWord === urlSearchTerm;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInputComponent, deps: [{ token: i1.SearchQueryBuilderService }, { token: SearchLibrariesQueryBuilderService }, { token: i2.AppConfigService }, { token: i1$4.Router }, { token: i1$4.ActivatedRoute }, { token: i1$5.Store }, { token: i1$1.AppHookService }, { token: i1$1.AppService }, { token: SearchNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchInputComponent, isStandalone: true, selector: "aca-search-input", host: { classAttribute: "aca-search-input" }, viewQueries: [{ propertyName: "searchInputControl", first: true, predicate: ["searchInputControl"], descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<div class=\"app-search-container\"\n  role=\"search\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <mat-form-field class=\"app-input-form-field\">\n    <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      class=\"app-search-input\"\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [readonly]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix>\n      <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n      <button\n        class=\"aca-search-input--close-button\"\n        mat-icon-button\n        [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        (click)=\"exitSearch()\">\n        <mat-icon class=\"app-suffix-icon\">close</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\" tabindex=0>\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n        (validationError)=\"error = $event\"\n        [hasLibrariesConstraint]=\"hasLibrariesConstraint\"\n      />\n      <mat-error *ngIf=\"error\" class=\"app-search-error\" role=\"alert\" aria-live=\"assertive\">\n        {{ error | translate }}\n      </mat-error>\n      <div id=\"search-options\" class=\"app-search-options\">\n        <mat-checkbox *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\n          (keyup.enter)=\"$event.stopPropagation()\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ option.key | translate }}\n        </mat-checkbox>\n      </div>\n    </div>\n  </div>\n</mat-menu>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;max-width:594px;height:64px;border:none;background:none;padding:0}.app-search-container:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-container:focus-within label{display:none}.app-search-container .app-search-input:focus-within{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-options-menu{background-color:var(--theme-dialog-background-color);width:594px;min-width:594px!important;border-radius:4px}.aca-search-input{width:100%;max-width:594px;background-color:var(--theme-search-background-color);border-radius:4px;height:64px}.aca-search-input .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color);padding:25px;display:flex;flex-direction:row;column-gap:24px}.app-search-error{position:absolute;gap:4px;padding-left:17px;margin-top:4px;font-size:12px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu{width:400px}.app-search-options{padding-left:20px}.app-search-options label{max-width:105px}.app-search-options .app-search-options-checkbox{padding:3px 20px 3px 0}.app-search-options .app-search-options-checkbox label{padding:0}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu{width:220px}.app-search-options label{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i14.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i15.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType", "hasLibrariesConstraint"], outputs: ["submit", "searchChange", "validationError"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInputComponent, deps: [{ token: i1.SearchQueryBuilderService }, { token: i2.AppConfigService }, { token: i1$4.Router }, { token: i1$4.ActivatedRoute }, { token: i1$1.AppHookService }, { token: SearchFilterService }, { token: SearchExecutionService }, { token: SearchNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SearchInputComponent, isStandalone: true, selector: "aca-search-input", host: { classAttribute: "aca-search-input" }, viewQueries: [{ propertyName: "searchInputField", first: true, predicate: ["searchInputField"], descendants: true }], ngImport: i0, template: "<div class=\"app-search-container\" role=\"search\">\n  <mat-form-field class=\"app-input-form-field\">\n    <button\n      class=\"aca-search-input--search-button\"\n      mat-icon-button\n      matPrefix\n      (click)=\"executeSearch()\"\n      [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n    >\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      matInput\n      #searchInputField\n      class=\"app-search-input\"\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      type=\"text\"\n      [(ngModel)]=\"searchedWord\"\n      (keydown.enter)=\"onSearchSubmit(searchedWord)\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n      autocomplete=\"off\"\n    />\n\n    <div matSuffix class=\"aca-search-input--suffix\">\n      <aca-search-in-menu (filtersApplied)=\"onFiltersApplied()\" />\n\n      <button\n        class=\"aca-search-input--close-button\"\n        mat-icon-button\n        [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        (click)=\"exitSearch()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n\n  @if (error) {\n    <mat-error class=\"app-search-error\" role=\"alert\" aria-live=\"assertive\">\n      {{ error | translate }}\n    </mat-error>\n  }\n</div>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;height:48px;border:none;background:none;padding:0}.app-search-container .app-search-input{font-size:16px;letter-spacing:-.7px}.app-search-container .mdc-notched-outline{display:none}.aca-search-input{flex:1;min-width:350px;border-radius:4px;height:48px}.aca-search-input .app-input-form-field{width:100%;height:48px;font-size:16px;line-height:24px}.aca-search-input--suffix{display:flex;align-items:center;gap:4px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchInMenuComponent, selector: "aca-search-in-menu", outputs: ["filtersApplied"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
-            args: [{ imports: [
-                        CommonModule,
-                        TranslatePipe,
-                        MatMenuModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        A11yModule,
-                        MatCheckboxModule,
-                        FormsModule,
-                        SearchInputControlComponent
-                    ], selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div class=\"app-search-container\"\n  role=\"search\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <mat-form-field class=\"app-input-form-field\">\n    <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      class=\"app-search-input\"\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [readonly]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix>\n      <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n      <button\n        class=\"aca-search-input--close-button\"\n        mat-icon-button\n        [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        (click)=\"exitSearch()\">\n        <mat-icon class=\"app-suffix-icon\">close</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\" tabindex=0>\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n        (validationError)=\"error = $event\"\n        [hasLibrariesConstraint]=\"hasLibrariesConstraint\"\n      />\n      <mat-error *ngIf=\"error\" class=\"app-search-error\" role=\"alert\" aria-live=\"assertive\">\n        {{ error | translate }}\n      </mat-error>\n      <div id=\"search-options\" class=\"app-search-options\">\n        <mat-checkbox *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\n          (keyup.enter)=\"$event.stopPropagation()\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ option.key | translate }}\n        </mat-checkbox>\n      </div>\n    </div>\n  </div>\n</mat-menu>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;max-width:594px;height:64px;border:none;background:none;padding:0}.app-search-container:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-container:focus-within label{display:none}.app-search-container .app-search-input:focus-within{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-options-menu{background-color:var(--theme-dialog-background-color);width:594px;min-width:594px!important;border-radius:4px}.aca-search-input{width:100%;max-width:594px;background-color:var(--theme-search-background-color);border-radius:4px;height:64px}.aca-search-input .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color);padding:25px;display:flex;flex-direction:row;column-gap:24px}.app-search-error{position:absolute;gap:4px;padding-left:17px;margin-top:4px;font-size:12px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu{width:400px}.app-search-options{padding-left:20px}.app-search-options label{max-width:105px}.app-search-options .app-search-options-checkbox{padding:3px 20px 3px 0}.app-search-options .app-search-options-checkbox label{padding:0}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu{width:220px}.app-search-options label{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.SearchQueryBuilderService }, { type: SearchLibrariesQueryBuilderService }, { type: i2.AppConfigService }, { type: i1$4.Router }, { type: i1$4.ActivatedRoute }, { type: i1$5.Store }, { type: i1$1.AppHookService }, { type: i1$1.AppService }, { type: SearchNavigationService }], propDecorators: { searchInputControl: [{
+            args: [{ imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, FormsModule, SearchInMenuComponent], selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div class=\"app-search-container\" role=\"search\">\n  <mat-form-field class=\"app-input-form-field\">\n    <button\n      class=\"aca-search-input--search-button\"\n      mat-icon-button\n      matPrefix\n      (click)=\"executeSearch()\"\n      [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n    >\n      <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n    </button>\n\n    <input\n      matInput\n      #searchInputField\n      class=\"app-search-input\"\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      type=\"text\"\n      [(ngModel)]=\"searchedWord\"\n      (keydown.enter)=\"onSearchSubmit(searchedWord)\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n      autocomplete=\"off\"\n    />\n\n    <div matSuffix class=\"aca-search-input--suffix\">\n      <aca-search-in-menu (filtersApplied)=\"onFiltersApplied()\" />\n\n      <button\n        class=\"aca-search-input--close-button\"\n        mat-icon-button\n        [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n        (click)=\"exitSearch()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n  </mat-form-field>\n\n  @if (error) {\n    <mat-error class=\"app-search-error\" role=\"alert\" aria-live=\"assertive\">\n      {{ error | translate }}\n    </mat-error>\n  }\n</div>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;height:48px;border:none;background:none;padding:0}.app-search-container .app-search-input{font-size:16px;letter-spacing:-.7px}.app-search-container .mdc-notched-outline{display:none}.aca-search-input{flex:1;min-width:350px;border-radius:4px;height:48px}.aca-search-input .app-input-form-field{width:100%;height:48px;font-size:16px;line-height:24px}.aca-search-input--suffix{display:flex;align-items:center;gap:4px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.SearchQueryBuilderService }, { type: i2.AppConfigService }, { type: i1$4.Router }, { type: i1$4.ActivatedRoute }, { type: i1$1.AppHookService }, { type: SearchFilterService }, { type: SearchExecutionService }, { type: SearchNavigationService }], propDecorators: { searchInputField: [{
                 type: ViewChild,
-                args: ['searchInputControl', { static: true }]
-            }], trigger: [{
-                type: ViewChild,
-                args: [MatMenuTrigger, { static: true }]
+                args: ['searchInputField']
             }] } });
 
 /*!
@@ -7606,7 +7710,7 @@ class SearchActionMenuComponent {
         this.sortingSelected.emit(option);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchActionMenuComponent, deps: [{ token: i1.SearchQueryBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchActionMenuComponent, isStandalone: true, selector: "aca-search-action-menu", outputs: { sortingSelected: "sortingSelected" }, ngImport: i0, template: "<button mat-icon-button [matMenuTriggerFor]=\"dataSorting\" id=\"aca-button-action-menu\" aria-label=\"Search action menu\">\n  <mat-icon>more_vert</mat-icon>\n</button>\n\n<mat-menu #dataSorting=\"matMenu\">\n  <button mat-menu-item [matMenuTriggerFor]=\"sorting\" id=\"aca-button-sorting-menu\">{{ 'SEARCH.SORT.SORTING_OPTION' | translate }}</button>\n</mat-menu>\n\n<mat-menu #sorting=\"matMenu\">\n  <ng-template matMenuContent>\n    <button\n      mat-menu-item\n      *ngFor=\"let option of options\"\n      [id]=\"option.key + '-sorting-option'\"\n      [matMenuTriggerFor]=\"direction\"\n      [matMenuTriggerData]=\"{ option: option }\"\n    >\n      {{ option.label | translate }}\n    </button>\n  </ng-template>\n</mat-menu>\n\n<mat-menu #direction=\"matMenu\">\n  <ng-template matMenuContent let-option=\"option\">\n    <button mat-menu-item [id]=\"option.key + '-sorting-option-asc'\" (click)=\"onAscSortingClicked(option)\">\n      {{ 'SEARCH.SORT.ASCENDING' | translate }}\n    </button>\n    <button mat-menu-item [id]=\"option.key + '-sorting-option-desc'\" (click)=\"onDescSortingClicked(option)\">\n      {{ 'SEARCH.SORT.DESCENDING' | translate }}\n    </button>\n  </ng-template>\n</mat-menu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchActionMenuComponent, isStandalone: true, selector: "aca-search-action-menu", outputs: { sortingSelected: "sortingSelected" }, ngImport: i0, template: "<button mat-icon-button [matMenuTriggerFor]=\"dataSorting\" id=\"aca-button-action-menu\" aria-label=\"Search action menu\">\n  <mat-icon>more_vert</mat-icon>\n</button>\n\n<mat-menu #dataSorting=\"matMenu\">\n  <button mat-menu-item [matMenuTriggerFor]=\"sorting\" id=\"aca-button-sorting-menu\">{{ 'SEARCH.SORT.SORTING_OPTION' | translate }}</button>\n</mat-menu>\n\n<mat-menu #sorting=\"matMenu\">\n  <ng-template matMenuContent>\n    <button\n      mat-menu-item\n      *ngFor=\"let option of options\"\n      [id]=\"option.key + '-sorting-option'\"\n      [matMenuTriggerFor]=\"direction\"\n      [matMenuTriggerData]=\"{ option: option }\"\n    >\n      {{ option.label | translate }}\n    </button>\n  </ng-template>\n</mat-menu>\n\n<mat-menu #direction=\"matMenu\">\n  <ng-template matMenuContent let-option=\"option\">\n    <button mat-menu-item [id]=\"option.key + '-sorting-option-asc'\" (click)=\"onAscSortingClicked(option)\">\n      {{ 'SEARCH.SORT.ASCENDING' | translate }}\n    </button>\n    <button mat-menu-item [id]=\"option.key + '-sorting-option-desc'\" (click)=\"onDescSortingClicked(option)\">\n      {{ 'SEARCH.SORT.DESCENDING' | translate }}\n    </button>\n  </ng-template>\n</mat-menu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchActionMenuComponent, decorators: [{
             type: Component,
@@ -7665,7 +7769,7 @@ class BulkActionsDropdownComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: BulkActionsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: BulkActionsDropdownComponent, isStandalone: true, selector: "aca-bulk-actions-dropdown", inputs: { items: "items" }, ngImport: i0, template: "<mat-form-field\n  *ngIf=\"items?.length\"\n  class=\"aca-bulk-actions-form-field\"\n  data-automation-id=\"aca-bulk-actions-form-field\"\n>\n  <mat-label>{{ 'SEARCH.BULK_ACTIONS_DROPDOWN.LABEL' | translate }}</mat-label>\n  <mat-select\n    [formControl]=\"bulkSelectControl\"\n    [placeholder]=\"placeholder\"\n    panelClass=\"aca-bulk-actions-select\"\n    disableOptionCentering\n    data-automation-id=\"aca-bulk-actions-dropdown\"\n    (keydown)=\"onKeyDown($event)\"\n  >\n    <mat-select-trigger>\n      <div class=\"aca-bulk-actions-option-content\">\n        <adf-icon\n          *ngIf=\"bulkSelectControl.value?.icon\"\n          [title]=\"bulkSelectControl.value?.title | translate\"\n          [value]=\"bulkSelectControl.value?.icon\"\n          class=\"aca-bulk-actions-icon\"\n          aria-hidden=\"true\"\n          [attr.data-automation-id]=\"'aca-bulk-action-icon-' + bulkSelectControl.value?.id\"\n        />\n        {{ bulkSelectControl.value?.title | translate }}\n      </div>\n    </mat-select-trigger>\n\n    <mat-option\n      *ngFor=\"let option of items\"\n      [value]=\"option\"\n      [title]=\"option.tooltip | translate\"\n      [attr.data-automation-id]=\"option.id\"\n      (keyup.enter)=\"runAction(option)\"\n      (click)=\"runAction(option)\"\n    >\n      <div class=\"aca-bulk-actions-option-content\">\n        <adf-icon\n          *ngIf=\"option.icon\"\n          [title]=\"option.title | translate\"\n          [value]=\"option.icon\"\n          class=\"aca-bulk-actions-icon\"\n          aria-hidden=\"true\"\n          [attr.data-automation-id]=\"'aca-bulk-action-icon-' + option.id\"\n        />\n        {{ option.title | translate }}\n      </div>\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [".aca-bulk-actions-form-field{margin-left:24px;width:295px}.aca-bulk-actions-option-content{height:100%;display:flex;column-gap:8px;align-items:center}.aca-bulk-actions-option-content .aca-bulk-actions-icon{width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: BulkActionsDropdownComponent, isStandalone: true, selector: "aca-bulk-actions-dropdown", inputs: { items: "items" }, ngImport: i0, template: "<mat-form-field\n  *ngIf=\"items?.length\"\n  class=\"aca-bulk-actions-form-field\"\n  data-automation-id=\"aca-bulk-actions-form-field\"\n>\n  <mat-label>{{ 'SEARCH.BULK_ACTIONS_DROPDOWN.LABEL' | translate }}</mat-label>\n  <mat-select\n    [formControl]=\"bulkSelectControl\"\n    [placeholder]=\"placeholder\"\n    panelClass=\"aca-bulk-actions-select\"\n    disableOptionCentering\n    data-automation-id=\"aca-bulk-actions-dropdown\"\n    (keydown)=\"onKeyDown($event)\"\n  >\n    <mat-select-trigger>\n      <div class=\"aca-bulk-actions-option-content\">\n        <adf-icon\n          *ngIf=\"bulkSelectControl.value?.icon\"\n          [title]=\"bulkSelectControl.value?.title | translate\"\n          [value]=\"bulkSelectControl.value?.icon\"\n          class=\"aca-bulk-actions-icon\"\n          aria-hidden=\"true\"\n          [attr.data-automation-id]=\"'aca-bulk-action-icon-' + bulkSelectControl.value?.id\"\n        />\n        {{ bulkSelectControl.value?.title | translate }}\n      </div>\n    </mat-select-trigger>\n\n    <mat-option\n      *ngFor=\"let option of items\"\n      [value]=\"option\"\n      [title]=\"option.tooltip | translate\"\n      [attr.data-automation-id]=\"option.id\"\n      (keyup.enter)=\"runAction(option)\"\n      (click)=\"runAction(option)\"\n    >\n      <div class=\"aca-bulk-actions-option-content\">\n        <adf-icon\n          *ngIf=\"option.icon\"\n          [title]=\"option.title | translate\"\n          [value]=\"option.icon\"\n          class=\"aca-bulk-actions-icon\"\n          aria-hidden=\"true\"\n          [attr.data-automation-id]=\"'aca-bulk-action-icon-' + option.id\"\n        />\n        {{ option.title | translate }}\n      </div>\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n", styles: [".aca-bulk-actions-form-field{margin-left:24px;width:295px}.aca-bulk-actions-option-content{height:100%;display:flex;column-gap:8px;align-items:center}.aca-bulk-actions-option-content .aca-bulk-actions-icon{width:24px;height:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i10.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: BulkActionsDropdownComponent, decorators: [{
             type: Component,
@@ -7903,7 +8007,7 @@ class SaveSearchDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SaveSearchDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i2.NotificationService }, { token: SavedSearchesContextService }, { token: UniqueSearchNameValidator }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SaveSearchDialogComponent, isStandalone: true, selector: "aca-save-search-dialog", host: { classAttribute: "aca-save-search-dialog" }, ngImport: i0, template: "<div class=\"aca-save-search-dialog__header\">\n    <h2\n      id=\"aca-save-search-dialog-title\"\n      class=\"aca-save-search-dialog__title\">\n      {{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}\n    </h2>\n    <button\n      mat-icon-button\n      mat-dialog-close\n      [attr.aria-label]=\"'CLOSE' | translate | titlecase\"\n      [attr.title]=\"'CLOSE' | translate | titlecase\">\n      <mat-icon>close</mat-icon>\n    </button>\n</div>\n\n\n<mat-dialog-content>\n  <form [formGroup]=\"form\" (submit)=\"submit()\">\n    <mat-form-field class=\"aca-save-search-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n      <input\n        id=\"aca-save-search-dialog-name-input\"\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n        matInput\n        required\n        [formControlName]=\"'name'\"\n      />\n\n      <mat-error *ngIf=\"form.controls['name'].touched\">\n                <span *ngIf=\"form.controls['name'].errors?.required\">\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n                </span>\n                <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n                    {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n                </span>\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"aca-save-search-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n      <textarea\n        id=\"aca-save-search-dialog-description-input\"\n        matInput\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n        rows=\"4\"\n        [formControlName]=\"'description'\"></textarea>\n    </mat-form-field>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    id=\"aca-save-search-dialog-cancel-button\"\n    mat-dialog-close>\n    {{ 'CANCEL' | titlecase | translate }}\n  </button>\n\n  <button id=\"aca-save-search-dialog-save-button\"\n          mat-flat-button\n          color=\"primary\"\n          (click)=\"submit()\"\n          [disabled]=\"!form.valid || disableSubmitButton\">\n    {{ 'SAVE' | titlecase | translate}}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-save-search-dialog .aca-save-search-dialog__form-field{width:100%;margin-bottom:15px}.aca-save-search-dialog .aca-save-search-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-save-search-dialog .aca-save-search-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SaveSearchDialogComponent, isStandalone: true, selector: "aca-save-search-dialog", host: { classAttribute: "aca-save-search-dialog" }, ngImport: i0, template: "<div class=\"aca-save-search-dialog__header\">\n    <h2\n      id=\"aca-save-search-dialog-title\"\n      class=\"aca-save-search-dialog__title\">\n      {{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}\n    </h2>\n    <button\n      mat-icon-button\n      mat-dialog-close\n      [attr.aria-label]=\"'CLOSE' | translate | titlecase\"\n      [attr.title]=\"'CLOSE' | translate | titlecase\">\n      <mat-icon>close</mat-icon>\n    </button>\n</div>\n\n\n<mat-dialog-content>\n  <form [formGroup]=\"form\" (submit)=\"submit()\">\n    <mat-form-field class=\"aca-save-search-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n      <input\n        id=\"aca-save-search-dialog-name-input\"\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n        matInput\n        required\n        [formControlName]=\"'name'\"\n      />\n\n      <mat-error *ngIf=\"form.controls['name'].touched\">\n                <span *ngIf=\"form.controls['name'].errors?.required\">\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n                </span>\n                <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n                    {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n                </span>\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field class=\"aca-save-search-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n      <textarea\n        id=\"aca-save-search-dialog-description-input\"\n        matInput\n        [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n        rows=\"4\"\n        [formControlName]=\"'description'\"></textarea>\n    </mat-form-field>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button\n    mat-button\n    id=\"aca-save-search-dialog-cancel-button\"\n    mat-dialog-close>\n    {{ 'CANCEL' | titlecase | translate }}\n  </button>\n\n  <button id=\"aca-save-search-dialog-save-button\"\n          mat-flat-button\n          color=\"primary\"\n          (click)=\"submit()\"\n          [disabled]=\"!form.valid || disableSubmitButton\">\n    {{ 'SAVE' | titlecase | translate}}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-save-search-dialog .aca-save-search-dialog__form-field{width:100%;margin-bottom:15px}.aca-save-search-dialog .aca-save-search-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-save-search-dialog .aca-save-search-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SaveSearchDialogComponent, decorators: [{
             type: Component,
@@ -8100,7 +8204,7 @@ class SearchResultsComponent extends PageComponent {
             });
             combineLatest([
                 this.route.queryParams,
-                this.router.events.pipe(filter((event) => event instanceof NavigationStart), startWith(null))
+                this.router.events.pipe(filter((event) => event instanceof NavigationStart), startWith$1(null))
             ])
                 .pipe(takeUntilDestroyed(this.destroyRef), tap(([params]) => {
                 this.queryBuilder.userQuery = '';
@@ -8234,7 +8338,7 @@ class SearchResultsComponent extends PageComponent {
             this.savedSearchesService.currentContextSavedSearch))));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchResultsComponent, deps: [{ token: i1.TagService }, { token: i1.SearchQueryBuilderService }, { token: i0.ChangeDetectorRef }, { token: i1$4.ActivatedRoute }, { token: i2.TranslationService }, { token: SavedSearchesContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchResultsComponent, isStandalone: true, selector: "aca-search-results", usesInheritance: true, ngImport: i0, template: "<aca-page-layout [class.aca-search-results-active-search-ai-input]=\"searchAiInputState.active\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container *ngIf=\"searchAiInputState.active\" [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <div class=\"aca-header-container\">\n      <aca-search-input />\n      <aca-bulk-actions-dropdown *ngIf=\"bulkActions && ('isBulkActionsAvailable' | isFeatureSupportedInCurrentAcs | async)\" [items]=\"bulkActions\" />\n      <div class=\"aca-search-toolbar-spacer\"></div>\n      <aca-toolbar [items]=\"actions\" />\n    </div>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" aria-live=\"polite\" />\n          <div class=\"adf-search-results__content-header aca-content\">\n            <div class=\"aca-content__filter-set\">\n              <p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>\n              <adf-search-form />\n            </div>\n            <mat-divider\n              [vertical]=\"!isSmallScreen\"\n              [ngClass]=\"'aca-content__divider-' + (isSmallScreen ? 'horizontal' : 'vertical')\"\n              aria-hidden=\"true\" />\n            <div class=\"aca-content__advanced-filters\">\n              <div class=\"aca-content__advanced-filters--header\">\n                <p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>\n                <div class=\"aca-content__advanced-filters--header--action-buttons\">\n                  <button\n                    *ngIf=\"initialSavedSearch !== undefined; else saveSearchButton\"\n                    mat-button\n                    [disabled]=\"!encodedQuery\"\n                    class=\"aca-content__save-search-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    [matMenuTriggerFor]=\"saveSearchOptionsMenu\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n                  </button>\n                  <mat-menu #saveSearchOptionsMenu=\"matMenu\">\n                    <button\n                      mat-menu-item\n                      (click)=\"editSavedSearch(initialSavedSearch)\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\n                    </button>\n                    <button\n                      mat-menu-item\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\n                    </button>\n                  </mat-menu>\n                  <ng-template #saveSearchButton>\n                    <button\n                      mat-button\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      (searchSaved)=\"onSaveSearch()\"\n                      [disabled]=\"!encodedQuery\"\n                      class=\"aca-content__save-search-action\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    </button>\n                  </ng-template>\n                  <button\n                    [disabled]=\"!(areFiltersActive$ | async)\"\n                    mat-button\n                    adf-reset-search\n                    class=\"aca-content__reset-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.RESET_ACTION' | translate\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.RESET' | translate }}\n                  </button>\n                </div>\n              </div>\n              <adf-search-filter-chips />\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaDocumentList\n            acaContextActions\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sortingMode]=\"'server'\"\n            [sorting]=\"sorting\"\n            [preselectNodes]=\"selectedNodesState?.nodes\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            [node]=\"$any(data)\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <data-column\n                id=\"app.search.thumbnail\"\n                key=\"$thumbnail\"\n                type=\"image\"\n                [sr-title]=\"'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'\"\n                [sortable]=\"false\"\n              >\n                <ng-template let-context>\n                  <aca-custom-thumbnail-column [context]=\"context\" />\n                </ng-template>\n\n                <adf-data-column-header>\n                  <ng-template>\n                    <aca-search-action-menu (sortingSelected)=\"onSearchSortingUpdate($event)\" />\n                  </ng-template>\n                </adf-data-column-header>\n              </data-column>\n\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div\n      [ngClass]=\"\n        (infoDrawerPreview$ | async) === true ? 'adf-search-results--right_panel_section-extended' : 'adf-search-results--right_panel_section'\n      \"\n      *ngIf=\"infoDrawerOpened$ | async\"\n    >\n      <adf-alfresco-viewer\n        class=\"adf-search-results--embedded_viewer\"\n        [nodeId]=\"selection.last.entry.id\"\n        *ngIf=\"infoDrawerPreview$ | async; else infoDrawerPanel\"\n      >\n        <adf-viewer-toolbar>\n          <div class=\"adf-search-results--preview-toolbar\">\n            <div>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\" (click)=\"onDrawerClosed()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n            <div>\n              <button\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.PREVIEW' | translate }}\"\n                color=\"accent\"\n                class=\"adf-search-results--visibility_button\"\n              >\n                <mat-icon>visibility</mat-icon>\n              </button>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\" (click)=\"onPreviewClosed()\">\n                <mat-icon>info_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </adf-viewer-toolbar>\n      </adf-alfresco-viewer>\n      <ng-template #infoDrawerPanel>\n        <div class=\"aca-sidebar\">\n          <aca-info-drawer [node]=\"selection.last\" />\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results-active-search-ai-input .aca-header-container,aca-search-results .aca-search-results-active-search-ai-input .adf-search-results__content-header.aca-content{display:none}aca-search-results .aca-search-toolbar-spacer{width:100%}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__facets{display:flex;flex-direction:row;margin-top:5px;margin-bottom:15px}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-top:1px solid var(--theme-border-color);border-bottom:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mat-mdc-chip-action{padding-left:12px;padding-right:12px}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mdc-evolution-chip__text-label{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed{background-color:var(--theme-dropdown-color);color:var(--theme-selected-text-color);height:32px;margin-top:4px;margin-bottom:4px;box-sizing:border-box}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:focus,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:focus{background-color:var(--theme-dropdown-background-hover)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip[disabled],aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed[disabled]{background-color:var(--theme-disabled-chip-background-color);color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip .adf-search-filter-chip-icon,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-placeholder{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results--embedded_viewer{position:unset;display:flex;width:100%}aca-search-results .adf-search-results--right_panel_section{display:flex;justify-content:flex-start}aca-search-results .adf-search-results--right_panel_section-extended{display:flex;justify-content:flex-start;flex-basis:55%}aca-search-results .adf-search-results--right_panel_section-extended .adf-viewer{position:relative}aca-search-results .adf-search-results--preview-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:5px;padding-right:24px}aca-search-results .adf-search-results--visibility_button{margin-right:8px;cursor:default}aca-search-results .adf-search-results .adf-search-filter{min-width:260px;max-width:320px;padding:5px;height:100%;overflow:scroll}aca-search-results .adf-search-results .adf-search-filter--hidden{display:none}aca-search-results .adf-search-results .aca-content{box-sizing:border-box;display:flex;place-content:flex-start space-between;align-items:flex-start;padding:16px 12px;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content__filter-set p{padding:0 16px}aca-search-results .adf-search-results .aca-content__divider-vertical{height:100%}aca-search-results .adf-search-results .aca-content__divider-horizontal{width:100%}aca-search-results .adf-search-results .aca-content__advanced-filters{width:100%;padding:0 12px}aca-search-results .adf-search-results .aca-content__advanced-filters--header{display:flex;justify-content:space-between}aca-search-results .adf-search-results .aca-content__advanced-filters--header--action-buttons{display:flex}aca-search-results .adf-search-results .aca-content__reset-action,aca-search-results .adf-search-results .aca-content__save-search-action{margin-top:5px;margin-right:2px;line-height:33px;font-weight:lighter}aca-search-results .adf-search-results .aca-content__sort-picker{min-width:220px}aca-search-results .adf-search-results .adf-datatable aca-search-action-menu button{width:0}aca-search-results .adf-search-results .adf-datatable .aca-location-link a{font-size:12px;max-width:350px;text-align:left;direction:rtl}@media (max-width: 320px){aca-search-results .adf-search-results__content-header{flex-direction:column}aca-search-results .adf-search-results__content{overflow-y:auto}aca-search-results .adf-document-list{min-height:unset}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchInputComponent, selector: "aca-search-input" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "component", type: ThumbnailColumnComponent, selector: "aca-custom-thumbnail-column", inputs: ["context"] }, { kind: "component", type: SearchActionMenuComponent, selector: "aca-search-action-menu", outputs: ["sortingSelected"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "showToolbarDividers"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: SearchFormComponent, selector: "adf-search-form", outputs: ["formChange"] }, { kind: "directive", type: ResetSearchDirective, selector: "[adf-reset-search]" }, { kind: "component", type: SearchFilterChipsComponent, selector: "adf-search-filter-chips", inputs: ["showContextFacets"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }, { kind: "component", type: ViewerToolbarComponent, selector: "adf-viewer-toolbar" }, { kind: "component", type: BulkActionsDropdownComponent, selector: "aca-bulk-actions-dropdown", inputs: ["items"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "directive", type: SaveSearchDirective, selector: "[acaSaveSearch]", inputs: ["acaSaveSearchQuery"], outputs: ["searchSaved"] }, { kind: "pipe", type: IsFeatureSupportedInCurrentAcsPipe, name: "isFeatureSupportedInCurrentAcs" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchResultsComponent, isStandalone: true, selector: "aca-search-results", usesInheritance: true, ngImport: i0, template: "<aca-page-layout [class.aca-search-results-active-search-ai-input]=\"searchAiInputState.active\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container *ngIf=\"searchAiInputState.active\" [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <div class=\"aca-header-container\">\n      <aca-search-input />\n      <aca-bulk-actions-dropdown *ngIf=\"bulkActions && ('isBulkActionsAvailable' | isFeatureSupportedInCurrentAcs | async)\" [items]=\"bulkActions\" />\n      <aca-toolbar class=\"aca-search-results__toolbar-actions\" [items]=\"actions\" />\n    </div>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" aria-live=\"polite\" />\n          <div class=\"adf-search-results__content-header aca-content\">\n            <div class=\"aca-content__filter-set\">\n              <p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>\n              <adf-search-form />\n            </div>\n            <mat-divider\n              [vertical]=\"!isSmallScreen\"\n              [ngClass]=\"'aca-content__divider-' + (isSmallScreen ? 'horizontal' : 'vertical')\"\n              aria-hidden=\"true\" />\n            <div class=\"aca-content__advanced-filters\">\n              <div class=\"aca-content__advanced-filters--header\">\n                <p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>\n                <div class=\"aca-content__advanced-filters--header--action-buttons\">\n                  <button\n                    *ngIf=\"initialSavedSearch !== undefined; else saveSearchButton\"\n                    mat-button\n                    [disabled]=\"!encodedQuery\"\n                    class=\"aca-content__save-search-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    [matMenuTriggerFor]=\"saveSearchOptionsMenu\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n                  </button>\n                  <mat-menu #saveSearchOptionsMenu=\"matMenu\">\n                    <button\n                      mat-menu-item\n                      (click)=\"editSavedSearch(initialSavedSearch)\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\n                    </button>\n                    <button\n                      mat-menu-item\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\n                    </button>\n                  </mat-menu>\n                  <ng-template #saveSearchButton>\n                    <button\n                      mat-button\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      (searchSaved)=\"onSaveSearch()\"\n                      [disabled]=\"!encodedQuery\"\n                      class=\"aca-content__save-search-action\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    </button>\n                  </ng-template>\n                  <button\n                    [disabled]=\"!(areFiltersActive$ | async)\"\n                    mat-button\n                    adf-reset-search\n                    class=\"aca-content__reset-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.RESET_ACTION' | translate\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.RESET' | translate }}\n                  </button>\n                </div>\n              </div>\n              <adf-search-filter-chips />\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaDocumentList\n            acaContextActions\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sortingMode]=\"'server'\"\n            [sorting]=\"sorting\"\n            [preselectNodes]=\"selectedNodesState?.nodes\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            [node]=\"$any(data)\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <data-column\n                id=\"app.search.thumbnail\"\n                key=\"$thumbnail\"\n                type=\"image\"\n                [sr-title]=\"'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'\"\n                [sortable]=\"false\"\n              >\n                <ng-template let-context>\n                  <aca-custom-thumbnail-column [context]=\"context\" />\n                </ng-template>\n\n                <adf-data-column-header>\n                  <ng-template>\n                    <aca-search-action-menu (sortingSelected)=\"onSearchSortingUpdate($event)\" />\n                  </ng-template>\n                </adf-data-column-header>\n              </data-column>\n\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div\n      [ngClass]=\"\n        (infoDrawerPreview$ | async) === true ? 'adf-search-results--right_panel_section-extended' : 'adf-search-results--right_panel_section'\n      \"\n      *ngIf=\"infoDrawerOpened$ | async\"\n    >\n      <adf-alfresco-viewer\n        class=\"adf-search-results--embedded_viewer\"\n        [nodeId]=\"selection.last.entry.id\"\n        *ngIf=\"infoDrawerPreview$ | async; else infoDrawerPanel\"\n      >\n        <adf-viewer-toolbar>\n          <div class=\"adf-search-results--preview-toolbar\">\n            <div>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\" (click)=\"onDrawerClosed()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n            <div>\n              <button\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.PREVIEW' | translate }}\"\n                color=\"accent\"\n                class=\"adf-search-results--visibility_button\"\n              >\n                <mat-icon>visibility</mat-icon>\n              </button>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\" (click)=\"onPreviewClosed()\">\n                <mat-icon>info_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </adf-viewer-toolbar>\n      </adf-alfresco-viewer>\n      <ng-template #infoDrawerPanel>\n        <div class=\"aca-sidebar\">\n          <aca-info-drawer [node]=\"selection.last\" />\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results-active-search-ai-input .aca-header-container,aca-search-results .aca-search-results-active-search-ai-input .adf-search-results__content-header.aca-content{display:none}aca-search-results .aca-search-results__toolbar-actions{margin-left:8px}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__facets{display:flex;flex-direction:row;margin-top:5px;margin-bottom:15px}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-top:1px solid var(--theme-border-color);border-bottom:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mat-mdc-chip-action{padding-left:12px;padding-right:12px}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mdc-evolution-chip__text-label{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed{background-color:var(--theme-dropdown-color);color:var(--theme-selected-text-color);height:32px;margin-top:4px;margin-bottom:4px;box-sizing:border-box}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:focus,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:focus{background-color:var(--theme-dropdown-background-hover)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip[disabled],aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed[disabled]{background-color:var(--theme-disabled-chip-background-color);color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip .adf-search-filter-chip-icon,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-placeholder{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results--embedded_viewer{position:unset;display:flex;width:100%}aca-search-results .adf-search-results--right_panel_section{display:flex;justify-content:flex-start}aca-search-results .adf-search-results--right_panel_section-extended{display:flex;justify-content:flex-start;flex-basis:55%}aca-search-results .adf-search-results--right_panel_section-extended .adf-viewer{position:relative}aca-search-results .adf-search-results--preview-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:5px;padding-right:24px}aca-search-results .adf-search-results--visibility_button{margin-right:8px;cursor:default}aca-search-results .adf-search-results .adf-search-filter{min-width:260px;max-width:320px;padding:5px;height:100%;overflow:scroll}aca-search-results .adf-search-results .adf-search-filter--hidden{display:none}aca-search-results .adf-search-results .aca-content{box-sizing:border-box;display:flex;place-content:flex-start space-between;align-items:flex-start;padding:16px 12px;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content__filter-set p{padding:0 16px}aca-search-results .adf-search-results .aca-content__divider-vertical{height:100%}aca-search-results .adf-search-results .aca-content__divider-horizontal{width:100%}aca-search-results .adf-search-results .aca-content__advanced-filters{width:100%;padding:0 12px}aca-search-results .adf-search-results .aca-content__advanced-filters--header{display:flex;justify-content:space-between}aca-search-results .adf-search-results .aca-content__advanced-filters--header--action-buttons{display:flex}aca-search-results .adf-search-results .aca-content__reset-action,aca-search-results .adf-search-results .aca-content__save-search-action{margin-top:5px;margin-right:2px;line-height:33px;font-weight:lighter}aca-search-results .adf-search-results .aca-content__sort-picker{min-width:220px}aca-search-results .adf-search-results .adf-datatable aca-search-action-menu button{width:0}aca-search-results .adf-search-results .adf-datatable .aca-location-link a{font-size:12px;max-width:350px;text-align:left;direction:rtl}@media (max-width: 320px){aca-search-results .adf-search-results__content-header{flex-direction:column}aca-search-results .adf-search-results__content{overflow-y:auto}aca-search-results .adf-document-list{min-height:unset}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchInputComponent, selector: "aca-search-input" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "component", type: ThumbnailColumnComponent, selector: "aca-custom-thumbnail-column", inputs: ["context"] }, { kind: "component", type: SearchActionMenuComponent, selector: "aca-search-action-menu", outputs: ["sortingSelected"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: AlfrescoViewerComponent, selector: "adf-alfresco-viewer", inputs: ["nodeId", "versionId", "sharedLinkId", "showViewer", "maxRetries", "allowGoBack", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "allowDownload", "allowPrint", "allowFullScreen", "hideInfoButton", "closeButtonPosition", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "showToolbarDividers"], outputs: ["invalidSharedLink", "navigateBefore", "navigateNext", "showViewerChange"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: SearchFormComponent, selector: "adf-search-form", outputs: ["formChange"] }, { kind: "directive", type: ResetSearchDirective, selector: "[adf-reset-search]" }, { kind: "component", type: SearchFilterChipsComponent, selector: "adf-search-filter-chips", inputs: ["showContextFacets"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }, { kind: "component", type: ViewerToolbarComponent, selector: "adf-viewer-toolbar" }, { kind: "component", type: BulkActionsDropdownComponent, selector: "aca-bulk-actions-dropdown", inputs: ["items"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "directive", type: SaveSearchDirective, selector: "[acaSaveSearch]", inputs: ["acaSaveSearchQuery"], outputs: ["searchSaved"] }, { kind: "pipe", type: IsFeatureSupportedInCurrentAcsPipe, name: "isFeatureSupportedInCurrentAcs" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchResultsComponent, decorators: [{
             type: Component,
@@ -8272,7 +8376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         SaveSearchDirective,
                         IsFeatureSupportedInCurrentAcsPipe,
                         AsyncPipe
-                    ], selector: 'aca-search-results', encapsulation: ViewEncapsulation.None, template: "<aca-page-layout [class.aca-search-results-active-search-ai-input]=\"searchAiInputState.active\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container *ngIf=\"searchAiInputState.active\" [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <div class=\"aca-header-container\">\n      <aca-search-input />\n      <aca-bulk-actions-dropdown *ngIf=\"bulkActions && ('isBulkActionsAvailable' | isFeatureSupportedInCurrentAcs | async)\" [items]=\"bulkActions\" />\n      <div class=\"aca-search-toolbar-spacer\"></div>\n      <aca-toolbar [items]=\"actions\" />\n    </div>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" aria-live=\"polite\" />\n          <div class=\"adf-search-results__content-header aca-content\">\n            <div class=\"aca-content__filter-set\">\n              <p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>\n              <adf-search-form />\n            </div>\n            <mat-divider\n              [vertical]=\"!isSmallScreen\"\n              [ngClass]=\"'aca-content__divider-' + (isSmallScreen ? 'horizontal' : 'vertical')\"\n              aria-hidden=\"true\" />\n            <div class=\"aca-content__advanced-filters\">\n              <div class=\"aca-content__advanced-filters--header\">\n                <p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>\n                <div class=\"aca-content__advanced-filters--header--action-buttons\">\n                  <button\n                    *ngIf=\"initialSavedSearch !== undefined; else saveSearchButton\"\n                    mat-button\n                    [disabled]=\"!encodedQuery\"\n                    class=\"aca-content__save-search-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    [matMenuTriggerFor]=\"saveSearchOptionsMenu\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n                  </button>\n                  <mat-menu #saveSearchOptionsMenu=\"matMenu\">\n                    <button\n                      mat-menu-item\n                      (click)=\"editSavedSearch(initialSavedSearch)\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\n                    </button>\n                    <button\n                      mat-menu-item\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\n                    </button>\n                  </mat-menu>\n                  <ng-template #saveSearchButton>\n                    <button\n                      mat-button\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      (searchSaved)=\"onSaveSearch()\"\n                      [disabled]=\"!encodedQuery\"\n                      class=\"aca-content__save-search-action\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    </button>\n                  </ng-template>\n                  <button\n                    [disabled]=\"!(areFiltersActive$ | async)\"\n                    mat-button\n                    adf-reset-search\n                    class=\"aca-content__reset-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.RESET_ACTION' | translate\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.RESET' | translate }}\n                  </button>\n                </div>\n              </div>\n              <adf-search-filter-chips />\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaDocumentList\n            acaContextActions\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sortingMode]=\"'server'\"\n            [sorting]=\"sorting\"\n            [preselectNodes]=\"selectedNodesState?.nodes\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            [node]=\"$any(data)\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <data-column\n                id=\"app.search.thumbnail\"\n                key=\"$thumbnail\"\n                type=\"image\"\n                [sr-title]=\"'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'\"\n                [sortable]=\"false\"\n              >\n                <ng-template let-context>\n                  <aca-custom-thumbnail-column [context]=\"context\" />\n                </ng-template>\n\n                <adf-data-column-header>\n                  <ng-template>\n                    <aca-search-action-menu (sortingSelected)=\"onSearchSortingUpdate($event)\" />\n                  </ng-template>\n                </adf-data-column-header>\n              </data-column>\n\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div\n      [ngClass]=\"\n        (infoDrawerPreview$ | async) === true ? 'adf-search-results--right_panel_section-extended' : 'adf-search-results--right_panel_section'\n      \"\n      *ngIf=\"infoDrawerOpened$ | async\"\n    >\n      <adf-alfresco-viewer\n        class=\"adf-search-results--embedded_viewer\"\n        [nodeId]=\"selection.last.entry.id\"\n        *ngIf=\"infoDrawerPreview$ | async; else infoDrawerPanel\"\n      >\n        <adf-viewer-toolbar>\n          <div class=\"adf-search-results--preview-toolbar\">\n            <div>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\" (click)=\"onDrawerClosed()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n            <div>\n              <button\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.PREVIEW' | translate }}\"\n                color=\"accent\"\n                class=\"adf-search-results--visibility_button\"\n              >\n                <mat-icon>visibility</mat-icon>\n              </button>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\" (click)=\"onPreviewClosed()\">\n                <mat-icon>info_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </adf-viewer-toolbar>\n      </adf-alfresco-viewer>\n      <ng-template #infoDrawerPanel>\n        <div class=\"aca-sidebar\">\n          <aca-info-drawer [node]=\"selection.last\" />\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results-active-search-ai-input .aca-header-container,aca-search-results .aca-search-results-active-search-ai-input .adf-search-results__content-header.aca-content{display:none}aca-search-results .aca-search-toolbar-spacer{width:100%}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__facets{display:flex;flex-direction:row;margin-top:5px;margin-bottom:15px}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-top:1px solid var(--theme-border-color);border-bottom:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mat-mdc-chip-action{padding-left:12px;padding-right:12px}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mdc-evolution-chip__text-label{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed{background-color:var(--theme-dropdown-color);color:var(--theme-selected-text-color);height:32px;margin-top:4px;margin-bottom:4px;box-sizing:border-box}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:focus,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:focus{background-color:var(--theme-dropdown-background-hover)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip[disabled],aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed[disabled]{background-color:var(--theme-disabled-chip-background-color);color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip .adf-search-filter-chip-icon,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-placeholder{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results--embedded_viewer{position:unset;display:flex;width:100%}aca-search-results .adf-search-results--right_panel_section{display:flex;justify-content:flex-start}aca-search-results .adf-search-results--right_panel_section-extended{display:flex;justify-content:flex-start;flex-basis:55%}aca-search-results .adf-search-results--right_panel_section-extended .adf-viewer{position:relative}aca-search-results .adf-search-results--preview-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:5px;padding-right:24px}aca-search-results .adf-search-results--visibility_button{margin-right:8px;cursor:default}aca-search-results .adf-search-results .adf-search-filter{min-width:260px;max-width:320px;padding:5px;height:100%;overflow:scroll}aca-search-results .adf-search-results .adf-search-filter--hidden{display:none}aca-search-results .adf-search-results .aca-content{box-sizing:border-box;display:flex;place-content:flex-start space-between;align-items:flex-start;padding:16px 12px;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content__filter-set p{padding:0 16px}aca-search-results .adf-search-results .aca-content__divider-vertical{height:100%}aca-search-results .adf-search-results .aca-content__divider-horizontal{width:100%}aca-search-results .adf-search-results .aca-content__advanced-filters{width:100%;padding:0 12px}aca-search-results .adf-search-results .aca-content__advanced-filters--header{display:flex;justify-content:space-between}aca-search-results .adf-search-results .aca-content__advanced-filters--header--action-buttons{display:flex}aca-search-results .adf-search-results .aca-content__reset-action,aca-search-results .adf-search-results .aca-content__save-search-action{margin-top:5px;margin-right:2px;line-height:33px;font-weight:lighter}aca-search-results .adf-search-results .aca-content__sort-picker{min-width:220px}aca-search-results .adf-search-results .adf-datatable aca-search-action-menu button{width:0}aca-search-results .adf-search-results .adf-datatable .aca-location-link a{font-size:12px;max-width:350px;text-align:left;direction:rtl}@media (max-width: 320px){aca-search-results .adf-search-results__content-header{flex-direction:column}aca-search-results .adf-search-results__content{overflow-y:auto}aca-search-results .adf-document-list{min-height:unset}}\n"] }]
+                    ], selector: 'aca-search-results', encapsulation: ViewEncapsulation.None, template: "<aca-page-layout [class.aca-search-results-active-search-ai-input]=\"searchAiInputState.active\">\n  <div class=\"aca-page-layout-header\">\n    <aca-search-ai-input-container *ngIf=\"searchAiInputState.active\" [agentId]=\"searchAiInputState.selectedAgentId\" />\n    <div class=\"aca-header-container\">\n      <aca-search-input />\n      <aca-bulk-actions-dropdown *ngIf=\"bulkActions && ('isBulkActionsAvailable' | isFeatureSupportedInCurrentAcs | async)\" [items]=\"bulkActions\" />\n      <aca-toolbar class=\"aca-search-results__toolbar-actions\" [items]=\"actions\" />\n    </div>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" aria-live=\"polite\" />\n          <div class=\"adf-search-results__content-header aca-content\">\n            <div class=\"aca-content__filter-set\">\n              <p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>\n              <adf-search-form />\n            </div>\n            <mat-divider\n              [vertical]=\"!isSmallScreen\"\n              [ngClass]=\"'aca-content__divider-' + (isSmallScreen ? 'horizontal' : 'vertical')\"\n              aria-hidden=\"true\" />\n            <div class=\"aca-content__advanced-filters\">\n              <div class=\"aca-content__advanced-filters--header\">\n                <p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>\n                <div class=\"aca-content__advanced-filters--header--action-buttons\">\n                  <button\n                    *ngIf=\"initialSavedSearch !== undefined; else saveSearchButton\"\n                    mat-button\n                    [disabled]=\"!encodedQuery\"\n                    class=\"aca-content__save-search-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    [matMenuTriggerFor]=\"saveSearchOptionsMenu\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    <mat-icon iconPositionEnd>keyboard_arrow_down</mat-icon>\n                  </button>\n                  <mat-menu #saveSearchOptionsMenu=\"matMenu\">\n                    <button\n                      mat-menu-item\n                      (click)=\"editSavedSearch(initialSavedSearch)\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_CHANGES' | translate }}\n                    </button>\n                    <button\n                      mat-menu-item\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.SAVE_AS_NEW' | translate }}\n                    </button>\n                  </mat-menu>\n                  <ng-template #saveSearchButton>\n                    <button\n                      mat-button\n                      acaSaveSearch\n                      [acaSaveSearchQuery]=\"encodedQuery\"\n                      (searchSaved)=\"onSaveSearch()\"\n                      [disabled]=\"!encodedQuery\"\n                      class=\"aca-content__save-search-action\"\n                      title=\"{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\"\n                      [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate\"\n                    >\n                      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.ACTION_BUTTON' | translate }}\n                    </button>\n                  </ng-template>\n                  <button\n                    [disabled]=\"!(areFiltersActive$ | async)\"\n                    mat-button\n                    adf-reset-search\n                    class=\"aca-content__reset-action\"\n                    title=\"{{ 'APP.BROWSE.SEARCH.RESET_ACTION' | translate }}\"\n                    [attr.aria-label]=\"'APP.BROWSE.SEARCH.RESET_ACTION' | translate\"\n                  >\n                    {{ 'APP.BROWSE.SEARCH.RESET' | translate }}\n                  </button>\n                </div>\n              </div>\n              <adf-search-filter-chips />\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaDocumentList\n            acaContextActions\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sortingMode]=\"'server'\"\n            [sorting]=\"sorting\"\n            [preselectNodes]=\"selectedNodesState?.nodes\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            [node]=\"$any(data)\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <data-column\n                id=\"app.search.thumbnail\"\n                key=\"$thumbnail\"\n                type=\"image\"\n                [sr-title]=\"'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'\"\n                [sortable]=\"false\"\n              >\n                <ng-template let-context>\n                  <aca-custom-thumbnail-column [context]=\"context\" />\n                </ng-template>\n\n                <adf-data-column-header>\n                  <ng-template>\n                    <aca-search-action-menu (sortingSelected)=\"onSearchSortingUpdate($event)\" />\n                  </ng-template>\n                </adf-data-column-header>\n              </data-column>\n\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [sortingKey]=\"column.sortingKey || column.key\"\n                    [isHidden]=\"column.isHidden\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div\n      [ngClass]=\"\n        (infoDrawerPreview$ | async) === true ? 'adf-search-results--right_panel_section-extended' : 'adf-search-results--right_panel_section'\n      \"\n      *ngIf=\"infoDrawerOpened$ | async\"\n    >\n      <adf-alfresco-viewer\n        class=\"adf-search-results--embedded_viewer\"\n        [nodeId]=\"selection.last.entry.id\"\n        *ngIf=\"infoDrawerPreview$ | async; else infoDrawerPanel\"\n      >\n        <adf-viewer-toolbar>\n          <div class=\"adf-search-results--preview-toolbar\">\n            <div>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\" (click)=\"onDrawerClosed()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n            <div>\n              <button\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ACTIONS.PREVIEW' | translate }}\"\n                color=\"accent\"\n                class=\"adf-search-results--visibility_button\"\n              >\n                <mat-icon>visibility</mat-icon>\n              </button>\n              <button mat-icon-button title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\" (click)=\"onPreviewClosed()\">\n                <mat-icon>info_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </adf-viewer-toolbar>\n      </adf-alfresco-viewer>\n      <ng-template #infoDrawerPanel>\n        <div class=\"aca-sidebar\">\n          <aca-info-drawer [node]=\"selection.last\" />\n        </div>\n      </ng-template>\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results-active-search-ai-input .aca-header-container,aca-search-results .aca-search-results-active-search-ai-input .adf-search-results__content-header.aca-content{display:none}aca-search-results .aca-search-results__toolbar-actions{margin-left:8px}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__facets{display:flex;flex-direction:row;margin-top:5px;margin-bottom:15px}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-top:1px solid var(--theme-border-color);border-bottom:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mat-mdc-chip-action{padding-left:12px;padding-right:12px}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .mdc-evolution-chip__text-label{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed{background-color:var(--theme-dropdown-color);color:var(--theme-selected-text-color);height:32px;margin-top:4px;margin-bottom:4px;box-sizing:border-box}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip:focus,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:hover,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed:focus{background-color:var(--theme-dropdown-background-hover)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip[disabled],aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed[disabled]{background-color:var(--theme-disabled-chip-background-color);color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip .adf-search-filter-chip-icon,aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{color:var(--theme-search-chip-icon-color)}aca-search-results .adf-search-results__content-header .aca-content__advanced-filters .adf-search-filter-placeholder{color:var(--theme-selected-text-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results--embedded_viewer{position:unset;display:flex;width:100%}aca-search-results .adf-search-results--right_panel_section{display:flex;justify-content:flex-start}aca-search-results .adf-search-results--right_panel_section-extended{display:flex;justify-content:flex-start;flex-basis:55%}aca-search-results .adf-search-results--right_panel_section-extended .adf-viewer{position:relative}aca-search-results .adf-search-results--preview-toolbar{display:flex;align-items:flex-end;justify-content:space-between;margin:5px;padding-right:24px}aca-search-results .adf-search-results--visibility_button{margin-right:8px;cursor:default}aca-search-results .adf-search-results .adf-search-filter{min-width:260px;max-width:320px;padding:5px;height:100%;overflow:scroll}aca-search-results .adf-search-results .adf-search-filter--hidden{display:none}aca-search-results .adf-search-results .aca-content{box-sizing:border-box;display:flex;place-content:flex-start space-between;align-items:flex-start;padding:16px 12px;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content__filter-set p{padding:0 16px}aca-search-results .adf-search-results .aca-content__divider-vertical{height:100%}aca-search-results .adf-search-results .aca-content__divider-horizontal{width:100%}aca-search-results .adf-search-results .aca-content__advanced-filters{width:100%;padding:0 12px}aca-search-results .adf-search-results .aca-content__advanced-filters--header{display:flex;justify-content:space-between}aca-search-results .adf-search-results .aca-content__advanced-filters--header--action-buttons{display:flex}aca-search-results .adf-search-results .aca-content__reset-action,aca-search-results .adf-search-results .aca-content__save-search-action{margin-top:5px;margin-right:2px;line-height:33px;font-weight:lighter}aca-search-results .adf-search-results .aca-content__sort-picker{min-width:220px}aca-search-results .adf-search-results .adf-datatable aca-search-action-menu button{width:0}aca-search-results .adf-search-results .adf-datatable .aca-location-link a{font-size:12px;max-width:350px;text-align:left;direction:rtl}@media (max-width: 320px){aca-search-results .adf-search-results__content-header{flex-direction:column}aca-search-results .adf-search-results__content{overflow-y:auto}aca-search-results .adf-document-list{min-height:unset}}\n"] }]
         }], ctorParameters: () => [{ type: i1.TagService }, { type: i1.SearchQueryBuilderService }, { type: i0.ChangeDetectorRef }, { type: i1$4.ActivatedRoute }, { type: i2.TranslationService }, { type: SavedSearchesContextService }] });
 
 /*!
@@ -8302,26 +8406,23 @@ class SearchLibrariesResultsComponent extends PageComponent {
     librariesQueryBuilder;
     route;
     appHookService;
-    appService;
     searchedWord;
     queryParamName = 'q';
     data;
     totalResults = 0;
     isLoading = false;
     columns = [];
-    constructor(librariesQueryBuilder, route, appHookService, appService) {
+    constructor(librariesQueryBuilder, route, appHookService) {
         super();
         this.librariesQueryBuilder = librariesQueryBuilder;
         this.route = route;
         this.appHookService = appHookService;
-        this.appService = appService;
         librariesQueryBuilder.paging = {
             skipCount: 0,
             maxItems: 25
         };
     }
     ngOnInit() {
-        this.appService.setAppNavbarMode('collapsed');
         super.ngOnInit();
         this.columns = this.extensions.documentListPresets.searchLibraries || [];
         this.subscriptions.push(this.appHookService.libraryJoined.subscribe(() => this.librariesQueryBuilder.update()), this.appHookService.libraryDeleted.subscribe(() => this.librariesQueryBuilder.update()), this.appHookService.libraryLeft.subscribe(() => this.librariesQueryBuilder.update()), this.librariesQueryBuilder.updated.subscribe(() => {
@@ -8382,8 +8483,8 @@ class SearchLibrariesResultsComponent extends PageComponent {
     handleNodeClick(event) {
         this.navigateTo(event.detail?.node);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchLibrariesResultsComponent, deps: [{ token: SearchLibrariesQueryBuilderService }, { token: i1$4.ActivatedRoute }, { token: i1$1.AppHookService }, { token: i1$1.AppService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchLibrariesResultsComponent, isStandalone: true, selector: "aca-search-results", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <aca-search-input />\n    <div class=\"aca-search-toolbar-spacer\"></div>\n    <aca-toolbar [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" />\n          <div class=\"adf-search-results__content-header aca-content-lib\" *ngIf=\"data?.list.entries.length\">\n            <div class=\"aca-content__side--left\">\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults !== 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_RESULTS' | translate: { number: totalResults } }}\n              </div>\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults === 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_ONE_RESULT' | translate: { number: totalResults } }}\n              </div>\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaContextActions\n            acaDocumentList\n            [showHeader]=\"showHeader\"\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sorting]=\"['name', 'asc']\"\n            [node]=\"data\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n            (name-click)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-toolbar-spacer{width:100%}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-bottom:1px solid var(--theme-border-color);border-top:1px solid var(--theme-border-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results .aca-content-lib{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;flex:unset;height:unset;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content-lib__side--left{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;height:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchInputComponent, selector: "aca-search-input" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchLibrariesResultsComponent, deps: [{ token: SearchLibrariesQueryBuilderService }, { token: i1$4.ActivatedRoute }, { token: i1$1.AppHookService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SearchLibrariesResultsComponent, isStandalone: true, selector: "aca-search-results", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <aca-search-input />\n    <aca-toolbar class=\"aca-search-results__toolbar-actions\" [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" />\n          <div class=\"adf-search-results__content-header aca-content-lib\" *ngIf=\"data?.list.entries.length\">\n            <div class=\"aca-content__side--left\">\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults !== 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_RESULTS' | translate: { number: totalResults } }}\n              </div>\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults === 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_ONE_RESULT' | translate: { number: totalResults } }}\n              </div>\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaContextActions\n            acaDocumentList\n            [showHeader]=\"showHeader\"\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sorting]=\"['name', 'asc']\"\n            [node]=\"data\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n            (name-click)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results__toolbar-actions{margin-left:8px}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-bottom:1px solid var(--theme-border-color);border-top:1px solid var(--theme-border-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results .aca-content-lib{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;flex:unset;height:unset;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content-lib__side--left{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;height:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchInputComponent, selector: "aca-search-input" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: PaginationComponent, selector: "adf-pagination", inputs: ["target", "supportedPageSizes", "pagination"], outputs: ["change", "changePageNumber", "changePageSize", "nextPage", "prevPage"] }, { kind: "component", type: InfoDrawerComponent, selector: "aca-info-drawer", inputs: ["nodeId", "node"] }, { kind: "directive", type: ContextActionsDirective, selector: "[acaContextActions]", inputs: ["acaContextEnable", "customActions"], exportAs: ["acaContextActions"] }, { kind: "directive", type: DocumentListDirective, selector: "[acaDocumentList]" }, { kind: "directive", type: PaginationDirective, selector: "[acaPagination]" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "component", type: DynamicColumnComponent, selector: "adf-dynamic-column", inputs: ["id", "context"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchLibrariesResultsComponent, decorators: [{
             type: Component,
@@ -8404,8 +8505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         DataColumnListComponent,
                         DataColumnComponent,
                         CustomEmptyContentTemplateDirective
-                    ], selector: 'aca-search-results', encapsulation: ViewEncapsulation.None, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <aca-search-input />\n    <div class=\"aca-search-toolbar-spacer\"></div>\n    <aca-toolbar [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" />\n          <div class=\"adf-search-results__content-header aca-content-lib\" *ngIf=\"data?.list.entries.length\">\n            <div class=\"aca-content__side--left\">\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults !== 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_RESULTS' | translate: { number: totalResults } }}\n              </div>\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults === 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_ONE_RESULT' | translate: { number: totalResults } }}\n              </div>\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaContextActions\n            acaDocumentList\n            [showHeader]=\"showHeader\"\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sorting]=\"['name', 'asc']\"\n            [node]=\"data\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n            (name-click)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-toolbar-spacer{width:100%}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-bottom:1px solid var(--theme-border-color);border-top:1px solid var(--theme-border-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results .aca-content-lib{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;flex:unset;height:unset;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content-lib__side--left{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;height:unset}\n"] }]
-        }], ctorParameters: () => [{ type: SearchLibrariesQueryBuilderService }, { type: i1$4.ActivatedRoute }, { type: i1$1.AppHookService }, { type: i1$1.AppService }] });
+                    ], selector: 'aca-search-results', encapsulation: ViewEncapsulation.None, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <aca-search-input />\n    <aca-toolbar class=\"aca-search-results__toolbar-actions\" [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n      <div class=\"adf-search-results\">\n        <div class=\"adf-search-results__content\">\n          <mat-progress-bar *ngIf=\"isLoading\" color=\"primary\" mode=\"indeterminate\" />\n          <div class=\"adf-search-results__content-header aca-content-lib\" *ngIf=\"data?.list.entries.length\">\n            <div class=\"aca-content__side--left\">\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults !== 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_RESULTS' | translate: { number: totalResults } }}\n              </div>\n              <div class=\"adf-search-results--info-text\" *ngIf=\"totalResults === 1\">\n                {{ 'APP.BROWSE.SEARCH_LIBRARIES.FOUND_ONE_RESULT' | translate: { number: totalResults } }}\n              </div>\n            </div>\n          </div>\n\n          <adf-document-list\n            #documentList\n            acaContextActions\n            acaDocumentList\n            [showHeader]=\"showHeader\"\n            [selectionMode]=\"'multiple'\"\n            [multiselect]=\"true\"\n            [sorting]=\"['name', 'asc']\"\n            [node]=\"data\"\n            [displayCheckboxesOnHover]=\"true\"\n            [imageResolver]=\"imageResolver\"\n            [isResizingEnabled]=\"true\"\n            [blurOnResize]=\"false\"\n            (node-dblclick)=\"handleNodeClick($event)\"\n            (name-click)=\"handleNodeClick($event)\"\n          >\n            <data-columns>\n              <ng-container *ngFor=\"let column of columns; trackBy: trackByColumnId\">\n                <ng-container *ngIf=\"column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  >\n                    <ng-template let-context>\n                      <adf-dynamic-column [id]=\"column.template\" [context]=\"context\" />\n                    </ng-template>\n                  </data-column>\n                </ng-container>\n\n                <ng-container *ngIf=\"!column.template && !(column.desktopOnly && isSmallScreen)\">\n                  <data-column\n                    [id]=\"column.id\"\n                    [key]=\"column.key\"\n                    [title]=\"column.title\"\n                    [type]=\"column.type\"\n                    [format]=\"column.format\"\n                    [class]=\"column.class\"\n                    [sortable]=\"column.sortable\"\n                    [draggable]=\"column.draggable\"\n                    [resizable]=\"column.resizable\"\n                  />\n                </ng-container>\n              </ng-container>\n            </data-columns>\n\n            <adf-custom-empty-content-template>\n              <ng-container *ngIf=\"data\">\n                <div class=\"empty-search__block\" aria-live=\"polite\">\n                  <p class=\"empty-search__text\">\n                    {{ 'APP.BROWSE.SEARCH.NO_RESULTS' | translate }}\n                  </p>\n                </div>\n              </ng-container>\n            </adf-custom-empty-content-template>\n          </adf-document-list>\n\n          <adf-pagination *ngIf=\"totalResults > 0\" acaPagination [target]=\"documentList\" (change)=\"onPaginationChanged($event)\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"aca-sidebar\" *ngIf=\"infoDrawerOpened$ | async\">\n      <aca-info-drawer [node]=\"selection.last\" />\n    </div>\n  </div>\n</aca-page-layout>\n", styles: ["aca-search-results .aca-search-results__toolbar-actions{margin-left:8px}aca-search-results .adf-search-results{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden}aca-search-results .adf-search-results__content{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;border-left:1px solid var(--theme-border-color)}aca-search-results .adf-search-results__content-header{display:flex;padding:0 25px;flex-direction:row;align-items:center;border-bottom:1px solid var(--theme-border-color);border-top:1px solid var(--theme-border-color)}aca-search-results .adf-search-results--info-text{flex:1;font-size:16px;color:#0000008a}aca-search-results .adf-search-results .aca-content-lib{display:flex;flex-direction:row;flex:1;height:100%;overflow:hidden;flex:unset;height:unset;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;background-color:var(--theme-card-background-color)}aca-search-results .adf-search-results .aca-content-lib__side--left{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;height:unset}\n"] }]
+        }], ctorParameters: () => [{ type: SearchLibrariesQueryBuilderService }, { type: i1$4.ActivatedRoute }, { type: i1$1.AppHookService }] });
 
 /*!
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -8741,7 +8842,7 @@ class DetailsComponent extends PageComponent {
         return nodeAspects.includes('smf:customConfigSmartFolder') || nodeAspects.includes('smf:systemConfigSmartFolder');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DetailsComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i1$1.ContentApiService }, { token: i1.ContentService }, { token: i1.NodesApiService }, { token: i1$1.AppHookService }, { token: i1$3.Location }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: DetailsComponent, isStandalone: true, selector: "app-details-manager", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <adf-breadcrumb [root]=\"title\" [folderNode]=\"node\" (navigate)=\"onBreadcrumbNavigate($event)\" />\n    <aca-toolbar [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-details-container\">\n      <div class=\"aca-details-title\">\n        <div class=\"aca-details-breadcrumb\" role=\"heading\" aria-level=\"2\" *ngIf=\"node\">\n          <span class=\"aca-details-breadcrumb-library\">\n            <img class=\"aca-details-breadcrumb-icon\" alt=\"{{ 'APP.INFO_DRAWER.ICON' | translate }}\" src=\"{{ nodeIcon }}\">\n            {{ node.name }} </span>\n        </div>\n        <div class=\"aca-details-buttons\">\n          <aca-toolbar [items]=\"aspectActions\" info-drawer-buttons />\n          <button\n                class=\"aca-close-details-button\"\n                mat-icon-button\n                data-automation-id=\"close-library\"\n                title=\"{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}\"\n                (click)=\"goBack()\">\n                <mat-icon>fullscreen_exit</mat-icon>\n          </button>\n        </div>\n      </div>\n\n      <mat-tab-group [selectedIndex]=\"activeTab\" class=\"aca-details-tabs\" animationDuration=\"0\" mat-stretch-tabs=\"false\" mat-align-tabs=\"start\">\n        <mat-tab label=\"{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}\">\n          <ng-template matTabContent>\n            <app-metadata-tab *ngIf=\"node && !isLoading; else loading\" [node]=\"node\" />\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}\">\n          <ng-template matTabContent>\n            <app-comments-tab *ngIf=\"node && !isLoading; else loading\" [node]=\"node\" />\n          </ng-template>\n        </mat-tab>\n        <mat-tab [disabled]=\"!canManagePermissions\" label=\"{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}\">\n          <ng-template matTabContent>\n            <adf-permission-list *ngIf=\"node && !isLoading; else loading\" [nodeId]=\"node.id\" />\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n  </div>\n</aca-page-layout>\n\n<ng-template #loading>\n  <mat-progress-bar color=\"primary\" mode=\"indeterminate\" />\n</ng-template>\n", styles: ["app-details-manager .aca-details-buttons{display:flex}app-details-manager .aca-details-buttons .aca-close-details-button{display:flex;margin-right:15px;margin-top:12px;outline:none;border-radius:4px}app-details-manager .aca-details-buttons .aca-close-details-button:focus{background-color:var(--theme-selected-background-color);outline:2px solid var(--theme-blue-button-color);border-radius:4px}.aca-details-container{background-color:var(--theme-card-background-color);width:100%}.aca-details-tabs{margin-top:40px;height:calc(100% - 136px)}.aca-details-tabs>div{height:100%}.aca-details-tabs div[role=tab]{padding:0 12px;min-width:95px;letter-spacing:.25px;height:32px}.aca-details-tabs div[role=tab]:first-of-type{margin-left:50px}.aca-details-title{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--theme-metadata-property-panel-title-color);text-overflow:ellipsis;white-space:normal}.aca-details-breadcrumb{font-size:18px;margin-left:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.aca-details-breadcrumb-library{font-weight:900}.aca-details-breadcrumb-icon{display:inline-block;vertical-align:text-bottom}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i6$6.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i6$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i6$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MetadataTabComponent, selector: "app-metadata-tab", inputs: ["node"] }, { kind: "component", type: CommentsTabComponent, selector: "app-comments-tab", inputs: ["node"] }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "directive", type: InfoDrawerButtonsDirective, selector: "[adf-info-drawer-buttons], [info-drawer-buttons]" }, { kind: "component", type: PermissionListComponent, selector: "adf-permission-list", inputs: ["nodeId"], outputs: ["update", "error"] }, { kind: "component", type: BreadcrumbComponent, selector: "adf-breadcrumb", inputs: ["folderNode", "root", "rootId", "target", "transform", "maxItems", "selectedRowItemsCount", "readOnly"], outputs: ["navigate"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: DetailsComponent, isStandalone: true, selector: "app-details-manager", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <adf-breadcrumb [root]=\"title\" [folderNode]=\"node\" (navigate)=\"onBreadcrumbNavigate($event)\" />\n    <aca-toolbar [items]=\"actions\" />\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-details-container\">\n      <div class=\"aca-details-title\">\n        <div class=\"aca-details-breadcrumb\" role=\"heading\" aria-level=\"2\" *ngIf=\"node\">\n          <span class=\"aca-details-breadcrumb-library\">\n            <img class=\"aca-details-breadcrumb-icon\" alt=\"{{ 'APP.INFO_DRAWER.ICON' | translate }}\" src=\"{{ nodeIcon }}\">\n            {{ node.name }} </span>\n        </div>\n        <div class=\"aca-details-buttons\">\n          <aca-toolbar [items]=\"aspectActions\" info-drawer-buttons />\n          <button\n                class=\"aca-close-details-button\"\n                mat-icon-button\n                data-automation-id=\"close-library\"\n                title=\"{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}\"\n                (click)=\"goBack()\">\n                <mat-icon>fullscreen_exit</mat-icon>\n          </button>\n        </div>\n      </div>\n\n      <mat-tab-group [selectedIndex]=\"activeTab\" class=\"aca-details-tabs\" animationDuration=\"0\" mat-stretch-tabs=\"false\" mat-align-tabs=\"start\">\n        <mat-tab label=\"{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}\">\n          <ng-template matTabContent>\n            <app-metadata-tab *ngIf=\"node && !isLoading; else loading\" [node]=\"node\" />\n          </ng-template>\n        </mat-tab>\n        <mat-tab label=\"{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}\">\n          <ng-template matTabContent>\n            <app-comments-tab *ngIf=\"node && !isLoading; else loading\" [node]=\"node\" />\n          </ng-template>\n        </mat-tab>\n        <mat-tab [disabled]=\"!canManagePermissions\" label=\"{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}\">\n          <ng-template matTabContent>\n            <adf-permission-list *ngIf=\"node && !isLoading; else loading\" [nodeId]=\"node.id\" />\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    </div>\n  </div>\n</aca-page-layout>\n\n<ng-template #loading>\n  <mat-progress-bar color=\"primary\" mode=\"indeterminate\" />\n</ng-template>\n", styles: ["app-details-manager .aca-details-buttons{display:flex}app-details-manager .aca-details-buttons .aca-close-details-button{display:flex;margin-right:15px;margin-top:12px;outline:none;border-radius:4px}app-details-manager .aca-details-buttons .aca-close-details-button:focus{background-color:var(--theme-selected-background-color);outline:2px solid var(--theme-blue-button-color);border-radius:4px}.aca-details-container{background-color:var(--theme-card-background-color);width:100%}.aca-details-tabs{margin-top:40px;height:calc(100% - 136px)}.aca-details-tabs>div{height:100%}.aca-details-tabs div[role=tab]{padding:0 12px;min-width:95px;letter-spacing:.25px;height:32px}.aca-details-tabs div[role=tab]:first-of-type{margin-left:50px}.aca-details-title{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--theme-metadata-property-panel-title-color);text-overflow:ellipsis;white-space:normal}.aca-details-breadcrumb{font-size:18px;margin-left:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.aca-details-breadcrumb-library{font-weight:900}.aca-details-breadcrumb-icon{display:inline-block;vertical-align:text-bottom}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i6$6.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i6$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i6$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i6$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MetadataTabComponent, selector: "app-metadata-tab", inputs: ["node"] }, { kind: "component", type: CommentsTabComponent, selector: "app-comments-tab", inputs: ["node"] }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: ToolbarComponent, selector: "aca-toolbar", inputs: ["items"] }, { kind: "directive", type: InfoDrawerButtonsDirective, selector: "[adf-info-drawer-buttons], [info-drawer-buttons]" }, { kind: "component", type: PermissionListComponent, selector: "adf-permission-list", inputs: ["nodeId"], outputs: ["update", "error"] }, { kind: "component", type: BreadcrumbComponent, selector: "adf-breadcrumb", inputs: ["folderNode", "root", "rootId", "target", "transform", "maxItems", "selectedRowItemsCount", "readOnly"], outputs: ["navigate"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DetailsComponent, decorators: [{
             type: Component,
@@ -8964,7 +9065,7 @@ class ViewProfileComponent {
         return this.profileForm.invalid;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ViewProfileComponent, deps: [{ token: i1$4.Router }, { token: i1.AlfrescoApiService }, { token: i1$1.AppService }, { token: i1$1.AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ViewProfileComponent, isStandalone: true, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      @if ((appNavNarMode$ | async) === 'collapsed') {\n        <button\n          mat-icon-button\n          (click)=\"toggleNavigationMenu()\"\n          [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n          <mat-icon>menu</mat-icon>\n        </button>\n      }\n      <button\n        class=\"app-profile-icon\"\n        mat-icon-button\n        (click)=\"navigateToPersonalFiles()\"\n        [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n        [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <h2 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <button\n          mat-icon-button\n          (click)=\"toggleGeneralSection()\"\n          [attr.title]=\"generalSectionButtonTooltip | translate\"\n          [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n          <mat-icon>{{ generalSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        </button>\n        <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>\n      </div>\n      @if (!generalSectionEditMode) {\n        <button\n          mat-icon-button\n          (click)=\"toggleGeneralSectionEditMode()\"\n          class=\"app-general-edit\"\n          [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n          <mat-icon>edit</mat-icon>\n        </button>\n      } @else {\n        <button\n          mat-icon-button\n          class=\"app-general-cancel-btn\"\n          [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          (click)=\"toggleGeneralSectionEditMode()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveGeneralData(profileForm)\">\n          <mat-icon>check</mat-icon>\n        </button>\n      }\n    </div>\n    @if (generalSectionExpanded) {\n      <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n      <div class=\"app-general-dropdown\">\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n          <input\n            matInput\n            readonly\n            placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n            formControlName=\"firstName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n          <input\n            matInput\n            readonly\n            placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n            formControlName=\"lastName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n            formControlName=\"jobTitle\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n            formControlName=\"location\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n          <input\n            matInput\n            [type]=\"'tel'\"\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n            formControlName=\"telephone\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n          <input\n            matInput\n            [type]=\"'tel'\"\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n            formControlName=\"mobile\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n         <button\n          mat-icon-button\n          (click)=\"toggleContactSection()\"\n          [attr.title]=\"contactSectionButtonTooltip | translate\"\n          [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n          <mat-icon>{{ contactSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        </button>\n        <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>\n      </div>\n      @if (!contactSectionEditMode) {\n        <button\n          mat-icon-button\n          (click)=\"toggleContactSectionEditMode()\"\n          class=\"app-general-edit\"\n          [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n          <mat-icon>edit</mat-icon>\n        </button>\n      } @else {\n        <button\n          mat-icon-button\n          class=\"app-general-cancel-btn\"\n          [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          (click)=\"toggleContactSectionEditMode()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveCompanyData(profileForm)\">\n          <mat-icon>check</mat-icon>\n        </button>\n      }\n    </div>\n    @if (contactSectionExpanded) {\n      <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n      <div class=\"app-general-dropdown\">\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n            formControlName=\"companyName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n            formControlName=\"companyAddress\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n            formControlName=\"companyPostCode\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n            formControlName=\"companyTelephone\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n            formControlName=\"companyEmail\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n  @for (section of sections; track $index) {\n    <adf-dynamic-component [id]=\"section.component\"/>\n  }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-bottom:1em;font-size:1.17em}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general-section .app-general-title{font-size:unset;margin-bottom:1.33em;margin-top:1.33em}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: ViewProfileComponent, isStandalone: true, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n  <div class=\"app-profile-row\">\n    <div class=\"app-profile-title\">\n      @if ((appNavNarMode$ | async) === 'collapsed') {\n        <button\n          mat-icon-button\n          (click)=\"toggleNavigationMenu()\"\n          [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n          <mat-icon>menu</mat-icon>\n        </button>\n      }\n      <button\n        class=\"app-profile-icon\"\n        mat-icon-button\n        (click)=\"navigateToPersonalFiles()\"\n        [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n        [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <h2 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>\n    </div>\n  </div>\n  <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n    <div class=\"app-profile-general\">\n      <div class=\"app-profile-general-section\">\n        <button\n          mat-icon-button\n          (click)=\"toggleGeneralSection()\"\n          [attr.title]=\"generalSectionButtonTooltip | translate\"\n          [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n          <mat-icon>{{ generalSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        </button>\n        <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>\n      </div>\n      @if (!generalSectionEditMode) {\n        <button\n          mat-icon-button\n          (click)=\"toggleGeneralSectionEditMode()\"\n          class=\"app-general-edit\"\n          [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n          <mat-icon>edit</mat-icon>\n        </button>\n      } @else {\n        <button\n          mat-icon-button\n          class=\"app-general-cancel-btn\"\n          [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          (click)=\"toggleGeneralSectionEditMode()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveGeneralData(profileForm)\">\n          <mat-icon>check</mat-icon>\n        </button>\n      }\n    </div>\n    @if (generalSectionExpanded) {\n      <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n      <div class=\"app-general-dropdown\">\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n          <input\n            matInput\n            readonly\n            placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n            formControlName=\"firstName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n          <input\n            matInput\n            readonly\n            placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n            formControlName=\"lastName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n            formControlName=\"jobTitle\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n            formControlName=\"location\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n          <input\n            matInput\n            [type]=\"'tel'\"\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n            formControlName=\"telephone\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n          <input\n            matInput\n            [type]=\"'tel'\"\n            [readonly]=\"!generalSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n            formControlName=\"mobile\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n\n  <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n    <div class=\"app-profile-general profile-general-bottom-radius\">\n      <div class=\"app-profile-general-section\">\n         <button\n          mat-icon-button\n          (click)=\"toggleContactSection()\"\n          [attr.title]=\"contactSectionButtonTooltip | translate\"\n          [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n          <mat-icon>{{ contactSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>\n        </button>\n        <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>\n      </div>\n      @if (!contactSectionEditMode) {\n        <button\n          mat-icon-button\n          (click)=\"toggleContactSectionEditMode()\"\n          class=\"app-general-edit\"\n          [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n          <mat-icon>edit</mat-icon>\n        </button>\n      } @else {\n        <button\n          mat-icon-button\n          class=\"app-general-cancel-btn\"\n          [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n          (click)=\"toggleContactSectionEditMode()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n          [disabled]=\"profileForm.invalid\"\n          (click)=\"onSaveCompanyData(profileForm)\">\n          <mat-icon>check</mat-icon>\n        </button>\n      }\n    </div>\n    @if (contactSectionExpanded) {\n      <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n      <div class=\"app-general-dropdown\">\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n            formControlName=\"companyName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n            formControlName=\"companyAddress\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n            formControlName=\"companyPostCode\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n            formControlName=\"companyTelephone\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field class=\"app-form-field\">\n          <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n          <input\n            matInput\n            [readonly]=\"!contactSectionEditMode\"\n            placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n            formControlName=\"companyEmail\"\n          />\n          <mat-error>\n            {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n          </mat-error>\n        </mat-form-field>\n      </div>\n    }\n  </div>\n  @for (section of sections; track $index) {\n    <adf-dynamic-component [id]=\"section.component\"/>\n  }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-bottom:1em;font-size:1.17em}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general-section .app-general-title{font-size:unset;margin-bottom:1.33em;margin-top:1.33em}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ViewProfileComponent, decorators: [{
             type: Component,
@@ -9390,7 +9491,7 @@ class SearchAiResultsComponent extends PageComponent {
         this.viewerService.customNodesOrder = nodesIds;
         this.userPreferencesService.set('aiReferences', JSON.stringify(nodesIds));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiResultsComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i2.ClipboardService }, { token: i2.ThumbnailService }, { token: i4$3.TranslateService }, { token: i2.UnsavedChangesGuard }, { token: ModalAiService }, { token: i5$1.ViewerService }, { token: i0.ElementRef }, { token: i1$1.ContentApiService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiResultsComponent, deps: [{ token: i1$4.ActivatedRoute }, { token: i2.ClipboardService }, { token: i2.ThumbnailService }, { token: i4$3.TranslateService }, { token: i2.UnsavedChangesGuard }, { token: ModalAiService }, { token: i5$2.ViewerService }, { token: i0.ElementRef }, { token: i1$1.ContentApiService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SearchAiResultsComponent, isStandalone: true, selector: "aca-search-ai-results", host: { classAttribute: "aca-search-ai-results" }, providers: [
             provideMarkdown({
                 markedOptions: {
@@ -9398,7 +9499,7 @@ class SearchAiResultsComponent extends PageComponent {
                     useValue: searchAiMarkedOptions
                 }
             })
-        ], usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  @if (!hasError && agentId) {\n    <aca-search-ai-input-container\n      class=\"aca-page-layout-header\"\n      placeholder=\"KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER\"\n      [agentId]=\"agentId\"\n      [usedInAiResultsPage]=\"true\" />\n  }\n\n  @if (!hasError) {\n    <div class=\"aca-page-layout-content\">\n      <div class=\"aca-search-ai-results-container\">\n        <div\n          class=\"aca-search-ai-results-container-query\"\n          data-automation-id=\"aca-search-ai-results-query\">\n          {{ searchQuery }}\n        </div>\n        <div\n          class=\"aca-search-ai-response-container\"\n          [class.aca-search-ai-response-container-error]=\"hasAnsweringError\">\n          @if (!loading) {\n            @if (!hasAnsweringError) {\n              <div class=\"aca-search-ai-response-container-body\">\n                <markdown\n                  class=\"aca-search-ai-response-container-body-response\"\n                  data-automation-id=\"aca-search-ai-results-response\"\n                  [data]=\"displayedAnswer\"\n                  (ready)=\"addSourceCodeTooltips()\"\n                  mermaid\n                  katex />\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action aca-search-ai-response-container-body-response-action-regeneration\"\n                  mat-icon-button\n                  (click)=\"checkUnsavedChangesAndSearch()\"\n                  data-automation-id=\"aca-search-ai-results-regeneration-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate\">\n                  <mat-icon>cached</mat-icon>\n                </button>\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action\"\n                  mat-icon-button\n                  (click)=\"copyResponseToClipboard()\"\n                  data-automation-id=\"aca-search-ai-results-copying-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.COPY_BUTTON_LABEL' | translate\">\n                  <mat-icon>copy</mat-icon>\n                </button>\n\n                @if (references$ | async; as refs) {\n                  @if (refs?.length || hasReferencesLoadingError) {\n                    <mat-divider\n                      class=\"aca-search-ai-response-container-body-divider\"\n                      [class.aca-search-ai-response-container-body-divider-error]=\"hasReferencesLoadingError\"\n                      aria-hidden=\"true\"\n                    />\n                    <div class=\"aca-search-ai-response-container-body-references-container\">\n                      <p class=\"aca-search-ai-response-container-body-references-container-header\">\n                        {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}\n                      </p>\n\n                      @if (hasReferencesLoadingError) {\n                        <div class=\"aca-search-ai-response-container-body-references-container-loading-error\" role=\"alert\">\n                          {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.REFERENCES_LOADING_ERROR' | translate }}\n                          <button\n                            mat-flat-button\n                            (click)=\"loadReferences()\"\n                            [attr.aria-label]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate\"\n                            class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                            data-automation-id=\"aca-search-ai-response-container-body-references-container-retry-references-loading-button\">\n                            <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                            {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate }}\n                          </button>\n                        </div>\n                      } @else {\n                        <div class=\"aca-search-ai-response-container-body-references-container-documents\">\n                          @for (node of refs; track node.id) {\n                            <a\n                              class=\"aca-search-ai-response-container-body-references-container-documents-document\"\n                              [attr.data-automation-id]=\"'aca-search-ai-results-' + node.id + '-document'\"\n                              role=\"link\"\n                              (click)=\"openFile(node.id)\"\n                              (keyup.enter)=\"openFile(node.id)\"\n                              tabindex=\"0\">\n                              <mat-icon\n                                mat-list-icon\n                                class=\"aca-search-ai-response-container-body-references-container-documents-document-icon\">\n                                <img [alt]=\"node.content?.mimeType\" [src]=\"mimeTypeIconsByNodeId[node.id]\" />\n                              </mat-icon>\n                              <div class=\"aca-search-ai-response-container-body-references-container-documents-document-name\">\n                                {{ node.name }}\n                              </div>\n                            </a>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                }\n              </div>\n            } @else {\n              <div class=\"aca-search-ai-response-container-error-message\" role=\"alert\">\n                {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.LOADING_ERROR' | translate }}\n                <button\n                  mat-flat-button\n                  (click)=\"performAiSearch()\"\n                  class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                  data-automation-id=\"aca-search-ai-results-error-regeneration-button\">\n                  <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                  {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate }}\n                </button>\n              </div>\n            }\n          } @else {\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton adf-skeleton-half\"></div>\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    <adf-empty-content\n      class=\"aca-page-layout-content\"\n      icon=\"star\"\n      title=\"KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR\" />\n  }\n</aca-page-layout>\n", styles: [".aca-search-ai-results aca-page-layout .aca-page-layout-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--theme-white-background);border-top:1px solid var(--theme-grey-background-color);padding-top:28px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:24%;padding-left:24%;min-width:51%}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container-query{border-radius:12px;padding:20px 15px 19px;background:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container{padding:18px 20px;display:flex;flex-direction:column;border:1px solid var(--adf-theme-foreground-divider-color);border-radius:12px;margin:16px 0 75px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-references-container-header{padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton{position:relative;background-image:linear-gradient(to left,var(--theme-light-grey-1-color) 0%,var(--theme-light-grey-2-color) 20%,var(--theme-light-grey-3-color) 40%,var(--theme-light-grey-1-color) 100%);background-size:200%;display:inline-block;height:1em;overflow:hidden;width:100%;margin-bottom:.5rem;border-radius:.25rem}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton-half{width:50%;margin-bottom:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error{border-color:var(--adf-error-color);padding:32px 18px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message{display:flex;justify-content:space-between;align-items:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button{background-color:var(--adf-secondary-button-background)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button-icon{font-size:24px;height:24px;width:23px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response{margin-bottom:17px;overflow-wrap:break-word;white-space:pre-wrap}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action{width:max-content;padding:0}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action mat-icon{font-size:17.25px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action-regeneration{margin-left:2px;margin-right:2px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action .mat-mdc-button-touch-target{width:24px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table{width:100%;border-collapse:collapse;box-shadow:0 2px 4px var(--theme-grey-divider-color);border-radius:4px;overflow:hidden}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th{background-color:var(--adf-theme-mat-grey-color-a200);text-align:left}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th,.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table td{padding:16px;border-bottom:1px solid var(--adf-theme-foreground-divider-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:hover{background-color:var(--adf-theme-background-hover-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:nth-child(2n){background-color:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider{margin-top:9px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider-error{border-color:var(--adf-error-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container{padding-right:8px;padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-header{margin-top:16px;color:var(--theme-text-light-color);font-weight:400;margin-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-loading-error{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents{padding-right:5px;padding-top:5px;margin-left:-2px;display:flex;flex-wrap:wrap;gap:21px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document{display:flex;flex-direction:row;padding-top:7px;padding-bottom:7px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-icon{height:auto;align-content:center;padding-right:11px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-name{display:flex;flex-direction:column;width:100%;justify-content:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document:hover{text-decoration:underline;text-decoration-color:var(--theme-primary-color);color:var(--theme-primary-color);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i11.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  @if (!hasError && agentId) {\n    <aca-search-ai-input-container\n      class=\"aca-page-layout-header\"\n      placeholder=\"KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER\"\n      [agentId]=\"agentId\"\n      [usedInAiResultsPage]=\"true\" />\n  }\n\n  @if (!hasError) {\n    <div class=\"aca-page-layout-content\">\n      <div class=\"aca-search-ai-results-container\">\n        <div\n          class=\"aca-search-ai-results-container-query\"\n          data-automation-id=\"aca-search-ai-results-query\">\n          {{ searchQuery }}\n        </div>\n        <div\n          class=\"aca-search-ai-response-container\"\n          [class.aca-search-ai-response-container-error]=\"hasAnsweringError\">\n          @if (!loading) {\n            @if (!hasAnsweringError) {\n              <div class=\"aca-search-ai-response-container-body\">\n                <markdown\n                  class=\"aca-search-ai-response-container-body-response\"\n                  data-automation-id=\"aca-search-ai-results-response\"\n                  [data]=\"displayedAnswer\"\n                  (ready)=\"addSourceCodeTooltips()\"\n                  mermaid\n                  katex />\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action aca-search-ai-response-container-body-response-action-regeneration\"\n                  mat-icon-button\n                  (click)=\"checkUnsavedChangesAndSearch()\"\n                  data-automation-id=\"aca-search-ai-results-regeneration-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate\">\n                  <mat-icon>cached</mat-icon>\n                </button>\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action\"\n                  mat-icon-button\n                  (click)=\"copyResponseToClipboard()\"\n                  data-automation-id=\"aca-search-ai-results-copying-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.COPY_BUTTON_LABEL' | translate\">\n                  <mat-icon>copy</mat-icon>\n                </button>\n\n                @if (references$ | async; as refs) {\n                  @if (refs?.length || hasReferencesLoadingError) {\n                    <mat-divider\n                      class=\"aca-search-ai-response-container-body-divider\"\n                      [class.aca-search-ai-response-container-body-divider-error]=\"hasReferencesLoadingError\"\n                      aria-hidden=\"true\"\n                    />\n                    <div class=\"aca-search-ai-response-container-body-references-container\">\n                      <p class=\"aca-search-ai-response-container-body-references-container-header\">\n                        {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}\n                      </p>\n\n                      @if (hasReferencesLoadingError) {\n                        <div class=\"aca-search-ai-response-container-body-references-container-loading-error\" role=\"alert\">\n                          {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.REFERENCES_LOADING_ERROR' | translate }}\n                          <button\n                            mat-flat-button\n                            (click)=\"loadReferences()\"\n                            [attr.aria-label]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate\"\n                            class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                            data-automation-id=\"aca-search-ai-response-container-body-references-container-retry-references-loading-button\">\n                            <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                            {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate }}\n                          </button>\n                        </div>\n                      } @else {\n                        <div class=\"aca-search-ai-response-container-body-references-container-documents\">\n                          @for (node of refs; track node.id) {\n                            <a\n                              class=\"aca-search-ai-response-container-body-references-container-documents-document\"\n                              [attr.data-automation-id]=\"'aca-search-ai-results-' + node.id + '-document'\"\n                              role=\"link\"\n                              (click)=\"openFile(node.id)\"\n                              (keyup.enter)=\"openFile(node.id)\"\n                              tabindex=\"0\">\n                              <mat-icon\n                                mat-list-icon\n                                class=\"aca-search-ai-response-container-body-references-container-documents-document-icon\">\n                                <img [alt]=\"node.content?.mimeType\" [src]=\"mimeTypeIconsByNodeId[node.id]\" />\n                              </mat-icon>\n                              <div class=\"aca-search-ai-response-container-body-references-container-documents-document-name\">\n                                {{ node.name }}\n                              </div>\n                            </a>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                }\n              </div>\n            } @else {\n              <div class=\"aca-search-ai-response-container-error-message\" role=\"alert\">\n                {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.LOADING_ERROR' | translate }}\n                <button\n                  mat-flat-button\n                  (click)=\"performAiSearch()\"\n                  class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                  data-automation-id=\"aca-search-ai-results-error-regeneration-button\">\n                  <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                  {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate }}\n                </button>\n              </div>\n            }\n          } @else {\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton adf-skeleton-half\"></div>\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    <adf-empty-content\n      class=\"aca-page-layout-content\"\n      icon=\"star\"\n      title=\"KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR\" />\n  }\n</aca-page-layout>\n", styles: [".aca-search-ai-results aca-page-layout .aca-page-layout-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--theme-white-background);border-top:1px solid var(--theme-grey-background-color);padding-top:28px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:24%;padding-left:24%;min-width:51%}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container-query{border-radius:12px;padding:20px 15px 19px;background:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container{padding:18px 20px;display:flex;flex-direction:column;border:1px solid var(--adf-theme-foreground-divider-color);border-radius:12px;margin:16px 0 75px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-references-container-header{padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton{position:relative;background-image:linear-gradient(to left,var(--theme-light-grey-1-color) 0%,var(--theme-light-grey-2-color) 20%,var(--theme-light-grey-3-color) 40%,var(--theme-light-grey-1-color) 100%);background-size:200%;display:inline-block;height:1em;overflow:hidden;width:100%;margin-bottom:.5rem;border-radius:.25rem}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton-half{width:50%;margin-bottom:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error{border-color:var(--adf-error-color);padding:32px 18px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message{display:flex;justify-content:space-between;align-items:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button{background-color:var(--adf-secondary-button-background)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button-icon{font-size:24px;height:24px;width:23px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response{margin-bottom:17px;overflow-wrap:break-word;white-space:pre-wrap}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action{width:max-content;padding:0}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action mat-icon{font-size:17.25px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action-regeneration{margin-left:2px;margin-right:2px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action .mat-mdc-button-touch-target{width:24px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table{width:100%;border-collapse:collapse;box-shadow:0 2px 4px var(--theme-grey-divider-color);border-radius:4px;overflow:hidden}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th{background-color:var(--adf-theme-mat-grey-color-a200);text-align:left}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th,.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table td{padding:16px;border-bottom:1px solid var(--adf-theme-foreground-divider-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:hover{background-color:var(--adf-theme-background-hover-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:nth-child(2n){background-color:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider{margin-top:9px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider-error{border-color:var(--adf-error-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container{padding-right:8px;padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-header{margin-top:16px;color:var(--theme-text-light-color);font-weight:400;margin-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-loading-error{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents{padding-right:5px;padding-top:5px;margin-left:-2px;display:flex;flex-wrap:wrap;gap:21px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document{display:flex;flex-direction:row;padding-top:7px;padding-bottom:7px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-icon{height:auto;align-content:center;padding-right:11px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-name{display:flex;flex-direction:column;width:100%;justify-content:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document:hover{text-decoration:underline;text-decoration-color:var(--theme-primary-color);color:var(--theme-primary-color);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: SearchAiInputContainerComponent, selector: "aca-search-ai-input-container", inputs: ["placeholder", "agentId", "usedInAiResultsPage"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i11.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SearchAiResultsComponent, decorators: [{
             type: Component,
@@ -9422,7 +9523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                             }
                         })
                     ], selector: 'aca-search-ai-results', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-ai-results' }, template: "<aca-page-layout>\n  @if (!hasError && agentId) {\n    <aca-search-ai-input-container\n      class=\"aca-page-layout-header\"\n      placeholder=\"KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER\"\n      [agentId]=\"agentId\"\n      [usedInAiResultsPage]=\"true\" />\n  }\n\n  @if (!hasError) {\n    <div class=\"aca-page-layout-content\">\n      <div class=\"aca-search-ai-results-container\">\n        <div\n          class=\"aca-search-ai-results-container-query\"\n          data-automation-id=\"aca-search-ai-results-query\">\n          {{ searchQuery }}\n        </div>\n        <div\n          class=\"aca-search-ai-response-container\"\n          [class.aca-search-ai-response-container-error]=\"hasAnsweringError\">\n          @if (!loading) {\n            @if (!hasAnsweringError) {\n              <div class=\"aca-search-ai-response-container-body\">\n                <markdown\n                  class=\"aca-search-ai-response-container-body-response\"\n                  data-automation-id=\"aca-search-ai-results-response\"\n                  [data]=\"displayedAnswer\"\n                  (ready)=\"addSourceCodeTooltips()\"\n                  mermaid\n                  katex />\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action aca-search-ai-response-container-body-response-action-regeneration\"\n                  mat-icon-button\n                  (click)=\"checkUnsavedChangesAndSearch()\"\n                  data-automation-id=\"aca-search-ai-results-regeneration-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate\">\n                  <mat-icon>cached</mat-icon>\n                </button>\n                <button\n                  class=\"aca-search-ai-response-container-body-response-action\"\n                  mat-icon-button\n                  (click)=\"copyResponseToClipboard()\"\n                  data-automation-id=\"aca-search-ai-results-copying-button\"\n                  [title]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.COPY_BUTTON_LABEL' | translate\">\n                  <mat-icon>copy</mat-icon>\n                </button>\n\n                @if (references$ | async; as refs) {\n                  @if (refs?.length || hasReferencesLoadingError) {\n                    <mat-divider\n                      class=\"aca-search-ai-response-container-body-divider\"\n                      [class.aca-search-ai-response-container-body-divider-error]=\"hasReferencesLoadingError\"\n                      aria-hidden=\"true\"\n                    />\n                    <div class=\"aca-search-ai-response-container-body-references-container\">\n                      <p class=\"aca-search-ai-response-container-body-references-container-header\">\n                        {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}\n                      </p>\n\n                      @if (hasReferencesLoadingError) {\n                        <div class=\"aca-search-ai-response-container-body-references-container-loading-error\" role=\"alert\">\n                          {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.REFERENCES_LOADING_ERROR' | translate }}\n                          <button\n                            mat-flat-button\n                            (click)=\"loadReferences()\"\n                            [attr.aria-label]=\"'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate\"\n                            class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                            data-automation-id=\"aca-search-ai-response-container-body-references-container-retry-references-loading-button\">\n                            <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                            {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.RELOAD_REFERENCES_BUTTON_LABEL' | translate }}\n                          </button>\n                        </div>\n                      } @else {\n                        <div class=\"aca-search-ai-response-container-body-references-container-documents\">\n                          @for (node of refs; track node.id) {\n                            <a\n                              class=\"aca-search-ai-response-container-body-references-container-documents-document\"\n                              [attr.data-automation-id]=\"'aca-search-ai-results-' + node.id + '-document'\"\n                              role=\"link\"\n                              (click)=\"openFile(node.id)\"\n                              (keyup.enter)=\"openFile(node.id)\"\n                              tabindex=\"0\">\n                              <mat-icon\n                                mat-list-icon\n                                class=\"aca-search-ai-response-container-body-references-container-documents-document-icon\">\n                                <img [alt]=\"node.content?.mimeType\" [src]=\"mimeTypeIconsByNodeId[node.id]\" />\n                              </mat-icon>\n                              <div class=\"aca-search-ai-response-container-body-references-container-documents-document-name\">\n                                {{ node.name }}\n                              </div>\n                            </a>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                }\n              </div>\n            } @else {\n              <div class=\"aca-search-ai-response-container-error-message\" role=\"alert\">\n                {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.LOADING_ERROR' | translate }}\n                <button\n                  mat-flat-button\n                  (click)=\"performAiSearch()\"\n                  class=\"aca-search-ai-response-container-error-message-regeneration-button\"\n                  data-automation-id=\"aca-search-ai-results-error-regeneration-button\">\n                  <mat-icon class=\"aca-search-ai-response-container-error-message-regeneration-button-icon\">cached</mat-icon>\n                  {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate }}\n                </button>\n              </div>\n            }\n          } @else {\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton\"></div>\n            <div class=\"adf-skeleton adf-skeleton-half\"></div>\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    <adf-empty-content\n      class=\"aca-page-layout-content\"\n      icon=\"star\"\n      title=\"KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR\" />\n  }\n</aca-page-layout>\n", styles: [".aca-search-ai-results aca-page-layout .aca-page-layout-content{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--theme-white-background);border-top:1px solid var(--theme-grey-background-color);padding-top:28px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:24%;padding-left:24%;min-width:51%}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-results-container-query{border-radius:12px;padding:20px 15px 19px;background:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container{padding:18px 20px;display:flex;flex-direction:column;border:1px solid var(--adf-theme-foreground-divider-color);border-radius:12px;margin:16px 0 75px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-references-container-header{padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton{position:relative;background-image:linear-gradient(to left,var(--theme-light-grey-1-color) 0%,var(--theme-light-grey-2-color) 20%,var(--theme-light-grey-3-color) 40%,var(--theme-light-grey-1-color) 100%);background-size:200%;display:inline-block;height:1em;overflow:hidden;width:100%;margin-bottom:.5rem;border-radius:.25rem}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton-half{width:50%;margin-bottom:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container .adf-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:shimmer 2s infinite;content:\"\"}@keyframes shimmer{to{transform:translate(100%)}}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error{border-color:var(--adf-error-color);padding:32px 18px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message{display:flex;justify-content:space-between;align-items:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button{background-color:var(--adf-secondary-button-background)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-error-message-regeneration-button-icon{font-size:24px;height:24px;width:23px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response{margin-bottom:17px;overflow-wrap:break-word;white-space:pre-wrap}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action{width:max-content;padding:0}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action mat-icon{font-size:17.25px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action-regeneration{margin-left:2px;margin-right:2px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response-action .mat-mdc-button-touch-target{width:24px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table{width:100%;border-collapse:collapse;box-shadow:0 2px 4px var(--theme-grey-divider-color);border-radius:4px;overflow:hidden}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th{background-color:var(--adf-theme-mat-grey-color-a200);text-align:left}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table th,.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table td{padding:16px;border-bottom:1px solid var(--adf-theme-foreground-divider-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:hover{background-color:var(--adf-theme-background-hover-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-response table tr:nth-child(2n){background-color:var(--theme-card-background-grey-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider{margin-top:9px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-divider-error{border-color:var(--adf-error-color)}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container{padding-right:8px;padding-left:8px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-header{margin-top:16px;color:var(--theme-text-light-color);font-weight:400;margin-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-loading-error{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:3px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents{padding-right:5px;padding-top:5px;margin-left:-2px;display:flex;flex-wrap:wrap;gap:21px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document{display:flex;flex-direction:row;padding-top:7px;padding-bottom:7px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-icon{height:auto;align-content:center;padding-right:11px}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document-name{display:flex;flex-direction:column;width:100%;justify-content:center}.aca-search-ai-results aca-page-layout .aca-page-layout-content .aca-search-ai-response-container-body-references-container-documents-document:hover{text-decoration:underline;text-decoration-color:var(--theme-primary-color);color:var(--theme-primary-color);cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i2.ClipboardService }, { type: i2.ThumbnailService }, { type: i4$3.TranslateService }, { type: i2.UnsavedChangesGuard }, { type: ModalAiService }, { type: i5$1.ViewerService }, { type: i0.ElementRef }, { type: i1$1.ContentApiService }] });
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }, { type: i2.ClipboardService }, { type: i2.ThumbnailService }, { type: i4$3.TranslateService }, { type: i2.UnsavedChangesGuard }, { type: ModalAiService }, { type: i5$2.ViewerService }, { type: i0.ElementRef }, { type: i1$1.ContentApiService }] });
 
 /*!
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -9480,7 +9581,7 @@ class SavedSearchDeleteDialogComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchDeleteDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i2.NotificationService }, { token: SavedSearchesContextService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SavedSearchDeleteDialogComponent, isStandalone: true, selector: "aca-saved-search-delete-dialog", host: { classAttribute: "aca-saved-search-delete-dialog" }, ngImport: i0, template: "<div class=\"aca-saved-search-delete-dialog__header\">\n  <h2 class=\"aca-saved-search-delete-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.DELETE_DIALOG.TITLE\" | translate}}</h2>\n  <button\n    mat-icon-button\n    mat-dialog-close\n    [attr.aria-label]=\"'CLOSE' | translate\"\n    [attr.title]=\"'CLOSE' | translate\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<mat-dialog-content>\n  <p>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DELETE_DIALOG.CONTENT' | translate }}</p>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button\n          mat-dialog-close\n          id=\"aca-save-search-delete-dialog-cancel-button\">{{ 'CANCEL' | titlecase | translate }}</button>\n  <button mat-flat-button\n          id=\"aca-save-search-delete-dialog-submit-button\"\n          color=\"primary\"\n          [disabled]=\"isLoading\"\n          (click)=\"onSubmit()\">{{ 'DELETE' | titlecase | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-saved-search-delete-dialog .aca-saved-search-delete-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-saved-search-delete-dialog .aca-saved-search-delete-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SavedSearchDeleteDialogComponent, isStandalone: true, selector: "aca-saved-search-delete-dialog", host: { classAttribute: "aca-saved-search-delete-dialog" }, ngImport: i0, template: "<div class=\"aca-saved-search-delete-dialog__header\">\n  <h2 class=\"aca-saved-search-delete-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.DELETE_DIALOG.TITLE\" | translate}}</h2>\n  <button\n    mat-icon-button\n    mat-dialog-close\n    [attr.aria-label]=\"'CLOSE' | translate\"\n    [attr.title]=\"'CLOSE' | translate\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<mat-dialog-content>\n  <p>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DELETE_DIALOG.CONTENT' | translate }}</p>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n  <button mat-button\n          mat-dialog-close\n          id=\"aca-save-search-delete-dialog-cancel-button\">{{ 'CANCEL' | titlecase | translate }}</button>\n  <button mat-flat-button\n          id=\"aca-save-search-delete-dialog-submit-button\"\n          color=\"primary\"\n          [disabled]=\"isLoading\"\n          (click)=\"onSubmit()\">{{ 'DELETE' | titlecase | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-saved-search-delete-dialog .aca-saved-search-delete-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-saved-search-delete-dialog .aca-saved-search-delete-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchDeleteDialogComponent, decorators: [{
             type: Component,
@@ -9574,7 +9675,7 @@ class SavedSearchEditDialogComponent {
         this.notificationService.showInfo('APP.BROWSE.SEARCH.SAVE_SEARCH.EDIT_DIALOG.SUCCESS_MESSAGE');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchEditDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i2.NotificationService }, { token: SavedSearchesContextService }, { token: UniqueSearchNameValidator }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SavedSearchEditDialogComponent, isStandalone: true, selector: "aca-saved-search-edit-dialog", host: { classAttribute: "aca-saved-search-edit-dialog" }, ngImport: i0, template: "<div class=\"aca-saved-search-edit-dialog__header\">\n  <h2 class=\"aca-saved-search-edit-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.EDIT_DIALOG.TITLE\" | translate}}</h2>\n  <button\n    mat-icon-button\n    mat-dialog-close\n    [attr.aria-label]=\"'CLOSE' | translate\"\n    [attr.title]=\"'CLOSE' | translate\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <form [formGroup]=\"form\" (submit)=\"submit()\">\n    <mat-form-field class=\"aca-saved-search-edit-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n      <input\n          [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n          data-automation-id=\"saved-search-edit-name\"\n          matInput\n          required\n          [formControlName]=\"'name'\"\n          adf-auto-focus/>\n      @if (form.controls['name'].touched) {\n      <mat-error>\n        @if (form.controls['name'].errors?.required) {\n        <span>\n          {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n        </span>\n        }\n        @if (!form.controls['name'].errors?.required && form.controls['name'].errors?.message) {\n        <span>\n          {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n        </span>\n        }\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field class=\"aca-saved-search-edit-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n      <textarea\n            matInput\n            data-automation-id=\"saved-search-edit-description\"\n            [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n            rows=\"4\"\n            [formControlName]=\"'description'\"></textarea>\n    </mat-form-field>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button mat-button\n          id=\"aca-saved-search-edit-dialog-cancel-button\"\n          mat-dialog-close> {{ 'CANCEL' | titlecase | translate }} </button>\n\n  <button mat-flat-button\n          color=\"primary\"\n          id=\"aca-saved-search-edit-dialog-submit-button\"\n          (click)=\"submit()\"\n          [disabled]=\"!form.valid || isLoading\">{{ 'SAVE' | titlecase | translate}}</button>\n</mat-dialog-actions>\n", styles: [".aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__form-field{width:100%;margin-bottom:15px}.aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SavedSearchEditDialogComponent, isStandalone: true, selector: "aca-saved-search-edit-dialog", host: { classAttribute: "aca-saved-search-edit-dialog" }, ngImport: i0, template: "<div class=\"aca-saved-search-edit-dialog__header\">\n  <h2 class=\"aca-saved-search-edit-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.EDIT_DIALOG.TITLE\" | translate}}</h2>\n  <button\n    mat-icon-button\n    mat-dialog-close\n    [attr.aria-label]=\"'CLOSE' | translate\"\n    [attr.title]=\"'CLOSE' | translate\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content>\n  <form [formGroup]=\"form\" (submit)=\"submit()\">\n    <mat-form-field class=\"aca-saved-search-edit-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n      <input\n          [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n          data-automation-id=\"saved-search-edit-name\"\n          matInput\n          required\n          [formControlName]=\"'name'\"\n          adf-auto-focus/>\n      @if (form.controls['name'].touched) {\n      <mat-error>\n        @if (form.controls['name'].errors?.required) {\n        <span>\n          {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n        </span>\n        }\n        @if (!form.controls['name'].errors?.required && form.controls['name'].errors?.message) {\n        <span>\n          {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n        </span>\n        }\n      </mat-error>\n      }\n    </mat-form-field>\n\n    <mat-form-field class=\"aca-saved-search-edit-dialog__form-field\">\n      <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n      <textarea\n            matInput\n            data-automation-id=\"saved-search-edit-description\"\n            [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n            rows=\"4\"\n            [formControlName]=\"'description'\"></textarea>\n    </mat-form-field>\n  </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <button mat-button\n          id=\"aca-saved-search-edit-dialog-cancel-button\"\n          mat-dialog-close> {{ 'CANCEL' | titlecase | translate }} </button>\n\n  <button mat-flat-button\n          color=\"primary\"\n          id=\"aca-saved-search-edit-dialog-submit-button\"\n          (click)=\"submit()\"\n          [disabled]=\"!form.valid || isLoading\">{{ 'SAVE' | titlecase | translate}}</button>\n</mat-dialog-actions>\n", styles: [".aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__form-field{width:100%;margin-bottom:15px}.aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-saved-search-edit-dialog .aca-saved-search-edit-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchEditDialogComponent, decorators: [{
             type: Component,
@@ -9867,7 +9968,7 @@ class SavedSearchesSmartListComponent extends PageComponent {
         this.savedSearchesService.changeOrder(event.previousIndex, event.currentIndex);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchesSmartListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SavedSearchesSmartListComponent, isStandalone: true, selector: "aca-saved-searches-smart-list", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <h1 class=\"aca-page-title\">\n      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.LIST.TITLE' | translate }}\n    </h1>\n  </div>\n  <div *ngIf=\"savedSearches$ | async as savedSearches else spinner\"\n       class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\" >\n      <aca-saved-searches-ui-list *ngIf=\"savedSearches.length else emptyList\"\n                                  [savedSearches]=\"savedSearches\"\n                                  (savedSearchOrderChanged)=\"onOrderChanged($event)\"/>\n    </div>\n  </div>\n  <ng-template #emptyList>\n    <adf-empty-content\n            class=\"aca-page-layout-content\"\n            data-automation-id=\"'saved-search-list-empty-content'\"\n            icon=\"library_books\"\n            title=\"APP.BROWSE.SEARCH.SAVE_SEARCH.LIST.EMPTY_LIST\" />\n  </ng-template>\n</aca-page-layout>\n\n<ng-template #spinner>\n  <mat-progress-spinner\n    class=\"aca-page-layout-spinner\"\n    data-automation-id=\"'saved-search-list-spinner'\"\n    [color]=\"'primary'\"\n    [mode]=\"'indeterminate'\" />\n</ng-template>\n", styles: ["aca-saved-searches-smart-list .aca-page-layout{background:var(--theme-page-layout-header-background-color)}aca-saved-searches-smart-list .aca-page-layout .aca-content-header{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}aca-saved-searches-smart-list .aca-page-layout-spinner{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SavedSearchesListUiComponent, selector: "aca-saved-searches-ui-list", inputs: ["savedSearches"], outputs: ["savedSearchOrderChanged"] }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6$4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: SavedSearchesSmartListComponent, isStandalone: true, selector: "aca-saved-searches-smart-list", usesInheritance: true, ngImport: i0, template: "<aca-page-layout>\n  <div class=\"aca-page-layout-header\">\n    <h1 class=\"aca-page-title\">\n      {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.LIST.TITLE' | translate }}\n    </h1>\n  </div>\n  <div *ngIf=\"savedSearches$ | async as savedSearches else spinner\"\n       class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\" >\n      <aca-saved-searches-ui-list *ngIf=\"savedSearches.length else emptyList\"\n                                  [savedSearches]=\"savedSearches\"\n                                  (savedSearchOrderChanged)=\"onOrderChanged($event)\"/>\n    </div>\n  </div>\n  <ng-template #emptyList>\n    <adf-empty-content\n            class=\"aca-page-layout-content\"\n            data-automation-id=\"'saved-search-list-empty-content'\"\n            icon=\"library_books\"\n            title=\"APP.BROWSE.SEARCH.SAVE_SEARCH.LIST.EMPTY_LIST\" />\n  </ng-template>\n</aca-page-layout>\n\n<ng-template #spinner>\n  <mat-progress-spinner\n    class=\"aca-page-layout-spinner\"\n    data-automation-id=\"'saved-search-list-spinner'\"\n    [color]=\"'primary'\"\n    [mode]=\"'indeterminate'\" />\n</ng-template>\n", styles: ["aca-saved-searches-smart-list .aca-page-layout{background:var(--theme-page-layout-header-background-color)}aca-saved-searches-smart-list .aca-page-layout .aca-content-header{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}aca-saved-searches-smart-list .aca-page-layout-spinner{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SavedSearchesListUiComponent, selector: "aca-saved-searches-ui-list", inputs: ["savedSearches"], outputs: ["savedSearchOrderChanged"] }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SavedSearchesSmartListComponent, decorators: [{
             type: Component,
@@ -10436,7 +10537,7 @@ class UserInfoComponent {
     menuItem;
     user$ = this.userProfileService.userProfile$;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UserInfoComponent, isStandalone: true, selector: "app-user-info", viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<button mat-menu-item class=\"aca-user-info\" [routerLink]=\"['/profile']\" title=\"{{ 'APP.TOOLTIPS.MY_PROFILE' | translate }}\">\n  <ng-container *ngIf=\"user$ | async as user\">\n    <div class=\"aca-user-info-content\">\n      <button class=\"aca-user-info-button\">\n        <div>{{ user.initials || 'U' }}</div>\n      </button>\n      <div class=\"aca-user-info-details\">\n        <div>{{ user.userName }}</div>\n        <div>{{ user.email }}</div>\n      </div>\n    </div>\n  </ng-container>\n</button>\n", styles: [".aca-user-info{display:flex;height:66px;align-items:center}.aca-user-info-content{display:flex;align-items:center}.aca-user-info-button{border-radius:90%;height:32px;margin-right:0;min-width:32px;padding:0;font-weight:700;line-height:32px;text-align:center;vertical-align:middle;background:var(--theme-user-profile-background-color);color:var(--theme-white-background);border:none}.aca-user-info-details{line-height:24px;margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UserInfoComponent, isStandalone: true, selector: "app-user-info", viewQueries: [{ propertyName: "menuItem", first: true, predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<button mat-menu-item class=\"aca-user-info\" [routerLink]=\"['/profile']\" title=\"{{ 'APP.TOOLTIPS.MY_PROFILE' | translate }}\">\n  <ng-container *ngIf=\"user$ | async as user\">\n    <div class=\"aca-user-info-content\">\n      <button class=\"aca-user-info-button\">\n        <div>{{ user.initials || 'U' }}</div>\n      </button>\n      <div class=\"aca-user-info-details\">\n        <div>{{ user.userName }}</div>\n        <div>{{ user.email }}</div>\n      </div>\n    </div>\n  </ng-container>\n</button>\n", styles: [".aca-user-info{display:flex;height:66px;align-items:center}.aca-user-info-content{display:flex;align-items:center}.aca-user-info-button{border-radius:90%;height:32px;margin-right:0;min-width:32px;padding:0;font-weight:700;line-height:32px;text-align:center;vertical-align:middle;background:var(--theme-user-profile-background-color);color:var(--theme-white-background);border:none}.aca-user-info-details{line-height:24px;margin-left:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UserInfoComponent, decorators: [{
             type: Component,
@@ -10703,7 +10804,7 @@ class ExpandMenuComponent {
         return obj.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ExpandMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ExpandMenuComponent, isStandalone: true, selector: "app-expand-menu", inputs: { item: "item" }, outputs: { actionClicked: "actionClicked" }, host: { classAttribute: "app-expand-menu" }, ngImport: i0, template: "<ng-container *ngIf=\"!item.children\">\n  <div class=\"aca-expansion-panel-item\">\n    <button\n      acaActiveLink=\"aca-action-button--active\"\n      [action]=\"item\"\n      [attr.aria-label]=\"item.title | translate\"\n      [id]=\"item.id\"\n      [attr.data-automation-id]=\"item.id\"\n      [attr.title]=\"item.description | translate\"\n      mat-button\n      class=\"aca-action-button aca-full-width\"\n    >\n      <adf-icon *ngIf=\"item.icon\" [value]=\"item.icon\" />\n      <span class=\"action-button__label\">{{ item.title | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"item.children && item.children.length\">\n  <mat-expansion-panel\n    class=\"aca-expansion-panel\"\n    [expanded]=\"true\"\n    [@.disabled]=\"true\"\n  >\n    <mat-expansion-panel-header expandedHeight=\"32px\" collapsedHeight=\"32px\" class=\"aca-expansion-panel-header\">\n      <mat-panel-title class=\"aca-expansion-panel-header-title\">\n        <div class=\"aca-expansion-panel-item\">\n          <span\n            [attr.aria-label]=\"item.title | translate\"\n            [id]=\"item.id\"\n            [attr.title]=\"item.description | translate\"\n            [attr.data-automation-id]=\"item.id\"\n            class=\"aca-action-button aca-full-width\"\n          >\n            <adf-icon *ngIf=\"item.icon\" [value]=\"item.icon\" />\n            <span class=\"aca-action-button__label\">{{ item.title | translate }}</span>\n          </span>\n        </div>\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul class=\"aca-expansion-panel-body\" [attr.aria-label]=\"item.title | translate\">\n      <li *ngFor=\"let child of item.children; trackBy: trackById\" class=\"aca-expansion-panel-item\">\n        <button\n          acaActiveLink=\"aca-action-button--active\"\n          [action]=\"child\"\n          (actionClicked)=\"actionClicked.emit($event)\"\n          [attr.aria-label]=\"child.title | translate\"\n          [id]=\"child.id\"\n          [attr.data-automation-id]=\"child.id\"\n          [attr.title]=\"child.description | translate\"\n          mat-button\n          class=\"aca-action-button aca-full-width\"\n        >\n          <adf-icon *ngIf=\"child.icon\" [value]=\"child.icon\" />\n          <span class=\"aca-action-button__label\">{{ child.title | translate }}</span>\n        </button>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: ActiveLinkDirective, selector: "[acaActiveLink]", inputs: ["acaActiveLink"], exportAs: ["acaActiveLink"] }, { kind: "directive", type: ActionDirective, selector: "[action]", inputs: ["action"], outputs: ["actionClicked"], exportAs: ["action"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: ExpandMenuComponent, isStandalone: true, selector: "app-expand-menu", inputs: { item: "item" }, outputs: { actionClicked: "actionClicked" }, host: { classAttribute: "app-expand-menu" }, ngImport: i0, template: "<ng-container *ngIf=\"!item.children\">\n  <div class=\"aca-expansion-panel-item\">\n    <button\n      acaActiveLink=\"aca-action-button--active\"\n      [action]=\"item\"\n      [attr.aria-label]=\"item.title | translate\"\n      [id]=\"item.id\"\n      [attr.data-automation-id]=\"item.id\"\n      [attr.title]=\"item.description | translate\"\n      mat-button\n      class=\"aca-action-button aca-full-width\"\n    >\n      <adf-icon *ngIf=\"item.icon\" [value]=\"item.icon\" />\n      <span class=\"action-button__label\">{{ item.title | translate }}</span>\n    </button>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"item.children && item.children.length\">\n  <mat-expansion-panel\n    class=\"aca-expansion-panel\"\n    [expanded]=\"true\"\n    [@.disabled]=\"true\"\n  >\n    <mat-expansion-panel-header expandedHeight=\"32px\" collapsedHeight=\"32px\" class=\"aca-expansion-panel-header\">\n      <mat-panel-title class=\"aca-expansion-panel-header-title\">\n        <div class=\"aca-expansion-panel-item\">\n          <span\n            [attr.aria-label]=\"item.title | translate\"\n            [id]=\"item.id\"\n            [attr.title]=\"item.description | translate\"\n            [attr.data-automation-id]=\"item.id\"\n            class=\"aca-action-button aca-full-width\"\n          >\n            <adf-icon *ngIf=\"item.icon\" [value]=\"item.icon\" />\n            <span class=\"aca-action-button__label\">{{ item.title | translate }}</span>\n          </span>\n        </div>\n      </mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul class=\"aca-expansion-panel-body\" [attr.aria-label]=\"item.title | translate\">\n      <li *ngFor=\"let child of item.children; trackBy: trackById\" class=\"aca-expansion-panel-item\">\n        <button\n          acaActiveLink=\"aca-action-button--active\"\n          [action]=\"child\"\n          (actionClicked)=\"actionClicked.emit($event)\"\n          [attr.aria-label]=\"child.title | translate\"\n          [id]=\"child.id\"\n          [attr.data-automation-id]=\"child.id\"\n          [attr.title]=\"child.description | translate\"\n          mat-button\n          class=\"aca-action-button aca-full-width\"\n        >\n          <adf-icon *ngIf=\"child.icon\" [value]=\"child.icon\" />\n          <span class=\"aca-action-button__label\">{{ child.title | translate }}</span>\n        </button>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: ActiveLinkDirective, selector: "[acaActiveLink]", inputs: ["acaActiveLink"], exportAs: ["acaActiveLink"] }, { kind: "directive", type: ActionDirective, selector: "[action]", inputs: ["action"], outputs: ["actionClicked"], exportAs: ["action"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i3$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$2.MatExpansionPanelTitle, selector: "mat-panel-title" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ExpandMenuComponent, decorators: [{
             type: Component,
@@ -10838,7 +10939,7 @@ class UserMenuComponent {
         this.menu.ngAfterContentInit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UserMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UserMenuComponent, isStandalone: true, selector: "aca-user-menu", inputs: { actionRef: "actionRef", data: "data" }, host: { classAttribute: "aca-user-menu" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "toolbarMenuItems", predicate: ToolbarMenuItemComponent, descendants: true }], ngImport: i0, template: "<button mat-button\n  class=\"aca-user-menu-button\"\n  data-automation-id=\"app-user-menu-button\"\n  [matMenuTriggerFor]=\"menu\"\n  title=\"{{'APP.TOOLTIPS.OPTIONS_SETTINGS' | translate}}\"\n>\n  <div>{{ (user$ | async)?.initials }}</div>\n</button>\n\n<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <app-toolbar-menu-item [actionRef]=\"item\" />\n  </ng-container>\n</mat-menu>\n", styles: [".aca-user-menu .aca-user-menu-button{border-radius:90%;height:32px;margin-right:0;min-width:32px;width:32px;padding:0;font-weight:700;line-height:32px;text-align:center;vertical-align:middle;background:var(--theme-user-profile-background-color);color:var(--theme-white-background);border:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UserMenuComponent, isStandalone: true, selector: "aca-user-menu", inputs: { actionRef: "actionRef", data: "data" }, host: { classAttribute: "aca-user-menu" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "toolbarMenuItems", predicate: ToolbarMenuItemComponent, descendants: true }], ngImport: i0, template: "<button mat-button\n  class=\"aca-user-menu-button\"\n  data-automation-id=\"app-user-menu-button\"\n  [matMenuTriggerFor]=\"menu\"\n  title=\"{{'APP.TOOLTIPS.OPTIONS_SETTINGS' | translate}}\"\n>\n  <div>{{ (user$ | async)?.initials }}</div>\n</button>\n\n<mat-menu #menu=\"matMenu\" xPosition=\"before\">\n  <ng-container *ngFor=\"let item of data.items\">\n    <app-toolbar-menu-item [actionRef]=\"item\" />\n  </ng-container>\n</mat-menu>\n", styles: [".aca-user-menu .aca-user-menu-button{border-radius:90%;height:32px;margin-right:0;min-width:32px;width:32px;padding:0;font-weight:700;line-height:32px;text-align:center;vertical-align:middle;background:var(--theme-user-profile-background-color);color:var(--theme-white-background);border:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: ToolbarMenuItemComponent, selector: "app-toolbar-menu-item", inputs: ["actionRef", "menuId"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UserMenuComponent, decorators: [{
             type: Component,
@@ -11108,7 +11209,7 @@ class AgentsButtonComponent {
         change.source.deselectAll();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AgentsButtonComponent, deps: [{ token: i1$5.Store }, { token: i2.NotificationService }, { token: i1.SearchAiService }, { token: i1.AgentService }, { token: i4$3.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: AgentsButtonComponent, isStandalone: true, selector: "aca-agents-button", inputs: { data: "data" }, host: { classAttribute: "aca-agents-button" }, ngImport: i0, template: "<ng-container *ngIf=\"agents.length && hxInsightUrl\">\n  <button\n    [matMenuTriggerFor]=\"disabled ? null : agentsList\"\n    class=\"aca-agents-menu-button aca-agents-button-menu-trigger\"\n    (mouseup)=\"onClick()\"\n    (keydown.enter)=\"onClick()\"\n    data-automation-id=\"aca-agents-button\">\n    <adf-icon\n      value=\"adf:colored-stars-ai\"\n      class=\"aca-agents-button-icon\" />\n    {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.AGENTS_BUTTON.LABEL' | translate}}\n  </button>\n  <mat-menu\n    #agentsList=\"matMenu\"\n    class=\"aca-agents-button-menu\"\n    xPosition=\"before\">\n    <mat-selection-list\n      (selectionChange)=\"onAgentSelection($event)\"\n      [multiple]=\"false\"\n      class=\"aca-agents-button-menu-list\"\n      [hideSingleSelectionIndicator]=\"true\">\n      <mat-list-option\n        *ngFor=\"let agent of agents\"\n        class=\"aca-agents-button-menu-list-agent\"\n        [attr.data-automation-id]=\"'aca-agents-button-agent-' + agent.id\"\n        [value]=\"agent\">\n        <div class=\"aca-agents-button-menu-list-agent-content\">\n          <adf-avatar [src]=\"agent?.avatarUrl\" [initials]=\"initialsByAgentId[agent.id]\" />\n          <span class=\"aca-agents-button-menu-list-agent-content-name\" [matTooltip]=\"agent.name\" [matTooltipPosition]=\"'right'\">\n           {{ agent.name }}\n          </span>\n        </div>\n      </mat-list-option>\n    </mat-selection-list>\n  </mat-menu>\n</ng-container>\n", styles: ["aca-agents-button.aca-agents-button{height:32px;display:block}aca-agents-button.aca-agents-button button.aca-agents-menu-button{display:flex;align-items:end}aca-agents-button.aca-agents-button button.aca-agents-menu-button.aca-agents-button-menu-trigger{height:auto;cursor:pointer;border:none;background:transparent;width:max-content;padding:0 4px 0 0}aca-agents-button.aca-agents-button button.aca-agents-menu-button .aca-agents-button-icon{display:flex;align-self:baseline}aca-agents-button.aca-agents-button button.aca-agents-menu-button .aca-agents-button-icon svg{height:32px;width:32px;position:absolute;margin-left:-21px}.aca-agents-button-menu{padding-top:2px;padding-bottom:1px}.aca-agents-button-menu .aca-agents-button-menu-list{margin-left:-6px;padding-top:0;padding-bottom:0}.aca-agents-button-menu .aca-agents-button-menu-list-agent{height:40px}.aca-agents-button-menu .aca-agents-button-menu-list-agent:not(:last-child){margin-bottom:2px}.aca-agents-button-menu .aca-agents-button-menu-list-agent-content{display:flex;align-items:center}.aca-agents-button-menu .aca-agents-button-menu-list-agent-content-name{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aca-agents-button-menu .aca-agents-button-menu-list-agent adf-avatar{margin-right:12px;margin-bottom:2px;padding-left:1px;padding-top:1px}.aca-agents-button-menu .aca-agents-button-menu-list-agent adf-avatar .adf-avatar__image{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i7.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: AvatarComponent, selector: "adf-avatar", inputs: ["src", "initials", "tooltip", "size", "cursor"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: AgentsButtonComponent, isStandalone: true, selector: "aca-agents-button", inputs: { data: "data" }, host: { classAttribute: "aca-agents-button" }, ngImport: i0, template: "<ng-container *ngIf=\"agents.length && hxInsightUrl\">\n  <button\n    [matMenuTriggerFor]=\"disabled ? null : agentsList\"\n    class=\"aca-agents-menu-button aca-agents-button-menu-trigger\"\n    (mouseup)=\"onClick()\"\n    (keydown.enter)=\"onClick()\"\n    data-automation-id=\"aca-agents-button\">\n    <adf-icon\n      value=\"adf:colored-stars-ai\"\n      class=\"aca-agents-button-icon\" />\n    {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.AGENTS_BUTTON.LABEL' | translate}}\n  </button>\n  <mat-menu\n    #agentsList=\"matMenu\"\n    class=\"aca-agents-button-menu\"\n    xPosition=\"before\">\n    <mat-selection-list\n      (selectionChange)=\"onAgentSelection($event)\"\n      [multiple]=\"false\"\n      class=\"aca-agents-button-menu-list\"\n      [hideSingleSelectionIndicator]=\"true\">\n      <mat-list-option\n        *ngFor=\"let agent of agents\"\n        class=\"aca-agents-button-menu-list-agent\"\n        [attr.data-automation-id]=\"'aca-agents-button-agent-' + agent.id\"\n        [value]=\"agent\">\n        <div class=\"aca-agents-button-menu-list-agent-content\">\n          <adf-avatar [src]=\"agent?.avatarUrl\" [initials]=\"initialsByAgentId[agent.id]\" />\n          <span class=\"aca-agents-button-menu-list-agent-content-name\" [matTooltip]=\"agent.name\" [matTooltipPosition]=\"'right'\">\n           {{ agent.name }}\n          </span>\n        </div>\n      </mat-list-option>\n    </mat-selection-list>\n  </mat-menu>\n</ng-container>\n", styles: ["aca-agents-button.aca-agents-button{height:32px;display:block}aca-agents-button.aca-agents-button button.aca-agents-menu-button{display:flex;align-items:end}aca-agents-button.aca-agents-button button.aca-agents-menu-button.aca-agents-button-menu-trigger{height:auto;cursor:pointer;border:none;background:transparent;width:max-content;padding:0 4px 0 0}aca-agents-button.aca-agents-button button.aca-agents-menu-button .aca-agents-button-icon{display:flex;align-self:baseline}aca-agents-button.aca-agents-button button.aca-agents-menu-button .aca-agents-button-icon svg{height:32px;width:32px;position:absolute;margin-left:-21px}.aca-agents-button-menu{padding-top:2px;padding-bottom:1px}.aca-agents-button-menu .aca-agents-button-menu-list{margin-left:-6px;padding-top:0;padding-bottom:0}.aca-agents-button-menu .aca-agents-button-menu-list-agent{height:40px}.aca-agents-button-menu .aca-agents-button-menu-list-agent:not(:last-child){margin-bottom:2px}.aca-agents-button-menu .aca-agents-button-menu-list-agent-content{display:flex;align-items:center}.aca-agents-button-menu .aca-agents-button-menu-list-agent-content-name{width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aca-agents-button-menu .aca-agents-button-menu-list-agent adf-avatar{margin-right:12px;margin-bottom:2px;padding-left:1px;padding-top:1px}.aca-agents-button-menu .aca-agents-button-menu-list-agent adf-avatar .adf-avatar__image{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i7.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: AvatarComponent, selector: "adf-avatar", inputs: ["src", "initials", "tooltip", "size", "cursor"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: AgentsButtonComponent, decorators: [{
             type: Component,