@alfresco/adf-core 8.2.0-18186380146 → 8.2.0

package/fesm2022/adf-core.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
+import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, Self, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, ChangeDetectorRef, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, DecimalPipe, DatePipe, NgFor } from '@angular/common';
+import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, DecimalPipe, DatePipe, CurrencyPipe, NgFor } from '@angular/common';
 import * as i2 from '@angular/material/table';
 import { MatTableModule, MatTableDataSource } from '@angular/material/table';
 import * as i1$1 from '@ngx-translate/core';
-import { TranslatePipe, provideTranslateService, TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe, provideTranslateService, TranslateLoader } from '@ngx-translate/core';
 import * as i1$8 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpResponse, provideHttpClient, HTTP_INTERCEPTORS, withInterceptorsFromDi, withXsrfConfiguration } from '@angular/common/http';
-import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, combineLatest, defer, EMPTY, race, forkJoin, merge } from 'rxjs';
+import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge, isObservable, filter as filter$1 } from 'rxjs';
 import { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, takeUntil, debounceTime, share, pairwise, buffer } from 'rxjs/operators';
 import * as i1$4 from '@alfresco/adf-extensions';
 import { ExtensionService, mergeObjects, ExtensionsModule, PreviewExtensionComponent } from '@alfresco/adf-extensions';
@@ -62,7 +62,6 @@ import * as i2$6 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i1$a from 'angular-oauth2-oidc';
 import { OAuthStorage, AuthConfig, OAuthService, OAuthErrorEvent, OAuthLogger, OAuthSuccessEvent, AUTH_CONFIG, provideOAuthClient } from 'angular-oauth2-oidc';
-import ee from 'event-emitter';
 import { Minimatch } from 'minimatch';
 import { JwksValidationHandler } from 'angular-oauth2-oidc-jwks';
 import { AuthenticationInterceptor, Authentication } from '@alfresco/adf-core/auth';
@@ -70,8 +69,12 @@ import * as i2$7 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i1$b from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
+import * as i2$8 from '@angular/material/tooltip';
+import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import * as i4$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
+import * as i2$9 from '@angular/material/list';
+import { MatSelectionList, MatListOption, MatListModule } from '@angular/material/list';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import * as i1$c from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
@@ -86,8 +89,6 @@ import * as i3$4 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i4$2 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i2$8 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
 import * as i1$d from '@angular/material/sidenav';
 import { MatSidenavModule, MatSidenav } from '@angular/material/sidenav';
 import * as i1$e from '@angular/cdk/layout';
@@ -95,10 +96,6 @@ import { Breakpoints } from '@angular/cdk/layout';
 import '@alfresco/js-api';
 import * as i6$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
-import { MatGridListModule } from '@angular/material/grid-list';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { provideAnimations } from '@angular/platform-browser/animations';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { MatSelectHarness } from '@angular/material/select/testing';
 import { MatChipHarness, MatChipListboxHarness, MatChipGridHarness } from '@angular/material/chips/testing';
@@ -112,6 +109,10 @@ import { MatTabGroupHarness } from '@angular/material/tabs/testing';
 import { MatToolbarHarness } from '@angular/material/toolbar/testing';
 import { MatSnackBarHarness } from '@angular/material/snack-bar/testing';
 import { MatProgressBarHarness } from '@angular/material/progress-bar/testing';
+import { MatListOptionHarness } from '@angular/material/list/testing';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
 /*!
  * @license
@@ -1593,6 +1594,7 @@ class DateFnsUtils {
             case 'pl':
                 dateFnsLocale = pl;
                 break;
+            case 'pt':
             case 'pt-BR':
                 dateFnsLocale = ptBR;
                 break;
@@ -3185,6 +3187,21 @@ class TranslationService {
     get(key, interpolateParams) {
         return this.translate.get(key, interpolateParams);
     }
+    /**
+     * Determines the preferred locale for the current user.
+     *
+     * @returns Locale identifier resolved from the browser or the default translation locale
+     */
+    getLocale() {
+        const defaultLocale = this.userLang || this.defaultLang;
+        if (typeof window?.navigator === 'undefined') {
+            return defaultLocale;
+        }
+        const wn = window.navigator;
+        let lang = wn.languages ? wn.languages[0] : defaultLocale;
+        lang = lang || wn.language;
+        return lang;
+    }
     /**
      * Directly returns the translation for the supplied key.
      *
@@ -7232,7 +7249,6 @@ class BaseAuthenticationService {
         this.onError = new ReplaySubject(1);
         this.onLogin = new ReplaySubject(1);
         this.onLogout = new ReplaySubject(1);
-        ee(this);
     }
     /**
      * Adds the auth token to an HTTP header using the 'bearer' scheme.
@@ -7553,7 +7569,7 @@ class AuthConfigService {
         return this._authConfig;
     }
     loadConfig() {
-        return this.appConfigService.onLoad.pipe(take(1)).toPromise().then(this.loadAppConfig.bind(this));
+        return firstValueFrom(this.appConfigService.onLoad.pipe(take(1))).then(this.loadAppConfig.bind(this));
     }
     loadAppConfig() {
         const oauth2 = this.appConfigService.oauth2;
@@ -7572,7 +7588,7 @@ class AuthConfigService {
             postLogoutRedirectUri: this.generatePostLogoutUri(origin, oauth2.redirectUriLogout),
             clientId: oauth2.clientId,
             scope: oauth2.scope,
-            dummyClientSecret: oauth2.secret || '',
+            dummyClientSecret: 'dummyClientSecret',
             logoutUrl: oauth2.logoutUrl,
             customQueryParams,
             ...(oauth2.codeFlow && { responseType: 'code' }),
@@ -7677,26 +7693,6 @@ class OidcAuthenticationService extends BaseAuthenticationService {
          */
         this.shouldPerformSsoLogin$ = combineLatest([this.auth.authenticated$, this.auth.isDiscoveryDocumentLoaded$]).pipe(map(([authenticated, isDiscoveryDocumentLoaded]) => !authenticated && isDiscoveryDocumentLoaded));
     }
-    /**
-     * @deprecated use `isLoggedIn` instead
-     * @returns true if the ECM provider is logged in
-     */
-    isEcmLoggedIn() {
-        if (this.isECMProvider() || this.isALLProvider()) {
-            return this.isLoggedIn();
-        }
-        return false;
-    }
-    /**
-     * @deprecated use `isLoggedIn` instead
-     * @returns true if the BPM provider is logged in
-     */
-    isBpmLoggedIn() {
-        if (this.isBPMProvider() || this.isALLProvider()) {
-            return this.isLoggedIn();
-        }
-        return false;
-    }
     isLoggedIn() {
         return this.oauthService.hasValidAccessToken() && this.oauthService.hasValidIdToken();
     }
@@ -7742,20 +7738,6 @@ class OidcAuthenticationService extends BaseAuthenticationService {
     getUsername() {
         return this.jwtHelperService.getValueFromLocalToken(JwtHelperService.USER_PREFERRED_USERNAME);
     }
-    /**
-     * @deprecated use `getUsername` instead
-     * @returns the logged username
-     */
-    getEcmUsername() {
-        return this.getUsername();
-    }
-    /**
-     * @deprecated use `getUsername` instead
-     * @returns the logged username
-     */
-    getBpmUsername() {
-        return this.getUsername();
-    }
     ssoLogin(redirectUrl) {
         this.auth.login(redirectUrl);
     }
@@ -8368,26 +8350,6 @@ class BasicAlfrescoAuthService extends BaseAuthenticationService {
             return '';
         }
     }
-    /**
-     * @deprecated
-     * @returns content auth token
-     */
-    getTicketEcm() {
-        return this.contentAuth.getToken();
-    }
-    /**
-     * @deprecated
-     * @returns process auth token
-     */
-    getTicketBpm() {
-        return this.processAuth.getToken();
-    }
-    isBpmLoggedIn() {
-        return this.processAuth.isLoggedIn();
-    }
-    isEcmLoggedIn() {
-        return this.contentAuth.isLoggedIn();
-    }
     isLoggedIn() {
         const authWithCredentials = this.isKerberosEnabled();
         if (this.isBPMProvider()) {
@@ -8459,20 +8421,6 @@ class BasicAlfrescoAuthService extends BaseAuthenticationService {
     hasSelectedProviderAll(provider) {
         return this.redirectUrl && (this.redirectUrl.provider === 'ALL' || provider === 'ALL');
     }
-    /**
-     * @deprecated use `getUsername()` instead
-     * @returns the username of the authenticated user
-     */
-    getBpmUsername() {
-        return this.processAuth.getUsername();
-    }
-    /**
-     * @deprecated use `getUsername()` instead
-     * @returns the username of the authenticated user
-     */
-    getEcmUsername() {
-        return this.contentAuth.getUsername();
-    }
     /**
      * Gets the username of the authenticated user.
      *
@@ -9041,30 +8989,6 @@ class AuthenticationService {
             return from(this.basicAlfrescoAuthService.logout());
         }
     }
-    /**
-     * @deprecated use `isLoggedIn` instead
-     * @returns true if the ECM provider is logged in
-     */
-    isEcmLoggedIn() {
-        if (this.isOauth()) {
-            return this.oidcAuthenticationService.isLoggedIn();
-        }
-        else {
-            return this.basicAlfrescoAuthService.isEcmLoggedIn();
-        }
-    }
-    /**
-     * @deprecated use `isLoggedIn` instead
-     * @returns true if the BPM provider is logged in
-     */
-    isBpmLoggedIn() {
-        if (this.isOauth()) {
-            return this.oidcAuthenticationService.isLoggedIn();
-        }
-        else {
-            return this.basicAlfrescoAuthService.isBpmLoggedIn();
-        }
-    }
     reset() {
         if (this.isOauth()) {
             return this.oidcAuthenticationService.reset();
@@ -9094,20 +9018,6 @@ class AuthenticationService {
             return this.basicAlfrescoAuthService.getUsername();
         }
     }
-    /**
-     * @deprecated use `getUsername` instead
-     * @returns the logged username
-     */
-    getEcmUsername() {
-        return this.getUsername();
-    }
-    /**
-     * @deprecated use `getUsername` instead
-     * @returns the logged username
-     */
-    getBpmUsername() {
-        return this.getUsername();
-    }
     getAuthHeaders(requestUrl, headers) {
         if (this.isOauth()) {
             return this.oidcAuthenticationService.getAuthHeaders(requestUrl, headers);
@@ -9360,7 +9270,7 @@ const AuthGuardEcm = async (_, state) => {
     if (authenticationService.isLoggedIn() && authenticationService.isOauth() && authGuardBaseService.isLoginFragmentPresent()) {
         return authGuardBaseService.redirectSSOSuccessURL();
     }
-    if (authenticationService.isEcmLoggedIn() || authGuardBaseService.withCredentials) {
+    if (authenticationService.isLoggedIn() || authGuardBaseService.withCredentials) {
         return true;
     }
     return authGuardBaseService.redirectToUrl(state.url);
@@ -9905,7 +9815,7 @@ class IdentityUserService {
     async getUsersByRolesWithCurrentUser(roleNames) {
         const filteredUsers = [];
         if (roleNames && roleNames.length > 0) {
-            const users = await this.getUsers().toPromise();
+            const users = await firstValueFrom(this.getUsers());
             for (let i = 0; i < users.length; i++) {
                 const hasAnyRole = await this.userHasAnyRole(users[i].id, roleNames);
                 if (hasAnyRole) {
@@ -9925,7 +9835,7 @@ class IdentityUserService {
         const filteredUsers = [];
         if (roleNames && roleNames.length > 0) {
             const currentUser = this.getCurrentUserInfo();
-            let users = await this.getUsers().toPromise();
+            let users = await firstValueFrom(this.getUsers());
             users = users.filter(({ username }) => username !== currentUser.username);
             for (let i = 0; i < users.length; i++) {
                 const hasAnyRole = await this.userHasAnyRole(users[i].id, roleNames);
@@ -9937,7 +9847,7 @@ class IdentityUserService {
         return filteredUsers;
     }
     async userHasAnyRole(userId, roleNames) {
-        const userRoles = await this.getUserRoles(userId).toPromise();
+        const userRoles = await firstValueFrom(this.getUserRoles(userId));
         const hasAnyRole = roleNames.some((roleName) => {
             const filteredRoles = userRoles.filter((userRole) => userRole.name.toLocaleLowerCase() === roleName.toLocaleLowerCase());
             return filteredRoles.length > 0;
@@ -11652,94 +11562,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-class LoginDialogComponent {
-    constructor(data) {
-        this.data = data;
-        this.buttonActionName = '';
-        this.buttonActionName = data.actionName ? `LOGIN.DIALOG.${data.actionName.toUpperCase()}` : 'LOGIN.DIALOG.CHOOSE';
-    }
-    close() {
-        this.data.logged.complete();
-    }
-    submitForm() {
-        this.loginPanel.submitForm();
-    }
-    onLoginSuccess(event) {
-        this.data.logged.next(event);
-        this.close();
-    }
-    isFormValid() {
-        return this.loginPanel ? this.loginPanel.isValid() : false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoginDialogComponent, isStandalone: true, selector: "adf-login-dialog", viewQueries: [{ propertyName: "loginPanel", first: true, predicate: ["adfLoginPanel"], descendants: true, static: true }], ngImport: i0, template: "<header mat-dialog-title\n        data-automation-id=\"login-dialog-title\">\n    {{ data?.title }}\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n    <adf-login-dialog-panel #adfLoginPanel (success)=\"onLoginSuccess($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-content-actions\" align=\"end\">\n    <button mat-button (click)=\"close()\"\n            data-automation-id=\"login-dialog-actions-cancel\">\n        {{ 'LOGIN.DIALOG.CANCEL' | translate }}\n    </button>\n\n    <button mat-button\n            class=\"choose-action\"\n            data-automation-id=\"login-dialog-actions-perform\"\n            [disabled]=\"!isFormValid()\"\n            (click)=\"submitForm()\">\n        {{ buttonActionName | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-login-dialog-content adf-login .adf-login-content .adf-login-card-wide{padding:0;box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: LoginDialogPanelComponent, selector: "adf-login-dialog-panel", outputs: ["success"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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.6", ngImport: i0, type: LoginDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adf-login-dialog', imports: [MatDialogModule, LoginDialogPanelComponent, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<header mat-dialog-title\n        data-automation-id=\"login-dialog-title\">\n    {{ data?.title }}\n</header>\n\n<mat-dialog-content class=\"adf-login-dialog-content\">\n    <adf-login-dialog-panel #adfLoginPanel (success)=\"onLoginSuccess($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-login-dialog-content-actions\" align=\"end\">\n    <button mat-button (click)=\"close()\"\n            data-automation-id=\"login-dialog-actions-cancel\">\n        {{ 'LOGIN.DIALOG.CANCEL' | translate }}\n    </button>\n\n    <button mat-button\n            class=\"choose-action\"\n            data-automation-id=\"login-dialog-actions-perform\"\n            [disabled]=\"!isFormValid()\"\n            (click)=\"submitForm()\">\n        {{ buttonActionName | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-login-dialog-content adf-login .adf-login-content .adf-login-card-wide{padding:0;box-shadow:none}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }], propDecorators: { loginPanel: [{
-                type: ViewChild,
-                args: ['adfLoginPanel', { static: true }]
-            }] } });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const LOGIN_DIRECTIVES = [
-    LoginComponent,
-    LoginFooterDirective,
-    LoginHeaderDirective,
-    LoginDialogComponent,
-    LoginDialogPanelComponent
-];
+const LOGIN_DIRECTIVES = [LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogPanelComponent];
 /** @deprecated use `...LOGIN_DIRECTIVES` or import the standalone directives directly */
 class LoginModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, imports: [LoginComponent,
-            LoginFooterDirective,
-            LoginHeaderDirective,
-            LoginDialogComponent,
-            LoginDialogPanelComponent], exports: [LoginComponent,
-            LoginFooterDirective,
-            LoginHeaderDirective,
-            LoginDialogComponent,
-            LoginDialogPanelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, imports: [LoginComponent,
-            LoginDialogComponent,
-            LoginDialogPanelComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, imports: [LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogPanelComponent], exports: [LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogPanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, imports: [LoginComponent, LoginDialogPanelComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginModule, decorators: [{
             type: NgModule,
@@ -12186,7 +12014,7 @@ class InfoDrawerComponent {
         this.currentTab.emit(event.index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n    <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n    <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n    <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n    <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n    <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n    <ng-template #tabLayout>\n        <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n            <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n                #tab\n                [labelClass]=\"[\n                    'adf-info-drawer-tab',\n                    tab.isActive ? 'adf-info-drawer-tab--active' : '',\n                ]\"\n                [label]=\"contentBlock.label | translate\"\n                class=\"adf-info-drawer-tab\">\n\n                <ng-template mat-tab-label>\n                    <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n                    <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n                </ng-template>\n\n                <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n            </mat-tab>\n        </mat-tab-group>\n    </ng-template>\n\n    <ng-template #singleLayout>\n        <ng-content select=\"[info-drawer-content]\" />\n    </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InfoDrawerLayoutComponent, selector: "adf-info-drawer-layout", inputs: ["showHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.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: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: InfoDrawerTitleDirective, selector: "[adf-info-drawer-title], [info-drawer-title]" }, { kind: "directive", type: InfoDrawerContentDirective, selector: "[adf-info-drawer-content], [info-drawer-content]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n    <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n    <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n    <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n    <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n    <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n    <ng-template #tabLayout>\n        <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n            <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n                #tab\n                [labelClass]=\"[\n                    'adf-info-drawer-tab',\n                    tab.isActive ? 'adf-info-drawer-tab--active' : '',\n                ]\"\n                [label]=\"contentBlock.label | translate\"\n                class=\"adf-info-drawer-tab\">\n\n                <ng-template mat-tab-label>\n                    <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n                    <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n                </ng-template>\n\n                <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n            </mat-tab>\n        </mat-tab-group>\n    </ng-template>\n\n    <ng-template #singleLayout>\n        <ng-content select=\"[info-drawer-content]\" />\n    </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px;outline-offset:-2px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InfoDrawerLayoutComponent, selector: "adf-info-drawer-layout", inputs: ["showHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.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: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: InfoDrawerTitleDirective, selector: "[adf-info-drawer-title], [info-drawer-title]" }, { kind: "directive", type: InfoDrawerContentDirective, selector: "[adf-info-drawer-content], [info-drawer-content]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerComponent, decorators: [{
             type: Component,
@@ -12200,7 +12028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         InfoDrawerTitleDirective,
                         InfoDrawerContentDirective,
                         InfoDrawerTabComponent
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n    <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n    <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n    <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n    <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n    <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n    <ng-template #tabLayout>\n        <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n            <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n                #tab\n                [labelClass]=\"[\n                    'adf-info-drawer-tab',\n                    tab.isActive ? 'adf-info-drawer-tab--active' : '',\n                ]\"\n                [label]=\"contentBlock.label | translate\"\n                class=\"adf-info-drawer-tab\">\n\n                <ng-template mat-tab-label>\n                    <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n                    <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n                </ng-template>\n\n                <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n            </mat-tab>\n        </mat-tab-group>\n    </ng-template>\n\n    <ng-template #singleLayout>\n        <ng-content select=\"[info-drawer-content]\" />\n    </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n    <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n    <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n    <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n    <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n    <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n    <ng-template #tabLayout>\n        <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n            <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n                #tab\n                [labelClass]=\"[\n                    'adf-info-drawer-tab',\n                    tab.isActive ? 'adf-info-drawer-tab--active' : '',\n                ]\"\n                [label]=\"contentBlock.label | translate\"\n                class=\"adf-info-drawer-tab\">\n\n                <ng-template mat-tab-label>\n                    <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n                    <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n                </ng-template>\n\n                <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n            </mat-tab>\n        </mat-tab-group>\n    </ng-template>\n\n    <ng-template #singleLayout>\n        <ng-content select=\"[info-drawer-content]\" />\n    </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px;outline-offset:-2px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], icon: [{
@@ -13128,7 +12956,7 @@ class DataColumnComponent {
     }
     ngOnInit() {
         if (!this.srTitle && this.key === '$thumbnail') {
-            this.srTitle = 'Thumbnail';
+            this.srTitle = 'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL';
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -13423,13 +13251,13 @@ class SnackbarContentComponent {
         this.data.callActionOnIconClick ? this.snackBarRef.dismissWithAction() : this.snackBarRef.dismiss();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SnackbarContentComponent, deps: [{ token: i1$b.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SnackbarContentComponent, isStandalone: true, selector: "adf-snackbar-content", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n    @if (data.decorativeIcon) {\n        <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n    }\n    {{ data.message }}\n</p>\n\n@if (data.showAction) {\n    <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n        @if (data.actionLabel) {\n            <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n                    data-automation-id=\"adf-snackbar-message-content-action-button\">\n                {{data.actionLabel}}\n            </button>\n        }\n        @if (data.actionIcon) {\n            <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n                    [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n                <mat-icon>{{ data.actionIcon }}</mat-icon>\n            </button>\n        }\n    </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0}:host .adf-snackbar-message-content mat-icon{margin-right:8px}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.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: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SnackbarContentComponent, isStandalone: true, selector: "adf-snackbar-content", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n    @if (data.decorativeIcon) {\n        <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n    }\n    {{ data.message }}\n</p>\n\n@if (data.showAction) {\n    <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n        @if (data.actionLabel) {\n            <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n                    data-automation-id=\"adf-snackbar-message-content-action-button\">\n                {{data.actionLabel}}\n            </button>\n        }\n        @if (data.actionIcon) {\n            <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n                    [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n                <mat-icon>{{ data.actionIcon }}</mat-icon>\n            </button>\n        }\n    </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0;overflow-wrap:anywhere;gap:8px}:host .adf-snackbar-message-content mat-icon{flex:0 0 auto;align-self:flex-start}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.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: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SnackbarContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-snackbar-content', imports: [MatIconModule, TranslatePipe, MatButtonModule], host: {
                         class: 'mat-simple-snackbar'
-                    }, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n    @if (data.decorativeIcon) {\n        <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n    }\n    {{ data.message }}\n</p>\n\n@if (data.showAction) {\n    <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n        @if (data.actionLabel) {\n            <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n                    data-automation-id=\"adf-snackbar-message-content-action-button\">\n                {{data.actionLabel}}\n            </button>\n        }\n        @if (data.actionIcon) {\n            <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n                    [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n                <mat-icon>{{ data.actionIcon }}</mat-icon>\n            </button>\n        }\n    </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0}:host .adf-snackbar-message-content mat-icon{margin-right:8px}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"] }]
+                    }, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n    @if (data.decorativeIcon) {\n        <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n    }\n    {{ data.message }}\n</p>\n\n@if (data.showAction) {\n    <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n        @if (data.actionLabel) {\n            <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n                    data-automation-id=\"adf-snackbar-message-content-action-button\">\n                {{data.actionLabel}}\n            </button>\n        }\n        @if (data.actionIcon) {\n            <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n                    [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n                <mat-icon>{{ data.actionIcon }}</mat-icon>\n            </button>\n        }\n    </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0;overflow-wrap:anywhere;gap:8px}:host .adf-snackbar-message-content mat-icon{flex:0 0 auto;align-self:flex-start}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"] }]
         }], ctorParameters: () => [{ type: i1$b.MatSnackBarRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_SNACK_BAR_DATA]
@@ -13715,8 +13543,6 @@ class ClipboardService {
     copyToClipboard(target, message) {
         if (this.isTargetValid(target)) {
             try {
-                target.select();
-                target.setSelectionRange(0, target.value.length);
                 if (navigator.clipboard) {
                     navigator.clipboard.writeText(target.value);
                 }
@@ -13788,18 +13614,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class ClipboardDirective {
-    constructor(clipboardService, viewContainerRef) {
+    constructor(clipboardService, viewContainerRef, matTooltip, translate) {
         this.clipboardService = clipboardService;
         this.viewContainerRef = viewContainerRef;
+        this.matTooltip = matTooltip;
+        this.translate = translate;
     }
     showTooltip() {
-        if (this.placeholder) {
-            const componentRef = this.viewContainerRef.createComponent(ClipboardComponent).instance;
-            componentRef.placeholder = this.placeholder;
-        }
+        const messageKey = this.placeholder || 'CLIPBOARD.CLICK_TO_COPY';
+        const translated = this.translate ? this.translate.instant(messageKey) : messageKey;
+        this.matTooltip.message = translated;
+        this.matTooltip.position = 'below';
+        this.matTooltip.show();
     }
     closeTooltip() {
-        this.viewContainerRef.remove();
+        this.matTooltip.hide();
     }
     copyToClipboard(event) {
         event.preventDefault();
@@ -13815,16 +13644,22 @@ class ClipboardDirective {
     copyContentToClipboard(content) {
         this.clipboardService.copyContentToClipboard(content, this.message);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, deps: [{ token: ClipboardService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ClipboardDirective, isStandalone: true, selector: "[adf-clipboard]", inputs: { placeholder: ["adf-clipboard", "placeholder"], target: "target", message: ["clipboard-notification", "message"] }, host: { listeners: { "mouseenter": "showTooltip()", "mouseleave": "closeTooltip()", "keydown.enter": "copyToClipboard($event)", "click": "copyToClipboard($event)" } }, exportAs: ["adfClipboard"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, deps: [{ token: ClipboardService }, { token: i0.ViewContainerRef }, { token: i2$8.MatTooltip, self: true }, { token: i1$1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ClipboardDirective, isStandalone: true, selector: "[adf-clipboard]", inputs: { placeholder: ["adf-clipboard", "placeholder"], target: "target", message: ["clipboard-notification", "message"] }, host: { listeners: { "mouseenter": "showTooltip()", "mouseleave": "closeTooltip()", "keydown.enter": "copyToClipboard($event)", "click": "copyToClipboard($event)" } }, exportAs: ["adfClipboard"], hostDirectives: [{ directive: i2$8.MatTooltip }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[adf-clipboard]',
-                    exportAs: 'adfClipboard'
+                    exportAs: 'adfClipboard',
+                    standalone: true,
+                    hostDirectives: [MatTooltip]
                 }]
-        }], ctorParameters: () => [{ type: ClipboardService }, { type: i0.ViewContainerRef }], propDecorators: { placeholder: [{
+        }], ctorParameters: () => [{ type: ClipboardService }, { type: i0.ViewContainerRef }, { type: i2$8.MatTooltip, decorators: [{
+                    type: Self
+                }] }, { type: i1$1.TranslateService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { placeholder: [{
                 type: Input,
                 args: ['adf-clipboard']
             }], target: [{
@@ -13845,22 +13680,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-class ClipboardComponent {
-    ngOnInit() {
-        this.placeholder = this.placeholder || 'CLIPBOARD.CLICK_TO_COPY';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ClipboardComponent, isStandalone: true, selector: "adf-copy-content-tooltip", ngImport: i0, template: `<span class="adf-copy-tooltip">{{ placeholder | translate }} </span>`, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'adf-copy-content-tooltip',
-                    imports: [TranslatePipe],
-                    template: `<span class="adf-copy-tooltip">{{ placeholder | translate }} </span>`,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }] });
 
 /*!
  * @license
@@ -13885,6 +13704,7 @@ class DataTableCellComponent {
         this.destroyRef = inject(DestroyRef);
         this.dataTableService = inject(DataTableService, { optional: true });
         this.value$ = new BehaviorSubject('');
+        this.computedTitle = '';
     }
     ngOnInit() {
         this.updateValue();
@@ -13894,9 +13714,7 @@ class DataTableCellComponent {
         if (this.column?.key && this.row && this.data) {
             const value = this.data.getValue(this.row, this.column, this.resolverFn);
             this.value$.next(value);
-            if (!this.tooltip) {
-                this.tooltip = value;
-            }
+            this.computedTitle = this.computeTitle(value);
         }
     }
     subscribeToRowUpdates() {
@@ -13914,6 +13732,17 @@ class DataTableCellComponent {
     getNestedPropertyValue(obj, path) {
         return path.split('.').reduce((source, key) => (source ? source[key] : ''), obj);
     }
+    computeTitle(value) {
+        if (this.tooltip) {
+            return this.tooltip;
+        }
+        const rawValue = value;
+        const max = this.column?.maxTextLength;
+        if (typeof max === 'number' && max > 0 && rawValue?.length > max) {
+            return rawValue;
+        }
+        return '';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableCellComponent, isStandalone: true, selector: "adf-datatable-cell", inputs: { data: "data", column: "column", row: "row", copyContent: "copyContent", tooltip: "tooltip", resolverFn: "resolverFn" }, host: { classAttribute: "adf-datatable-content-cell" }, ngImport: i0, template: `
         <ng-container>
@@ -13922,14 +13751,14 @@ class DataTableCellComponent {
                 adf-clipboard="CLIPBOARD.CLICK_TO_COPY"
                 [clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'"
                 [attr.aria-label]="value$ | async"
-                [title]="tooltip"
+                [title]="tooltip ? tooltip : computedTitle"
                 class="adf-datatable-cell-value"
-                >{{ column?.maxTextLength ? (value$ | async | truncate : column?.maxTextLength) : (value$ | async) }}</span
+                >{{ column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async) }}</span
             >
         </ng-container>
         <ng-template #defaultCell>
-            <span [title]="tooltip" class="adf-datatable-cell-value">{{
-                column?.maxTextLength ? (value$ | async | truncate : column?.maxTextLength) : (value$ | async)
+            <span [title]="tooltip ? tooltip : computedTitle" class="adf-datatable-cell-value">{{
+                column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async)
             }}</span>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "directive", type: ClipboardDirective, selector: "[adf-clipboard]", inputs: ["adf-clipboard", "target", "clipboard-notification"], exportAs: ["adfClipboard"] }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -13947,14 +13776,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 adf-clipboard="CLIPBOARD.CLICK_TO_COPY"
                 [clipboard-notification]="'CLIPBOARD.SUCCESS_COPY'"
                 [attr.aria-label]="value$ | async"
-                [title]="tooltip"
+                [title]="tooltip ? tooltip : computedTitle"
                 class="adf-datatable-cell-value"
-                >{{ column?.maxTextLength ? (value$ | async | truncate : column?.maxTextLength) : (value$ | async) }}</span
+                >{{ column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async) }}</span
             >
         </ng-container>
         <ng-template #defaultCell>
-            <span [title]="tooltip" class="adf-datatable-cell-value">{{
-                column?.maxTextLength ? (value$ | async | truncate : column?.maxTextLength) : (value$ | async)
+            <span [title]="tooltip ? tooltip : computedTitle" class="adf-datatable-cell-value">{{
+                column?.maxTextLength ? (value$ | async | truncate: column?.maxTextLength) : (value$ | async)
             }}</span>
         </ng-template>
     `,
@@ -14168,8 +13997,8 @@ class ColumnsSelectorComponent {
     closeMenu() {
         this.mainMenuTrigger.closeMenu();
     }
-    changeColumnVisibility(dataColumn) {
-        const selectedColumn = this.columnItems.find((column) => column.id === dataColumn.id);
+    changeColumnVisibility(event) {
+        const selectedColumn = this.columnItems.find((column) => column.id === event.options[0].value);
         selectedColumn.isHidden = !selectedColumn.isHidden;
     }
     apply() {
@@ -14195,7 +14024,7 @@ class ColumnsSelectorComponent {
         return columns;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ColumnsSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ColumnsSelectorComponent, isStandalone: true, selector: "adf-datatable-column-selector", inputs: { columns: "columns", mainMenuTrigger: "mainMenuTrigger", columnsSorting: "columnsSorting", maxColumnsVisible: "maxColumnsVisible" }, outputs: { submitColumnsVisibility: "submitColumnsVisibility" }, ngImport: i0, template: "<div\n    class=\"adf-columns-selector\"\n    role=\"presentation\"\n    data-automation-id=\"adf-columns-selector\"\n    (keyup.enter)=\"$event.stopPropagation()\"\n    (click)=\"$event.stopPropagation();\"\n>\n    <div class=\"adf-columns-selector-header\">\n        <span class=\"adf-columns-selector-header-label\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n        </span>\n\n        <button\n            data-automation-id=\"adf-columns-selector-close-button\"\n            mat-icon-button\n            role=\"menuitem\"\n            [attr.aria-label]=\"'CLOSE' | translate\"\n            (click)=\"closeMenu()\"\n        >\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-search-input-container\">\n        <mat-icon\n            class=\"adf-columns-selector-search-input-icon\">\n            search\n        </mat-icon>\n\n        <input\n            [formControl]=\"searchInputControl\"\n            class=\"adf-columns-selector-search-input\"\n            data-automation-id=\"adf-columns-selector-search-input\"\n            type=\"text\"\n            role=\"menuitem\"\n            [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n    </div>\n\n    <div class=\"adf-columns-selector-list-container\">\n        <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n            <mat-checkbox\n                color=\"primary\"\n                class=\"adf-columns-selector-column-checkbox\"\n                [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n                [checked]=\"!column.isHidden\"\n                role=\"menuitem\"\n                [disabled]=\"isCheckboxDisabled(column)\"\n                (keydown.enter)=\"changeColumnVisibility(column)\"\n                (change)=\"changeColumnVisibility(column)\">\n                <div class=\"adf-columns-selector-list-content\">\n                    {{column.title | translate}}\n                </div>\n                <div\n                    *ngIf=\"column.subtitle\"\n                    class=\"\n                        adf-columns-selector-list-content\n                        adf-columns-selector-subtitle\n                    \"\n                >\n                    <span>\n                        {{column.subtitle | translate}}\n                    </span>\n                </div>\n            </mat-checkbox>\n        </div>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-footer\">\n        <button\n            mat-flat-button\n            role=\"menuitem\"\n            data-automation-id=\"adf-columns-selector-apply-button\"\n            color=\"primary\"\n            (click)=\"apply()\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n        </button>\n    </div>\n</div>\n", styles: [".adf-columns-selector{padding:12px 0;min-width:277px}.adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}.adf-columns-selector-header-label{font-size:var(--theme-body-1-font-size)}.adf-columns-selector-list-container{max-height:350px;overflow:hidden auto}.adf-columns-selector-list-item{margin-top:10px}.adf-columns-selector-list-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px}.adf-columns-selector-subtitle{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-caption-font-size);opacity:.6;display:flex;column-gap:3px;align-items:center}.adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--theme-caption-font-size);width:var(--theme-caption-font-size);font-size:var(--theme-caption-font-size)}.adf-columns-selector-column-checkbox{padding:0 20px}.adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}.adf-columns-selector-divider{margin:16px 0}.adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:15px}.adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--theme-background-color);background:var(--theme-background-color)}.adf-columns-selector-search-input:focus{outline:none}.adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--theme-adf-icon-1-font-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.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: "pipe", type: ColumnsSearchFilterPipe, name: "columnsSearchFilter" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ColumnsSelectorComponent, isStandalone: true, selector: "adf-datatable-column-selector", inputs: { columns: "columns", mainMenuTrigger: "mainMenuTrigger", columnsSorting: "columnsSorting", maxColumnsVisible: "maxColumnsVisible" }, outputs: { submitColumnsVisibility: "submitColumnsVisibility" }, ngImport: i0, template: "<div\n    class=\"adf-columns-selector\"\n    role=\"presentation\"\n    data-automation-id=\"adf-columns-selector\"\n    (keyup.enter)=\"$event.stopPropagation()\"\n    (click)=\"$event.stopPropagation();\"\n>\n    <div class=\"adf-columns-selector-header\">\n        <span class=\"adf-columns-selector-header-label\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n        </span>\n\n        <button\n            data-automation-id=\"adf-columns-selector-close-button\"\n            mat-icon-button\n            [attr.aria-label]=\"'CLOSE' | translate\"\n            (click)=\"closeMenu()\"\n        >\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-search-input-container\">\n        <mat-icon\n            class=\"adf-columns-selector-search-input-icon\">\n            search\n        </mat-icon>\n\n        <input\n            [formControl]=\"searchInputControl\"\n            class=\"adf-columns-selector-search-input\"\n            data-automation-id=\"adf-columns-selector-search-input\"\n            type=\"text\"\n            [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n    </div>\n\n    <mat-selection-list\n        class=\"adf-columns-selector-list-container\"\n        (selectionChange)=\"changeColumnVisibility($event)\"\n        [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n        <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n            <mat-list-option\n                color=\"primary\"\n                class=\"adf-columns-selector-column-checkbox\"\n                [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n                [selected]=\"!column.isHidden\"\n                [disabled]=\"isCheckboxDisabled(column)\"\n                [value]=\"column.id\">\n                <div class=\"adf-columns-selector-list-content\">\n                    {{column.title | translate}}\n                </div>\n                <div\n                    *ngIf=\"column.subtitle\"\n                    class=\"\n                        adf-columns-selector-list-content\n                        adf-columns-selector-subtitle\n                    \"\n                >\n                    <span>\n                        {{column.subtitle | translate}}\n                    </span>\n                </div>\n            </mat-list-option>\n        </div>\n    </mat-selection-list>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-footer\">\n        <button\n            mat-flat-button\n            data-automation-id=\"adf-columns-selector-apply-button\"\n            color=\"primary\"\n            (click)=\"apply()\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n        </button>\n    </div>\n</div>\n", styles: ["adf-datatable-column-selector .adf-columns-selector{padding:12px 0;min-width:277px}adf-datatable-column-selector .adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}adf-datatable-column-selector .adf-columns-selector-header-label{font-size:var(--theme-body-1-font-size)}adf-datatable-column-selector .adf-columns-selector-list-container{max-height:350px;overflow:hidden auto;margin-left:-16px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item{margin-top:10px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item{display:flex;flex-direction:row-reverse;padding-left:0;height:24px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item .mdc-list-item__end{margin-right:-5px}adf-datatable-column-selector .adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px;color:var(--theme-secondary-text)}adf-datatable-column-selector .adf-columns-selector-subtitle{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-caption-font-size);opacity:.6;display:flex;column-gap:3px;align-items:center}adf-datatable-column-selector .adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--theme-caption-font-size);width:var(--theme-caption-font-size);font-size:var(--theme-caption-font-size)}adf-datatable-column-selector .adf-columns-selector-column-checkbox{padding:0 20px}adf-datatable-column-selector .adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}adf-datatable-column-selector .adf-columns-selector-divider{margin:16px 0}adf-datatable-column-selector .adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:9px}adf-datatable-column-selector .adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--theme-background-color);background:var(--theme-background-color)}adf-datatable-column-selector .adf-columns-selector-search-input:focus{outline:none}adf-datatable-column-selector .adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--theme-adf-icon-1-font-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "pipe", type: ColumnsSearchFilterPipe, name: "columnsSearchFilter" }, { kind: "component", type: MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ColumnsSelectorComponent, decorators: [{
             type: Component,
@@ -14207,8 +14036,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MatDividerModule,
                         ReactiveFormsModule,
                         MatCheckboxModule,
-                        ColumnsSearchFilterPipe
-                    ], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-columns-selector\"\n    role=\"presentation\"\n    data-automation-id=\"adf-columns-selector\"\n    (keyup.enter)=\"$event.stopPropagation()\"\n    (click)=\"$event.stopPropagation();\"\n>\n    <div class=\"adf-columns-selector-header\">\n        <span class=\"adf-columns-selector-header-label\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n        </span>\n\n        <button\n            data-automation-id=\"adf-columns-selector-close-button\"\n            mat-icon-button\n            role=\"menuitem\"\n            [attr.aria-label]=\"'CLOSE' | translate\"\n            (click)=\"closeMenu()\"\n        >\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-search-input-container\">\n        <mat-icon\n            class=\"adf-columns-selector-search-input-icon\">\n            search\n        </mat-icon>\n\n        <input\n            [formControl]=\"searchInputControl\"\n            class=\"adf-columns-selector-search-input\"\n            data-automation-id=\"adf-columns-selector-search-input\"\n            type=\"text\"\n            role=\"menuitem\"\n            [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n    </div>\n\n    <div class=\"adf-columns-selector-list-container\">\n        <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n            <mat-checkbox\n                color=\"primary\"\n                class=\"adf-columns-selector-column-checkbox\"\n                [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n                [checked]=\"!column.isHidden\"\n                role=\"menuitem\"\n                [disabled]=\"isCheckboxDisabled(column)\"\n                (keydown.enter)=\"changeColumnVisibility(column)\"\n                (change)=\"changeColumnVisibility(column)\">\n                <div class=\"adf-columns-selector-list-content\">\n                    {{column.title | translate}}\n                </div>\n                <div\n                    *ngIf=\"column.subtitle\"\n                    class=\"\n                        adf-columns-selector-list-content\n                        adf-columns-selector-subtitle\n                    \"\n                >\n                    <span>\n                        {{column.subtitle | translate}}\n                    </span>\n                </div>\n            </mat-checkbox>\n        </div>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-footer\">\n        <button\n            mat-flat-button\n            role=\"menuitem\"\n            data-automation-id=\"adf-columns-selector-apply-button\"\n            color=\"primary\"\n            (click)=\"apply()\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n        </button>\n    </div>\n</div>\n", styles: [".adf-columns-selector{padding:12px 0;min-width:277px}.adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}.adf-columns-selector-header-label{font-size:var(--theme-body-1-font-size)}.adf-columns-selector-list-container{max-height:350px;overflow:hidden auto}.adf-columns-selector-list-item{margin-top:10px}.adf-columns-selector-list-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px}.adf-columns-selector-subtitle{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-caption-font-size);opacity:.6;display:flex;column-gap:3px;align-items:center}.adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--theme-caption-font-size);width:var(--theme-caption-font-size);font-size:var(--theme-caption-font-size)}.adf-columns-selector-column-checkbox{padding:0 20px}.adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}.adf-columns-selector-divider{margin:16px 0}.adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:15px}.adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--theme-background-color);background:var(--theme-background-color)}.adf-columns-selector-search-input:focus{outline:none}.adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--theme-adf-icon-1-font-size)}\n"] }]
+                        ColumnsSearchFilterPipe,
+                        MatSelectionList,
+                        MatListOption
+                    ], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-columns-selector\"\n    role=\"presentation\"\n    data-automation-id=\"adf-columns-selector\"\n    (keyup.enter)=\"$event.stopPropagation()\"\n    (click)=\"$event.stopPropagation();\"\n>\n    <div class=\"adf-columns-selector-header\">\n        <span class=\"adf-columns-selector-header-label\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n        </span>\n\n        <button\n            data-automation-id=\"adf-columns-selector-close-button\"\n            mat-icon-button\n            [attr.aria-label]=\"'CLOSE' | translate\"\n            (click)=\"closeMenu()\"\n        >\n            <mat-icon>close</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-search-input-container\">\n        <mat-icon\n            class=\"adf-columns-selector-search-input-icon\">\n            search\n        </mat-icon>\n\n        <input\n            [formControl]=\"searchInputControl\"\n            class=\"adf-columns-selector-search-input\"\n            data-automation-id=\"adf-columns-selector-search-input\"\n            type=\"text\"\n            [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n    </div>\n\n    <mat-selection-list\n        class=\"adf-columns-selector-list-container\"\n        (selectionChange)=\"changeColumnVisibility($event)\"\n        [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n        <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n            <mat-list-option\n                color=\"primary\"\n                class=\"adf-columns-selector-column-checkbox\"\n                [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n                [selected]=\"!column.isHidden\"\n                [disabled]=\"isCheckboxDisabled(column)\"\n                [value]=\"column.id\">\n                <div class=\"adf-columns-selector-list-content\">\n                    {{column.title | translate}}\n                </div>\n                <div\n                    *ngIf=\"column.subtitle\"\n                    class=\"\n                        adf-columns-selector-list-content\n                        adf-columns-selector-subtitle\n                    \"\n                >\n                    <span>\n                        {{column.subtitle | translate}}\n                    </span>\n                </div>\n            </mat-list-option>\n        </div>\n    </mat-selection-list>\n\n    <mat-divider class=\"adf-columns-selector-divider\" />\n\n    <div class=\"adf-columns-selector-footer\">\n        <button\n            mat-flat-button\n            data-automation-id=\"adf-columns-selector-apply-button\"\n            color=\"primary\"\n            (click)=\"apply()\">\n            {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n        </button>\n    </div>\n</div>\n", styles: ["adf-datatable-column-selector .adf-columns-selector{padding:12px 0;min-width:277px}adf-datatable-column-selector .adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}adf-datatable-column-selector .adf-columns-selector-header-label{font-size:var(--theme-body-1-font-size)}adf-datatable-column-selector .adf-columns-selector-list-container{max-height:350px;overflow:hidden auto;margin-left:-16px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item{margin-top:10px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item{display:flex;flex-direction:row-reverse;padding-left:0;height:24px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item .mdc-list-item__end{margin-right:-5px}adf-datatable-column-selector .adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px;color:var(--theme-secondary-text)}adf-datatable-column-selector .adf-columns-selector-subtitle{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-caption-font-size);opacity:.6;display:flex;column-gap:3px;align-items:center}adf-datatable-column-selector .adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--theme-caption-font-size);width:var(--theme-caption-font-size);font-size:var(--theme-caption-font-size)}adf-datatable-column-selector .adf-columns-selector-column-checkbox{padding:0 20px}adf-datatable-column-selector .adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}adf-datatable-column-selector .adf-columns-selector-divider{margin:16px 0}adf-datatable-column-selector .adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:9px}adf-datatable-column-selector .adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--theme-background-color);background:var(--theme-background-color)}adf-datatable-column-selector .adf-columns-selector-search-input:focus{outline:none}adf-datatable-column-selector .adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--theme-adf-icon-1-font-size)}\n"] }]
         }], propDecorators: { columns: [{
                 type: Input
             }], mainMenuTrigger: [{
@@ -17217,7 +17048,7 @@ class DataTableComponent {
         return this.resizingColumnIndex >= 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1$3.MatIconRegistry }, { token: i1$5.DomSanitizer }, { token: i3$2.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"(col.title | translate) + (col.subtitle ? ' ' + col.subtitle : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        class=\"adf-checkbox-sr-only\">\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon *ngIf=\"isIconValue(row, col); else no_iconvalue\">{{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.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: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.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: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.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: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.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: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -17249,7 +17080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         JsonCellComponent,
                         AmountCellComponent,
                         NumberCellComponent
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"(col.title | translate) + (col.subtitle ? ' ' + col.subtitle : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        class=\"adf-checkbox-sr-only\">\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon *ngIf=\"isIconValue(row, col); else no_iconvalue\">{{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i1$3.MatIconRegistry }, { type: i1$5.DomSanitizer }, { type: i3$2.ConfigurableFocusTrapFactory }], propDecorators: { rowsList: [{
                 type: ViewChildren,
                 args: [DataTableRowComponent]
@@ -18316,7 +18147,7 @@ class CardViewTextItemComponent extends BaseCardView {
         return String(Math.trunc(Number(value)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewTextItemComponent, deps: [{ token: ClipboardService }, { token: TranslationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewTextItemComponent, isStandalone: true, selector: "adf-card-view-textitem", inputs: { displayEmpty: "displayEmpty", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, host: { classAttribute: "adf-card-view-textitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"templateType\">\n    <div *ngSwitchDefault>\n        <mat-form-field\n            subscriptSizing=\"dynamic\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-card-textitem-field\"\n            [ngClass]=\"{\n                'adf-property-read-only': !isEditable\n            }\"\n        >\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n\n            <input\n                matInput\n                *ngIf=\"!property.multiline\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-not-editable': !editable\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                (dblclick)=\"copyToClipboard(property.displayValue)\"\n                [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n                (keydown)=\"undoText($event)\"\n            />\n            <textarea\n                matInput\n                *ngIf=\"property.multiline\"\n                title=\"{{ property.label | translate }}\"\n                [cdkTextareaAutosize]=\"true\"\n                [cdkAutosizeMinRows]=\"1\"\n                [cdkAutosizeMaxRows]=\"5\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            >\n            </textarea>\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'chipsTemplate'\"\n        class=\"adf-property-field adf-textitem-chip-list-container\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n    >\n        <mat-label\n            *ngIf=\"showLabelForChips\"\n            [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n            class=\"adf-property-label\"\n            [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n            <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n        </mat-chip-grid>\n\n        <mat-form-field\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-textitem-chip-list-input\"\n            [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        >\n            <input\n                matInput\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n                [attr.aria-label]=\"property.label | translate\"\n                [matChipInputFor]=\"chipElement\"\n                [matChipInputAddOnBlur]=\"true\"\n                (matChipInputTokenEnd)=\"addValueToList($event)\"\n                [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n            />\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'clickableTemplate'\"\n        role=\"button\"\n        class=\"adf-textitem-clickable\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n        tabindex=\"0\"\n        (keyup.enter)=\"clicked()\"\n        (click)=\"clicked()\"\n    >\n        <mat-form-field class=\"adf-property-field adf-card-textitem-field   \" [floatLabel]=\"property.default ? 'always' : null\">\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n            <input\n                matInput\n                [type]=\"property.inputType\"\n                class=\"adf-property-value\"\n                title=\"{{ property.label | translate }}\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-textitem-clickable-value': isClickable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-has-icon-suffix': showClickableIcon\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [(ngModel)]=\"editedValue\"\n                (blur)=\"update()\"\n                (keydown.enter)=\"update()\"\n                [readonly]=\"!isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            />\n            <button\n                mat-icon-button\n                matSuffix\n                *ngIf=\"showClickableIcon\"\n                class=\"adf-textitem-action\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n            >\n                <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n            </button>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"'emptyTemplate'\">\n        <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n    </div>\n\n    <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n        <ul>\n            <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n        </ul>\n    </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{font-size:var(--theme-caption-font-size);padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px;color:var(--adf-theme-foreground-text-color-025)}.adf-card-view-textitem .adf-textitem-action:hover,.adf-card-view-textitem .adf-textitem-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-textitem-clickable .adf-textitem-action:hover{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-clickable .adf-property-field .mat-mdc-input-element{color:var(--theme-primary-color);cursor:pointer}.adf-card-view-textitem .adf-textitem-default-value{color:var(--adf-theme-foreground-text-color-054)}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-textitem .adf-property-value-not-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "directive", type: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i8.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewTextItemComponent, isStandalone: true, selector: "adf-card-view-textitem", inputs: { displayEmpty: "displayEmpty", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, host: { classAttribute: "adf-card-view-textitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"templateType\">\n    <div *ngSwitchDefault>\n        <mat-form-field\n            subscriptSizing=\"dynamic\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-card-textitem-field\"\n            [ngClass]=\"{\n                'adf-property-read-only': !isEditable\n            }\"\n        >\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n\n            <input\n                matInput\n                *ngIf=\"!property.multiline\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-not-editable': !editable\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                (dblclick)=\"copyToClipboard(property.displayValue)\"\n                [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n                (keydown)=\"undoText($event)\"\n            />\n            <textarea\n                matInput\n                *ngIf=\"property.multiline\"\n                title=\"{{ property.label | translate }}\"\n                [cdkTextareaAutosize]=\"true\"\n                [cdkAutosizeMinRows]=\"1\"\n                [cdkAutosizeMaxRows]=\"5\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            >\n            </textarea>\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'chipsTemplate'\"\n        class=\"adf-property-field adf-textitem-chip-list-container\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n    >\n        <mat-label\n            *ngIf=\"showLabelForChips\"\n            [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n            class=\"adf-property-label\"\n            [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n            <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n        </mat-chip-grid>\n\n        <mat-form-field\n            *ngIf=\"isEditable\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-textitem-chip-list-input\"\n            [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        >\n            <input\n                matInput\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n                [attr.aria-label]=\"property.label | translate\"\n                [matChipInputFor]=\"chipElement\"\n                [matChipInputAddOnBlur]=\"true\"\n                (matChipInputTokenEnd)=\"addValueToList($event)\"\n                [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n            />\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'clickableTemplate'\"\n        role=\"button\"\n        class=\"adf-textitem-clickable\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n        tabindex=\"0\"\n        (keyup.enter)=\"clicked()\"\n        (click)=\"clicked()\"\n    >\n        <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n            <input\n                matInput\n                [type]=\"property.inputType\"\n                class=\"adf-property-value\"\n                title=\"{{ property.label | translate }}\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-textitem-clickable-value': isClickable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-has-icon-suffix': showClickableIcon\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [(ngModel)]=\"editedValue\"\n                (blur)=\"update()\"\n                (keydown.enter)=\"update()\"\n                [readonly]=\"!isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            />\n            <button\n                mat-icon-button\n                matSuffix\n                *ngIf=\"showClickableIcon\"\n                class=\"adf-textitem-action\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n            >\n                <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n            </button>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"'emptyTemplate'\">\n        <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n    </div>\n\n    <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n        <ul>\n            <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n        </ul>\n    </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{font-size:var(--theme-caption-font-size);padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px;color:var(--adf-theme-foreground-text-color-025)}.adf-card-view-textitem .adf-textitem-action:hover,.adf-card-view-textitem .adf-textitem-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix{padding-top:0}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix .adf-property-value{margin-left:0}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-textitem-clickable .adf-textitem-action:hover{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-clickable .adf-property-field .mat-mdc-input-element{color:var(--theme-primary-color);cursor:pointer}.adf-card-view-textitem .adf-textitem-default-value{color:var(--adf-theme-foreground-text-color-054)}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-textitem .adf-property-value-not-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "directive", type: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i8.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewTextItemComponent, decorators: [{
             type: Component,
@@ -18331,7 +18162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         FormsModule,
                         MatButtonModule,
                         MatSnackBarModule
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-textitem' }, template: "<div [ngSwitch]=\"templateType\">\n    <div *ngSwitchDefault>\n        <mat-form-field\n            subscriptSizing=\"dynamic\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-card-textitem-field\"\n            [ngClass]=\"{\n                'adf-property-read-only': !isEditable\n            }\"\n        >\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n\n            <input\n                matInput\n                *ngIf=\"!property.multiline\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-not-editable': !editable\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                (dblclick)=\"copyToClipboard(property.displayValue)\"\n                [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n                (keydown)=\"undoText($event)\"\n            />\n            <textarea\n                matInput\n                *ngIf=\"property.multiline\"\n                title=\"{{ property.label | translate }}\"\n                [cdkTextareaAutosize]=\"true\"\n                [cdkAutosizeMinRows]=\"1\"\n                [cdkAutosizeMaxRows]=\"5\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            >\n            </textarea>\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'chipsTemplate'\"\n        class=\"adf-property-field adf-textitem-chip-list-container\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n    >\n        <mat-label\n            *ngIf=\"showLabelForChips\"\n            [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n            class=\"adf-property-label\"\n            [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n            <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n        </mat-chip-grid>\n\n        <mat-form-field\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-textitem-chip-list-input\"\n            [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        >\n            <input\n                matInput\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n                [attr.aria-label]=\"property.label | translate\"\n                [matChipInputFor]=\"chipElement\"\n                [matChipInputAddOnBlur]=\"true\"\n                (matChipInputTokenEnd)=\"addValueToList($event)\"\n                [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n            />\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'clickableTemplate'\"\n        role=\"button\"\n        class=\"adf-textitem-clickable\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n        tabindex=\"0\"\n        (keyup.enter)=\"clicked()\"\n        (click)=\"clicked()\"\n    >\n        <mat-form-field class=\"adf-property-field adf-card-textitem-field   \" [floatLabel]=\"property.default ? 'always' : null\">\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n            <input\n                matInput\n                [type]=\"property.inputType\"\n                class=\"adf-property-value\"\n                title=\"{{ property.label | translate }}\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-textitem-clickable-value': isClickable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-has-icon-suffix': showClickableIcon\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [(ngModel)]=\"editedValue\"\n                (blur)=\"update()\"\n                (keydown.enter)=\"update()\"\n                [readonly]=\"!isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            />\n            <button\n                mat-icon-button\n                matSuffix\n                *ngIf=\"showClickableIcon\"\n                class=\"adf-textitem-action\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n            >\n                <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n            </button>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"'emptyTemplate'\">\n        <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n    </div>\n\n    <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n        <ul>\n            <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n        </ul>\n    </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{font-size:var(--theme-caption-font-size);padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px;color:var(--adf-theme-foreground-text-color-025)}.adf-card-view-textitem .adf-textitem-action:hover,.adf-card-view-textitem .adf-textitem-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-textitem-clickable .adf-textitem-action:hover{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-clickable .adf-property-field .mat-mdc-input-element{color:var(--theme-primary-color);cursor:pointer}.adf-card-view-textitem .adf-textitem-default-value{color:var(--adf-theme-foreground-text-color-054)}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-textitem .adf-property-value-not-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-textitem' }, template: "<div [ngSwitch]=\"templateType\">\n    <div *ngSwitchDefault>\n        <mat-form-field\n            subscriptSizing=\"dynamic\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-card-textitem-field\"\n            [ngClass]=\"{\n                'adf-property-read-only': !isEditable\n            }\"\n        >\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n\n            <input\n                matInput\n                *ngIf=\"!property.multiline\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-not-editable': !editable\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                (dblclick)=\"copyToClipboard(property.displayValue)\"\n                [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n                (keydown)=\"undoText($event)\"\n            />\n            <textarea\n                matInput\n                *ngIf=\"property.multiline\"\n                title=\"{{ property.label | translate }}\"\n                [cdkTextareaAutosize]=\"true\"\n                [cdkAutosizeMinRows]=\"1\"\n                [cdkAutosizeMaxRows]=\"5\"\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [formControl]=\"textInput\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            >\n            </textarea>\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'chipsTemplate'\"\n        class=\"adf-property-field adf-textitem-chip-list-container\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n    >\n        <mat-label\n            *ngIf=\"showLabelForChips\"\n            [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n            class=\"adf-property-label\"\n            [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n            <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-row>\n        </mat-chip-grid>\n\n        <mat-form-field\n            *ngIf=\"isEditable\"\n            [floatLabel]=\"'always'\"\n            class=\"adf-property-field adf-textitem-chip-list-input\"\n            [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        >\n            <input\n                matInput\n                class=\"adf-property-value\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-property-readonly-value': isReadonlyProperty\n                }\"\n                title=\"{{ property.label | translate }}\"\n                [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n                [attr.aria-label]=\"property.label | translate\"\n                [matChipInputFor]=\"chipElement\"\n                [matChipInputAddOnBlur]=\"true\"\n                (matChipInputTokenEnd)=\"addValueToList($event)\"\n                [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n            />\n        </mat-form-field>\n    </div>\n\n    <div\n        *ngSwitchCase=\"'clickableTemplate'\"\n        role=\"button\"\n        class=\"adf-textitem-clickable\"\n        [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n        [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n        tabindex=\"0\"\n        (keyup.enter)=\"clicked()\"\n        (click)=\"clicked()\"\n    >\n        <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n            <mat-label\n                *ngIf=\"showProperty || isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n                class=\"adf-property-label\"\n                [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n            >\n                {{ property.label | translate }}\n            </mat-label>\n            <input\n                matInput\n                [type]=\"property.inputType\"\n                class=\"adf-property-value\"\n                title=\"{{ property.label | translate }}\"\n                [ngClass]=\"{\n                    'adf-property-value-editable': editable,\n                    'adf-textitem-clickable-value': isClickable,\n                    'adf-property-readonly-value': isReadonlyProperty,\n                    'adf-property-value-has-error': isEditable && hasErrors,\n                    'adf-property-value-has-icon-suffix': showClickableIcon\n                }\"\n                [placeholder]=\"property.default\"\n                [attr.aria-label]=\"property.label | translate\"\n                [(ngModel)]=\"editedValue\"\n                (blur)=\"update()\"\n                (keydown.enter)=\"update()\"\n                [readonly]=\"!isEditable\"\n                [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n            />\n            <button\n                mat-icon-button\n                matSuffix\n                *ngIf=\"showClickableIcon\"\n                class=\"adf-textitem-action\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n            >\n                <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n            </button>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"'emptyTemplate'\">\n        <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n    </div>\n\n    <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n        <ul>\n            <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n        </ul>\n    </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{font-size:var(--theme-caption-font-size);padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px;color:var(--adf-theme-foreground-text-color-025)}.adf-card-view-textitem .adf-textitem-action:hover,.adf-card-view-textitem .adf-textitem-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix{padding-top:0}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix .adf-property-value{margin-left:0}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-textitem-clickable .adf-textitem-action:hover{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-clickable .adf-property-field .mat-mdc-input-element{color:var(--theme-primary-color);cursor:pointer}.adf-card-view-textitem .adf-textitem-default-value{color:var(--adf-theme-foreground-text-color-054)}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-textitem .adf-property-value-not-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"] }]
         }], ctorParameters: () => [{ type: ClipboardService }, { type: TranslationService }, { type: i0.ChangeDetectorRef }], propDecorators: { displayEmpty: [{
                 type: Input
             }], copyToClipboardAction: [{
@@ -18464,7 +18295,7 @@ class CardViewDateItemComponent extends BaseCardView {
             { provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
             { provide: DateAdapter, useClass: AdfDateFnsAdapter },
             { provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
-        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;margin-bottom:18px}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-date-reset-icon{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewDateItemComponent, decorators: [{
             type: Component,
@@ -18484,7 +18315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MatDatepickerModule,
                         MatSnackBarModule,
                         ReactiveFormsModule
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;margin-bottom:18px}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-date-reset-icon{position:relative}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DateAdapter }, { type: UserPreferencesService }, { type: ClipboardService }, { type: TranslationService }], propDecorators: { displayEmpty: [{
                 type: Input
             }], displayClearAction: [{
@@ -19042,11 +18873,11 @@ class CardViewComponent {
         this.displayLabelForChips = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n    <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n        <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n            <adf-card-view-item-dispatcher\n                [property]=\"property\"\n                [editable]=\"editable\"\n                [displayEmpty]=\"displayEmpty\"\n                [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n                [displayClearAction]=\"displayClearAction\"\n                [copyToClipboardAction]=\"copyToClipboardAction\"\n                [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n                [multiValueSeparator]=\"multiValueSeparator\"\n                [displayLabelForChips]=\"displayLabelForChips\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;line-height:20px}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable:disabled{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CardViewItemDispatcherComponent, selector: "adf-card-view-item-dispatcher", inputs: ["property", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n    <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n        <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n            <adf-card-view-item-dispatcher\n                [property]=\"property\"\n                [editable]=\"editable\"\n                [displayEmpty]=\"displayEmpty\"\n                [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n                [displayClearAction]=\"displayClearAction\"\n                [copyToClipboardAction]=\"copyToClipboardAction\"\n                [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n                [multiValueSeparator]=\"multiValueSeparator\"\n                [displayLabelForChips]=\"displayLabelForChips\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;line-height:20px;margin-bottom:4px}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable:disabled{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CardViewItemDispatcherComponent, selector: "adf-card-view-item-dispatcher", inputs: ["property", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-card-view', imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n    <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n        <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n            <adf-card-view-item-dispatcher\n                [property]=\"property\"\n                [editable]=\"editable\"\n                [displayEmpty]=\"displayEmpty\"\n                [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n                [displayClearAction]=\"displayClearAction\"\n                [copyToClipboardAction]=\"copyToClipboardAction\"\n                [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n                [multiValueSeparator]=\"multiValueSeparator\"\n                [displayLabelForChips]=\"displayLabelForChips\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;line-height:20px}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable:disabled{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"] }]
+            args: [{ selector: 'adf-card-view', imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n    <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n        <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n            <adf-card-view-item-dispatcher\n                [property]=\"property\"\n                [editable]=\"editable\"\n                [displayEmpty]=\"displayEmpty\"\n                [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n                [displayClearAction]=\"displayClearAction\"\n                [copyToClipboardAction]=\"copyToClipboardAction\"\n                [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n                [multiValueSeparator]=\"multiValueSeparator\"\n                [displayLabelForChips]=\"displayLabelForChips\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;line-height:20px;margin-bottom:4px}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable:disabled{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"] }]
         }], propDecorators: { properties: [{
                 type: Input,
                 args: [{ required: true }]
@@ -20340,6 +20171,7 @@ class FormWidgetModel {
 class FormFieldTypes {
     static { this.CONTAINER = 'container'; }
     static { this.GROUP = 'group'; }
+    static { this.REPEATABLE_SECTION = 'repeatable-section'; }
     static { this.SECTION = 'section'; }
     static { this.DYNAMIC_TABLE = 'dynamic-table'; }
     static { this.TEXT = 'text'; }
@@ -20370,6 +20202,7 @@ class FormFieldTypes {
     static { this.JSON = 'json'; }
     static { this.DATA_TABLE = 'data-table'; }
     static { this.DISPLAY_EXTERNAL_PROPERTY = 'display-external-property'; }
+    static { this.BUTTON = 'button'; }
     static { this.READONLY_TYPES = [FormFieldTypes.HYPERLINK, FormFieldTypes.DISPLAY_VALUE, FormFieldTypes.READONLY_TEXT, FormFieldTypes.GROUP]; }
     static { this.VALIDATABLE_TYPES = [FormFieldTypes.DISPLAY_EXTERNAL_PROPERTY]; }
     static { this.REACTIVE_TYPES = [FormFieldTypes.DATE, FormFieldTypes.DATETIME, FormFieldTypes.DROPDOWN]; }
@@ -20383,6 +20216,9 @@ class FormFieldTypes {
     static isReactiveType(type) {
         return FormFieldTypes.REACTIVE_TYPES.includes(type);
     }
+    static isReactiveWidget(instance) {
+        return FormFieldTypes.REACTIVE_TYPES.includes(instance?.field?.type);
+    }
     static isConstantValueType(type) {
         return FormFieldTypes.CONSTANT_VALUE_TYPES.includes(type);
     }
@@ -20392,6 +20228,9 @@ class FormFieldTypes {
     static isSectionType(type) {
         return type === FormFieldTypes.SECTION;
     }
+    static isRepeatableSectionType(type) {
+        return type === FormFieldTypes.REPEATABLE_SECTION;
+    }
 }
 
 /*!
@@ -20568,6 +20407,7 @@ class ContainerColumnModel {
         this.fields = [];
         this.colspan = 1;
         this.rowspan = 1;
+        this.id = window.crypto.getRandomValues(new Uint32Array(1))[0].toString();
     }
     hasFields() {
         return !!this.fields?.length;
@@ -20635,6 +20475,82 @@ const isNumberValue = (value) => {
     return !isNaN(+value);
 };
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ContainerRowModel {
+    constructor(isInitial = false) {
+        this.columns = [];
+        this.size = 12;
+        this.colspan = 1;
+        this.rowspan = 1;
+        this.isInitial = isInitial;
+        this.id = window.crypto.getRandomValues(new Uint32Array(1))[0].toString();
+    }
+}
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ROW_ID_PREFIX = '-Row';
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const getRule = (id, rule, parent) => rule && parent
+    ? {
+        ...rule,
+        ruleOn: getRepeatableSectionChildRuleOn(id, rule.ruleOn ?? '')
+    }
+    : rule;
+const getRepeatableSectionChildRuleOn = (id, ruleOn) => ruleOn + ROW_ID_PREFIX + getRowId(id);
+const getRowId = (id) => {
+    const split = id.split(ROW_ID_PREFIX);
+    return split.length > 1 ? split[1] : '';
+};
+const formFieldRuleHandler = {
+    getRule
+};
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -20671,6 +20587,10 @@ class FormFieldModel extends FormWidgetModel {
     }
     set readOnly(readOnly) {
         this._readOnly = readOnly;
+        if (this.type === FormFieldTypes.REPEATABLE_SECTION) {
+            this.updateRepeatableSectionReadOnlyState(readOnly);
+            return;
+        }
         this.updateForm();
     }
     get required() {
@@ -20709,7 +20629,7 @@ class FormFieldModel extends FormWidgetModel {
     isFieldValidatable() {
         return !this.readOnly || FormFieldTypes.isValidatableType(this.type);
     }
-    constructor(form, json) {
+    constructor(form, json, parent) {
         super(form, json);
         this._readOnly = false;
         this._isValid = true;
@@ -20738,9 +20658,10 @@ class FormFieldModel extends FormWidgetModel {
         this.numberOfColumns = 1;
         this.fields = [];
         this.columns = [];
+        this.rows = [];
         if (json) {
             this.fieldType = json.fieldType;
-            this.id = json.id;
+            this.id = this.getId(json.id, parent);
             this.name = json.name;
             this.type = json.type;
             this.roles = json.roles;
@@ -20778,15 +20699,16 @@ class FormFieldModel extends FormWidgetModel {
             this.tooltip = json.tooltip || '';
             this.selectionType = json.selectionType;
             this.alignmentType = json.alignmentType;
-            this.rule = json.rule;
+            this.rule = formFieldRuleHandler.getRule(this.id, json.rule, parent);
             this.selectLoggedUser = json.selectLoggedUser;
             this.groupsRestriction = json.groupsRestriction?.groups;
             this.variableConfig = json.variableConfig;
             this.schemaDefinition = json.schemaDefinition;
             this.precision = json.precision;
             this.externalProperty = json.externalProperty;
-            this._value = this.parseValue(json);
+            this._value = this.parseValue(json, parent?.value);
             this.style = json.style;
+            this.parent = parent;
             if (json.placeholder && json.placeholder !== '' && json.placeholder !== 'null') {
                 this.placeholder = json.placeholder;
             }
@@ -20798,6 +20720,9 @@ class FormFieldModel extends FormWidgetModel {
             if (FormFieldTypes.isContainerType(this.type) || FormFieldTypes.isSectionType(this.type)) {
                 this.containerFactory(json, form);
             }
+            if (FormFieldTypes.isRepeatableSectionType(this.type)) {
+                this.repeatableSectionFactory(json, form);
+            }
         }
         if (form?.json) {
             this.leftLabels = form.json.leftLabels || false;
@@ -20820,6 +20745,9 @@ class FormFieldModel extends FormWidgetModel {
         }
         return originalType === FormFieldTypes.DATETIME ? this.defaultDateTimeFormat : this.defaultDateFormat;
     }
+    getId(id, parent) {
+        return parent ? parent.uid : id;
+    }
     isTypeaheadFieldType(type) {
         return type === 'typeahead';
     }
@@ -20844,7 +20772,7 @@ class FormFieldModel extends FormWidgetModel {
                 return;
             }
             const col = new ContainerColumnModel();
-            col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field));
+            col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field, this.setupParentConfig(field)));
             col.rowspan = fields[currentField].length;
             if (!FormFieldTypes.isSectionType(this.type)) {
                 this.updateContainerColspan(col.fields);
@@ -20853,17 +20781,143 @@ class FormFieldModel extends FormWidgetModel {
             this.columns.push(col);
         });
     }
+    setupParentConfig(field) {
+        if (this.parent) {
+            return {
+                ...this.parent,
+                uid: this.getUniqueId(field, this.parent.uid.split(ROW_ID_PREFIX)[1]),
+                value: this.parent.value?.[field.id]
+            };
+        }
+        return undefined;
+    }
+    repeatableSectionFactory(json, form) {
+        const { numberOfColumns = 1, params, value, fields = {} } = json;
+        this.numberOfColumns = numberOfColumns;
+        this.fields = fields;
+        this.rowspan = 1;
+        this.colspan = 1;
+        this.rows = [];
+        for (let i = 0; i < this.getNumberOfRows(params.initialNumberOfRows, params.maxNumberOfRows, value); i++) {
+            this.rows.push(this.createRow(fields, form, i, value?.[i], i < params?.initialNumberOfRows));
+        }
+        this.columns = this.rows[0].columns;
+    }
+    getNumberOfRows(initialNrRows = 1, maxNrRows, value) {
+        return value?.length ? (maxNrRows ? Math.min(value.length, maxNrRows) : value.length) : initialNrRows;
+    }
+    createRow(fields, form, index, value, isInitial = false) {
+        const row = new ContainerRowModel(isInitial);
+        row.columns.push(...this.createColumns(fields, form, row.id, index, value));
+        return row;
+    }
+    createColumns(fields, form, rowId, index, value) {
+        const columns = [];
+        Object.keys(fields).forEach((currentField) => {
+            if (!Object.prototype.hasOwnProperty.call(fields, currentField)) {
+                return;
+            }
+            const col = new ContainerColumnModel();
+            col.fields = (fields[currentField] || []).map((field) => new FormFieldModel(form, field, {
+                id: this.id,
+                uid: this.getUniqueId(field, rowId),
+                fields: this.fields,
+                rowIndex: index ?? 0,
+                value: field.type === FormFieldTypes.SECTION ? value : value?.[field.id]
+            }));
+            col.rowspan = fields[currentField].length;
+            if (!FormFieldTypes.isSectionType(this.type)) {
+                this.updateContainerColspan(col.fields);
+            }
+            this.rowspan = Math.max(this.rowspan, col.rowspan);
+            columns.push(col);
+        });
+        return columns;
+    }
+    updateRepeatableSectionReadOnlyState(state) {
+        for (const row of this.rows) {
+            for (const column of row.columns) {
+                for (const field of column.fields) {
+                    if (field.type === FormFieldTypes.SECTION) {
+                        this.updateInnerSectionReadOnlyState(field, state);
+                    }
+                    field.readOnly = this.getRepeatableSectionFieldReadOnlyState(field, state);
+                }
+            }
+        }
+    }
+    updateInnerSectionReadOnlyState(section, state) {
+        for (const column of section.columns) {
+            for (const field of column.fields) {
+                field.readOnly = this.getRepeatableSectionFieldReadOnlyState(field, state);
+            }
+        }
+    }
+    getRepeatableSectionFieldReadOnlyState(field, state) {
+        return state || field.json.readOnly;
+    }
+    getUniqueId(field, rowId) {
+        return field.id + ROW_ID_PREFIX + rowId;
+    }
+    updateChildrenFieldsRowIndex() {
+        this.rows.forEach((row, index) => {
+            for (const column of row.columns) {
+                for (const field of column.fields) {
+                    field.parent.rowIndex = index;
+                }
+            }
+        });
+    }
+    createInitialValue(fields) {
+        return Object.keys(fields)
+            .map((currentField) => (fields[currentField] || []).map((field) => this.getFieldId(field)))
+            .flat(2)
+            .reduce((acc, curr) => ((acc[curr] = null), acc), {});
+    }
+    getFieldId(field) {
+        if (field.type === FormFieldTypes.SECTION) {
+            const fields = field.fields;
+            return Object.keys(fields)
+                .map((currentField) => (fields[currentField] || []).map((e) => e.id))
+                .flat(1);
+        }
+        return field.id;
+    }
     updateContainerColspan(fields) {
         fields.forEach((colField) => {
             this.colspan = Math.max(this.colspan, colField.colspan);
         });
     }
-    parseValue(json) {
-        const value = Object.prototype.hasOwnProperty.call(json, 'value') && json.value !== undefined ? json.value : null;
-        /*
-         This is needed due to Activiti issue related to reading dropdown values as value string
-         but saving back as object: { id: <id>, name: <name> }
-         */
+    addRow(fields, form) {
+        if (!this.shouldAddRow()) {
+            return;
+        }
+        this.rows.push(this.createRow(fields, form, this.rows.length));
+    }
+    shouldAddRow() {
+        return !this.params.maxNumberOfRows || this.rows.length < this.params.maxNumberOfRows;
+    }
+    removeRow(index) {
+        if (!this.shouldRemoveRow(index)) {
+            return;
+        }
+        this.rows.splice(index, 1);
+        this.updateChildrenFieldsRowIndex();
+        if (!this.form.values[this.id]) {
+            return;
+        }
+        this.form.values[this.id].splice(index, 1);
+        this.form.onFormFieldChanged(this);
+    }
+    shouldRemoveRow(index) {
+        return this.rows.length > index;
+    }
+    parseValue(json, initialValue) {
+        const value = initialValue ?? (Object.prototype.hasOwnProperty.call(json, 'value') && json.value !== undefined ? json.value : null);
+        /*
+         This is needed due to Activiti issue related to reading dropdown values as value string
+         but saving back as object: { id: <id>, name: <name> }
+         */
         if (json.type === FormFieldTypes.DROPDOWN) {
             if (this.hasEmptyValue) {
                 if (!this.emptyOption) {
@@ -20928,7 +20982,7 @@ class FormFieldModel extends FormWidgetModel {
             return value;
         }
         if (this.isCheckboxField(json)) {
-            return json.value === 'true' || json.value === true;
+            return json.value === 'true' || json.value === true || initialValue === true || initialValue === 'true';
         }
         return value;
     }
@@ -20936,69 +20990,64 @@ class FormFieldModel extends FormWidgetModel {
         if (!this.form) {
             return;
         }
+        const formValue = this.getFormValue();
+        if (this.parent) {
+            this.updateRepeatableSectionValue(formValue);
+        }
+        else {
+            this.updateValue(formValue);
+        }
+        this.form.onFormFieldChanged(this);
+    }
+    getFormValue() {
         switch (this.type) {
             case FormFieldTypes.DROPDOWN: {
                 if (!this.value) {
-                    this.form.values[this.id] = null;
-                    break;
+                    return null;
                 }
                 /*
                  This is needed due to Activiti reading dropdown values as string
                  but saving back as object: { id: <id>, name: <name> }
                  */
                 if (Array.isArray(this.value)) {
-                    this.form.values[this.id] = this.value;
-                    break;
+                    return this.value;
                 }
                 if (typeof this.value === 'string') {
                     if (this.value === 'empty' || this.value === '') {
-                        this.form.values[this.id] = null;
-                        break;
+                        return null;
                     }
                     const matchingOption = this.options.find((opt) => opt.id === this.value);
-                    this.form.values[this.id] = matchingOption || null;
+                    return matchingOption || null;
                 }
                 if (typeof this.value === 'object') {
                     if (this.value.id === 'empty' || this.value.id === '') {
-                        this.form.values[this.id] = null;
-                        break;
+                        return null;
                     }
                     const matchingOption = this.options.find((opt) => opt.id === this.value.id);
-                    this.form.values[this.id] = matchingOption;
+                    return matchingOption;
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.RADIO_BUTTONS: {
                 const radioButton = this.options.find((opt) => opt.id === this.value);
                 if (this.optionType === 'rest') {
-                    this.form.values[this.id] = radioButton
-                        ? { ...radioButton, options: this.options }
-                        : { id: null, name: null, options: this.options };
-                }
-                else {
-                    this.form.values[this.id] = radioButton ? { ...radioButton } : null;
+                    return radioButton ? { ...radioButton, options: this.options } : { id: null, name: null, options: this.options };
                 }
-                break;
+                return radioButton ? { ...radioButton } : null;
             }
             case FormFieldTypes.UPLOAD: {
                 this.form.hasUpload = true;
                 if (this.value && this.value.length > 0) {
-                    this.form.values[this.id] = Array.isArray(this.value) ? this.value.map((elem) => elem.id).join(',') : [this.value];
-                }
-                else {
-                    this.form.values[this.id] = null;
+                    return Array.isArray(this.value) ? this.value.map((elem) => elem.id).join(',') : [this.value];
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.TYPEAHEAD: {
                 const typeAheadEntry = this.options.filter((opt) => opt.id === this.value || opt.name === this.value);
                 if (typeAheadEntry.length > 0) {
-                    this.form.values[this.id] = typeAheadEntry[0];
-                }
-                else if (this.options.length > 0) {
-                    this.form.values[this.id] = null;
+                    return typeAheadEntry[0];
                 }
-                break;
+                return null;
             }
             case FormFieldTypes.DATE: {
                 if (typeof this.value === 'string' && this.value === 'today') {
@@ -21013,13 +21062,10 @@ class FormFieldModel extends FormWidgetModel {
                 }
                 if (isValid(dateValue)) {
                     const datePart = DateFnsUtils.formatDate(dateValue, 'yyyy-MM-dd');
-                    this.form.values[this.id] = `${datePart}T00:00:00.000Z`;
-                }
-                else {
-                    this.form.values[this.id] = null;
-                    this._value = this.value;
+                    return `${datePart}T00:00:00.000Z`;
                 }
-                break;
+                this._value = this.value;
+                return null;
             }
             case FormFieldTypes.DATETIME: {
                 if (typeof this.value === 'string' && this.value === 'now') {
@@ -21027,44 +21073,60 @@ class FormFieldModel extends FormWidgetModel {
                 }
                 const dateTimeValue = this.value !== null ? DateFnsUtils.getDate(this.value) : null;
                 if (isValid(dateTimeValue)) {
-                    this.form.values[this.id] = dateTimeValue.toISOString();
-                }
-                else {
-                    this.form.values[this.id] = null;
-                    this._value = this.value;
+                    return dateTimeValue.toISOString();
                 }
-                break;
+                this._value = this.value;
+                return null;
             }
             case FormFieldTypes.NUMBER: {
-                this.form.values[this.id] = this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
-                break;
+                return this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
             }
             case FormFieldTypes.AMOUNT: {
-                this.form.values[this.id] = this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
-                break;
+                return this.enableFractions ? parseFloat(this.value) : parseInt(this.value, 10);
             }
             case FormFieldTypes.DECIMAL: {
-                this.form.values[this.id] = parseFloat(this.value);
-                break;
+                return parseFloat(this.value);
             }
             case FormFieldTypes.BOOLEAN: {
-                this.form.values[this.id] = this.value !== null && this.value !== undefined ? this.value : false;
-                break;
+                return this.value !== null && this.value !== undefined ? this.value : false;
             }
             case FormFieldTypes.PEOPLE: {
-                this.form.values[this.id] = this.value ? this.value : null;
-                break;
+                return this.value ? this.value : null;
             }
             case FormFieldTypes.FUNCTIONAL_GROUP: {
-                this.form.values[this.id] = this.value ? this.value : null;
-                break;
+                return this.value ? this.value : null;
+            }
+            case FormFieldTypes.REPEATABLE_SECTION: {
+                this.repeatableSectionFactory({
+                    ...this.json,
+                    value: this.value
+                }, this.form);
+                return this.value ? this.value : this.form.values[this.id];
             }
             default:
                 if (this.shouldUpdateFormValues(this.type)) {
-                    this.form.values[this.id] = this.value;
+                    return this.value;
                 }
+                return undefined;
         }
-        this.form.onFormFieldChanged(this);
+    }
+    updateValue(value) {
+        if (value === undefined) {
+            return;
+        }
+        this.form.values[this.id] = value;
+    }
+    updateRepeatableSectionValue(value) {
+        if (this.type === FormFieldTypes.SECTION) {
+            return;
+        }
+        if (!this.form.values[this.parent.id]) {
+            this.form.values[this.parent.id] = [];
+        }
+        if (!this.form.values[this.parent.id][this.parent.rowIndex]) {
+            this.form.values[this.parent.id][this.parent.rowIndex] = this.createInitialValue(this.parent.fields);
+        }
+        this.form.values[this.parent.id][this.parent.rowIndex][this.id.split(ROW_ID_PREFIX)[0]] = value;
     }
     /**
      * Check if the field type is invalid, requires a type to be a `container`
@@ -21297,23 +21359,27 @@ class MinLengthFieldValidator {
     }
 }
 class MaxLengthFieldValidator {
-    constructor() {
-        this.supportedTypes = [FormFieldTypes.TEXT, FormFieldTypes.MULTILINE_TEXT];
+    constructor(supportedTypes = [FormFieldTypes.TEXT, FormFieldTypes.MULTILINE_TEXT], maxLength) {
+        this.supportedTypes = supportedTypes;
+        this.maxLength = maxLength;
     }
     isSupported(field) {
-        return field && this.supportedTypes.indexOf(field.type) > -1 && field.maxLength > 0;
+        return field && this.supportedTypes.indexOf(field.type) > -1 && this.getMaxLength(field) > 0;
     }
     validate(field) {
         if (this.isSupported(field) && field.value && field.isVisible) {
-            if (field.value.length <= field.maxLength) {
+            if (field.value.toString().length <= this.getMaxLength(field)) {
                 return true;
             }
             field.validationSummary.message = `FORM.FIELD.VALIDATOR.NO_LONGER_THAN`;
-            field.validationSummary.attributes.set('maxLength', field.maxLength.toLocaleString());
+            field.validationSummary.attributes.set('maxLength', this.getMaxLength(field).toLocaleString());
             return false;
         }
         return true;
     }
+    getMaxLength(field) {
+        return this.maxLength ?? field.maxLength;
+    }
 }
 class MinValueFieldValidator {
     constructor() {
@@ -21444,6 +21510,7 @@ const FORM_FIELD_VALIDATORS = [
     new NumberFieldValidator(),
     new MinLengthFieldValidator(),
     new MaxLengthFieldValidator(),
+    new MaxLengthFieldValidator([FormFieldTypes.NUMBER], 10),
     new MinValueFieldValidator(),
     new MaxValueFieldValidator(),
     new RegExFieldValidator(),
@@ -22584,7 +22651,7 @@ class WidgetComponent {
         this.touched = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: WidgetComponent, isStandalone: true, selector: "base-widget", inputs: { readOnly: "readOnly", field: "field" }, outputs: { fieldChanged: "fieldChanged", widgetError: "widgetError" }, host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: WidgetComponent, isStandalone: true, selector: "base-widget", inputs: { readOnly: "readOnly", field: "field" }, outputs: { fieldChanged: "fieldChanged", widgetError: "widgetError" }, host: { listeners: { "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WidgetComponent, decorators: [{
             type: Component,
@@ -22592,7 +22659,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                     selector: 'base-widget',
                     template: '',
                     host: {
-                        '(click)': 'event($event)',
                         '(blur)': 'event($event)',
                         '(change)': 'event($event)',
                         '(focus)': 'event($event)',
@@ -22644,7 +22710,7 @@ class UnknownWidgetComponent extends WidgetComponent {
                 <span class="adf-unknown-text">Unknown type: {{ field.type }}</span>
             </mat-list-item>
         </mat-list>
-    `, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$8.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$8.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$9.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.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.6", ngImport: i0, type: UnknownWidgetComponent, decorators: [{
             type: Component,
@@ -22770,27 +22836,108 @@ const ADF_AMOUNT_SETTINGS = new InjectionToken('adf-amount-settings');
 class AmountWidgetComponent extends WidgetComponent {
     static { this.DEFAULT_CURRENCY = '$'; }
     get placeholder() {
-        return this.showPlaceholder ? this.field.placeholder : '';
+        if (!this.showPlaceholder)
+            return '';
+        return this.enableDisplayBasedOnLocale
+            ? this.currencyPipe.transform(this.field.placeholder, this.currency, this.currencyDisplay, this.decimalProperty, this.locale)
+            : this.field.placeholder;
     }
-    constructor(formService, settings) {
+    constructor(formService, settings, currencyPipe, translationService) {
         super(formService);
         this.formService = formService;
-        this.settings = settings;
+        this.currencyPipe = currencyPipe;
+        this.translationService = translationService;
         this.showPlaceholder = true;
+        this.destroyRef = inject(DestroyRef);
         this.currency = AmountWidgetComponent.DEFAULT_CURRENCY;
+        this.currencyDisplay = 'symbol';
+        this.isInputInFocus = false;
+        this.notShowDecimalDigits = '1.0-0';
+        this.showDecimalDigits = '1.2-2';
+        if (isObservable(settings)) {
+            settings.pipe(takeUntilDestroyed()).subscribe((data) => {
+                this.updateSettingsBasedProperties(data);
+            });
+        }
+        else {
+            this.updateSettingsBasedProperties(settings);
+        }
     }
     ngOnInit() {
         if (this.field) {
             if (this.field.currency) {
                 this.currency = this.field.currency;
             }
+            else {
+                if (this.enableDisplayBasedOnLocale) {
+                    this.currency = '';
+                    this.currencyDisplay = '';
+                }
+            }
             if (this.field.readOnly) {
-                this.showPlaceholder = this.settings?.showReadonlyPlaceholder;
+                this.showPlaceholder = this.showReadonlyPlaceholder;
+            }
+            this.subscribeToFieldChanges();
+            this.setInitialValues();
+        }
+    }
+    amountWidgetOnBlur() {
+        this.isInputInFocus = false;
+        if (this.enableDisplayBasedOnLocale) {
+            if (this.amountWidgetValue) {
+                this.valueAsNumber = parseFloat(this.amountWidgetValue);
+                this.amountWidgetValue = this.currencyPipe.transform(this.amountWidgetValue, this.currency, this.currencyDisplay, this.decimalProperty, this.locale);
+            }
+            else {
+                this.valueAsNumber = null;
+                this.amountWidgetValue = null;
             }
         }
+        this.markAsTouched();
+    }
+    amountWidgetOnFocus() {
+        this.isInputInFocus = true;
+        if (this.enableDisplayBasedOnLocale) {
+            const hasValue = this.valueAsNumber === 0 || this.valueAsNumber;
+            this.amountWidgetValue = hasValue ? this.valueAsNumber.toString() : null;
+        }
+    }
+    onFieldChangedAmountWidget() {
+        this.field.value = this.amountWidgetValue;
+        super.onFieldChanged(this.field);
+    }
+    setInitialValues() {
+        if (this.enableDisplayBasedOnLocale) {
+            this.decimalProperty = this.field.enableFractions ? this.showDecimalDigits : this.notShowDecimalDigits;
+            this.locale = this.translationService.getLocale();
+            this.updateValue(this.field.value);
+        }
+        else {
+            this.amountWidgetValue = this.field.value;
+        }
+    }
+    subscribeToFieldChanges() {
+        this.formService.formFieldValueChanged
+            .pipe(filter$1((ev) => ev.field.id === this.field.id), takeUntilDestroyed(this.destroyRef))
+            .subscribe((ev) => {
+            if (!this.isInputInFocus && this.enableDisplayBasedOnLocale) {
+                this.updateValue(ev.field.value);
+            }
+            else if (!this.isInputInFocus) {
+                this.amountWidgetValue = ev.field.value;
+            }
+        });
+    }
+    updateValue(value) {
+        this.valueAsNumber = value;
+        this.amountWidgetValue = this.currencyPipe.transform(value, this.currency, this.currencyDisplay, this.decimalProperty, this.locale);
+    }
+    updateSettingsBasedProperties(data) {
+        this.enableDisplayBasedOnLocale = data?.enableDisplayBasedOnLocale ?? false;
+        this.showReadonlyPlaceholder = data?.showReadonlyPlaceholder;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, deps: [{ token: FormService }, { token: ADF_AMOUNT_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"field.value\"\n                [(ngModel)]=\"field.value\"\n                (ngModelChange)=\"onFieldChanged(field)\"\n                [disabled]=\"field.readOnly\"\n                (blur)=\"markAsTouched()\"\n            />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, deps: [{ token: FormService }, { token: ADF_AMOUNT_SETTINGS, optional: true }, { token: i1.CurrencyPipe }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [CurrencyPipe], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            @if(!enableDisplayBasedOnLocale) {\n                <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            }\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"amountWidgetValue\"\n                [(ngModel)]=\"amountWidgetValue\"\n                (ngModelChange)=\"onFieldChangedAmountWidget()\"\n                [disabled]=\"field.readOnly\"\n                (focus)=\"amountWidgetOnFocus()\"\n                (blur)=\"amountWidgetOnBlur()\"\n                />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, decorators: [{
             type: Component,
@@ -22804,13 +22951,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         '(input)': 'event($event)',
                         '(invalid)': 'event($event)',
                         '(select)': 'event($event)'
-                    }, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"field.value\"\n                [(ngModel)]=\"field.value\"\n                (ngModelChange)=\"onFieldChanged(field)\"\n                [disabled]=\"field.readOnly\"\n                (blur)=\"markAsTouched()\"\n            />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"] }]
+                    }, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], providers: [CurrencyPipe], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n    [class.adf-invalid]=\"!field.isValid && isTouched()\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n        >\n    </div>\n    <div class=\"adf-amount-widget-container\">\n        <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n            @if(!enableDisplayBasedOnLocale) {\n                <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }}&nbsp;</span>\n            }\n            <input\n                matInput\n                [title]=\"field.tooltip\"\n                class=\"adf-input\"\n                type=\"text\"\n                [id]=\"field.id\"\n                [required]=\"field.required && field.isVisible\"\n                [placeholder]=\"placeholder\"\n                [value]=\"amountWidgetValue\"\n                [(ngModel)]=\"amountWidgetValue\"\n                (ngModelChange)=\"onFieldChangedAmountWidget()\"\n                [disabled]=\"field.readOnly\"\n                (focus)=\"amountWidgetOnFocus()\"\n                (blur)=\"amountWidgetOnBlur()\"\n                />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}.adf-amount-widget__input:not(.mat-focused):not(.mat-form-field-invalid) .adf-amount-widget__prefix-spacing{color:var(--adf-theme-foreground-secondary-text-color)}\n"] }]
         }], ctorParameters: () => [{ type: FormService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
                     type: Inject,
                     args: [ADF_AMOUNT_SETTINGS]
-                }, {
-                    type: Optional
-                }] }] });
+                }] }, { type: i1.CurrencyPipe }, { type: TranslationService }] });
 
 /*!
  * @license
@@ -23576,7 +23723,7 @@ class DateTimeWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateTimeWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DateTimeWidgetComponent, isStandalone: true, selector: "date-time-widget", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DateTimeWidgetComponent, isStandalone: true, selector: "date-time-widget", host: { listeners: { "click": "event($event)" } }, providers: [
             { provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
             { provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
             { provide: DateAdapter, useClass: AdfDateFnsAdapter },
@@ -23590,7 +23737,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         { provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
                         { provide: DateAdapter, useClass: AdfDateFnsAdapter },
                         { provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
-                    ], imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"{{ field.className }}\"\n     id=\"data-time-widget\"\n     [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n     [class.adf-left-label-input-container]=\"field.leftLabels\">\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div class=\"adf-date-time-widget-container\">\n        <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n                        [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n                        [floatLabel]=\"field.placeholder ? 'always' : null\">\n            @if( (field.name || field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n            </mat-label>\n            }\n            <input matInput\n                   class=\"adf-input\"\n                   [matDatetimepicker]=\"datetimePicker\"\n                   [readonly]=\"field.readOnly\"\n                   [required]=\"field.required && field.isVisible\"\n                   [id]=\"field.id\"\n                   [formControl]=\"datetimeInputControl\"\n                   (keydown.enter)=\"datetimePicker.open()\"\n                   [placeholder]=\"field.placeholder\"\n                   [title]=\"field.tooltip\"\n                   [min]=\"minDate\"\n                   [max]=\"maxDate\">\n            <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n                                       [disabled]=\"field.readOnly\" />\n            <mat-datetimepicker #datetimePicker\n                data-automation-id=\"adf-date-time-widget-picker\"\n                type=\"datetime\"\n                [touchUi]=\"true\"\n                [timeInterval]=\"5\"\n                [disabled]=\"field.readOnly\" />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--adf-theme-foreground-icon-color)}\n"] }]
+                    ], host: {
+                        '(click)': 'event($event)'
+                    }, imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"{{ field.className }}\"\n     id=\"data-time-widget\"\n     [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n     [class.adf-left-label-input-container]=\"field.leftLabels\">\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n    <div class=\"adf-date-time-widget-container\">\n        <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n                        [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n                        [floatLabel]=\"field.placeholder ? 'always' : null\">\n            @if( (field.name || field?.required) && !field.leftLabels) {\n            <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n            </mat-label>\n            }\n            <input matInput\n                   class=\"adf-input\"\n                   [matDatetimepicker]=\"datetimePicker\"\n                   [readonly]=\"field.readOnly\"\n                   [required]=\"field.required && field.isVisible\"\n                   [id]=\"field.id\"\n                   [formControl]=\"datetimeInputControl\"\n                   (keydown.enter)=\"datetimePicker.open()\"\n                   [placeholder]=\"field.placeholder\"\n                   [title]=\"field.tooltip\"\n                   [min]=\"minDate\"\n                   [max]=\"maxDate\">\n            <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n                                       [disabled]=\"field.readOnly\" />\n            <mat-datetimepicker #datetimePicker\n                data-automation-id=\"adf-date-time-widget-picker\"\n                type=\"datetime\"\n                [touchUi]=\"true\"\n                [timeInterval]=\"5\"\n                [disabled]=\"field.readOnly\" />\n        </mat-form-field>\n        <div class=\"adf-error-messages-container\">\n            <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n        </div>\n    </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--adf-theme-foreground-icon-color)}\n"] }]
         }] });
 
 /*!
@@ -23680,21 +23829,13 @@ class BaseViewerWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BaseViewerWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BaseViewerWidgetComponent, isStandalone: true, selector: "base-viewer-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-base-viewer-widget {{ field.className }}\"\n     [class.adf-invalid]=\"!field.isValid\"\n     [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">\n        {{ field.name | translate }}\n        <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-viewer [urlFile]=\"field.value.urlFile\"\n                [blobFile]=\"field.value.blobFile\"\n                [fileName]=\"field.value.fileName\"\n                [showViewer]=\"field.value?.blobFile || field.value?.urlFile\"\n                [allowGoBack]=\"false\" />\n    <div class=\"adf-error-messages-container\">\n        <error-widget [error]=\"field.validationSummary\" />\n    </div>\n</div>\n", styles: ["base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer{position:relative}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ViewerComponent, selector: "adf-viewer", inputs: ["urlFile", "blobFile", "showViewer", "allowGoBack", "allowFullScreen", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "allowedEditActions", "tracks", "mimeType", "sidebarRightTemplateContext", "sidebarLeftTemplateContext", "closeButtonPosition", "hideInfoButton", "viewerExtensions", "nodeId", "nodeMimeType", "customError", "showToolbarDividers", "title", "fileName"], outputs: ["downloadFile", "navigateBefore", "navigateNext", "showViewerChange", "submitFile"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: BaseViewerWidgetComponent, isStandalone: true, selector: "base-viewer-widget", host: { listeners: { "click": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-base-viewer-widget {{ field.className }}\"\n     [class.adf-invalid]=\"!field.isValid\"\n     [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">\n        {{ field.name | translate }}\n        <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-viewer [urlFile]=\"field.value.urlFile\"\n                [blobFile]=\"field.value.blobFile\"\n                [fileName]=\"field.value.fileName\"\n                [showViewer]=\"field.value?.blobFile || field.value?.urlFile\"\n                [allowGoBack]=\"false\" />\n    <div class=\"adf-error-messages-container\">\n        <error-widget [error]=\"field.validationSummary\" />\n    </div>\n</div>\n", styles: ["base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer{position:relative}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ViewerComponent, selector: "adf-viewer", inputs: ["urlFile", "blobFile", "showViewer", "allowGoBack", "allowFullScreen", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "allowedEditActions", "tracks", "mimeType", "sidebarRightTemplateContext", "sidebarLeftTemplateContext", "closeButtonPosition", "hideInfoButton", "viewerExtensions", "nodeId", "nodeMimeType", "customError", "showToolbarDividers", "title", "fileName"], outputs: ["downloadFile", "navigateBefore", "navigateNext", "showViewerChange", "submitFile"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BaseViewerWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'base-viewer-widget', host: {
-                        '(click)': 'event($event)',
-                        '(blur)': 'event($event)',
-                        '(change)': 'event($event)',
-                        '(focus)': 'event($event)',
-                        '(focusin)': 'event($event)',
-                        '(focusout)': 'event($event)',
-                        '(input)': 'event($event)',
-                        '(invalid)': 'event($event)',
-                        '(select)': 'event($event)'
-                    }, imports: [NgIf, TranslatePipe, ViewerComponent, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-base-viewer-widget {{ field.className }}\"\n     [class.adf-invalid]=\"!field.isValid\"\n     [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">\n        {{ field.name | translate }}\n        <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-viewer [urlFile]=\"field.value.urlFile\"\n                [blobFile]=\"field.value.blobFile\"\n                [fileName]=\"field.value.fileName\"\n                [showViewer]=\"field.value?.blobFile || field.value?.urlFile\"\n                [allowGoBack]=\"false\" />\n    <div class=\"adf-error-messages-container\">\n        <error-widget [error]=\"field.validationSummary\" />\n    </div>\n</div>\n", styles: ["base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer{position:relative}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"] }]
+                        '(click)': 'event($event)'
+                    }, imports: [TranslatePipe, ViewerComponent, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-base-viewer-widget {{ field.className }}\"\n     [class.adf-invalid]=\"!field.isValid\"\n     [class.adf-readonly]=\"field.readOnly\">\n    <label class=\"adf-label\" [attr.for]=\"field.id\">\n        {{ field.name | translate }}\n        <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label>\n    <adf-viewer [urlFile]=\"field.value.urlFile\"\n                [blobFile]=\"field.value.blobFile\"\n                [fileName]=\"field.value.fileName\"\n                [showViewer]=\"field.value?.blobFile || field.value?.urlFile\"\n                [allowGoBack]=\"false\" />\n    <div class=\"adf-error-messages-container\">\n        <error-widget [error]=\"field.validationSummary\" />\n    </div>\n</div>\n", styles: ["base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget{height:100%;width:100%}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer{position:relative}base-viewer-widget .adf-base-viewer-widget adf-viewer.adf-viewer .adf-viewer-container .adf-viewer-content>div{height:90vh}\n"] }]
         }], ctorParameters: () => [{ type: FormService }] });
 
 /*!
@@ -23736,6 +23877,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                     }, imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-textfield adf-decimal-widget {{ field.className }}\"\n     [class.adf-invalid]=\"!field.isValid && isTouched()\"\n     [class.adf-readonly]=\"field.readOnly\"\n     [class.adf-left-label-input-container]=\"field.leftLabels\">\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n            {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n        </label>\n    </div>\n\n    <div class=\"adf-decimal-widget-container\">\n        <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n           @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label> }\n            <input matInput\n                   class=\"adf-input\"\n                   type=\"text\"\n                   pattern=\"-?[0-9]*(\\.[0-9]*)?\"\n                   [id]=\"field.id\"\n                   [required]=\"field.required && field.isVisible\"\n                   [(ngModel)]=\"field.value\"\n                   (ngModelChange)=\"onFieldChanged(field)\"\n                   [disabled]=\"field.readOnly\"\n                   [placeholder]=\"field.placeholder\"\n                   [title]=\"field.tooltip\"\n                   (blur)=\"markAsTouched()\" />\n        </mat-form-field>\n\n        <div class=\"adf-error-messages-container\">\n            <error-widget [error]=\"field.validationSummary\" />\n            <error-widget\n                *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n                required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-decimal-widget{width:100%}.adf-decimal-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-decimal-widget .adf-label{top:20px}\n"] }]
         }], ctorParameters: () => [{ type: FormService }] });
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* eslint-disable @angular-eslint/component-selector */
+class ButtonWidgetComponent extends WidgetComponent {
+    constructor(formService) {
+        super(formService);
+        this.formService = formService;
+        this.tooltipShowDelay = 500;
+    }
+    get hostClasses() {
+        return `adf-button-widget ${this.field?.className || ''}`;
+    }
+    onClick(event) {
+        this.event(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonWidgetComponent, isStandalone: true, selector: "button-widget", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button-widget', host: {
+                        '[class]': 'hostClasses'
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, MatButtonModule, MatTooltipModule], template: "<button\n    mat-flat-button\n    class=\"adf-button-widget__button\"\n    [color]=\"'primary'\"\n    [matTooltip]=\"field?.tooltip\"\n    [matTooltipShowDelay]=\"tooltipShowDelay\"\n    [disabled]=\"field?.readOnly ?? false\"\n    (click)=\"onClick($event)\"\n>\n    {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: FormService }] });
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -24032,6 +24212,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class RepeatWidgetComponent {
+    constructor() {
+        this.isEditor = true;
+    }
+    addRow() {
+        this.element.field.addRow(this.element.json.fields, this.element.form);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: RepeatWidgetComponent, isStandalone: true, selector: "adf-repeat-widget", inputs: { element: "element", isEditor: "isEditor" }, ngImport: i0, template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                [disabled]=\"element.field.readOnly\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adf-repeat-widget', encapsulation: ViewEncapsulation.None, imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe], template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n    <h4\n        id=\"container-repeat\"\n        class=\"adf-container-widget-repeat__text\"\n    >\n        <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n            {{ element.name | translate }}\n        </span>\n    </h4>\n\n    <ng-content />\n\n    @if (!isEditor) {\n        @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n        @if (shouldDisplayAddRowButton) {\n            <button \n                mat-button\n                color=\"primary\"\n                class=\"adf-container-widget-row-action\"\n                [disabled]=\"element.field.readOnly\"\n                (click)=\"addRow()\"\n            >\n                <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n            </button>\n        } @else {\n            <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n        }\n    }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"] }]
+        }], propDecorators: { element: [{
+                type: Input
+            }], isEditor: [{
+                type: Input
+            }] } });
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -24062,7 +24277,8 @@ const WIDGET_DIRECTIVES = [
     ErrorWidgetComponent,
     DateTimeWidgetComponent,
     JsonWidgetComponent,
-    BaseViewerWidgetComponent
+    BaseViewerWidgetComponent,
+    ButtonWidgetComponent
 ];
 const MASK_DIRECTIVE = [InputMaskDirective];
 
@@ -24101,7 +24317,8 @@ class FormRenderingService extends DynamicComponentMapper {
             [FormFieldTypes.JSON]: DynamicComponentResolver.fromType(JsonWidgetComponent),
             [FormFieldTypes.DISPLAY_VALUE]: DynamicComponentResolver.fromType(TextWidgetComponent),
             [FormFieldTypes.DATETIME]: DynamicComponentResolver.fromType(DateTimeWidgetComponent),
-            [FormFieldTypes.VIEWER]: DynamicComponentResolver.fromType(BaseViewerWidgetComponent)
+            [FormFieldTypes.VIEWER]: DynamicComponentResolver.fromType(BaseViewerWidgetComponent),
+            [FormFieldTypes.BUTTON]: DynamicComponentResolver.fromType(ButtonWidgetComponent)
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormRenderingService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -24420,6 +24637,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/**
+ * Component is a wrapper for widget components.
+ * It is responsible for instantiating the correct widget component
+ * based on the field type.
+ */
 class FormFieldComponent {
     constructor() {
         /**
@@ -24463,7 +24685,7 @@ class FormFieldComponent {
                             this.triggerFormFieldChanged(field);
                         }
                     });
-                    if (FormFieldTypes.isReactiveType(instance?.field?.type)) {
+                    if (FormFieldTypes.isReactiveWidget(instance)) {
                         this.updateReactiveFormControlOnFormRulesEvent(instance);
                     }
                 }
@@ -24734,8 +24956,8 @@ class FormBaseComponent {
             }
             else {
                 // Note: Activiti is using NAME field rather than ID for outcomes
-                if (outcome.name) {
-                    this.completeTaskForm(outcome.name);
+                if (outcome.name && outcome.id) {
+                    this.completeTaskForm(outcome.name, outcome.id);
                     return true;
                 }
             }
@@ -25027,6 +25249,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
             type: Injectable
         }] });
 
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ConfirmDialogComponent {
+    constructor(data, sanitizer) {
+        this.sanitizer = sanitizer;
+        data = data || {};
+        this.title = data.title || 'ADF_CONFIRM_DIALOG.TITLE';
+        this.message = data.message || 'ADF_CONFIRM_DIALOG.MESSAGE';
+        this.yesLabel = data.yesLabel || 'ADF_CONFIRM_DIALOG.YES_LABEL';
+        this.thirdOptionLabel = data.thirdOptionLabel;
+        this.noLabel = data.noLabel || 'ADF_CONFIRM_DIALOG.NO_LABEL';
+        this.htmlContent = data.htmlContent;
+    }
+    sanitizedHtmlContent() {
+        return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmDialogComponent, isStandalone: true, selector: "adf-confirm-dialog", host: { classAttribute: "adf-confirm-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n    <div class=\"adf-confirm-dialog-content\">\n        <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n        <ng-template #customContent>\n            <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n        </ng-template>\n    </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n    <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n    <button\n        id=\"adf-confirm-cancel\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        [mat-dialog-close]=\"false\"\n        data-automation-id=\"adf-confirm-dialog-reject\"\n    >\n        {{ noLabel | translate }}\n    </button>\n    <button\n        *ngIf=\"thirdOptionLabel\"\n        id=\"adf-confirm-all\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        [mat-dialog-close]=\"thirdOptionLabel\"\n        data-automation-id=\"adf-confirm-dialog-confirm-all\"\n    >\n        {{ thirdOptionLabel | translate }}\n    </button>\n    <button\n        id=\"adf-confirm-accept\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        color=\"primary\"\n        data-automation-id=\"adf-confirm-dialog-confirmation\"\n        [mat-dialog-close]=\"true\"\n        cdkFocusInitial\n    >\n        {{ yesLabel | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adf-confirm-dialog', host: { class: 'adf-confirm-dialog' }, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslatePipe, MatDialogModule, NgIf, MatButtonModule], template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n    <div class=\"adf-confirm-dialog-content\">\n        <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n        <ng-template #customContent>\n            <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n        </ng-template>\n    </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n    <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n    <button\n        id=\"adf-confirm-cancel\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        [mat-dialog-close]=\"false\"\n        data-automation-id=\"adf-confirm-dialog-reject\"\n    >\n        {{ noLabel | translate }}\n    </button>\n    <button\n        *ngIf=\"thirdOptionLabel\"\n        id=\"adf-confirm-all\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        [mat-dialog-close]=\"thirdOptionLabel\"\n        data-automation-id=\"adf-confirm-dialog-confirm-all\"\n    >\n        {{ thirdOptionLabel | translate }}\n    </button>\n    <button\n        id=\"adf-confirm-accept\"\n        class=\"adf-confirm-dialog-button\"\n        mat-button\n        color=\"primary\"\n        data-automation-id=\"adf-confirm-dialog-confirmation\"\n        [mat-dialog-close]=\"true\"\n        cdkFocusInitial\n    >\n        {{ yesLabel | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$5.DomSanitizer }] });
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -25044,10 +25307,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class FormRendererComponent {
-    constructor(formService, formRulesManager, middlewareServices) {
-        this.formService = formService;
-        this.formRulesManager = formRulesManager;
+    constructor(middlewareServices) {
         this.middlewareServices = middlewareServices;
+        this.formService = inject(FormService);
+        this.formRulesManager = inject((FormRulesManager));
+        this.dialog = inject(MatDialog);
+        this.cdr = inject(ChangeDetectorRef);
         this.readOnly = false;
     }
     ngOnInit() {
@@ -25103,6 +25368,26 @@ class FormRendererComponent {
         }
         return maxFieldSize;
     }
+    displayDialogToRemoveRow(field, rowIndex) {
+        this.dialog
+            .open(ConfirmDialogComponent, {
+            data: {
+                title: 'FORM.FORM_RENDERER.REMOVE_ROW_DIALOG.TITLE',
+                message: 'FORM.FORM_RENDERER.REMOVE_ROW_DIALOG.MESSAGE',
+                yesLabel: 'FORM.FORM_RENDERER.REMOVE_ROW_DIALOG.YES_LABEL',
+                noLabel: 'FORM.FORM_RENDERER.REMOVE_ROW_DIALOG.NO_LABEL'
+            },
+            minWidth: '500px',
+            closeOnNavigation: true
+        })
+            .beforeClosed()
+            .subscribe((shouldRemove) => {
+            if (shouldRemove) {
+                field.removeRow(rowIndex);
+                this.cdr.detectChanges();
+            }
+        });
+    }
     /**
      * Calculate the column width based on the numberOfColumns and current field's colspan property
      *
@@ -25126,8 +25411,8 @@ class FormRendererComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormRendererComponent, deps: [{ token: FormService }, { token: FormRulesManager }, { token: FORM_FIELD_MODEL_RENDER_MIDDLEWARE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormRendererComponent, isStandalone: true, selector: "adf-form-renderer", inputs: { formDefinition: "formDefinition", readOnly: "readOnly" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormRendererComponent, deps: [{ token: FORM_FIELD_MODEL_RENDER_MIDDLEWARE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: FormRendererComponent, isStandalone: true, selector: "adf-form-renderer", inputs: { formDefinition: "formDefinition", readOnly: "readOnly" }, providers: [
             {
                 provide: FormRulesManager,
                 useFactory: formRulesManagerFactory,
@@ -25138,7 +25423,7 @@ class FormRendererComponent {
                 useClass: DecimalRenderMiddlewareService,
                 multi: true
             }
-        ], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.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: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                            [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n                        >   \n                            <div class=\"adf-grid-list-row\">\n                                <span  class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-row-remove-button\"\n                                        [disabled]=\"currentRootElement.field.readOnly\"\n                                        [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </div>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.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: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }, { kind: "component", type: RepeatWidgetComponent, selector: "adf-repeat-widget", inputs: ["element", "isEditor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.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.6", ngImport: i0, type: FormRendererComponent, decorators: [{
             type: Component,
@@ -25166,9 +25451,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         FormsModule,
                         NgClass,
                         HeaderWidgetComponent,
-                        FormSectionComponent
-                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"] }]
-        }], ctorParameters: () => [{ type: FormService }, { type: FormRulesManager }, { type: undefined, decorators: [{
+                        FormSectionComponent,
+                        RepeatWidgetComponent,
+                        MatTooltipModule
+                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n     [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n    <div *ngIf=\"formDefinition.hasTabs()\">\n        <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n            <mat-tab-group [preserveContent]=\"true\">\n                <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n                    <ng-template matTabContent>\n                        <div class=\"adf-form-tab-content\">\n                            <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n                        </div>\n                    </ng-template>\n                </mat-tab>\n            </mat-tab-group>\n        </div>\n    </div>\n\n    <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n        <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n    </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n    <div *ngFor=\"let currentRootElement of fieldToRender\">\n        <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n            <adf-form-section [field]=\"currentRootElement\" />\n        </div>\n\n        <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n             [id]=\"'field-' + currentRootElement?.id + '-container'\"\n             class=\"adf-container-widget\"\n             [hidden]=\"!currentRootElement?.isVisible\">\n            <adf-header-widget [element]=\"currentRootElement\" />\n            <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n                <div class=\"adf-grid-list\"\n                     [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n                     *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-item\"\n                         *ngFor=\"let field of getContainerFields(currentRootElement)\"\n                         [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n                        <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                    </div>\n                </div>\n            </div>\n\n            <ng-template #fixingTemplate>\n                <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n                    <div class=\"adf-grid-list-single-column\"\n                         *ngFor=\"let column of currentRootElement?.columns\"\n                         [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                    >\n                        <ng-container *ngFor=\"let field of column?.fields\">\n                            <ng-container *ngIf=\"field.type === 'section'; else formField\">\n                                <adf-form-section [field]=\"field\"/>\n                            </ng-container>\n                            <ng-template #formField>\n                                <div class=\"adf-grid-list-column-view-item\">\n                                    <adf-form-field [field]=\"field\"/>\n                                </div>\n                            </ng-template>\n                        </ng-container>\n                    </div>\n                </section>\n            </ng-template>\n\n            <ng-template #columnViewItem let-column=\"column\">\n                <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n                    <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n                </div>\n            </ng-template>\n        </div>\n\n        @if (currentRootElement.type === 'repeatable-section') {\n            <div \n                [id]=\"'field-' + currentRootElement?.id + '-container'\"\n                class=\"adf-container-widget\"\n                [hidden]=\"!currentRootElement?.isVisible\"\n            >\n                <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n                    @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n                        @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n                        <div \n                            class=\"adf-grid-list-container\"\n                            [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n                            [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n                        >   \n                            <div class=\"adf-grid-list-row\">\n                                <span  class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n                                @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n                                @if (shouldDisplayRemoveRowButton) {\n                                    <button \n                                        mat-icon-button\n                                        class=\"adf-grid-list-row-remove-button\"\n                                        [disabled]=\"currentRootElement.field.readOnly\"\n                                        [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n                                        (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n                                    >\n                                        <mat-icon>close</mat-icon>\n                                    </button>\n                                }\n                            </div>\n                            <section  class=\"adf-grid-list-column-view\">\n                                @for (column of row.columns; track $index) {\n                                    <div \n                                        class=\"adf-grid-list-single-column\"\n                                        [style.width.%]=\"getColumnWidth(currentRootElement)\"\n                                    >\n                                        @for (field of column?.fields; track $index) {\n                                            @if (field.type === 'section') {\n                                                <adf-form-section [field]=\"field\"/>\n                                            } @else {\n                                                <div class=\"adf-grid-list-column-view-item\">\n                                                    <adf-form-field [field]=\"field\"/>\n                                                </div>\n                                            }\n                                        }\n                                    </div>\n                                }\n                            </section>\n                        </div>\n                    }\n                </adf-repeat-widget>\n            </div>\n        }\n\n        <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n            <adf-form-field [field]=\"currentRootElement\" />\n        </div>\n\n        <div class=\"adf-container-widget\"\n             *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n            <adf-form-field [field]=\"currentRootElement.field\"/>\n        </div>\n    </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -25237,12 +25524,12 @@ class FormBaseModule {
             FormRendererComponent,
             WidgetComponent,
             StartFormCustomButtonDirective,
-            InplaceFormInputComponent, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, HyperlinkWidgetComponent, DisplayTextWidgetComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, InputMaskDirective], exports: [FormFieldComponent,
+            InplaceFormInputComponent, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, HyperlinkWidgetComponent, DisplayTextWidgetComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, ButtonWidgetComponent, InputMaskDirective], exports: [FormFieldComponent,
             FormRendererComponent,
-            StartFormCustomButtonDirective, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, HyperlinkWidgetComponent, DisplayTextWidgetComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, InplaceFormInputComponent,
+            StartFormCustomButtonDirective, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, HyperlinkWidgetComponent, DisplayTextWidgetComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, ButtonWidgetComponent, InplaceFormInputComponent,
             WidgetComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormBaseModule, imports: [FormRendererComponent,
-            InplaceFormInputComponent, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent] }); }
+            InplaceFormInputComponent, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, ButtonWidgetComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormBaseModule, decorators: [{
             type: NgModule,
@@ -26014,7 +26301,7 @@ class CommentListComponent {
         return this.commentsService.getUserImage(userId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n    <mat-list-item *ngFor=\"let comment of comments\"\n                  (click)=\"selectComment(comment)\"\n                  class=\"adf-comment-list-item\">\n        <div class=\"adf-comment-img-container\">\n            <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n            <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n                 [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n                 [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n        </div>\n        <div class=\"adf-comment-contents\">\n            <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n            <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n            <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n        </div>\n    </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast);border-radius:50%;font-size:var(--theme-subheading-2-font-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$8.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$8.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i1$2.MatLine, selector: "[mat-line], [matLine]" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n    <mat-list-item *ngFor=\"let comment of comments\"\n                  (click)=\"selectComment(comment)\"\n                  class=\"adf-comment-list-item\">\n        <div class=\"adf-comment-img-container\">\n            <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n            <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n                 [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n                 [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n        </div>\n        <div class=\"adf-comment-contents\">\n            <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n            <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n            <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n        </div>\n    </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast);border-radius:50%;font-size:var(--theme-subheading-2-font-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset;color:var(--adf-theme-foreground-text-color)}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$9.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i1$2.MatLine, selector: "[mat-line], [matLine]" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentListComponent, decorators: [{
             type: Component,
@@ -26696,11 +26983,11 @@ class DynamicChipListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"adf-dynamic-chip-list-container\"\n    [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n    [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n    [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n    #nodeListContainer>\n    <mat-chip-set\n        [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n        <mat-chip\n            class=\"adf-dynamic-chip-list-chip\"\n            *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n            [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n            [style.font-weight]=\"'bold'\"\n            (removed)=\"removedChip.emit(chip.id)\">\n            <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n            <mat-icon *ngIf=\"showDelete\"\n                      id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n                      class=\"adf-dynamic-chip-list-delete-icon\"\n                      [disabled]=\"disableDelete\"\n                      matChipRemove>\n                close\n            </mat-icon>\n        </mat-chip>\n    </mat-chip-set>\n    <button\n        data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n        mat-button\n        [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n        [style.left.px]=\"viewMoreButtonLeftOffset\"\n        [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n        class=\"adf-dynamic-chip-list-view-more-button\"\n        [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n        (click)=\"displayNextChips($event)\">\n        {{\n            paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n                ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n        }}\n    </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"adf-dynamic-chip-list-container\"\n    [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n    [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n    [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n    #nodeListContainer>\n    <mat-chip-set\n        [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n        role=\"list\"\n        [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n        <mat-chip\n            *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n            class=\"adf-dynamic-chip-list-chip\"\n            [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n            [style.font-weight]=\"'bold'\"\n            role=\"listitem\"\n            tabIndex=\"0\"\n            [attr.aria-label]=\"chip.name\"\n            (removed)=\"removedChip.emit(chip.id)\">\n            <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n            <mat-icon *ngIf=\"showDelete\"\n                      id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n                      class=\"adf-dynamic-chip-list-delete-icon\"\n                      [disabled]=\"disableDelete\"\n                      matChipRemove>\n                close\n            </mat-icon>\n        </mat-chip>\n    </mat-chip-set>\n    <button\n        data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n        mat-button\n        [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n        [style.left.px]=\"viewMoreButtonLeftOffset\"\n        [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n        class=\"adf-dynamic-chip-list-view-more-button\"\n        [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n        (click)=\"displayNextChips($event)\">\n        {{\n            paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n                ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n        }}\n    </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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.6", ngImport: i0, type: DynamicChipListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-dynamic-chip-list-container\"\n    [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n    [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n    [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n    #nodeListContainer>\n    <mat-chip-set\n        [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n        role=\"listbox\"\n        [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n        <mat-chip\n            class=\"adf-dynamic-chip-list-chip\"\n            *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n            [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n            [style.font-weight]=\"'bold'\"\n            (removed)=\"removedChip.emit(chip.id)\">\n            <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n            <mat-icon *ngIf=\"showDelete\"\n                      id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n                      class=\"adf-dynamic-chip-list-delete-icon\"\n                      [disabled]=\"disableDelete\"\n                      matChipRemove>\n                close\n            </mat-icon>\n        </mat-chip>\n    </mat-chip-set>\n    <button\n        data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n        mat-button\n        [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n        [style.left.px]=\"viewMoreButtonLeftOffset\"\n        [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n        class=\"adf-dynamic-chip-list-view-more-button\"\n        [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n        (click)=\"displayNextChips($event)\">\n        {{\n            paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n                ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n        }}\n    </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"] }]
+            args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"adf-dynamic-chip-list-container\"\n    [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n    [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n    [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n    #nodeListContainer>\n    <mat-chip-set\n        [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n        role=\"list\"\n        [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n        <mat-chip\n            *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n            class=\"adf-dynamic-chip-list-chip\"\n            [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n            [style.font-weight]=\"'bold'\"\n            role=\"listitem\"\n            tabIndex=\"0\"\n            [attr.aria-label]=\"chip.name\"\n            (removed)=\"removedChip.emit(chip.id)\">\n            <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n            <mat-icon *ngIf=\"showDelete\"\n                      id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n                      class=\"adf-dynamic-chip-list-delete-icon\"\n                      [disabled]=\"disableDelete\"\n                      matChipRemove>\n                close\n            </mat-icon>\n        </mat-chip>\n    </mat-chip-set>\n    <button\n        data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n        mat-button\n        [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n        [style.left.px]=\"viewMoreButtonLeftOffset\"\n        [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n        class=\"adf-dynamic-chip-list-view-more-button\"\n        [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n        (click)=\"displayNextChips($event)\">\n        {{\n            paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n                ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n        }}\n    </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action .mdc-evolution-chip__text-label{color:var(--adf-theme-foreground-text-color-054)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pagination: [{
                 type: Input
             }], chips: [{
@@ -26823,18 +27110,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const CLIPBOARD_DIRECTIVES = [ClipboardDirective, ClipboardComponent];
+const CLIPBOARD_DIRECTIVES = [ClipboardDirective];
 /** @deprecated use `...CLIPBOARD_DIRECTIVES` or import standalone directives */
 class ClipboardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule, imports: [ClipboardDirective, ClipboardComponent], exports: [ClipboardDirective, ClipboardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule, imports: [MatTooltipModule, ClipboardDirective], exports: [MatTooltipModule, ClipboardDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule, imports: [MatTooltipModule, MatTooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...CLIPBOARD_DIRECTIVES],
-                    exports: [...CLIPBOARD_DIRECTIVES]
+                    imports: [MatTooltipModule, ...CLIPBOARD_DIRECTIVES],
+                    exports: [MatTooltipModule, ...CLIPBOARD_DIRECTIVES]
                 }]
         }] });
 
@@ -27045,47 +27332,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1$7.MatDialog }, { type: AuthenticationService }, { type: AuthGuardService }] });
 
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class ConfirmDialogComponent {
-    constructor(data, sanitizer) {
-        this.sanitizer = sanitizer;
-        data = data || {};
-        this.title = data.title || 'ADF_CONFIRM_DIALOG.TITLE';
-        this.message = data.message || 'ADF_CONFIRM_DIALOG.MESSAGE';
-        this.yesLabel = data.yesLabel || 'ADF_CONFIRM_DIALOG.YES_LABEL';
-        this.thirdOptionLabel = data.thirdOptionLabel;
-        this.noLabel = data.noLabel || 'ADF_CONFIRM_DIALOG.NO_LABEL';
-        this.htmlContent = data.htmlContent;
-    }
-    sanitizedHtmlContent() {
-        return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmDialogComponent, isStandalone: true, selector: "adf-confirm-dialog", host: { classAttribute: "adf-confirm-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n    <div class=\"adf-confirm-dialog-content\">\n        <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">\n            {{ message | translate }}\n        </p>\n        <ng-template #customContent>\n        <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n        </ng-template>\n    </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n    <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n    <button id=\"adf-confirm-accept\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            color=\"primary\"\n            data-automation-id=\"adf-confirm-dialog-confirmation\"\n            [mat-dialog-close]=\"true\">\n        {{ yesLabel | translate }}\n    </button>\n    <button *ngIf=\"thirdOptionLabel\"\n            id=\"adf-confirm-all\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            [mat-dialog-close]=\"thirdOptionLabel\"\n            data-automation-id=\"adf-confirm-dialog-confirm-all\">{{ thirdOptionLabel | translate }}\n    </button>\n    <button id=\"adf-confirm-cancel\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            [mat-dialog-close]=\"false\"\n            data-automation-id=\"adf-confirm-dialog-reject\"\n            cdkFocusInitial>\n        {{ noLabel | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.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.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'adf-confirm-dialog', host: { class: 'adf-confirm-dialog' }, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslatePipe, MatDialogModule, NgIf, MatButtonModule], template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n    <div class=\"adf-confirm-dialog-content\">\n        <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">\n            {{ message | translate }}\n        </p>\n        <ng-template #customContent>\n        <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n        </ng-template>\n    </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n    <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n    <button id=\"adf-confirm-accept\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            color=\"primary\"\n            data-automation-id=\"adf-confirm-dialog-confirmation\"\n            [mat-dialog-close]=\"true\">\n        {{ yesLabel | translate }}\n    </button>\n    <button *ngIf=\"thirdOptionLabel\"\n            id=\"adf-confirm-all\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            [mat-dialog-close]=\"thirdOptionLabel\"\n            data-automation-id=\"adf-confirm-dialog-confirm-all\">{{ thirdOptionLabel | translate }}\n    </button>\n    <button id=\"adf-confirm-cancel\"\n            class=\"adf-confirm-dialog-button\"\n            mat-button\n            [mat-dialog-close]=\"false\"\n            data-automation-id=\"adf-confirm-dialog-reject\"\n            cdkFocusInitial>\n        {{ noLabel | translate }}\n    </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$5.DomSanitizer }] });
-
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -27318,6 +27564,7 @@ class NotificationHistoryComponent {
     }
     onMenuOpened() {
         this.createPagination();
+        setTimeout(() => this.initializeFocusManager(0));
     }
     markAsRead() {
         this.notifications = [];
@@ -27339,6 +27586,7 @@ class NotificationHistoryComponent {
         this.pagination.skipCount = this.pagination.maxItems + this.pagination.skipCount;
         this.pagination.hasMoreItems = this.notifications.length > this.pagination.skipCount;
         this.paginatedNotifications = this.notifications.slice(0, this.pagination.skipCount);
+        setTimeout(() => this.initializeFocusManager(this.focusKeyManager.activeItemIndex));
     }
     hasMoreNotifications() {
         return this.pagination?.hasMoreItems;
@@ -27350,8 +27598,26 @@ class NotificationHistoryComponent {
             this.trigger.closeMenu();
         }
     }
+    manageFocus(event) {
+        if (event.key === 'ArrowUp') {
+            this.focusKeyManager.setPreviousItemActive();
+            event.stopPropagation();
+        }
+        else if (event.key === 'ArrowDown') {
+            event.stopPropagation();
+            this.focusKeyManager.setNextItemActive();
+        }
+    }
+    initializeFocusManager(activeIndex) {
+        this.focusKeyManager = new FocusKeyManager([
+            this.markAsReadButton,
+            ...this.menuItems,
+            ...(this.hasMoreNotifications() ? [this.loadMoreButton] : [])
+        ]).withWrap();
+        this.focusKeyManager.setActiveItem(activeIndex);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryComponent, deps: [{ token: NotificationService }, { token: StorageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<button mat-button\n        [matMenuTriggerFor]=\"menu\"\n        aria-hidden=\"false\"\n        [attr.aria-label]=\"'NOTIFICATIONS.OPEN_HISTORY' | translate\"\n        title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n        class=\"adf-notification-history-menu_button\"\n        id=\"adf-notification-history-open-button\"\n        (menuOpened)=\"onMenuOpened()\">\n    <mat-icon matBadge=\"&#8288;\"\n              [matBadgeHidden]=\"!notifications.length\"\n              class=\"adf-notification-history-menu_button-icon\"\n              matBadgeColor=\"accent\"\n              matBadgeSize=\"small\">notifications\n    </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n          [xPosition]=\"menuPositionX\"\n          [yPosition]=\"menuPositionY\"\n          id=\"adf-notification-history-menu\"\n          class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n    <div class=\"adf-notification-history-list-header\">\n        <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n        <button mat-menu-item\n                *ngIf=\"notifications.length\"\n                id=\"adf-notification-history-mark-as-read\"\n                class=\"adf-notification-history-mark-as-read\"\n                title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n                (click)=\"markAsRead()\">\n            <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-item-list\">\n        <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n            <button mat-menu-item\n                    *ngFor=\"let notification of paginatedNotifications\"\n                    (click)=\"onNotificationClick(notification, $event)\"\n                    class=\"adf-notification-history-menu-item\">\n                <div class=\"adf-notification-history-menu-item-content\">\n                    <div *ngIf=\"notification.initiator; else no_avatar\"\n                         [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n                    <ng-template #no_avatar>\n                        <mat-icon class=\"adf-notification-history-menu-initiator\">\n                            {{ notification.icon }}\n                        </mat-icon>\n                    </ng-template>\n                    <div class=\"adf-notification-history-menu-item-content-message\">\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n                           *ngFor=\"let message of notification.messages\"\n                           [title]=\"message\">{{ message }}</p>\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n                        > {{ notification.datetime | adfTimeAgo }} </p>\n                    </div>\n                </div>\n            </button>\n        </ng-container>\n        <ng-template #empty_list_template>\n            <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n               class=\"adf-notification-history-menu-no-message-text\">\n                {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n            </p>\n        </ng-template>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-load-more\" *ngIf=\"hasMoreNotifications()\">\n        <button mat-menu-item (click)=\"loadMore($event)\">\n            {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n        </button>\n    </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$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: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i6$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }, { propertyName: "markAsReadButton", first: true, predicate: ["markAsReadButton"], descendants: true }, { propertyName: "loadMoreButton", first: true, predicate: ["loadMoreButton"], descendants: true }, { propertyName: "menuItems", predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<button mat-button\n        [matMenuTriggerFor]=\"menu\"\n        aria-hidden=\"false\"\n        [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n        title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n        class=\"adf-notification-history-menu_button\"\n        id=\"adf-notification-history-open-button\"\n        (menuOpened)=\"onMenuOpened()\">\n    <mat-icon matBadge=\"&#8288;\"\n              [matBadgeHidden]=\"!notifications.length\"\n              class=\"adf-notification-history-menu_button-icon\"\n              matBadgeColor=\"accent\"\n              matBadgeSize=\"small\">notifications\n    </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n          [xPosition]=\"menuPositionX\"\n          [yPosition]=\"menuPositionY\"\n          id=\"adf-notification-history-menu\"\n          class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n    <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n        <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n        <button mat-icon-button\n                *ngIf=\"notifications.length\"\n                data-automation-id=\"adf-notification-history-mark-as-read\"\n                class=\"adf-notification-history-mark-as-read\"\n                title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n                (click)=\"markAsRead()\"\n                #markAsReadButton\n                (keydown)=\"manageFocus($event)\">\n            <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-item-list\">\n        <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n            <button mat-menu-item\n                    *ngFor=\"let notification of paginatedNotifications\"\n                    (click)=\"onNotificationClick(notification, $event)\"\n                    class=\"adf-notification-history-menu-item\"\n                    (keydown)=\"manageFocus($event)\">\n                <div class=\"adf-notification-history-menu-item-content\">\n                    <div *ngIf=\"notification.initiator; else no_avatar\"\n                         [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n                    <ng-template #no_avatar>\n                        <mat-icon class=\"adf-notification-history-menu-initiator\">\n                            {{ notification.icon }}\n                        </mat-icon>\n                    </ng-template>\n                    <div class=\"adf-notification-history-menu-item-content-message\">\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n                           *ngFor=\"let message of notification.messages\"\n                           [title]=\"message\">{{ message }}</p>\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n                        > {{ notification.datetime | adfTimeAgo }} </p>\n                    </div>\n                </div>\n            </button>\n        </ng-container>\n        <ng-template #empty_list_template>\n            <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n               class=\"adf-notification-history-menu-no-message-text\">\n                {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n            </p>\n        </ng-template>\n    </div>\n\n    <mat-divider/>\n\n    <div\n        class=\"adf-notification-history-load-more\"\n        *ngIf=\"hasMoreNotifications()\"\n        aria-hidden=\"true\">\n        <button\n            data-automation-id=\"adf-notification-history-load-more\"\n            mat-button\n            (click)=\"loadMore($event)\"\n            #loadMoreButton\n            (keydown)=\"manageFocus($event)\">\n            {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n        </button>\n    </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i6$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryComponent, decorators: [{
             type: Component,
@@ -27367,7 +27633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         TimeAgoPipe,
                         InitialUsernamePipe,
                         MatSnackBarModule
-                    ], encapsulation: ViewEncapsulation.None, template: "<button mat-button\n        [matMenuTriggerFor]=\"menu\"\n        aria-hidden=\"false\"\n        [attr.aria-label]=\"'NOTIFICATIONS.OPEN_HISTORY' | translate\"\n        title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n        class=\"adf-notification-history-menu_button\"\n        id=\"adf-notification-history-open-button\"\n        (menuOpened)=\"onMenuOpened()\">\n    <mat-icon matBadge=\"&#8288;\"\n              [matBadgeHidden]=\"!notifications.length\"\n              class=\"adf-notification-history-menu_button-icon\"\n              matBadgeColor=\"accent\"\n              matBadgeSize=\"small\">notifications\n    </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n          [xPosition]=\"menuPositionX\"\n          [yPosition]=\"menuPositionY\"\n          id=\"adf-notification-history-menu\"\n          class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n    <div class=\"adf-notification-history-list-header\">\n        <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n        <button mat-menu-item\n                *ngIf=\"notifications.length\"\n                id=\"adf-notification-history-mark-as-read\"\n                class=\"adf-notification-history-mark-as-read\"\n                title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n                (click)=\"markAsRead()\">\n            <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-item-list\">\n        <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n            <button mat-menu-item\n                    *ngFor=\"let notification of paginatedNotifications\"\n                    (click)=\"onNotificationClick(notification, $event)\"\n                    class=\"adf-notification-history-menu-item\">\n                <div class=\"adf-notification-history-menu-item-content\">\n                    <div *ngIf=\"notification.initiator; else no_avatar\"\n                         [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n                    <ng-template #no_avatar>\n                        <mat-icon class=\"adf-notification-history-menu-initiator\">\n                            {{ notification.icon }}\n                        </mat-icon>\n                    </ng-template>\n                    <div class=\"adf-notification-history-menu-item-content-message\">\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n                           *ngFor=\"let message of notification.messages\"\n                           [title]=\"message\">{{ message }}</p>\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n                        > {{ notification.datetime | adfTimeAgo }} </p>\n                    </div>\n                </div>\n            </button>\n        </ng-container>\n        <ng-template #empty_list_template>\n            <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n               class=\"adf-notification-history-menu-no-message-text\">\n                {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n            </p>\n        </ng-template>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-load-more\" *ngIf=\"hasMoreNotifications()\">\n        <button mat-menu-item (click)=\"loadMore($event)\">\n            {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n        </button>\n    </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<button mat-button\n        [matMenuTriggerFor]=\"menu\"\n        aria-hidden=\"false\"\n        [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n        title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n        class=\"adf-notification-history-menu_button\"\n        id=\"adf-notification-history-open-button\"\n        (menuOpened)=\"onMenuOpened()\">\n    <mat-icon matBadge=\"&#8288;\"\n              [matBadgeHidden]=\"!notifications.length\"\n              class=\"adf-notification-history-menu_button-icon\"\n              matBadgeColor=\"accent\"\n              matBadgeSize=\"small\">notifications\n    </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n          [xPosition]=\"menuPositionX\"\n          [yPosition]=\"menuPositionY\"\n          id=\"adf-notification-history-menu\"\n          class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n    <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n        <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n        <button mat-icon-button\n                *ngIf=\"notifications.length\"\n                data-automation-id=\"adf-notification-history-mark-as-read\"\n                class=\"adf-notification-history-mark-as-read\"\n                title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n                (click)=\"markAsRead()\"\n                #markAsReadButton\n                (keydown)=\"manageFocus($event)\">\n            <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n        </button>\n    </div>\n\n    <mat-divider/>\n\n    <div class=\"adf-notification-history-item-list\">\n        <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n            <button mat-menu-item\n                    *ngFor=\"let notification of paginatedNotifications\"\n                    (click)=\"onNotificationClick(notification, $event)\"\n                    class=\"adf-notification-history-menu-item\"\n                    (keydown)=\"manageFocus($event)\">\n                <div class=\"adf-notification-history-menu-item-content\">\n                    <div *ngIf=\"notification.initiator; else no_avatar\"\n                         [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n                    <ng-template #no_avatar>\n                        <mat-icon class=\"adf-notification-history-menu-initiator\">\n                            {{ notification.icon }}\n                        </mat-icon>\n                    </ng-template>\n                    <div class=\"adf-notification-history-menu-item-content-message\">\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n                           *ngFor=\"let message of notification.messages\"\n                           [title]=\"message\">{{ message }}</p>\n                        <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n                        > {{ notification.datetime | adfTimeAgo }} </p>\n                    </div>\n                </div>\n            </button>\n        </ng-container>\n        <ng-template #empty_list_template>\n            <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n               class=\"adf-notification-history-menu-no-message-text\">\n                {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n            </p>\n        </ng-template>\n    </div>\n\n    <mat-divider/>\n\n    <div\n        class=\"adf-notification-history-load-more\"\n        *ngIf=\"hasMoreNotifications()\"\n        aria-hidden=\"true\">\n        <button\n            data-automation-id=\"adf-notification-history-load-more\"\n            mat-button\n            (click)=\"loadMore($event)\"\n            #loadMoreButton\n            (keydown)=\"manageFocus($event)\">\n            {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n        </button>\n    </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: NotificationService }, { type: StorageService }, { type: i0.ChangeDetectorRef }], propDecorators: { trigger: [{
                 type: ViewChild,
                 args: [MatMenuTrigger, { static: true }]
@@ -27377,44 +27643,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Input
             }], maxNotifications: [{
                 type: Input
-            }] } });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class AddNotificationStorybookComponent {
-    constructor(notificationService) {
-        this.notificationService = notificationService;
-        this.infoCounter = 1;
-    }
-    showInfo() {
-        this.notificationService.showInfo(`Example notification ${this.infoCounter}`);
-        this.infoCounter++;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddNotificationStorybookComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AddNotificationStorybookComponent, isStandalone: true, selector: "adf-add-notification-storybook", ngImport: i0, template: ` <button mat-raised-button (click)="showInfo()">Add Notification</button>`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddNotificationStorybookComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'adf-add-notification-storybook',
-                    imports: [MatButtonModule],
-                    template: ` <button mat-raised-button (click)="showInfo()">Add Notification</button>`
-                }]
-        }], ctorParameters: () => [{ type: NotificationService }] });
+            }], markAsReadButton: [{
+                type: ViewChild,
+                args: ['markAsReadButton']
+            }], loadMoreButton: [{
+                type: ViewChild,
+                args: ['loadMoreButton']
+            }], menuItems: [{
+                type: ViewChildren,
+                args: [MatMenuItem]
+            }] } });
 
 /*!
  * @license
@@ -27432,11 +27670,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const NOTIFICATION_HISTORY_DIRECTIVES = [NotificationHistoryComponent, AddNotificationStorybookComponent];
+const NOTIFICATION_HISTORY_DIRECTIVES = [NotificationHistoryComponent];
 /** @deprecated use `...NOTIFICATION_HISTORY_DIRECTIVES` or import the individual directives */
 class NotificationHistoryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryModule, imports: [NotificationHistoryComponent, AddNotificationStorybookComponent], exports: [NotificationHistoryComponent, AddNotificationStorybookComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryModule, imports: [NotificationHistoryComponent], exports: [NotificationHistoryComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryModule, imports: [NOTIFICATION_HISTORY_DIRECTIVES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryModule, decorators: [{
@@ -28498,6 +28736,7 @@ class TranslationMock {
     get(key) {
         return of(key);
     }
+    getLocale() { }
     instant(key) {
         return key;
     }
@@ -30600,142 +30839,6 @@ const tabInvalidFormVisibility = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const mockCarsData = [
-    {
-        car_id: 1,
-        car_name: 'Fiat 126p (Process)',
-        car_price: 599.0,
-        fuel_consumption: 5.25789,
-        is_available: 'false',
-        production_start: '1972-04-23',
-        description: 'The Fiat 126 (Type 126) is a four-passenger, rear-engine, city car manufactured and marketed by Fiat over a twenty-eight year production run from 1972 until 2000, over a single generation.',
-        icon: 'airport_shuttle',
-        wikipedia_link: 'https://en.wikipedia.org/wiki/Fiat_126'
-    },
-    {
-        car_id: 2,
-        car_name: 'Citroen Xsara Picasso (Process)',
-        car_price: 10000,
-        fuel_consumption: 4.9,
-        is_available: 'true',
-        production_start: '2004-02-10T12:25:43.511Z',
-        description: 'The Citroën Xsara Picasso is a car produced by Citroën from 1999 to 2012. It has a five-seater five-door compact MPV design.',
-        icon: 'local_shipping',
-        wikipedia_link: 'https://en.wikipedia.org/wiki/Citro%C3%ABn_Xsara_Picasso'
-    },
-    {
-        car_id: 3,
-        car_name: 'Audi A3 (Process)',
-        car_price: 15000.12345,
-        fuel_consumption: 6,
-        is_available: 'true',
-        production_start: '1998-06-25T12:25:20',
-        description: 'The Audi A3 is a subcompact executive/small family car (C-segment) manufactured and marketed by the German automaker Audi AG since September 1996, currently in its fourth generation.',
-        icon: 'directions_car',
-        wikipedia_link: 'https://en.wikipedia.org/wiki/Audi_A3'
-    }
-];
-const mockCarsSchemaDefinition = [
-    {
-        type: 'icon',
-        key: 'icon',
-        title: '',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'text',
-        key: 'car_id',
-        title: 'Car ID',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'text',
-        key: 'car_name',
-        title: 'Car Name',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'amount',
-        key: 'car_price',
-        title: 'Car Price',
-        sortable: true,
-        draggable: true,
-        currencyConfig: {
-            code: 'USA',
-            display: 'code',
-            digitsInfo: '1.0-2',
-            locale: 'en-US'
-        }
-    },
-    {
-        type: 'number',
-        key: 'fuel_consumption',
-        title: 'Fuel Consumption (l/100km)',
-        sortable: true,
-        draggable: true,
-        decimalConfig: {
-            digitsInfo: '1.0-3',
-            locale: 'en-US'
-        }
-    },
-    {
-        type: 'boolean',
-        key: 'is_available',
-        title: 'Available?',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'date',
-        key: 'production_start',
-        title: 'Production Start',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'json',
-        key: 'description',
-        title: 'Description',
-        sortable: true,
-        draggable: true
-    },
-    {
-        type: 'location',
-        format: '/somewhere',
-        key: 'wikipedia_link',
-        title: 'Wikipedia',
-        sortable: true,
-        draggable: true
-    }
-];
-const mockPathInfos = [
-    {
-        elements: [
-            { id: '1', name: 'User files', nodeType: 'folder' },
-            { id: '2', name: 'Favorite', nodeType: 'folder' },
-            { id: '3', name: 'Movies', nodeType: 'folder' }
-        ],
-        name: '/User files/Favorite/Movies'
-    },
-    {
-        elements: [
-            { id: '1', name: 'User files', nodeType: 'folder' },
-            { id: '4', name: 'Photos', nodeType: 'folder' }
-        ],
-        name: '/User files/Photos'
-    },
-    {
-        elements: [
-            { id: '1', name: 'User files', nodeType: 'folder' },
-            { id: '2', name: 'Favorite', nodeType: 'folder' },
-            { id: '5', name: 'Series', nodeType: 'folder' }
-        ],
-        name: '/User files/Favorite/Series'
-    }
-];
 
 /*!
  * @license
@@ -30753,40 +30856,6 @@ const mockPathInfos = [
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const textColumnRows = [{ firstname: 'John' }, { firstname: 'Henry' }, { firstname: 'David' }, { firstname: 'Thomas' }];
-const dateColumnRows = [
-    { createdOn: new Date(2016, 6, 1, 11, 8, 4) },
-    { createdOn: new Date(2018, 4, 3, 12, 8, 4) },
-    { createdOn: new Date(2021, 2, 3, 9, 8, 4) }
-];
-const aMinuteInMilliseconds = 60 * 1000;
-const anHourInMilliseconds = 60 * aMinuteInMilliseconds;
-const aDayInMilliseconds = 24 * anHourInMilliseconds;
-const dateColumnTimeAgoRows = [
-    { modifiedOn: new Date() },
-    { modifiedOn: new Date(Date.now() - 44 * aMinuteInMilliseconds) },
-    { modifiedOn: new Date(Date.now() - 45 * aMinuteInMilliseconds) },
-    { modifiedOn: new Date(Date.now() - 23 * anHourInMilliseconds) },
-    { modifiedOn: new Date(Date.now() - 7 * aDayInMilliseconds) },
-    { modifiedOn: new Date(Date.now() - 8 * aDayInMilliseconds) }
-];
-const locationColumnRows = [
-    {
-        path: mockPathInfos[0]
-    },
-    {
-        path: mockPathInfos[1]
-    },
-    {
-        path: mockPathInfos[2]
-    }
-];
-const booleanColumnRows = [{ bool: 'true' }, { bool: 'false' }, { bool: true }, { bool: false }];
-const iconColumnRows = [{ icon: 'alarm' }, { icon: 'folder_open' }, { icon: 'accessibility' }];
-const imageColumnRows = [{ image: 'material-icons://image' }, { image: 'material-icons://image' }, { image: 'material-icons://image' }];
-const fileSizeColumnRows = [{ size: 12313 }, { size: 23 }, { size: 42421412421 }];
-const amountColumnRows = [{ price: 1230 }, { price: 422.55 }, { price: 50000.7855332 }, { price: 0.123 }, { price: -2022.3321 }];
-const jsonColumnRows = [{ rowInfo: { id: 1, name: 'row1' } }, { rowInfo: { id: 2, name: 'row2' } }, { rowInfo: { id: 3, name: 'row3' } }];
 
 /*!
  * @license
@@ -30804,6 +30873,59 @@ const jsonColumnRows = [{ rowInfo: { id: 1, name: 'row1' } }, { rowInfo: { id: 2
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+class NoopTranslationService {
+    constructor() {
+        this.defaultLang = 'en';
+        this.translate = {
+            onLangChange: new EventEmitter()
+        };
+    }
+    addTranslationFolder() { }
+    onTranslationChanged() { }
+    use() { }
+    loadTranslation() { }
+    get(key) {
+        return of(key);
+    }
+    getLocale() { }
+    instant(key) {
+        return key;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class NoopTranslateModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, imports: [HttpClientTestingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, providers: [
+            { provide: TranslationService, useClass: NoopTranslationService },
+            provideTranslateService({
+                loader: {
+                    provide: TranslateLoader,
+                    useClass: NoopTranslationService
+                }
+            })
+        ], imports: [HttpClientTestingModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [HttpClientTestingModule],
+                    providers: [
+                        { provide: TranslationService, useClass: NoopTranslationService },
+                        provideTranslateService({
+                            loader: {
+                                provide: TranslateLoader,
+                                useClass: NoopTranslationService
+                            }
+                        })
+                    ]
+                }]
+        }] });
 
 /*!
  * @license
@@ -30821,537 +30943,56 @@ const jsonColumnRows = [{ rowInfo: { id: 1, name: 'row1' } }, { rowInfo: { id: 2
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/** @deprecated This module is deprecated and will be removed in a future release. */
-class MaterialModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatAutocompleteModule,
-            MatButtonModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatListModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSlideToggleModule,
-            MatTableModule,
-            MatTabsModule,
-            MatMenuModule,
-            MatProgressBarModule,
-            MatSidenavModule,
-            MatSnackBarModule,
-            MatToolbarModule,
-            MatDatetimepickerModule,
-            MatNativeDatetimeModule,
-            MatExpansionModule,
-            MatBadgeModule,
-            MatFormFieldModule], exports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatAutocompleteModule,
-            MatButtonModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatListModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSlideToggleModule,
-            MatTableModule,
-            MatTabsModule,
-            MatMenuModule,
-            MatProgressBarModule,
-            MatSidenavModule,
-            MatSnackBarModule,
-            MatToolbarModule,
-            MatDatetimepickerModule,
-            MatNativeDatetimeModule,
-            MatExpansionModule,
-            MatBadgeModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatAutocompleteModule,
-            MatButtonModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatListModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSlideToggleModule,
-            MatTableModule,
-            MatTabsModule,
-            MatMenuModule,
-            MatProgressBarModule,
-            MatSidenavModule,
-            MatSnackBarModule,
-            MatToolbarModule,
-            MatDatetimepickerModule,
-            MatNativeDatetimeModule,
-            MatExpansionModule,
-            MatBadgeModule,
-            MatFormFieldModule, CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatAutocompleteModule,
-            MatButtonModule,
-            MatCardModule,
-            MatCheckboxModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatDialogModule,
-            MatGridListModule,
-            MatIconModule,
-            MatInputModule,
-            MatListModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatRadioModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSlideToggleModule,
-            MatTableModule,
-            MatTabsModule,
-            MatMenuModule,
-            MatProgressBarModule,
-            MatSidenavModule,
-            MatSnackBarModule,
-            MatToolbarModule,
-            MatDatetimepickerModule,
-            MatNativeDatetimeModule,
-            MatExpansionModule,
-            MatBadgeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatAutocompleteModule,
-                        MatButtonModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatDatepickerModule,
-                        MatDialogModule,
-                        MatGridListModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatListModule,
-                        MatNativeDateModule,
-                        MatOptionModule,
-                        MatProgressSpinnerModule,
-                        MatRadioModule,
-                        MatRippleModule,
-                        MatSelectModule,
-                        MatSlideToggleModule,
-                        MatTableModule,
-                        MatTabsModule,
-                        MatMenuModule,
-                        MatProgressBarModule,
-                        MatSidenavModule,
-                        MatSnackBarModule,
-                        MatToolbarModule,
-                        MatDatetimepickerModule,
-                        MatNativeDatetimeModule,
-                        MatExpansionModule,
-                        MatBadgeModule,
-                        MatFormFieldModule
-                    ],
-                    exports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatAutocompleteModule,
-                        MatButtonModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatDatepickerModule,
-                        MatDialogModule,
-                        MatGridListModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatListModule,
-                        MatNativeDateModule,
-                        MatOptionModule,
-                        MatProgressSpinnerModule,
-                        MatRadioModule,
-                        MatRippleModule,
-                        MatSelectModule,
-                        MatSlideToggleModule,
-                        MatTableModule,
-                        MatTabsModule,
-                        MatMenuModule,
-                        MatProgressBarModule,
-                        MatSidenavModule,
-                        MatSnackBarModule,
-                        MatToolbarModule,
-                        MatDatetimepickerModule,
-                        MatNativeDatetimeModule,
-                        MatExpansionModule,
-                        MatBadgeModule
-                    ]
-                }]
-        }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * @deprecated this module is deprecated and will be removed
- * Use the following combination instead:
- * ```typescript
- * providers: [
- *  provideI18N(...),
- *  provideAppConfig(),
- *  provideCoreAuth(...)
- * ]
- * ```
- */
-class CoreModule {
-    static forRoot() {
-        return {
-            ngModule: CoreModule,
-            providers: [
-                provideTranslateService({
-                    loader: {
-                        provide: TranslateLoader,
-                        useClass: TranslateLoaderService,
-                        deps: [HttpClient]
-                    },
-                    defaultLanguage: 'en'
-                }),
-                provideAppConfig()
-            ]
-        };
-    }
-    /**
-     * @deprecated this api is deprecated, import `CoreModule` instead
-     * @returns ModuleWithProviders<CoreModule>
-     */
-    static forChild() {
-        return {
-            ngModule: CoreModule
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, imports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutPanelDirective, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, TxtViewerComponent, MediaPlayerComponent, PdfViewerComponent, PdfThumbComponent, PdfThumbListComponent, ViewerExtensionDirective, UnknownFormatComponent, ViewerToolbarComponent, ViewerSidebarComponent, ViewerOpenWithComponent, ViewerMoreActionsComponent, ViewerToolbarActionsComponent, ViewerComponent, ViewerToolbarCustomActionsComponent, DownloadPromptDialogComponent, SidenavLayoutHeaderDirective, SidenavLayoutContentDirective, SidenavLayoutNavigationDirective, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, LocalizedDatePipe, TimeAgoPipe, FileSizePipe, HighlightPipe, FullNamePipe, FormatSpacePipe, FileTypePipe, MultiValuePipe, DecimalNumberPipe, DateTimePipe, InitialUsernamePipe, TruncatePipe, IdentityUserInfoComponent, HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective, AppConfigPipe, InfinitePaginationComponent, PaginationComponent, ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent, ContextMenuListComponent, ContextMenuDirective, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewItemDispatcherComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
-            CommentsComponent,
-            CommentListComponent, ClipboardDirective, ClipboardComponent, LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogComponent, LoginDialogPanelComponent, LanguageMenuComponent, LanguagePickerComponent, InfoDrawerLayoutComponent, InfoDrawerTabComponent, InfoDrawerComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, DataColumnComponent, DataColumnListComponent, DateColumnHeaderComponent, LocalizedDatePipe, ResizableDirective, ResizeHandleDirective, DropZoneDirective, EmptyListComponent, EmptyListHeaderDirective, EmptyListBodyDirective, EmptyListFooterDirective, FileSizeCellComponent, JsonCellComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, LoadingContentTemplateDirective, HeaderFilterTemplateDirective, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, MainMenuDataTableTemplateDirective, DataTableRowComponent, DataTableCellComponent, DataTableComponent, ErrorContentComponent, EmptyContentComponent, IconComponent,
-            SortingPickerComponent, NotificationHistoryComponent, AddNotificationStorybookComponent, SearchTextInputComponent, SearchTriggerDirective, BlankPageComponent,
-            UnsavedChangesDialogComponent,
-            DynamicChipListComponent,
-            MaterialModule], exports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutPanelDirective, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, TxtViewerComponent, MediaPlayerComponent, PdfViewerComponent, PdfThumbComponent, PdfThumbListComponent, ViewerExtensionDirective, UnknownFormatComponent, ViewerToolbarComponent, ViewerSidebarComponent, ViewerOpenWithComponent, ViewerMoreActionsComponent, ViewerToolbarActionsComponent, ViewerComponent, ViewerToolbarCustomActionsComponent, DownloadPromptDialogComponent, SidenavLayoutHeaderDirective, SidenavLayoutContentDirective, SidenavLayoutNavigationDirective, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, LocalizedDatePipe, TimeAgoPipe, FileSizePipe, HighlightPipe, FullNamePipe, FormatSpacePipe, FileTypePipe, MultiValuePipe, DecimalNumberPipe, DateTimePipe, InitialUsernamePipe, TruncatePipe, HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective, ClipboardDirective, ClipboardComponent, IdentityUserInfoComponent,
-            AppConfigPipe, InfinitePaginationComponent, PaginationComponent, ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent, ContextMenuListComponent, ContextMenuDirective, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewItemDispatcherComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
-            CommentsComponent,
-            CommentListComponent, LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogComponent, LoginDialogPanelComponent, LanguageMenuComponent, LanguagePickerComponent, InfoDrawerLayoutComponent, InfoDrawerTabComponent, InfoDrawerComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, DataColumnComponent, DataColumnListComponent, DateColumnHeaderComponent, LocalizedDatePipe, ResizableDirective, ResizeHandleDirective, DropZoneDirective, EmptyListComponent, EmptyListHeaderDirective, EmptyListBodyDirective, EmptyListFooterDirective, FileSizeCellComponent, JsonCellComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, LoadingContentTemplateDirective, HeaderFilterTemplateDirective, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, MainMenuDataTableTemplateDirective, DataTableRowComponent, DataTableCellComponent, DataTableComponent, ErrorContentComponent, EmptyContentComponent, SortingPickerComponent,
-            IconComponent, NotificationHistoryComponent, AddNotificationStorybookComponent, SearchTextInputComponent, SearchTriggerDirective, BlankPageComponent,
-            UnsavedChangesDialogComponent,
-            DynamicChipListComponent,
-            MaterialModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, providers: [...CORE_PIPES], imports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, PdfViewerComponent, UnknownFormatComponent, ViewerComponent, DownloadPromptDialogComponent, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, IdentityUserInfoComponent, TooltipCardComponent, PAGINATION_DIRECTIVES, ToolbarComponent, ContextMenuListComponent, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
-            CommentsComponent,
-            CommentListComponent, LoginComponent, LoginDialogComponent, LoginDialogPanelComponent, LANGUAGE_MENU_DIRECTIVES, InfoDrawerLayoutComponent, InfoDrawerComponent, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, FileSizeCellComponent, JsonCellComponent, DataTableCellComponent, DataTableComponent, TEMPLATE_DIRECTIVES, IconComponent,
-            SortingPickerComponent, NOTIFICATION_HISTORY_DIRECTIVES, SearchTextInputComponent, UnsavedChangesDialogComponent,
-            DynamicChipListComponent,
-            MaterialModule, FormBaseModule,
-            MaterialModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ...ABOUT_DIRECTIVES,
-                        ...VIEWER_DIRECTIVES,
-                        ...LAYOUT_DIRECTIVES,
-                        ...CORE_PIPES,
-                        IdentityUserInfoComponent,
-                        ...CORE_DIRECTIVES,
-                        AppConfigPipe,
-                        ...PAGINATION_DIRECTIVES,
-                        ...TOOLBAR_DIRECTIVES,
-                        ...CONTEXT_MENU_DIRECTIVES,
-                        ...CARD_VIEW_DIRECTIVES,
-                        FormBaseModule,
-                        CommentsComponent,
-                        CommentListComponent,
-                        ...CLIPBOARD_DIRECTIVES,
-                        ...LOGIN_DIRECTIVES,
-                        ...LANGUAGE_MENU_DIRECTIVES,
-                        ...INFO_DRAWER_DIRECTIVES,
-                        ...DATATABLE_DIRECTIVES,
-                        ...TEMPLATE_DIRECTIVES,
-                        IconComponent,
-                        SortingPickerComponent,
-                        ...NOTIFICATION_HISTORY_DIRECTIVES,
-                        ...SEARCH_TEXT_INPUT_DIRECTIVES,
-                        BlankPageComponent,
-                        UnsavedChangesDialogComponent,
-                        DynamicChipListComponent,
-                        MaterialModule
-                    ],
-                    providers: [...CORE_PIPES],
-                    exports: [
-                        ...ABOUT_DIRECTIVES,
-                        ...VIEWER_DIRECTIVES,
-                        ...LAYOUT_DIRECTIVES,
-                        ...CORE_PIPES,
-                        ...CORE_DIRECTIVES,
-                        ...CLIPBOARD_DIRECTIVES,
-                        IdentityUserInfoComponent,
-                        AppConfigPipe,
-                        ...PAGINATION_DIRECTIVES,
-                        ...TOOLBAR_DIRECTIVES,
-                        ...CONTEXT_MENU_DIRECTIVES,
-                        ...CARD_VIEW_DIRECTIVES,
-                        FormBaseModule,
-                        CommentsComponent,
-                        CommentListComponent,
-                        ...LOGIN_DIRECTIVES,
-                        ...LANGUAGE_MENU_DIRECTIVES,
-                        ...INFO_DRAWER_DIRECTIVES,
-                        ...DATATABLE_DIRECTIVES,
-                        ...TEMPLATE_DIRECTIVES,
-                        SortingPickerComponent,
-                        IconComponent,
-                        ...NOTIFICATION_HISTORY_DIRECTIVES,
-                        ...SEARCH_TEXT_INPUT_DIRECTIVES,
-                        BlankPageComponent,
-                        UnsavedChangesDialogComponent,
-                        DynamicChipListComponent,
-                        MaterialModule
-                    ]
-                }]
-        }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class CoreStoryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreStoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: CoreStoryModule, imports: [AuthModule, i1$1.TranslateModule, CoreModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreStoryModule, providers: [provideTranslations('adf-core', 'assets/adf-core'), provideAnimations()], imports: [AuthModule.forRoot(), TranslateModule.forRoot(), CoreModule.forRoot()] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreStoryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [AuthModule.forRoot(), TranslateModule.forRoot(), CoreModule.forRoot()],
-                    providers: [provideTranslations('adf-core', 'assets/adf-core'), provideAnimations()]
-                }]
-        }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class NoopTranslationService {
-    constructor() {
-        this.defaultLang = 'en';
-        this.translate = {
-            onLangChange: new EventEmitter()
-        };
-    }
-    addTranslationFolder() { }
-    onTranslationChanged() { }
-    use() { }
-    loadTranslation() { }
-    get(key) {
-        return of(key);
-    }
-    instant(key) {
-        return key;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-class NoopTranslateModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, imports: [HttpClientTestingModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, providers: [
-            { provide: TranslationService, useClass: NoopTranslationService },
-            provideTranslateService({
-                loader: {
-                    provide: TranslateLoader,
-                    useClass: NoopTranslationService
-                }
-            })
-        ], imports: [HttpClientTestingModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopTranslateModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [HttpClientTestingModule],
-                    providers: [
-                        { provide: TranslationService, useClass: NoopTranslationService },
-                        provideTranslateService({
-                            loader: {
-                                provide: TranslateLoader,
-                                useClass: NoopTranslationService
-                            }
-                        })
-                    ]
-                }]
-        }] });
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class NoopRedirectAuthService extends RedirectAuthService {
-    constructor() {
-        super(...arguments);
-        this.onLogin = EMPTY;
-        this.onTokenReceived = of();
-    }
-    init() {
-        return Promise.resolve(true);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-/**
- * Provides testing api for Core Auth layer
- *
- * Example:
- * ```typescript
- * TestBed.configureTestingModule({
- *     providers: [provideCoreAuthTesting()]
- * });
- * ```
- *
- * @returns list of Angular providers
- */
-function provideCoreAuthTesting() {
-    return [
-        provideCoreAuth({ useHash: true }),
-        { provide: AppConfigService, useClass: AppConfigServiceMock },
-        { provide: CookieService, useClass: CookieServiceMock },
-        { provide: RedirectAuthService, useClass: NoopRedirectAuthService },
-        provideAppConfig(),
-        { provide: JWT_STORAGE_SERVICE, useClass: StorageService }
-    ];
-}
-/* @deprecated use `provideCoreAuthTesting()` instead */
-class NoopAuthModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, providers: [...provideCoreAuthTesting()] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [...provideCoreAuthTesting()]
-                }]
-        }] });
+class NoopRedirectAuthService extends RedirectAuthService {
+    constructor() {
+        super(...arguments);
+        this.onLogin = EMPTY;
+        this.onTokenReceived = of();
+    }
+    init() {
+        return Promise.resolve(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopRedirectAuthService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Provides testing api for Core Auth layer
+ *
+ * Example:
+ * ```typescript
+ * TestBed.configureTestingModule({
+ *     providers: [provideCoreAuthTesting()]
+ * });
+ * ```
+ *
+ * @returns list of Angular providers
+ */
+function provideCoreAuthTesting() {
+    return [
+        provideCoreAuth({ useHash: true }),
+        { provide: AppConfigService, useClass: AppConfigServiceMock },
+        { provide: CookieService, useClass: CookieServiceMock },
+        { provide: RedirectAuthService, useClass: NoopRedirectAuthService },
+        provideAppConfig(),
+        { provide: JWT_STORAGE_SERVICE, useClass: StorageService }
+    ];
+}
+/* @deprecated use `provideCoreAuthTesting()` instead */
+class NoopAuthModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, providers: [...provideCoreAuthTesting()] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NoopAuthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [...provideCoreAuthTesting()]
+                }]
+        }] });
 
 /*!
  * @license
@@ -31675,7 +31316,296 @@ class UnitTestingUtils {
         const progress = await this.loader.getHarness(MatProgressBarHarness);
         return progress.host();
     }
+    /** MatListOption related methods */
+    async getMatListOption() {
+        return this.loader.getHarness(MatListOptionHarness);
+    }
+    async getAllMatListOptions() {
+        return this.loader.getAllHarnesses(MatListOptionHarness);
+    }
+}
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Provides testing api for application config.
+ *
+ * @param config Custom application configuration data
+ * @returns Angular providers
+ */
+function provideAppConfigTesting(config) {
+    config = config ?? {
+        application: {
+            name: 'Alfresco ADF Application',
+            storagePrefix: 'ADF_APP'
+        },
+        ecmHost: 'http://{hostname}{:port}/ecm',
+        bpmHost: 'http://{hostname}{:port}/bpm',
+        logLevel: 'silent'
+    };
+    return [
+        provideAppInitializer(() => {
+            const service = inject(AppConfigService);
+            service.config = config;
+            service.status = Status.LOADED;
+            return Promise.resolve();
+        })
+    ];
+}
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/** @deprecated This module is deprecated and will be removed in a future release. */
+class MaterialModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatButtonModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSlideToggleModule,
+            MatTableModule,
+            MatTabsModule,
+            MatMenuModule,
+            MatProgressBarModule,
+            MatSidenavModule,
+            MatSnackBarModule,
+            MatToolbarModule,
+            MatDatetimepickerModule,
+            MatNativeDatetimeModule,
+            MatExpansionModule,
+            MatBadgeModule,
+            MatFormFieldModule], exports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatButtonModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSlideToggleModule,
+            MatTableModule,
+            MatTabsModule,
+            MatMenuModule,
+            MatProgressBarModule,
+            MatSidenavModule,
+            MatSnackBarModule,
+            MatToolbarModule,
+            MatDatetimepickerModule,
+            MatNativeDatetimeModule,
+            MatExpansionModule,
+            MatBadgeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatButtonModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSlideToggleModule,
+            MatTableModule,
+            MatTabsModule,
+            MatMenuModule,
+            MatProgressBarModule,
+            MatSidenavModule,
+            MatSnackBarModule,
+            MatToolbarModule,
+            MatDatetimepickerModule,
+            MatNativeDatetimeModule,
+            MatExpansionModule,
+            MatBadgeModule,
+            MatFormFieldModule, CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatAutocompleteModule,
+            MatButtonModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSlideToggleModule,
+            MatTableModule,
+            MatTabsModule,
+            MatMenuModule,
+            MatProgressBarModule,
+            MatSidenavModule,
+            MatSnackBarModule,
+            MatToolbarModule,
+            MatDatetimepickerModule,
+            MatNativeDatetimeModule,
+            MatExpansionModule,
+            MatBadgeModule] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        MatChipsModule,
+                        MatDatepickerModule,
+                        MatDialogModule,
+                        MatGridListModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatNativeDateModule,
+                        MatOptionModule,
+                        MatProgressSpinnerModule,
+                        MatRadioModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        MatTableModule,
+                        MatTabsModule,
+                        MatMenuModule,
+                        MatProgressBarModule,
+                        MatSidenavModule,
+                        MatSnackBarModule,
+                        MatToolbarModule,
+                        MatDatetimepickerModule,
+                        MatNativeDatetimeModule,
+                        MatExpansionModule,
+                        MatBadgeModule,
+                        MatFormFieldModule
+                    ],
+                    exports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        MatChipsModule,
+                        MatDatepickerModule,
+                        MatDialogModule,
+                        MatGridListModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatNativeDateModule,
+                        MatOptionModule,
+                        MatProgressSpinnerModule,
+                        MatRadioModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        MatTableModule,
+                        MatTabsModule,
+                        MatMenuModule,
+                        MatProgressBarModule,
+                        MatSidenavModule,
+                        MatSnackBarModule,
+                        MatToolbarModule,
+                        MatDatetimepickerModule,
+                        MatNativeDatetimeModule,
+                        MatExpansionModule,
+                        MatBadgeModule
+                    ]
+                }]
+        }] });
 
 /*!
  * @license
@@ -31694,47 +31624,131 @@ class UnitTestingUtils {
  * limitations under the License.
  */
 /**
- * Provides testing api for application config.
- *
- * @param config Custom application configuration data
- * @returns Angular providers
+ * @deprecated this module is deprecated and will be removed
+ * Use the following combination instead:
+ * ```typescript
+ * providers: [
+ *  provideI18N(...),
+ *  provideAppConfig(),
+ *  provideCoreAuth(...)
+ * ]
+ * ```
  */
-function provideAppConfigTesting(config) {
-    config = config ?? {
-        application: {
-            name: 'Alfresco ADF Application',
-            storagePrefix: 'ADF_APP'
-        },
-        ecmHost: 'http://{hostname}{:port}/ecm',
-        bpmHost: 'http://{hostname}{:port}/bpm',
-        logLevel: 'silent'
-    };
-    return [
-        provideAppInitializer(() => {
-            const service = inject(AppConfigService);
-            service.config = config;
-            service.status = Status.LOADED;
-            return Promise.resolve();
-        })
-    ];
+class CoreModule {
+    static forRoot() {
+        return {
+            ngModule: CoreModule,
+            providers: [
+                provideTranslateService({
+                    loader: {
+                        provide: TranslateLoader,
+                        useClass: TranslateLoaderService,
+                        deps: [HttpClient]
+                    },
+                    defaultLanguage: 'en'
+                }),
+                provideAppConfig()
+            ]
+        };
+    }
+    /**
+     * @deprecated this api is deprecated, import `CoreModule` instead
+     * @returns ModuleWithProviders<CoreModule>
+     */
+    static forChild() {
+        return {
+            ngModule: CoreModule
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, imports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutPanelDirective, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, TxtViewerComponent, MediaPlayerComponent, PdfViewerComponent, PdfThumbComponent, PdfThumbListComponent, ViewerExtensionDirective, UnknownFormatComponent, ViewerToolbarComponent, ViewerSidebarComponent, ViewerOpenWithComponent, ViewerMoreActionsComponent, ViewerToolbarActionsComponent, ViewerComponent, ViewerToolbarCustomActionsComponent, DownloadPromptDialogComponent, SidenavLayoutHeaderDirective, SidenavLayoutContentDirective, SidenavLayoutNavigationDirective, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, LocalizedDatePipe, TimeAgoPipe, FileSizePipe, HighlightPipe, FullNamePipe, FormatSpacePipe, FileTypePipe, MultiValuePipe, DecimalNumberPipe, DateTimePipe, InitialUsernamePipe, TruncatePipe, IdentityUserInfoComponent, HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective, AppConfigPipe, InfinitePaginationComponent, PaginationComponent, ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent, ContextMenuListComponent, ContextMenuDirective, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewItemDispatcherComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
+            CommentsComponent,
+            CommentListComponent, ClipboardDirective, LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogPanelComponent, LanguageMenuComponent, LanguagePickerComponent, InfoDrawerLayoutComponent, InfoDrawerTabComponent, InfoDrawerComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, DataColumnComponent, DataColumnListComponent, DateColumnHeaderComponent, LocalizedDatePipe, ResizableDirective, ResizeHandleDirective, DropZoneDirective, EmptyListComponent, EmptyListHeaderDirective, EmptyListBodyDirective, EmptyListFooterDirective, FileSizeCellComponent, JsonCellComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, LoadingContentTemplateDirective, HeaderFilterTemplateDirective, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, MainMenuDataTableTemplateDirective, DataTableRowComponent, DataTableCellComponent, DataTableComponent, ErrorContentComponent, EmptyContentComponent, IconComponent,
+            SortingPickerComponent, NotificationHistoryComponent, SearchTextInputComponent, SearchTriggerDirective, BlankPageComponent,
+            UnsavedChangesDialogComponent,
+            DynamicChipListComponent,
+            MaterialModule], exports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutPanelDirective, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, TxtViewerComponent, MediaPlayerComponent, PdfViewerComponent, PdfThumbComponent, PdfThumbListComponent, ViewerExtensionDirective, UnknownFormatComponent, ViewerToolbarComponent, ViewerSidebarComponent, ViewerOpenWithComponent, ViewerMoreActionsComponent, ViewerToolbarActionsComponent, ViewerComponent, ViewerToolbarCustomActionsComponent, DownloadPromptDialogComponent, SidenavLayoutHeaderDirective, SidenavLayoutContentDirective, SidenavLayoutNavigationDirective, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, LocalizedDatePipe, TimeAgoPipe, FileSizePipe, HighlightPipe, FullNamePipe, FormatSpacePipe, FileTypePipe, MultiValuePipe, DecimalNumberPipe, DateTimePipe, InitialUsernamePipe, TruncatePipe, HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective, ClipboardDirective, IdentityUserInfoComponent,
+            AppConfigPipe, InfinitePaginationComponent, PaginationComponent, ToolbarComponent, ToolbarTitleComponent, ToolbarDividerComponent, ContextMenuListComponent, ContextMenuDirective, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewItemDispatcherComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
+            CommentsComponent,
+            CommentListComponent, LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogPanelComponent, LanguageMenuComponent, LanguagePickerComponent, InfoDrawerLayoutComponent, InfoDrawerTabComponent, InfoDrawerComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, DataColumnComponent, DataColumnListComponent, DateColumnHeaderComponent, LocalizedDatePipe, ResizableDirective, ResizeHandleDirective, DropZoneDirective, EmptyListComponent, EmptyListHeaderDirective, EmptyListBodyDirective, EmptyListFooterDirective, FileSizeCellComponent, JsonCellComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, LoadingContentTemplateDirective, HeaderFilterTemplateDirective, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, MainMenuDataTableTemplateDirective, DataTableRowComponent, DataTableCellComponent, DataTableComponent, ErrorContentComponent, EmptyContentComponent, SortingPickerComponent,
+            IconComponent, NotificationHistoryComponent, SearchTextInputComponent, SearchTriggerDirective, BlankPageComponent,
+            UnsavedChangesDialogComponent,
+            DynamicChipListComponent,
+            MaterialModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, providers: [...CORE_PIPES], imports: [AboutExtensionListComponent, AboutLicenseListComponent, ModuleListComponent, AboutRepositoryInfoComponent, PackageListComponent, AboutStatusListComponent, AboutServerSettingsComponent, AboutComponent, PdfPasswordDialogComponent, ViewerRenderComponent, ImgViewerComponent, PdfViewerComponent, UnknownFormatComponent, ViewerComponent, DownloadPromptDialogComponent, HeaderLayoutComponent, SidebarActionMenuComponent, LayoutContainerComponent, SidenavLayoutComponent, IdentityUserInfoComponent, TooltipCardComponent, PAGINATION_DIRECTIVES, ToolbarComponent, ContextMenuListComponent, CardViewComponent, CardViewBoolItemComponent, CardViewDateItemComponent, CardViewMapItemComponent, CardViewTextItemComponent, CardViewKeyValuePairsItemComponent, CardViewSelectItemComponent, CardViewArrayItemComponent, SelectFilterInputComponent, FormBaseModule,
+            CommentsComponent,
+            CommentListComponent, LoginComponent, LoginDialogPanelComponent, LANGUAGE_MENU_DIRECTIVES, InfoDrawerLayoutComponent, InfoDrawerComponent, BooleanCellComponent, AmountCellComponent, NumberCellComponent, LocationCellComponent, DateCellComponent, IconCellComponent, ColumnsSelectorComponent, FileSizeCellComponent, JsonCellComponent, DataTableCellComponent, DataTableComponent, TEMPLATE_DIRECTIVES, IconComponent,
+            SortingPickerComponent, NOTIFICATION_HISTORY_DIRECTIVES, SearchTextInputComponent, UnsavedChangesDialogComponent,
+            DynamicChipListComponent,
+            MaterialModule, FormBaseModule,
+            MaterialModule] }); }
 }
-
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...ABOUT_DIRECTIVES,
+                        ...VIEWER_DIRECTIVES,
+                        ...LAYOUT_DIRECTIVES,
+                        ...CORE_PIPES,
+                        IdentityUserInfoComponent,
+                        ...CORE_DIRECTIVES,
+                        AppConfigPipe,
+                        ...PAGINATION_DIRECTIVES,
+                        ...TOOLBAR_DIRECTIVES,
+                        ...CONTEXT_MENU_DIRECTIVES,
+                        ...CARD_VIEW_DIRECTIVES,
+                        FormBaseModule,
+                        CommentsComponent,
+                        CommentListComponent,
+                        ...CLIPBOARD_DIRECTIVES,
+                        ...LOGIN_DIRECTIVES,
+                        ...LANGUAGE_MENU_DIRECTIVES,
+                        ...INFO_DRAWER_DIRECTIVES,
+                        ...DATATABLE_DIRECTIVES,
+                        ...TEMPLATE_DIRECTIVES,
+                        IconComponent,
+                        SortingPickerComponent,
+                        ...NOTIFICATION_HISTORY_DIRECTIVES,
+                        ...SEARCH_TEXT_INPUT_DIRECTIVES,
+                        BlankPageComponent,
+                        UnsavedChangesDialogComponent,
+                        DynamicChipListComponent,
+                        MaterialModule
+                    ],
+                    providers: [...CORE_PIPES],
+                    exports: [
+                        ...ABOUT_DIRECTIVES,
+                        ...VIEWER_DIRECTIVES,
+                        ...LAYOUT_DIRECTIVES,
+                        ...CORE_PIPES,
+                        ...CORE_DIRECTIVES,
+                        ...CLIPBOARD_DIRECTIVES,
+                        IdentityUserInfoComponent,
+                        AppConfigPipe,
+                        ...PAGINATION_DIRECTIVES,
+                        ...TOOLBAR_DIRECTIVES,
+                        ...CONTEXT_MENU_DIRECTIVES,
+                        ...CARD_VIEW_DIRECTIVES,
+                        FormBaseModule,
+                        CommentsComponent,
+                        CommentListComponent,
+                        ...LOGIN_DIRECTIVES,
+                        ...LANGUAGE_MENU_DIRECTIVES,
+                        ...INFO_DRAWER_DIRECTIVES,
+                        ...DATATABLE_DIRECTIVES,
+                        ...TEMPLATE_DIRECTIVES,
+                        SortingPickerComponent,
+                        IconComponent,
+                        ...NOTIFICATION_HISTORY_DIRECTIVES,
+                        ...SEARCH_TEXT_INPUT_DIRECTIVES,
+                        BlankPageComponent,
+                        UnsavedChangesDialogComponent,
+                        DynamicChipListComponent,
+                        MaterialModule
+                    ]
+                }]
+        }] });
 
 /*!
  * @license
@@ -31757,5 +31771,5 @@ function provideAppConfigTesting(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AddNotificationStorybookComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BlankPageComponent, BlankPageModule, BooleanCellComponent, BpmProductVersionModel, ButtonComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CoreStoryModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberModel, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EXTENDIBLE_COMPONENT, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANDING_PAGE_TOKEN, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultiValuePipe, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ProgressComponent, RedirectAuthService, RedirectionModel, RegExFieldValidator, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, SortingPickerComponent, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserInfoMode, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, amountColumnRows, booleanColumnRows, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, dateColumnRows, dateColumnTimeAgoRows, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, fileSizeColumnRows, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, iconColumnRows, imageColumnRows, info, isNumberValue, isOutcomeButtonVisible, jsonColumnRows, locationColumnRows, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideLandingPage, provideTranslations, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, textColumnRows, transformKeyToObject, warning };
+export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BlankPageComponent, BlankPageModule, BooleanCellComponent, BpmProductVersionModel, ButtonComponent, ButtonWidgetComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberModel, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EXTENDIBLE_COMPONENT, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANDING_PAGE_TOKEN, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultiValuePipe, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ProgressComponent, RedirectAuthService, RedirectionModel, RegExFieldValidator, RepeatWidgetComponent, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, SortingPickerComponent, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserInfoMode, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, info, isNumberValue, isOutcomeButtonVisible, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideLandingPage, provideTranslations, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, transformKeyToObject, warning };
 //# sourceMappingURL=adf-core.mjs.map