@alfresco/adf-core 8.1.0-16344390102 → 8.1.0-16445172226

package/fesm2022/adf-core.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, inject, Injectable, TemplateRef, Directive, ContentChild, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, EventEmitter, Output, ViewChild, HostListener, ViewChildren, DestroyRef, APP_INITIALIZER, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, inject, Injectable, TemplateRef, Directive, ContentChild, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, APP_INITIALIZER, EventEmitter, Output, ViewChild, HostListener, ViewChildren, DestroyRef, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, DecimalPipe, DatePipe, 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, TranslateModule, TranslateStore, TranslateService, TranslateLoader } from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule, provideTranslateService, TranslateLoader } from '@ngx-translate/core';
 import * as i1$7 from '@angular/common/http';
-import { HttpClient, HttpHeaders, HttpResponse, HTTP_INTERCEPTORS, HttpClientModule, HttpClientXsrfModule } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient, 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 { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, takeUntil, debounceTime, share, pairwise, buffer } from 'rxjs/operators';
 import * as i2$4 from '@alfresco/adf-extensions';
@@ -36,6 +36,8 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import Cropper from 'cropperjs';
 import * as i1$4 from '@angular/platform-browser';
 import { By } from '@angular/platform-browser';
+import * as i2$6 from '@alfresco/adf-core/api';
+import { AdfHttpClient } from '@alfresco/adf-core/api';
 import * as i1$5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i1$6 from '@angular/material/dialog';
@@ -62,8 +64,6 @@ import * as i1$9 from 'angular-oauth2-oidc';
 import { OAuthStorage, AuthConfig, OAuthService, OAuthErrorEvent, OAuthLogger, OAuthSuccessEvent, AUTH_CONFIG, OAuthModule } from 'angular-oauth2-oidc';
 import ee from 'event-emitter';
 import { Minimatch } from 'minimatch';
-import * as i2$6 from '@alfresco/adf-core/api';
-import { AdfHttpClient } from '@alfresco/adf-core/api';
 import { JwksValidationHandler } from 'angular-oauth2-oidc-jwks';
 import * as i2$8 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -2672,23 +2672,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 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
+/**
+ * Create a factory to load app configuration
  *
- * 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.
+ * @param appConfigService app config service
+ * @param storageService storage service
+ * @param adfHttpClient http client
+ * @param storagePrefixFactory prefix factory
+ * @returns factory function
  */
+function loadAppConfig(appConfigService, storageService, adfHttpClient, storagePrefixFactory) {
+    const init = () => {
+        adfHttpClient.disableCsrf = appConfigService.get(AppConfigValues.DISABLECSRF, true);
+        const withCredentials = appConfigService.get(AppConfigValues.AUTH_WITH_CREDENTIALS);
+        if (withCredentials !== undefined && withCredentials !== null) {
+            adfHttpClient.setDefaultSecurityOption({ withCredentials });
+        }
+        storageService.prefix = appConfigService.get(AppConfigValues.STORAGE_PREFIX, '');
+        storagePrefixFactory.getPrefix().subscribe((property) => {
+            storageService.prefix = property;
+        });
+    };
+    return () => appConfigService.load(init);
+}
 
 /*!
  * @license
@@ -3841,6 +3847,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 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.
+ */
+/**
+ * Provides the application configuration for the application.
+ *
+ * @returns An array of providers to initialize the application configuration.
+ */
+function provideAppConfig() {
+    return [
+        StoragePrefixFactory,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: () => {
+                const appConfigService = inject(AppConfigService);
+                const storageService = inject(StorageService);
+                const httpClient = inject(AdfHttpClient);
+                const prefixFactory = inject(StoragePrefixFactory);
+                return () => loadAppConfig(appConfigService, storageService, httpClient, prefixFactory)();
+            },
+            multi: 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.
+ */
+
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -5967,6 +6045,10 @@ class ViewerComponent {
     get CloseButtonPosition() {
         return CloseButtonPosition;
     }
+    /** Override Content title. */
+    set title(title) {
+        this.displayTitle = title ? this.getDisplayTruncatedValue(title) : '';
+    }
     /** Override Content filename. */
     set fileName(fileName) {
         this._fileName = fileName;
@@ -5975,10 +6057,6 @@ class ViewerComponent {
         const value = (this.fileNameWithoutExtension || '') + (this.fileExtension || '');
         this.displayName = this.getDisplayTruncatedValue(value);
     }
-    /** Override Content title. */
-    set title(title) {
-        this.displayTitle = this.getDisplayTruncatedValue(title);
-    }
     get fileName() {
         return this._fileName;
     }
@@ -6279,7 +6357,7 @@ class ViewerComponent {
         this.blobFile = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewerComponent, deps: [{ token: i0.ElementRef }, { token: i1$6.MatDialog }, { token: ViewUtilService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ViewerComponent, isStandalone: true, selector: "adf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", showViewer: "showViewer", allowGoBack: "allowGoBack", allowFullScreen: "allowFullScreen", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", mimeType: "mimeType", sidebarRightTemplateContext: "sidebarRightTemplateContext", sidebarLeftTemplateContext: "sidebarLeftTemplateContext", closeButtonPosition: "closeButtonPosition", hideInfoButton: "hideInfoButton", viewerExtensions: "viewerExtensions", nodeId: "nodeId", nodeMimeType: "nodeMimeType", customError: "customError", showToolbarDividers: "showToolbarDividers", fileName: "fileName", title: "title" }, outputs: { downloadFile: "downloadFile", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange", submitFile: "submitFile" }, host: { listeners: { "document:keyup": "handleKeyboardEvent($event)" }, properties: { "class.adf-viewer-inline": "this.isInline" }, classAttribute: "adf-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "mnuOpenWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "mnuMoreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "viewerTemplateExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showViewer\"\n     class=\"adf-viewer-container\"\n     [class.adf-viewer-overlay-container]=\"overlayMode\"\n     [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n    <div class=\"adf-viewer-content\"\n         [cdkTrapFocus]=\"overlayMode\"\n         cdkTrapFocusAutoCapture>\n        <ng-content select=\"adf-viewer-toolbar\" />\n        <ng-container *ngIf=\"showToolbar && !toolbar\">\n            <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n                <adf-toolbar-title>\n                    <ng-container *ngIf=\"allowLeftSidebar\">\n                        <button mat-icon-button\n                                [attr.aria-expanded]=\"showLeftSidebar\"\n                                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                                title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                                data-automation-id=\"adf-toolbar-left-sidebar\"\n                                [color]=\"showLeftSidebar ? 'accent' : null\"\n                                (click)=\"toggleLeftSidebar()\">\n                            <mat-icon>info_outline</mat-icon>\n                        </button>\n                    </ng-container>\n\n                    <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n                            class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-left-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </adf-toolbar-title>\n\n                <div class=\"adf-viewer__file-title\">\n                    <button *ngIf=\"allowNavigate && canNavigateBefore\"\n                            data-automation-id=\"adf-toolbar-pref-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n                            (click)=\"onNavigateBeforeClick($event)\">\n                        <mat-icon>navigate_before</mat-icon>\n                    </button>\n                    <img class=\"adf-viewer__mimeicon\"\n                         [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n                         [src]=\"mimeTypeIconUrl\"\n                         data-automation-id=\"adf-file-thumbnail\">\n                    @if (displayTitle) {\n                        <div class=\"adf-viewer__title-display-name-container\"\n                             id=\"adf-viewer-title-display-name\"\n                             [title]=\"fileName\">\n                            <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n                            <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n                        </div>\n                    } @else {\n                        <div class=\"adf-viewer__display-name\"\n                             id=\"adf-viewer-display-name\"\n                             [title]=\"fileName\">\n                            <span>{{ displayName }}</span>\n                        </div>\n                    }\n                    <button *ngIf=\"allowNavigate && canNavigateNext\"\n                            data-automation-id=\"adf-toolbar-next-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n                            (click)=\"onNavigateNextClick($event)\">\n                        <mat-icon>navigate_next</mat-icon>\n                    </button>\n                </div>\n\n                <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n                <ng-container *ngIf=\"mnuOpenWith\"\n                              data-automation-id='adf-toolbar-custom-btn'>\n                    <button id=\"adf-viewer-openwith\"\n                            mat-button\n                            [matMenuTriggerFor]=\"mnuOpenWith\"\n                            data-automation-id=\"adf-toolbar-open-with\">\n                        <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n                        <mat-icon>arrow_drop_down</mat-icon>\n                    </button>\n                    <mat-menu #mnuOpenWith=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-open-with\" />\n                    </mat-menu>\n                </ng-container>\n\n                @if (showToolbarDividers) {\n                    <adf-toolbar-divider />\n                }\n\n                <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n                <button id=\"adf-viewer-fullscreen\"\n                        *ngIf=\"allowFullScreen\"\n                        mat-icon-button\n                        [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n                        title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n                        data-automation-id=\"adf-toolbar-fullscreen\"\n                        (click)=\"enterFullScreen()\">\n                    <mat-icon>fullscreen</mat-icon>\n                </button>\n\n                <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n                    <adf-toolbar-divider />\n\n                    <button mat-icon-button\n                            [attr.aria-expanded]=\"showRightSidebar\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                            data-automation-id=\"adf-toolbar-sidebar\"\n                            [color]=\"showRightSidebar ? 'accent' : null\"\n                            (click)=\"toggleRightSidebar()\">\n                        <mat-icon>info_outline</mat-icon>\n                    </button>\n\n                </ng-container>\n\n                <ng-container *ngIf=\"mnuMoreActions\">\n                    <button id=\"adf-viewer-moreactions\"\n                            mat-icon-button\n                            [matMenuTriggerFor]=\"mnuMoreActions\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n                            data-automation-id=\"adf-toolbar-more-actions\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #mnuMoreActions=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-more-actions\" />\n                    </mat-menu>\n                </ng-container>\n\n                <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n                    @if (showToolbarDividers) {\n                        <adf-toolbar-divider />\n                    }\n                    <button class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-right-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </ng-container>\n\n            </adf-toolbar>\n        </ng-container>\n\n        <div class=\"adf-viewer-sidebars\">\n\n            <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n                     id=\"adf-right-sidebar\">\n                    <ng-container *ngIf=\"sidebarRightTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarRightTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n                     id=\"adf-left-sidebar\">\n                    <ng-container *ngIf=\"sidebarLeftTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarLeftTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <adf-viewer-render (close)=\"onClose()\"\n                               [mimeType]=\"mimeType\"\n                               [fileName]=\"fileName\"\n                               [blobFile]=\"blobFile\"\n                               [readOnly]=\"readOnly\"\n                               (submitFile)=\"onSubmitFile($event)\"\n                               [allowedEditActions]=\"allowedEditActions\"\n                               [urlFile]=\"urlFile\"\n                               (isSaving)=\"allowNavigate = !$event\"\n                               [tracks]=\"tracks\"\n                               [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n                               [nodeId]=\"nodeId\"\n                               [customError]=\"customError\" />\n\n        </div>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { 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: "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: 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: "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: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ViewerRenderComponent, selector: "adf-viewer-render", inputs: ["urlFile", "blobFile", "allowFullScreen", "allowThumbnails", "thumbnailsTemplate", "mimeType", "fileName", "readOnly", "allowedEditActions", "tracks", "nodeId", "viewerTemplateExtensions", "customError"], outputs: ["extensionChange", "submitFile", "close", "isSaving"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ViewerComponent, isStandalone: true, selector: "adf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", showViewer: "showViewer", allowGoBack: "allowGoBack", allowFullScreen: "allowFullScreen", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", mimeType: "mimeType", sidebarRightTemplateContext: "sidebarRightTemplateContext", sidebarLeftTemplateContext: "sidebarLeftTemplateContext", closeButtonPosition: "closeButtonPosition", hideInfoButton: "hideInfoButton", viewerExtensions: "viewerExtensions", nodeId: "nodeId", nodeMimeType: "nodeMimeType", customError: "customError", showToolbarDividers: "showToolbarDividers", title: "title", fileName: "fileName" }, outputs: { downloadFile: "downloadFile", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange", submitFile: "submitFile" }, host: { listeners: { "document:keyup": "handleKeyboardEvent($event)" }, properties: { "class.adf-viewer-inline": "this.isInline" }, classAttribute: "adf-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "mnuOpenWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "mnuMoreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "viewerTemplateExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showViewer\"\n     class=\"adf-viewer-container\"\n     [class.adf-viewer-overlay-container]=\"overlayMode\"\n     [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n    <div class=\"adf-viewer-content\"\n         [cdkTrapFocus]=\"overlayMode\"\n         cdkTrapFocusAutoCapture>\n        <ng-content select=\"adf-viewer-toolbar\" />\n        <ng-container *ngIf=\"showToolbar && !toolbar\">\n            <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n                <adf-toolbar-title>\n                    <ng-container *ngIf=\"allowLeftSidebar\">\n                        <button mat-icon-button\n                                [attr.aria-expanded]=\"showLeftSidebar\"\n                                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                                title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                                data-automation-id=\"adf-toolbar-left-sidebar\"\n                                [color]=\"showLeftSidebar ? 'accent' : null\"\n                                (click)=\"toggleLeftSidebar()\">\n                            <mat-icon>info_outline</mat-icon>\n                        </button>\n                    </ng-container>\n\n                    <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n                            class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-left-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </adf-toolbar-title>\n\n                <div class=\"adf-viewer__file-title\">\n                    <button *ngIf=\"allowNavigate && canNavigateBefore\"\n                            data-automation-id=\"adf-toolbar-pref-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n                            (click)=\"onNavigateBeforeClick($event)\">\n                        <mat-icon>navigate_before</mat-icon>\n                    </button>\n                    <img class=\"adf-viewer__mimeicon\"\n                         [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n                         [src]=\"mimeTypeIconUrl\"\n                         data-automation-id=\"adf-file-thumbnail\">\n                    @if (displayTitle) {\n                        <div class=\"adf-viewer__title-display-name-container\"\n                             id=\"adf-viewer-title-display-name\"\n                             [title]=\"displayTitle\">\n                            <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n                            <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n                        </div>\n                    } @else {\n                        <div class=\"adf-viewer__display-name\"\n                             id=\"adf-viewer-display-name\"\n                             [title]=\"fileName\">\n                            <span>{{ displayName }}</span>\n                        </div>\n                    }\n                    <button *ngIf=\"allowNavigate && canNavigateNext\"\n                            data-automation-id=\"adf-toolbar-next-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n                            (click)=\"onNavigateNextClick($event)\">\n                        <mat-icon>navigate_next</mat-icon>\n                    </button>\n                </div>\n\n                <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n                <ng-container *ngIf=\"mnuOpenWith\"\n                              data-automation-id='adf-toolbar-custom-btn'>\n                    <button id=\"adf-viewer-openwith\"\n                            mat-button\n                            [matMenuTriggerFor]=\"mnuOpenWith\"\n                            data-automation-id=\"adf-toolbar-open-with\">\n                        <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n                        <mat-icon>arrow_drop_down</mat-icon>\n                    </button>\n                    <mat-menu #mnuOpenWith=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-open-with\" />\n                    </mat-menu>\n                </ng-container>\n\n                @if (showToolbarDividers) {\n                    <adf-toolbar-divider />\n                }\n\n                <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n                <button id=\"adf-viewer-fullscreen\"\n                        *ngIf=\"allowFullScreen\"\n                        mat-icon-button\n                        [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n                        title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n                        data-automation-id=\"adf-toolbar-fullscreen\"\n                        (click)=\"enterFullScreen()\">\n                    <mat-icon>fullscreen</mat-icon>\n                </button>\n\n                <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n                    <adf-toolbar-divider />\n\n                    <button mat-icon-button\n                            [attr.aria-expanded]=\"showRightSidebar\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                            data-automation-id=\"adf-toolbar-sidebar\"\n                            [color]=\"showRightSidebar ? 'accent' : null\"\n                            (click)=\"toggleRightSidebar()\">\n                        <mat-icon>info_outline</mat-icon>\n                    </button>\n\n                </ng-container>\n\n                <ng-container *ngIf=\"mnuMoreActions\">\n                    <button id=\"adf-viewer-moreactions\"\n                            mat-icon-button\n                            [matMenuTriggerFor]=\"mnuMoreActions\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n                            data-automation-id=\"adf-toolbar-more-actions\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #mnuMoreActions=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-more-actions\" />\n                    </mat-menu>\n                </ng-container>\n\n                <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n                    @if (showToolbarDividers) {\n                        <adf-toolbar-divider />\n                    }\n                    <button class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-right-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </ng-container>\n\n            </adf-toolbar>\n        </ng-container>\n\n        <div class=\"adf-viewer-sidebars\">\n\n            <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n                     id=\"adf-right-sidebar\">\n                    <ng-container *ngIf=\"sidebarRightTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarRightTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n                     id=\"adf-left-sidebar\">\n                    <ng-container *ngIf=\"sidebarLeftTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarLeftTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <adf-viewer-render (close)=\"onClose()\"\n                               [mimeType]=\"mimeType\"\n                               [fileName]=\"fileName\"\n                               [blobFile]=\"blobFile\"\n                               [readOnly]=\"readOnly\"\n                               (submitFile)=\"onSubmitFile($event)\"\n                               [allowedEditActions]=\"allowedEditActions\"\n                               [urlFile]=\"urlFile\"\n                               (isSaving)=\"allowNavigate = !$event\"\n                               [tracks]=\"tracks\"\n                               [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n                               [nodeId]=\"nodeId\"\n                               [customError]=\"customError\" />\n\n        </div>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { 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: "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: 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: "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: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ViewerRenderComponent, selector: "adf-viewer-render", inputs: ["urlFile", "blobFile", "allowFullScreen", "allowThumbnails", "thumbnailsTemplate", "mimeType", "fileName", "readOnly", "allowedEditActions", "tracks", "nodeId", "viewerTemplateExtensions", "customError"], outputs: ["extensionChange", "submitFile", "close", "isSaving"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewerComponent, decorators: [{
             type: Component,
@@ -6300,7 +6378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ViewerToolbarActionsComponent,
                         ViewerToolbarCustomActionsComponent,
                         IconComponent
-                    ], providers: [ViewUtilService], template: "<div *ngIf=\"showViewer\"\n     class=\"adf-viewer-container\"\n     [class.adf-viewer-overlay-container]=\"overlayMode\"\n     [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n    <div class=\"adf-viewer-content\"\n         [cdkTrapFocus]=\"overlayMode\"\n         cdkTrapFocusAutoCapture>\n        <ng-content select=\"adf-viewer-toolbar\" />\n        <ng-container *ngIf=\"showToolbar && !toolbar\">\n            <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n                <adf-toolbar-title>\n                    <ng-container *ngIf=\"allowLeftSidebar\">\n                        <button mat-icon-button\n                                [attr.aria-expanded]=\"showLeftSidebar\"\n                                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                                title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                                data-automation-id=\"adf-toolbar-left-sidebar\"\n                                [color]=\"showLeftSidebar ? 'accent' : null\"\n                                (click)=\"toggleLeftSidebar()\">\n                            <mat-icon>info_outline</mat-icon>\n                        </button>\n                    </ng-container>\n\n                    <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n                            class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-left-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </adf-toolbar-title>\n\n                <div class=\"adf-viewer__file-title\">\n                    <button *ngIf=\"allowNavigate && canNavigateBefore\"\n                            data-automation-id=\"adf-toolbar-pref-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n                            (click)=\"onNavigateBeforeClick($event)\">\n                        <mat-icon>navigate_before</mat-icon>\n                    </button>\n                    <img class=\"adf-viewer__mimeicon\"\n                         [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n                         [src]=\"mimeTypeIconUrl\"\n                         data-automation-id=\"adf-file-thumbnail\">\n                    @if (displayTitle) {\n                        <div class=\"adf-viewer__title-display-name-container\"\n                             id=\"adf-viewer-title-display-name\"\n                             [title]=\"fileName\">\n                            <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n                            <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n                        </div>\n                    } @else {\n                        <div class=\"adf-viewer__display-name\"\n                             id=\"adf-viewer-display-name\"\n                             [title]=\"fileName\">\n                            <span>{{ displayName }}</span>\n                        </div>\n                    }\n                    <button *ngIf=\"allowNavigate && canNavigateNext\"\n                            data-automation-id=\"adf-toolbar-next-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n                            (click)=\"onNavigateNextClick($event)\">\n                        <mat-icon>navigate_next</mat-icon>\n                    </button>\n                </div>\n\n                <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n                <ng-container *ngIf=\"mnuOpenWith\"\n                              data-automation-id='adf-toolbar-custom-btn'>\n                    <button id=\"adf-viewer-openwith\"\n                            mat-button\n                            [matMenuTriggerFor]=\"mnuOpenWith\"\n                            data-automation-id=\"adf-toolbar-open-with\">\n                        <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n                        <mat-icon>arrow_drop_down</mat-icon>\n                    </button>\n                    <mat-menu #mnuOpenWith=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-open-with\" />\n                    </mat-menu>\n                </ng-container>\n\n                @if (showToolbarDividers) {\n                    <adf-toolbar-divider />\n                }\n\n                <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n                <button id=\"adf-viewer-fullscreen\"\n                        *ngIf=\"allowFullScreen\"\n                        mat-icon-button\n                        [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n                        title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n                        data-automation-id=\"adf-toolbar-fullscreen\"\n                        (click)=\"enterFullScreen()\">\n                    <mat-icon>fullscreen</mat-icon>\n                </button>\n\n                <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n                    <adf-toolbar-divider />\n\n                    <button mat-icon-button\n                            [attr.aria-expanded]=\"showRightSidebar\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                            data-automation-id=\"adf-toolbar-sidebar\"\n                            [color]=\"showRightSidebar ? 'accent' : null\"\n                            (click)=\"toggleRightSidebar()\">\n                        <mat-icon>info_outline</mat-icon>\n                    </button>\n\n                </ng-container>\n\n                <ng-container *ngIf=\"mnuMoreActions\">\n                    <button id=\"adf-viewer-moreactions\"\n                            mat-icon-button\n                            [matMenuTriggerFor]=\"mnuMoreActions\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n                            data-automation-id=\"adf-toolbar-more-actions\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #mnuMoreActions=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-more-actions\" />\n                    </mat-menu>\n                </ng-container>\n\n                <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n                    @if (showToolbarDividers) {\n                        <adf-toolbar-divider />\n                    }\n                    <button class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-right-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </ng-container>\n\n            </adf-toolbar>\n        </ng-container>\n\n        <div class=\"adf-viewer-sidebars\">\n\n            <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n                     id=\"adf-right-sidebar\">\n                    <ng-container *ngIf=\"sidebarRightTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarRightTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n                     id=\"adf-left-sidebar\">\n                    <ng-container *ngIf=\"sidebarLeftTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarLeftTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <adf-viewer-render (close)=\"onClose()\"\n                               [mimeType]=\"mimeType\"\n                               [fileName]=\"fileName\"\n                               [blobFile]=\"blobFile\"\n                               [readOnly]=\"readOnly\"\n                               (submitFile)=\"onSubmitFile($event)\"\n                               [allowedEditActions]=\"allowedEditActions\"\n                               [urlFile]=\"urlFile\"\n                               (isSaving)=\"allowNavigate = !$event\"\n                               [tracks]=\"tracks\"\n                               [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n                               [nodeId]=\"nodeId\"\n                               [customError]=\"customError\" />\n\n        </div>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
+                    ], providers: [ViewUtilService], template: "<div *ngIf=\"showViewer\"\n     class=\"adf-viewer-container\"\n     [class.adf-viewer-overlay-container]=\"overlayMode\"\n     [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n    <div class=\"adf-viewer-content\"\n         [cdkTrapFocus]=\"overlayMode\"\n         cdkTrapFocusAutoCapture>\n        <ng-content select=\"adf-viewer-toolbar\" />\n        <ng-container *ngIf=\"showToolbar && !toolbar\">\n            <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n                <adf-toolbar-title>\n                    <ng-container *ngIf=\"allowLeftSidebar\">\n                        <button mat-icon-button\n                                [attr.aria-expanded]=\"showLeftSidebar\"\n                                [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                                title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                                data-automation-id=\"adf-toolbar-left-sidebar\"\n                                [color]=\"showLeftSidebar ? 'accent' : null\"\n                                (click)=\"toggleLeftSidebar()\">\n                            <mat-icon>info_outline</mat-icon>\n                        </button>\n                    </ng-container>\n\n                    <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n                            class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-left-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </adf-toolbar-title>\n\n                <div class=\"adf-viewer__file-title\">\n                    <button *ngIf=\"allowNavigate && canNavigateBefore\"\n                            data-automation-id=\"adf-toolbar-pref-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n                            (click)=\"onNavigateBeforeClick($event)\">\n                        <mat-icon>navigate_before</mat-icon>\n                    </button>\n                    <img class=\"adf-viewer__mimeicon\"\n                         [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n                         [src]=\"mimeTypeIconUrl\"\n                         data-automation-id=\"adf-file-thumbnail\">\n                    @if (displayTitle) {\n                        <div class=\"adf-viewer__title-display-name-container\"\n                             id=\"adf-viewer-title-display-name\"\n                             [title]=\"displayTitle\">\n                            <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n                            <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n                        </div>\n                    } @else {\n                        <div class=\"adf-viewer__display-name\"\n                             id=\"adf-viewer-display-name\"\n                             [title]=\"fileName\">\n                            <span>{{ displayName }}</span>\n                        </div>\n                    }\n                    <button *ngIf=\"allowNavigate && canNavigateNext\"\n                            data-automation-id=\"adf-toolbar-next-file\"\n                            mat-icon-button\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n                            (click)=\"onNavigateNextClick($event)\">\n                        <mat-icon>navigate_next</mat-icon>\n                    </button>\n                </div>\n\n                <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n                <ng-container *ngIf=\"mnuOpenWith\"\n                              data-automation-id='adf-toolbar-custom-btn'>\n                    <button id=\"adf-viewer-openwith\"\n                            mat-button\n                            [matMenuTriggerFor]=\"mnuOpenWith\"\n                            data-automation-id=\"adf-toolbar-open-with\">\n                        <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n                        <mat-icon>arrow_drop_down</mat-icon>\n                    </button>\n                    <mat-menu #mnuOpenWith=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-open-with\" />\n                    </mat-menu>\n                </ng-container>\n\n                @if (showToolbarDividers) {\n                    <adf-toolbar-divider />\n                }\n\n                <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n                <button id=\"adf-viewer-fullscreen\"\n                        *ngIf=\"allowFullScreen\"\n                        mat-icon-button\n                        [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n                        title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n                        data-automation-id=\"adf-toolbar-fullscreen\"\n                        (click)=\"enterFullScreen()\">\n                    <mat-icon>fullscreen</mat-icon>\n                </button>\n\n                <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n                    <adf-toolbar-divider />\n\n                    <button mat-icon-button\n                            [attr.aria-expanded]=\"showRightSidebar\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n                            data-automation-id=\"adf-toolbar-sidebar\"\n                            [color]=\"showRightSidebar ? 'accent' : null\"\n                            (click)=\"toggleRightSidebar()\">\n                        <mat-icon>info_outline</mat-icon>\n                    </button>\n\n                </ng-container>\n\n                <ng-container *ngIf=\"mnuMoreActions\">\n                    <button id=\"adf-viewer-moreactions\"\n                            mat-icon-button\n                            [matMenuTriggerFor]=\"mnuMoreActions\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n                            data-automation-id=\"adf-toolbar-more-actions\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #mnuMoreActions=\"matMenu\"\n                              [overlapTrigger]=\"false\">\n                        <ng-content select=\"adf-viewer-more-actions\" />\n                    </mat-menu>\n                </ng-container>\n\n                <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n                    @if (showToolbarDividers) {\n                        <adf-toolbar-divider />\n                    }\n                    <button class=\"adf-viewer-close-button\"\n                            data-automation-id=\"adf-toolbar-right-back\"\n                            [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n                            mat-icon-button\n                            title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n                            (click)=\"onClose()\">\n                        <mat-icon>close</mat-icon>\n                    </button>\n                </ng-container>\n\n            </adf-toolbar>\n        </ng-container>\n\n        <div class=\"adf-viewer-sidebars\">\n\n            <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n                     id=\"adf-right-sidebar\">\n                    <ng-container *ngIf=\"sidebarRightTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarRightTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n                <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n                     id=\"adf-left-sidebar\">\n                    <ng-container *ngIf=\"sidebarLeftTemplate\">\n                        <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n                    </ng-container>\n                    <ng-content *ngIf=\"!sidebarLeftTemplate\"\n                                select=\"adf-viewer-sidebar\" />\n                </div>\n            </ng-container>\n\n            <adf-viewer-render (close)=\"onClose()\"\n                               [mimeType]=\"mimeType\"\n                               [fileName]=\"fileName\"\n                               [blobFile]=\"blobFile\"\n                               [readOnly]=\"readOnly\"\n                               (submitFile)=\"onSubmitFile($event)\"\n                               [allowedEditActions]=\"allowedEditActions\"\n                               [urlFile]=\"urlFile\"\n                               (isSaving)=\"allowNavigate = !$event\"\n                               [tracks]=\"tracks\"\n                               [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n                               [nodeId]=\"nodeId\"\n                               [customError]=\"customError\" />\n\n        </div>\n    </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$6.MatDialog }, { type: ViewUtilService }, { type: AppConfigService }], propDecorators: { isInline: [{
                 type: HostBinding,
                 args: ['class.adf-viewer-inline']
@@ -6387,10 +6465,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], submitFile: [{
                 type: Output
-            }], fileName: [{
-                type: Input
             }], title: [{
                 type: Input
+            }], fileName: [{
+                type: Input
             }], handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['document:keyup', ['$event']]
@@ -10927,7 +11005,12 @@ class TranslateLoaderService {
         this.http = http;
         this.prefix = 'i18n';
         this.suffix = '.json';
-        this.providers = [];
+        this.providers = [
+            new ComponentTranslationModel({
+                name: 'adf-core',
+                path: 'assets/adf-core'
+            })
+        ];
         this.queue = [];
         this.defaultLang = 'en';
     }
@@ -18265,7 +18348,7 @@ class CardViewTextItemComponent extends BaseCardView {
         return String(Math.trunc(Number(value)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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            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                }\"\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 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-readonly-value:disabled{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-editable:not(:disabled){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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$5.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"], 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: "18.2.13", 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            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 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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$5.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"], 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: "18.2.13", ngImport: i0, type: CardViewTextItemComponent, decorators: [{
             type: Component,
@@ -18280,7 +18363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FormsModule,
                         MatButtonModule,
                         MatSnackBarModule
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-textitem' }, template: "<div [ngSwitch]=\"templateType\">\n    <div *ngSwitchDefault>\n        <mat-form-field\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                }\"\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 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-readonly-value:disabled{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-editable:not(:disabled){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            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 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"] }]
         }], ctorParameters: () => [{ type: ClipboardService }, { type: TranslationService }, { type: i0.ChangeDetectorRef }], propDecorators: { displayEmpty: [{
                 type: Input
             }], copyToClipboardAction: [{
@@ -18671,7 +18754,7 @@ class CardViewSelectItemComponent extends BaseCardView {
         return this.appConfig.get('content-metadata.selectFilterLimit', CardViewSelectItemComponent.HIDE_FILTER_LIMIT);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardViewSelectItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardViewSelectItemComponent, isStandalone: true, selector: "adf-card-view-selectitem", inputs: { options$: "options$", displayNoneOption: "displayNoneOption", displayEmpty: "displayEmpty" }, host: { classAttribute: "adf-card-view-selectitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n    <div [ngSwitch]=\"templateType\">\n        <div *ngSwitchDefault>\n        <div *ngIf=\"!isEditable\"\n            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n            class=\"adf-property-label adf-property-label-non-editable\"\n            >{{ property.label | translate }}\n        </div>\n            <div class=\"adf-property-field\">\n                <div\n                    *ngIf=\"!isEditable\"\n                    class=\"adf-property-value adf-property-read-only\"\n                    [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n                    data-automation-class=\"read-only-value\"\n                    [title]=\"property.displayValue | async | translate\"\n                >\n                    {{ property.displayValue | async | translate }}\n                </div>\n                <div *ngIf=\"isEditable\">\n                    <mat-form-field class=\"adf-property-value\">\n                        <mat-label\n                            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n                            class=\"adf-property-label adf-property-value-editable\"\n                            [ngClass]=\"{\n                                'adf-property-readonly-value': isReadonlyProperty\n                            }\"\n                            >{{ property.label | translate }}\n                        </mat-label>\n                        <mat-select\n                            [(value)]=\"value\"\n                            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n                            panelClass=\"adf-select-filter\"\n                            (selectionChange)=\"onChange($event)\"\n                            data-automation-class=\"select-box\"\n                            [aria-label]=\"property.label | translate\"\n                        >\n                            <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n                            <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n                            <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n                                {{ option.label | translate }}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n            </div>\n        </div>\n        <div *ngSwitchCase=\"'autocompleteBased'\">\n            <mat-form-field\n                class=\"adf-property-field adf-card-selectitem-autocomplete\"\n                [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n                [floatLabel]=\"property.default ? 'always' : null\"\n            >\n                <mat-label\n                    *ngIf=\"showProperty || isEditable\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n                    class=\"adf-property-label\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                >\n                    {{ property.label | translate }}\n                </mat-label>\n                <input\n                    matInput\n                    [matAutocomplete]=\"auto\"\n                    class=\"adf-property-value\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                    title=\"{{ property.label | translate }}\"\n                    [placeholder]=\"property.default\"\n                    [attr.aria-label]=\"property.label | translate\"\n                    [formControl]=\"autocompleteControl\"\n                    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n                />\n                <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n                    <mat-option\n                        *ngFor=\"let option of property.options$ | async\"\n                        [value]=\"option.key\"\n                        [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n                    >\n                        {{ option.label }}\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </div>\n    </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{background:var(--adf-theme-background-card-color);position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select .mat-mdc-select-value{color:var(--adf-metadata-action-button-clear-color)}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--adf-metadata-property-panel-border-color);color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i1$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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"], exportAs: ["matInput"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardViewSelectItemComponent, isStandalone: true, selector: "adf-card-view-selectitem", inputs: { options$: "options$", displayNoneOption: "displayNoneOption", displayEmpty: "displayEmpty" }, host: { classAttribute: "adf-card-view-selectitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n    <div [ngSwitch]=\"templateType\">\n        <div *ngSwitchDefault>\n        <div *ngIf=\"!isEditable\"\n            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n            class=\"adf-property-label adf-property-label-non-editable\"\n            >{{ property.label | translate }}\n        </div>\n            <div class=\"adf-property-field\">\n                <div\n                    *ngIf=\"!isEditable\"\n                    class=\"adf-property-value adf-property-read-only\"\n                    [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n                    data-automation-class=\"read-only-value\"\n                    [title]=\"property.displayValue | async | translate\"\n                >\n                    {{ property.displayValue | async | translate }}\n                </div>\n                <div *ngIf=\"isEditable\">\n                    <mat-form-field class=\"adf-property-value\">\n                        <mat-label\n                            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n                            class=\"adf-property-label adf-property-value-editable\"\n                            [ngClass]=\"{\n                                'adf-property-readonly-value': isReadonlyProperty\n                            }\"\n                            >{{ property.label | translate }}\n                        </mat-label>\n                        <mat-select\n                            [(value)]=\"value\"\n                            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n                            panelClass=\"adf-select-filter\"\n                            (selectionChange)=\"onChange($event)\"\n                            data-automation-class=\"select-box\"\n                            [aria-label]=\"property.label | translate\"\n                        >\n                            <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n                            <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n                            <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n                                {{ option.label | translate }}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n            </div>\n        </div>\n        <div *ngSwitchCase=\"'autocompleteBased'\">\n            <mat-form-field\n                class=\"adf-property-field adf-card-selectitem-autocomplete   \"\n                [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n                [floatLabel]=\"property.default ? 'always' : null\"\n            >\n                <mat-label\n                    *ngIf=\"showProperty || isEditable\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n                    class=\"adf-property-label\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                >\n                    {{ property.label | translate }}\n                </mat-label>\n                <input\n                    matInput\n                    [matAutocomplete]=\"auto\"\n                    class=\"adf-property-value\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                    title=\"{{ property.label | translate }}\"\n                    [placeholder]=\"property.default\"\n                    [attr.aria-label]=\"property.label | translate\"\n                    [formControl]=\"autocompleteControl\"\n                    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n                />\n                <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n                    <mat-option\n                        *ngFor=\"let option of property.options$ | async\"\n                        [value]=\"option.key\"\n                        [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n                    >\n                        {{ option.label }}\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </div>\n    </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{background:var(--adf-theme-background-card-color);position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-value{color:var(--adf-metadata-action-button-clear-color)}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i1$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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"], exportAs: ["matInput"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardViewSelectItemComponent, decorators: [{
             type: Component,
@@ -18684,7 +18767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatAutocompleteModule,
                         MatInputModule,
                         ReactiveFormsModule
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-selectitem' }, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n    <div [ngSwitch]=\"templateType\">\n        <div *ngSwitchDefault>\n        <div *ngIf=\"!isEditable\"\n            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n            class=\"adf-property-label adf-property-label-non-editable\"\n            >{{ property.label | translate }}\n        </div>\n            <div class=\"adf-property-field\">\n                <div\n                    *ngIf=\"!isEditable\"\n                    class=\"adf-property-value adf-property-read-only\"\n                    [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n                    data-automation-class=\"read-only-value\"\n                    [title]=\"property.displayValue | async | translate\"\n                >\n                    {{ property.displayValue | async | translate }}\n                </div>\n                <div *ngIf=\"isEditable\">\n                    <mat-form-field class=\"adf-property-value\">\n                        <mat-label\n                            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n                            class=\"adf-property-label adf-property-value-editable\"\n                            [ngClass]=\"{\n                                'adf-property-readonly-value': isReadonlyProperty\n                            }\"\n                            >{{ property.label | translate }}\n                        </mat-label>\n                        <mat-select\n                            [(value)]=\"value\"\n                            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n                            panelClass=\"adf-select-filter\"\n                            (selectionChange)=\"onChange($event)\"\n                            data-automation-class=\"select-box\"\n                            [aria-label]=\"property.label | translate\"\n                        >\n                            <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n                            <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n                            <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n                                {{ option.label | translate }}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n            </div>\n        </div>\n        <div *ngSwitchCase=\"'autocompleteBased'\">\n            <mat-form-field\n                class=\"adf-property-field adf-card-selectitem-autocomplete\"\n                [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n                [floatLabel]=\"property.default ? 'always' : null\"\n            >\n                <mat-label\n                    *ngIf=\"showProperty || isEditable\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n                    class=\"adf-property-label\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                >\n                    {{ property.label | translate }}\n                </mat-label>\n                <input\n                    matInput\n                    [matAutocomplete]=\"auto\"\n                    class=\"adf-property-value\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                    title=\"{{ property.label | translate }}\"\n                    [placeholder]=\"property.default\"\n                    [attr.aria-label]=\"property.label | translate\"\n                    [formControl]=\"autocompleteControl\"\n                    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n                />\n                <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n                    <mat-option\n                        *ngFor=\"let option of property.options$ | async\"\n                        [value]=\"option.key\"\n                        [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n                    >\n                        {{ option.label }}\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </div>\n    </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{background:var(--adf-theme-background-card-color);position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select .mat-mdc-select-value{color:var(--adf-metadata-action-button-clear-color)}.adf-card-view-selectitem .adf-property-value-editable.adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--adf-metadata-property-panel-border-color);color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-selectitem' }, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n    <div [ngSwitch]=\"templateType\">\n        <div *ngSwitchDefault>\n        <div *ngIf=\"!isEditable\"\n            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n            class=\"adf-property-label adf-property-label-non-editable\"\n            >{{ property.label | translate }}\n        </div>\n            <div class=\"adf-property-field\">\n                <div\n                    *ngIf=\"!isEditable\"\n                    class=\"adf-property-value adf-property-read-only\"\n                    [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n                    data-automation-class=\"read-only-value\"\n                    [title]=\"property.displayValue | async | translate\"\n                >\n                    {{ property.displayValue | async | translate }}\n                </div>\n                <div *ngIf=\"isEditable\">\n                    <mat-form-field class=\"adf-property-value\">\n                        <mat-label\n                            [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n                            class=\"adf-property-label adf-property-value-editable\"\n                            [ngClass]=\"{\n                                'adf-property-readonly-value': isReadonlyProperty\n                            }\"\n                            >{{ property.label | translate }}\n                        </mat-label>\n                        <mat-select\n                            [(value)]=\"value\"\n                            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n                            panelClass=\"adf-select-filter\"\n                            (selectionChange)=\"onChange($event)\"\n                            data-automation-class=\"select-box\"\n                            [aria-label]=\"property.label | translate\"\n                        >\n                            <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n                            <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n                            <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n                                {{ option.label | translate }}\n                            </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n            </div>\n        </div>\n        <div *ngSwitchCase=\"'autocompleteBased'\">\n            <mat-form-field\n                class=\"adf-property-field adf-card-selectitem-autocomplete   \"\n                [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n                [floatLabel]=\"property.default ? 'always' : null\"\n            >\n                <mat-label\n                    *ngIf=\"showProperty || isEditable\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n                    class=\"adf-property-label\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                >\n                    {{ property.label | translate }}\n                </mat-label>\n                <input\n                    matInput\n                    [matAutocomplete]=\"auto\"\n                    class=\"adf-property-value\"\n                    [ngClass]=\"{\n                        'adf-property-value-editable': isEditable,\n                        'adf-property-readonly-value': isReadonlyProperty\n                    }\"\n                    title=\"{{ property.label | translate }}\"\n                    [placeholder]=\"property.default\"\n                    [attr.aria-label]=\"property.label | translate\"\n                    [formControl]=\"autocompleteControl\"\n                    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n                    [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n                />\n                <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n                    <mat-option\n                        *ngFor=\"let option of property.options$ | async\"\n                        [value]=\"option.key\"\n                        [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n                    >\n                        {{ option.label }}\n                    </mat-option>\n                </mat-autocomplete>\n            </mat-form-field>\n        </div>\n    </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{background:var(--adf-theme-background-card-color);position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-value{color:var(--adf-metadata-action-button-clear-color)}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\n"] }]
         }], propDecorators: { options$: [{
                 type: Input
             }], displayNoneOption: [{
@@ -18992,11 +19075,11 @@ class CardViewComponent {
         this.displayLabelForChips = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-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;color:var(--adf-metadata-property-panel-title-color);padding:6px 0;line-height:20px}.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{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-value.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color);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: "18.2.13", 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-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 .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: "18.2.13", ngImport: i0, type: CardViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-card-view', standalone: true, 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-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-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;color:var(--adf-metadata-property-panel-title-color);padding:6px 0;line-height:20px}.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{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-value.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color);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', standalone: true, 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-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 .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 }]
@@ -22741,7 +22824,7 @@ class AmountWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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:flex;align-items:flex-start;flex-direction:column}.adf-amount-widget__input{margin-top:-15px}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .mat-mdc-form-field-text-prefix{padding-top:16px;padding-bottom:16px;align-self:flex-end}.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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$5.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"], 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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:flex;align-items:flex-start;flex-direction:column}.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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$5.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"], 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: "18.2.13", ngImport: i0, type: AmountWidgetComponent, decorators: [{
             type: Component,
@@ -22755,7 +22838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         '(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:flex;align-items:flex-start;flex-direction:column}.adf-amount-widget__input{margin-top:-15px}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .mat-mdc-form-field-text-prefix{padding-top:16px;padding-bottom:16px;align-self:flex-end}.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], 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:flex;align-items:flex-start;flex-direction:column}.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: Inject,
                     args: [ADF_AMOUNT_SETTINGS]
@@ -23626,7 +23709,7 @@ class BaseViewerWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseViewerWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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", "fileName", "title"], 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: "18.2.13", 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseViewerWidgetComponent, decorators: [{
             type: Component,
@@ -25021,7 +25104,7 @@ class FormRendererComponent {
                 useFactory: formRulesManagerFactory,
                 deps: [Injector]
             }
-        ], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }}\"\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 === '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%}.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%}@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%;flex-grow:1;box-sizing:border-box}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto;padding-right:1%;padding-left:1%}.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}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}.adf-error-messages-container{min-height:35px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$8.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$8.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$8.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-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 }}\"\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 === '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%}.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%}@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-single-column{display:flex;flex-direction:column;flex:1 1 auto;padding-left:5px;padding-right:5px}.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}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}.adf-error-messages-container{min-height:35px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$8.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$8.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2$8.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormRendererComponent, decorators: [{
             type: Component,
@@ -25045,7 +25128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgClass,
                         HeaderWidgetComponent,
                         FormSectionComponent
-                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }}\"\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 === '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%}.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%}@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%;flex-grow:1;box-sizing:border-box}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto;padding-right:1%;padding-left:1%}.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}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}.adf-error-messages-container{min-height:35px}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }}\"\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 === '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%}.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%}@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-single-column{display:flex;flex-direction:column;flex:1 1 auto;padding-left:5px;padding-right:5px}.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}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}.adf-error-messages-container{min-height:35px}\n"] }]
         }], ctorParameters: () => [{ type: FormService }, { type: FormRulesManager }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -25153,6 +25236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 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. Use standalone components instead. */
 class FormBaseModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormBaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormBaseModule, imports: [FormFieldComponent,
@@ -25163,13 +25247,7 @@ class FormBaseModule {
             FormRendererComponent,
             StartFormCustomButtonDirective, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, HyperlinkWidgetComponent, DisplayTextWidgetComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent, InplaceFormInputComponent,
             WidgetComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormBaseModule, providers: [
-            {
-                provide: FORM_FIELD_MODEL_RENDER_MIDDLEWARE,
-                useClass: DecimalRenderMiddlewareService,
-                multi: true
-            }
-        ], imports: [FormRendererComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormBaseModule, imports: [FormRendererComponent,
             InplaceFormInputComponent, UnknownWidgetComponent, TextWidgetComponent, NumberWidgetComponent, DecimalWidgetComponent, CheckboxWidgetComponent, MultilineTextWidgetComponentComponent, DateWidgetComponent, AmountWidgetComponent, ErrorWidgetComponent, DateTimeWidgetComponent, JsonWidgetComponent, BaseViewerWidgetComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormBaseModule, decorators: [{
@@ -25184,7 +25262,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...WIDGET_DIRECTIVES,
                         ...MASK_DIRECTIVE
                     ],
-                    declarations: [],
                     exports: [
                         FormFieldComponent,
                         FormRendererComponent,
@@ -25192,13 +25269,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...WIDGET_DIRECTIVES,
                         InplaceFormInputComponent,
                         WidgetComponent
-                    ],
-                    providers: [
-                        {
-                            provide: FORM_FIELD_MODEL_RENDER_MIDDLEWARE,
-                            useClass: DecimalRenderMiddlewareService,
-                            multi: true
-                        }
                     ]
                 }]
         }] });
@@ -32041,46 +32111,6 @@ const jsonColumnRows = [{ rowInfo: { id: 1, name: 'row1' } }, { rowInfo: { id: 2
  * 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.
- */
-/**
- * Create a factory to load app configuration
- *
- * @param appConfigService app config service
- * @param storageService storage service
- * @param adfHttpClient http client
- * @param storagePrefixFactory prefix factory
- * @returns factory function
- */
-function loadAppConfig(appConfigService, storageService, adfHttpClient, storagePrefixFactory) {
-    const init = () => {
-        adfHttpClient.disableCsrf = appConfigService.get(AppConfigValues.DISABLECSRF, true);
-        const withCredentials = appConfigService.get(AppConfigValues.AUTH_WITH_CREDENTIALS);
-        if (withCredentials !== undefined && withCredentials !== null) {
-            adfHttpClient.setDefaultSecurityOption({ withCredentials });
-        }
-        storageService.prefix = appConfigService.get(AppConfigValues.STORAGE_PREFIX, '');
-        storagePrefixFactory.getPrefix().subscribe((property) => {
-            storageService.prefix = property;
-        });
-    };
-    return () => appConfigService.load(init);
-}
-
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -32325,17 +32355,16 @@ class CoreModule {
         return {
             ngModule: CoreModule,
             providers: [
-                TranslateStore,
-                TranslateService,
-                { provide: TranslateLoader, useClass: TranslateLoaderService },
-                MomentDateAdapter,
-                StoragePrefixFactory,
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: loadAppConfig,
-                    deps: [AppConfigService, StorageService, AdfHttpClient, StoragePrefixFactory],
-                    multi: true
-                },
+                provideTranslateService({
+                    loader: {
+                        provide: TranslateLoader,
+                        useClass: TranslateLoaderService,
+                        deps: [HttpClient]
+                    },
+                    defaultLanguage: 'en'
+                }),
+                provideAppConfig(),
+                provideHttpClient(withInterceptorsFromDi(), withXsrfConfiguration({ cookieName: 'CSRF-TOKEN', headerName: 'X-CSRF-TOKEN' })),
                 { provide: HTTP_INTERCEPTORS, useClass: AuthenticationInterceptor, multi: true },
                 { provide: Authentication, useClass: AuthenticationService },
                 {
@@ -32343,6 +32372,11 @@ class CoreModule {
                     useValue: {
                         duration: 10000
                     }
+                },
+                {
+                    provide: FORM_FIELD_MODEL_RENDER_MIDDLEWARE,
+                    useClass: DecimalRenderMiddlewareService,
+                    multi: true
                 }
             ]
         };
@@ -32356,43 +32390,33 @@ class CoreModule {
             ngModule: CoreModule
         };
     }
-    constructor(translation) {
-        translation.addTranslationFolder('adf-core', 'assets/adf-core');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [TranslateModule, 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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", 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,
-            HttpClientModule, i1$7.HttpClientXsrfModule, 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,
+            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, TranslateModule, ErrorContentComponent, EmptyContentComponent, SortingPickerComponent,
+            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: "18.2.13", ngImport: i0, type: CoreModule, providers: [...CORE_PIPES], imports: [TranslateModule, 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,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", 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,
-            HttpClientModule,
-            HttpClientXsrfModule.withOptions({
-                cookieName: 'CSRF-TOKEN',
-                headerName: 'X-CSRF-TOKEN'
-            }),
             MaterialModule, FormBaseModule,
-            TranslateModule,
             MaterialModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        TranslateModule,
                         ...ABOUT_DIRECTIVES,
                         ...VIEWER_DIRECTIVES,
                         ...LAYOUT_DIRECTIVES,
@@ -32420,11 +32444,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BlankPageComponent,
                         UnsavedChangesDialogComponent,
                         DynamicChipListComponent,
-                        HttpClientModule,
-                        HttpClientXsrfModule.withOptions({
-                            cookieName: 'CSRF-TOKEN',
-                            headerName: 'X-CSRF-TOKEN'
-                        }),
                         MaterialModule
                     ],
                     providers: [...CORE_PIPES],
@@ -32448,7 +32467,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ...LANGUAGE_MENU_DIRECTIVES,
                         ...INFO_DRAWER_DIRECTIVES,
                         ...DATATABLE_DIRECTIVES,
-                        TranslateModule,
                         ...TEMPLATE_DIRECTIVES,
                         SortingPickerComponent,
                         IconComponent,
@@ -32460,7 +32478,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MaterialModule
                     ]
                 }]
-        }], ctorParameters: () => [{ type: TranslationService }] });
+        }] });
 
 /*!
  * @license
@@ -32504,15 +32522,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 class NoopTranslateModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, imports: [HttpClientTestingModule, i1$1.TranslateModule], exports: [TranslateModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, providers: [{ provide: TranslationService, useClass: NoopTranslationService }], imports: [HttpClientTestingModule, TranslateModule.forRoot(), TranslateModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, imports: [HttpClientTestingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, providers: [
+            { provide: TranslationService, useClass: NoopTranslationService },
+            provideTranslateService({
+                loader: {
+                    provide: TranslateLoader,
+                    useClass: NoopTranslationService
+                }
+            })
+        ], imports: [HttpClientTestingModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoopTranslateModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [HttpClientTestingModule, TranslateModule.forRoot()],
-                    providers: [{ provide: TranslationService, useClass: NoopTranslationService }],
-                    exports: [TranslateModule]
+                    imports: [HttpClientTestingModule],
+                    providers: [
+                        { provide: TranslationService, useClass: NoopTranslationService },
+                        provideTranslateService({
+                            loader: {
+                                provide: TranslateLoader,
+                                useClass: NoopTranslationService
+                            }
+                        })
+                    ]
                 }]
         }] });
 
@@ -32599,6 +32632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/** @deprecated this module is deprecated and will be removed in the future */
 class CoreTestingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreTestingModule, imports: [NoopAnimationsModule, CoreModule, NoopTranslateModule, NoopAuthModule] }); }
@@ -33029,5 +33063,5 @@ class UnitTestingUtils {
  * 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, AppConfigModule, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthRoutingModule, 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, CoreTestingModule, 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, DebugAppConfigService, 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, 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, fakeForm, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, fakeTaskProcessVariableModels, fileSizeColumnRows, formDefVisibilitiFieldDependsOnPreviousOne, formDefVisibilityFieldDependsOnNextOne, formDefinitionDropdownField, formDefinitionRequiredField, formDefinitionTwoTextFields, formModelTabs, formReadonlyTwoTextFields, formRulesManagerFactory, formTest, formValues, getDataColumnMock, headerSchema, iconColumnRows, imageColumnRows, info, isNumberValue, isOutcomeButtonVisible, jsonColumnRows, locationColumnRows, logLevels, loginFactory, oauthStorageFactory, predefinedTheme, 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, AddNotificationStorybookComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigModule, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthRoutingModule, 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, CoreTestingModule, 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, DebugAppConfigService, 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, 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, fakeForm, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, fakeTaskProcessVariableModels, fileSizeColumnRows, formDefVisibilitiFieldDependsOnPreviousOne, formDefVisibilityFieldDependsOnNextOne, formDefinitionDropdownField, formDefinitionRequiredField, formDefinitionTwoTextFields, formModelTabs, formReadonlyTwoTextFields, formRulesManagerFactory, formTest, formValues, getDataColumnMock, headerSchema, iconColumnRows, imageColumnRows, info, isNumberValue, isOutcomeButtonVisible, jsonColumnRows, locationColumnRows, logLevels, loginFactory, oauthStorageFactory, predefinedTheme, provideAppConfig, provideTranslations, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, textColumnRows, transformKeyToObject, warning };
 //# sourceMappingURL=adf-core.mjs.map