npm - @alfresco/adf-core - Versions diffs - 8.1.0-16116688508 → 8.1.0-16120632321 - Mend

@alfresco/adf-core 8.1.0-16116688508 → 8.1.0-16120632321

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/fesm2022/adf-core.mjs CHANGED Viewed

@@ -4161,11 +4161,11 @@ class ImgViewerComponent {
         this.error.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ImgViewerComponent, deps: [{ token: AppConfigService }, { token: UrlService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ImgViewerComponent, isStandalone: true, selector: "adf-img-viewer", inputs: { showToolbar: "showToolbar", readOnly: "readOnly", allowedEditActions: "allowedEditActions", urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName" }, outputs: { error: "error", submit: "submit", isSaving: "isSaving", imageLoaded: "imageLoaded" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:fullscreenchange": "fullScreenChangeHandler()" }, classAttribute: "adf-image-viewer" }, viewQueries: [{ propertyName: "imageElement", first: true, predicate: ["image"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"adf-image-container\"\n     (keydown)=\"onKeyDown($event)\"\n     class=\"adf-image-container\"\n     tabindex=\"0\"\n     role=\"img\"\n     [attr.aria-label]=\"fileName\"\n     data-automation-id=\"adf-image-container\">\n    <img #image id=\"viewer-image\"\n         [src]=\"urlFile\"\n         [alt]=\"fileName\"\n         (load)=\"imageLoaded.emit()\"\n         (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n    <adf-toolbar class=\"adf-main-toolbar\">\n        <button id=\"viewer-zoom-out-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                mat-icon-button\n                (click)=\"zoomOut()\">\n            <mat-icon>zoom_out</mat-icon>\n        </button>\n\n        <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n            {{ currentScaleText }}\n        </div>\n\n        <button id=\"viewer-zoom-in-button\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                (click)=\"zoomIn()\">\n            <mat-icon>zoom_in</mat-icon>\n        </button>\n\n        <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                mat-icon-button\n                (click)=\"rotateImage()\">\n            <mat-icon>rotate_left</mat-icon>\n        </button>\n        <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                mat-icon-button\n                (click)=\"cropImage()\">\n            <mat-icon>crop</mat-icon>\n        </button>\n\n        <button id=\"viewer-reset-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>zoom_out_map</mat-icon>\n        </button>\n\n    </adf-toolbar>\n\n    <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n        <button id=\"viewer-cancel-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <button id=\"viewer-save-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                mat-icon-button\n                (click)=\"save()\">\n            <mat-icon>check</mat-icon>\n        </button>\n\n    </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}.adf-viewer-inline .adf-image-viewer,.adf-viewer-inline .adf-image-viewer .adf-image-container{height:100%}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { 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: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ImgViewerComponent, isStandalone: true, selector: "adf-img-viewer", inputs: { showToolbar: "showToolbar", readOnly: "readOnly", allowedEditActions: "allowedEditActions", urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName" }, outputs: { error: "error", submit: "submit", isSaving: "isSaving", imageLoaded: "imageLoaded" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:fullscreenchange": "fullScreenChangeHandler()" }, classAttribute: "adf-image-viewer" }, viewQueries: [{ propertyName: "imageElement", first: true, predicate: ["image"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"adf-image-container\"\n     (keydown)=\"onKeyDown($event)\"\n     class=\"adf-image-container\"\n     tabindex=\"0\"\n     role=\"img\"\n     [attr.aria-label]=\"fileName\"\n     data-automation-id=\"adf-image-container\">\n    <img #image id=\"viewer-image\"\n         [src]=\"urlFile\"\n         [alt]=\"fileName\"\n         (load)=\"imageLoaded.emit()\"\n         (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n    <adf-toolbar class=\"adf-main-toolbar\">\n        <button id=\"viewer-zoom-out-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                mat-icon-button\n                (click)=\"zoomOut()\">\n            <mat-icon>zoom_out</mat-icon>\n        </button>\n\n        <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n            {{ currentScaleText }}\n        </div>\n\n        <button id=\"viewer-zoom-in-button\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                (click)=\"zoomIn()\">\n            <mat-icon>zoom_in</mat-icon>\n        </button>\n\n        <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                mat-icon-button\n                (click)=\"rotateImage()\">\n            <mat-icon>rotate_left</mat-icon>\n        </button>\n        <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                mat-icon-button\n                (click)=\"cropImage()\">\n            <mat-icon>crop</mat-icon>\n        </button>\n\n        <button id=\"viewer-reset-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>zoom_out_map</mat-icon>\n        </button>\n\n    </adf-toolbar>\n\n    <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n        <button id=\"viewer-cancel-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <button id=\"viewer-save-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                mat-icon-button\n                (click)=\"save()\">\n            <mat-icon>check</mat-icon>\n        </button>\n\n    </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { 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: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ImgViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-img-viewer', host: { class: 'adf-image-viewer' }, imports: [ToolbarComponent, TranslatePipe, MatIconModule, MatButtonModule, NgIf], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-image-container\"\n     (keydown)=\"onKeyDown($event)\"\n     class=\"adf-image-container\"\n     tabindex=\"0\"\n     role=\"img\"\n     [attr.aria-label]=\"fileName\"\n     data-automation-id=\"adf-image-container\">\n    <img #image id=\"viewer-image\"\n         [src]=\"urlFile\"\n         [alt]=\"fileName\"\n         (load)=\"imageLoaded.emit()\"\n         (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n    <adf-toolbar class=\"adf-main-toolbar\">\n        <button id=\"viewer-zoom-out-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                mat-icon-button\n                (click)=\"zoomOut()\">\n            <mat-icon>zoom_out</mat-icon>\n        </button>\n\n        <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n            {{ currentScaleText }}\n        </div>\n\n        <button id=\"viewer-zoom-in-button\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                (click)=\"zoomIn()\">\n            <mat-icon>zoom_in</mat-icon>\n        </button>\n\n        <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                mat-icon-button\n                (click)=\"rotateImage()\">\n            <mat-icon>rotate_left</mat-icon>\n        </button>\n        <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                mat-icon-button\n                (click)=\"cropImage()\">\n            <mat-icon>crop</mat-icon>\n        </button>\n\n        <button id=\"viewer-reset-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>zoom_out_map</mat-icon>\n        </button>\n\n    </adf-toolbar>\n\n    <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n        <button id=\"viewer-cancel-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <button id=\"viewer-save-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                mat-icon-button\n                (click)=\"save()\">\n            <mat-icon>check</mat-icon>\n        </button>\n\n    </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}.adf-viewer-inline .adf-image-viewer,.adf-viewer-inline .adf-image-viewer .adf-image-container{height:100%}\n"] }]
+            args: [{ selector: 'adf-img-viewer', host: { class: 'adf-image-viewer' }, imports: [ToolbarComponent, TranslatePipe, MatIconModule, MatButtonModule, NgIf], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-image-container\"\n     (keydown)=\"onKeyDown($event)\"\n     class=\"adf-image-container\"\n     tabindex=\"0\"\n     role=\"img\"\n     [attr.aria-label]=\"fileName\"\n     data-automation-id=\"adf-image-container\">\n    <img #image id=\"viewer-image\"\n         [src]=\"urlFile\"\n         [alt]=\"fileName\"\n         (load)=\"imageLoaded.emit()\"\n         (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n    <adf-toolbar class=\"adf-main-toolbar\">\n        <button id=\"viewer-zoom-out-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n                mat-icon-button\n                (click)=\"zoomOut()\">\n            <mat-icon>zoom_out</mat-icon>\n        </button>\n\n        <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n            {{ currentScaleText }}\n        </div>\n\n        <button id=\"viewer-zoom-in-button\"\n                mat-icon-button\n                title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n                (click)=\"zoomIn()\">\n            <mat-icon>zoom_in</mat-icon>\n        </button>\n\n        <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n                mat-icon-button\n                (click)=\"rotateImage()\">\n            <mat-icon>rotate_left</mat-icon>\n        </button>\n        <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n                mat-icon-button\n                (click)=\"cropImage()\">\n            <mat-icon>crop</mat-icon>\n        </button>\n\n        <button id=\"viewer-reset-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>zoom_out_map</mat-icon>\n        </button>\n\n    </adf-toolbar>\n\n    <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n        <button id=\"viewer-cancel-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n                mat-icon-button\n                (click)=\"reset()\">\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <button id=\"viewer-save-button\"\n                title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n                mat-icon-button\n                (click)=\"save()\">\n            <mat-icon>check</mat-icon>\n        </button>\n\n    </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"] }]
         }], ctorParameters: () => [{ type: AppConfigService }, { type: UrlService }], propDecorators: { showToolbar: [{
                 type: Input
             }], readOnly: [{
@@ -5337,11 +5337,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 class UnknownFormatComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnknownFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnknownFormatComponent, isStandalone: true, selector: "adf-viewer-unknown-format", inputs: { customError: "customError" }, ngImport: i0, template: "<div class=\"adf-viewer__unknown-format-view\">\n    <div>\n        <mat-icon class=\"icon\">error</mat-icon>\n        <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n    </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center;color:var(--adf-theme-foreground-text-color)}.adf-viewer-inline .adf-viewer__unknown-format-view{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnknownFormatComponent, isStandalone: true, selector: "adf-viewer-unknown-format", inputs: { customError: "customError" }, ngImport: i0, template: "<div class=\"adf-viewer__unknown-format-view\">\n    <div>\n        <mat-icon class=\"icon\">error</mat-icon>\n        <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n    </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center;color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnknownFormatComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-viewer-unknown-format', imports: [MatIconModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-viewer__unknown-format-view\">\n    <div>\n        <mat-icon class=\"icon\">error</mat-icon>\n        <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n    </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center;color:var(--adf-theme-foreground-text-color)}.adf-viewer-inline .adf-viewer__unknown-format-view{height:100%}\n"] }]
+            args: [{ selector: 'adf-viewer-unknown-format', imports: [MatIconModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-viewer__unknown-format-view\">\n    <div>\n        <mat-icon class=\"icon\">error</mat-icon>\n        <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n    </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center;color:var(--adf-theme-foreground-text-color)}\n"] }]
         }], propDecorators: { customError: [{
                 type: Input
             }] } });
@@ -5687,7 +5687,7 @@ class ViewerRenderComponent {
         this.close.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerRenderComponent, deps: [{ token: ViewUtilService }, { token: i2$4.AppExtensionService }, { token: i1$6.MatDialog }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerRenderComponent, isStandalone: true, selector: "adf-viewer-render", inputs: { urlFile: "urlFile", blobFile: "blobFile", allowFullScreen: "allowFullScreen", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", mimeType: "mimeType", fileName: "fileName", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", nodeId: "nodeId", viewerTemplateExtensions: "viewerTemplateExtensions", customError: "customError" }, outputs: { extensionChange: "extensionChange", submitFile: "submitFile", close: "close", isSaving: "isSaving" }, host: { classAttribute: "adf-viewer-render" }, providers: [ViewUtilService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isLoading\" class=\"adf-viewer-render-main-loader\">\n    <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n        <div class=\"adf-viewer-render-content-container\">\n            <div class=\"adf-viewer-render__loading-screen\">\n                <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n                <div>\n                    <mat-spinner aria-labelledby=\"loading-spinner-label\"\n                                 class=\"adf-viewer-render__loading-screen__spinner\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n@if (urlFile || blobFile) {\n    <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n        <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n            <div class=\"adf-viewer-render-content-container\" [ngSwitch]=\"viewerType\">\n                <ng-container *ngSwitchCase=\"'external'\">\n                    <adf-preview-extension\n                        *ngIf=\"!!externalViewer\"\n                        [id]=\"externalViewer.component\"\n                        [url]=\"urlFile\"\n                        [extension]=\"externalViewer.fileExtension\"\n                        [nodeId]=\"nodeId\"\n                        [attr.data-automation-id]=\"externalViewer.component\"\n                        (contentLoaded)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'pdf'\">\n                    <adf-pdf-viewer\n                        [thumbnailsTemplate]=\"thumbnailsTemplate\"\n                        [allowThumbnails]=\"allowThumbnails\"\n                        [blobFile]=\"blobFile\"\n                        [urlFile]=\"urlFile\"\n                        [fileName]=\"internalFileName\"\n                        [cacheType]=\"cacheTypeForContent\"\n                        (pagesLoaded)=\"markAsLoaded()\"\n                        (close)=\"onClose()\"\n                        (error)=\"onUnsupportedFile()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <adf-img-viewer\n                        [urlFile]=\"urlFile\"\n                        [readOnly]=\"readOnly\"\n                        [fileName]=\"internalFileName\"\n                        [allowedEditActions]=\"allowedEditActions\"\n                        [blobFile]=\"blobFile\"\n                        (error)=\"onUnsupportedFile()\"\n                        (submit)=\"onSubmitFile($event)\"\n                        (imageLoaded)=\"markAsLoaded()\"\n                        (isSaving)=\"isSaving.emit($event)\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'media'\">\n                    <adf-media-player\n                        id=\"adf-mdedia-player\"\n                        [urlFile]=\"urlFile\"\n                        [tracks]=\"tracks\"\n                        [mimeType]=\"mimeType\"\n                        [blobFile]=\"blobFile\"\n                        [fileName]=\"internalFileName\"\n                        (error)=\"onUnsupportedFile()\"\n                        (canPlay)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'custom'\">\n                    <ng-container *ngFor=\"let ext of viewerExtensions\">\n                        <adf-preview-extension\n                            *ngIf=\"checkExtensions(ext.fileExtension)\"\n                            [id]=\"ext.component\"\n                            [url]=\"urlFile\"\n                            [extension]=\"extension\"\n                            [nodeId]=\"nodeId\"\n                            [attr.data-automation-id]=\"ext.component\"\n                            (contentLoaded)=\"markAsLoaded()\"\n                        />\n                    </ng-container>\n\n                    <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n                        <span *ngIf=\"extensionTemplate.isVisible\" class=\"adf-viewer-render-custom-content\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"extensionTemplate.template\"\n                                [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                            />\n                        </span>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                    <adf-viewer-unknown-format [customError]=\"customError\" />\n                </ng-container>\n            </div>\n        </div>\n    </div>\n}\n<ng-container *ngIf=\"viewerTemplateExtensions\">\n    <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n                 [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                 [ngTemplateOutletInjector]=\"injector\" />\n</ng-container>\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}.adf-viewer-inline .adf-viewer-render-main-loader{position:unset}.adf-viewer-inline .adf-viewer-render-layout-content>div{height:100%}.adf-viewer-inline .adf-viewer-render__loading-screen{height:100%}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PdfViewerComponent, selector: "adf-pdf-viewer", inputs: ["urlFile", "blobFile", "fileName", "showToolbar", "allowThumbnails", "thumbnailsTemplate", "cacheType"], outputs: ["rendered", "error", "close", "pagesLoaded"] }, { kind: "component", type: ImgViewerComponent, selector: "adf-img-viewer", inputs: ["showToolbar", "readOnly", "allowedEditActions", "urlFile", "blobFile", "fileName"], outputs: ["error", "submit", "isSaving", "imageLoaded"] }, { kind: "component", type: MediaPlayerComponent, selector: "adf-media-player", inputs: ["urlFile", "blobFile", "mimeType", "fileName", "tracks"], outputs: ["error", "canPlay"] }, { kind: "component", type: TxtViewerComponent, selector: "adf-txt-viewer", inputs: ["urlFile", "blobFile"], outputs: ["contentLoaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UnknownFormatComponent, selector: "adf-viewer-unknown-format", inputs: ["customError"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "component", type: i2$4.PreviewExtensionComponent, selector: "adf-preview-extension", inputs: ["id", "nodeId", "url", "extension"], outputs: ["contentLoaded"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerRenderComponent, isStandalone: true, selector: "adf-viewer-render", inputs: { urlFile: "urlFile", blobFile: "blobFile", allowFullScreen: "allowFullScreen", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", mimeType: "mimeType", fileName: "fileName", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", nodeId: "nodeId", viewerTemplateExtensions: "viewerTemplateExtensions", customError: "customError" }, outputs: { extensionChange: "extensionChange", submitFile: "submitFile", close: "close", isSaving: "isSaving" }, host: { classAttribute: "adf-viewer-render" }, providers: [ViewUtilService], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isLoading\" class=\"adf-viewer-render-main-loader\">\n    <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n        <div class=\"adf-viewer-render-content-container\">\n            <div class=\"adf-viewer-render__loading-screen\">\n                <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n                <div>\n                    <mat-spinner aria-labelledby=\"loading-spinner-label\"\n                                 class=\"adf-viewer-render__loading-screen__spinner\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n@if (urlFile || blobFile) {\n    <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n        <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n            <div class=\"adf-viewer-render-content-container\" [ngSwitch]=\"viewerType\">\n                <ng-container *ngSwitchCase=\"'external'\">\n                    <adf-preview-extension\n                        *ngIf=\"!!externalViewer\"\n                        [id]=\"externalViewer.component\"\n                        [url]=\"urlFile\"\n                        [extension]=\"externalViewer.fileExtension\"\n                        [nodeId]=\"nodeId\"\n                        [attr.data-automation-id]=\"externalViewer.component\"\n                        (contentLoaded)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'pdf'\">\n                    <adf-pdf-viewer\n                        [thumbnailsTemplate]=\"thumbnailsTemplate\"\n                        [allowThumbnails]=\"allowThumbnails\"\n                        [blobFile]=\"blobFile\"\n                        [urlFile]=\"urlFile\"\n                        [fileName]=\"internalFileName\"\n                        [cacheType]=\"cacheTypeForContent\"\n                        (pagesLoaded)=\"markAsLoaded()\"\n                        (close)=\"onClose()\"\n                        (error)=\"onUnsupportedFile()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <adf-img-viewer\n                        [urlFile]=\"urlFile\"\n                        [readOnly]=\"readOnly\"\n                        [fileName]=\"internalFileName\"\n                        [allowedEditActions]=\"allowedEditActions\"\n                        [blobFile]=\"blobFile\"\n                        (error)=\"onUnsupportedFile()\"\n                        (submit)=\"onSubmitFile($event)\"\n                        (imageLoaded)=\"markAsLoaded()\"\n                        (isSaving)=\"isSaving.emit($event)\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'media'\">\n                    <adf-media-player\n                        id=\"adf-mdedia-player\"\n                        [urlFile]=\"urlFile\"\n                        [tracks]=\"tracks\"\n                        [mimeType]=\"mimeType\"\n                        [blobFile]=\"blobFile\"\n                        [fileName]=\"internalFileName\"\n                        (error)=\"onUnsupportedFile()\"\n                        (canPlay)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'custom'\">\n                    <ng-container *ngFor=\"let ext of viewerExtensions\">\n                        <adf-preview-extension\n                            *ngIf=\"checkExtensions(ext.fileExtension)\"\n                            [id]=\"ext.component\"\n                            [url]=\"urlFile\"\n                            [extension]=\"extension\"\n                            [nodeId]=\"nodeId\"\n                            [attr.data-automation-id]=\"ext.component\"\n                            (contentLoaded)=\"markAsLoaded()\"\n                        />\n                    </ng-container>\n\n                    <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n                        <span *ngIf=\"extensionTemplate.isVisible\" class=\"adf-viewer-render-custom-content\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"extensionTemplate.template\"\n                                [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                            />\n                        </span>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                    <adf-viewer-unknown-format [customError]=\"customError\" />\n                </ng-container>\n            </div>\n        </div>\n    </div>\n}\n<ng-container *ngIf=\"viewerTemplateExtensions\">\n    <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n                 [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                 [ngTemplateOutletInjector]=\"injector\" />\n</ng-container>\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PdfViewerComponent, selector: "adf-pdf-viewer", inputs: ["urlFile", "blobFile", "fileName", "showToolbar", "allowThumbnails", "thumbnailsTemplate", "cacheType"], outputs: ["rendered", "error", "close", "pagesLoaded"] }, { kind: "component", type: ImgViewerComponent, selector: "adf-img-viewer", inputs: ["showToolbar", "readOnly", "allowedEditActions", "urlFile", "blobFile", "fileName"], outputs: ["error", "submit", "isSaving", "imageLoaded"] }, { kind: "component", type: MediaPlayerComponent, selector: "adf-media-player", inputs: ["urlFile", "blobFile", "mimeType", "fileName", "tracks"], outputs: ["error", "canPlay"] }, { kind: "component", type: TxtViewerComponent, selector: "adf-txt-viewer", inputs: ["urlFile", "blobFile"], outputs: ["contentLoaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UnknownFormatComponent, selector: "adf-viewer-unknown-format", inputs: ["customError"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "component", type: i2$4.PreviewExtensionComponent, selector: "adf-preview-extension", inputs: ["id", "nodeId", "url", "extension"], outputs: ["contentLoaded"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerRenderComponent, decorators: [{
             type: Component,
@@ -5706,7 +5706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         ExtensionsModule,
                         NgForOf,
                         NgSwitchDefault
-                    ], providers: [ViewUtilService], template: "<div *ngIf=\"isLoading\" class=\"adf-viewer-render-main-loader\">\n    <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n        <div class=\"adf-viewer-render-content-container\">\n            <div class=\"adf-viewer-render__loading-screen\">\n                <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n                <div>\n                    <mat-spinner aria-labelledby=\"loading-spinner-label\"\n                                 class=\"adf-viewer-render__loading-screen__spinner\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n@if (urlFile || blobFile) {\n    <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n        <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n            <div class=\"adf-viewer-render-content-container\" [ngSwitch]=\"viewerType\">\n                <ng-container *ngSwitchCase=\"'external'\">\n                    <adf-preview-extension\n                        *ngIf=\"!!externalViewer\"\n                        [id]=\"externalViewer.component\"\n                        [url]=\"urlFile\"\n                        [extension]=\"externalViewer.fileExtension\"\n                        [nodeId]=\"nodeId\"\n                        [attr.data-automation-id]=\"externalViewer.component\"\n                        (contentLoaded)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'pdf'\">\n                    <adf-pdf-viewer\n                        [thumbnailsTemplate]=\"thumbnailsTemplate\"\n                        [allowThumbnails]=\"allowThumbnails\"\n                        [blobFile]=\"blobFile\"\n                        [urlFile]=\"urlFile\"\n                        [fileName]=\"internalFileName\"\n                        [cacheType]=\"cacheTypeForContent\"\n                        (pagesLoaded)=\"markAsLoaded()\"\n                        (close)=\"onClose()\"\n                        (error)=\"onUnsupportedFile()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <adf-img-viewer\n                        [urlFile]=\"urlFile\"\n                        [readOnly]=\"readOnly\"\n                        [fileName]=\"internalFileName\"\n                        [allowedEditActions]=\"allowedEditActions\"\n                        [blobFile]=\"blobFile\"\n                        (error)=\"onUnsupportedFile()\"\n                        (submit)=\"onSubmitFile($event)\"\n                        (imageLoaded)=\"markAsLoaded()\"\n                        (isSaving)=\"isSaving.emit($event)\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'media'\">\n                    <adf-media-player\n                        id=\"adf-mdedia-player\"\n                        [urlFile]=\"urlFile\"\n                        [tracks]=\"tracks\"\n                        [mimeType]=\"mimeType\"\n                        [blobFile]=\"blobFile\"\n                        [fileName]=\"internalFileName\"\n                        (error)=\"onUnsupportedFile()\"\n                        (canPlay)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'custom'\">\n                    <ng-container *ngFor=\"let ext of viewerExtensions\">\n                        <adf-preview-extension\n                            *ngIf=\"checkExtensions(ext.fileExtension)\"\n                            [id]=\"ext.component\"\n                            [url]=\"urlFile\"\n                            [extension]=\"extension\"\n                            [nodeId]=\"nodeId\"\n                            [attr.data-automation-id]=\"ext.component\"\n                            (contentLoaded)=\"markAsLoaded()\"\n                        />\n                    </ng-container>\n\n                    <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n                        <span *ngIf=\"extensionTemplate.isVisible\" class=\"adf-viewer-render-custom-content\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"extensionTemplate.template\"\n                                [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                            />\n                        </span>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                    <adf-viewer-unknown-format [customError]=\"customError\" />\n                </ng-container>\n            </div>\n        </div>\n    </div>\n}\n<ng-container *ngIf=\"viewerTemplateExtensions\">\n    <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n                 [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                 [ngTemplateOutletInjector]=\"injector\" />\n</ng-container>\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}.adf-viewer-inline .adf-viewer-render-main-loader{position:unset}.adf-viewer-inline .adf-viewer-render-layout-content>div{height:100%}.adf-viewer-inline .adf-viewer-render__loading-screen{height:100%}\n"] }]
+                    ], providers: [ViewUtilService], template: "<div *ngIf=\"isLoading\" class=\"adf-viewer-render-main-loader\">\n    <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n        <div class=\"adf-viewer-render-content-container\">\n            <div class=\"adf-viewer-render__loading-screen\">\n                <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n                <div>\n                    <mat-spinner aria-labelledby=\"loading-spinner-label\"\n                                 class=\"adf-viewer-render__loading-screen__spinner\" />\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n@if (urlFile || blobFile) {\n    <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n        <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n            <div class=\"adf-viewer-render-content-container\" [ngSwitch]=\"viewerType\">\n                <ng-container *ngSwitchCase=\"'external'\">\n                    <adf-preview-extension\n                        *ngIf=\"!!externalViewer\"\n                        [id]=\"externalViewer.component\"\n                        [url]=\"urlFile\"\n                        [extension]=\"externalViewer.fileExtension\"\n                        [nodeId]=\"nodeId\"\n                        [attr.data-automation-id]=\"externalViewer.component\"\n                        (contentLoaded)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'pdf'\">\n                    <adf-pdf-viewer\n                        [thumbnailsTemplate]=\"thumbnailsTemplate\"\n                        [allowThumbnails]=\"allowThumbnails\"\n                        [blobFile]=\"blobFile\"\n                        [urlFile]=\"urlFile\"\n                        [fileName]=\"internalFileName\"\n                        [cacheType]=\"cacheTypeForContent\"\n                        (pagesLoaded)=\"markAsLoaded()\"\n                        (close)=\"onClose()\"\n                        (error)=\"onUnsupportedFile()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <adf-img-viewer\n                        [urlFile]=\"urlFile\"\n                        [readOnly]=\"readOnly\"\n                        [fileName]=\"internalFileName\"\n                        [allowedEditActions]=\"allowedEditActions\"\n                        [blobFile]=\"blobFile\"\n                        (error)=\"onUnsupportedFile()\"\n                        (submit)=\"onSubmitFile($event)\"\n                        (imageLoaded)=\"markAsLoaded()\"\n                        (isSaving)=\"isSaving.emit($event)\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'media'\">\n                    <adf-media-player\n                        id=\"adf-mdedia-player\"\n                        [urlFile]=\"urlFile\"\n                        [tracks]=\"tracks\"\n                        [mimeType]=\"mimeType\"\n                        [blobFile]=\"blobFile\"\n                        [fileName]=\"internalFileName\"\n                        (error)=\"onUnsupportedFile()\"\n                        (canPlay)=\"markAsLoaded()\"\n                    />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n                </ng-container>\n\n                <ng-container *ngSwitchCase=\"'custom'\">\n                    <ng-container *ngFor=\"let ext of viewerExtensions\">\n                        <adf-preview-extension\n                            *ngIf=\"checkExtensions(ext.fileExtension)\"\n                            [id]=\"ext.component\"\n                            [url]=\"urlFile\"\n                            [extension]=\"extension\"\n                            [nodeId]=\"nodeId\"\n                            [attr.data-automation-id]=\"ext.component\"\n                            (contentLoaded)=\"markAsLoaded()\"\n                        />\n                    </ng-container>\n\n                    <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n                        <span *ngIf=\"extensionTemplate.isVisible\" class=\"adf-viewer-render-custom-content\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"extensionTemplate.template\"\n                                [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                            />\n                        </span>\n                    </ng-container>\n                </ng-container>\n\n                <ng-container *ngSwitchDefault>\n                    <adf-viewer-unknown-format [customError]=\"customError\" />\n                </ng-container>\n            </div>\n        </div>\n    </div>\n}\n<ng-container *ngIf=\"viewerTemplateExtensions\">\n    <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n                 [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n                 [ngTemplateOutletInjector]=\"injector\" />\n</ng-container>\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}\n"] }]
         }], ctorParameters: () => [{ type: ViewUtilService }, { type: i2$4.AppExtensionService }, { type: i1$6.MatDialog }, { type: i0.Injector }], propDecorators: { urlFile: [{
                 type: Input
             }], blobFile: [{
@@ -6266,7 +6266,7 @@ class ViewerComponent {
         this.blobFile = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", 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: "19.2.6", 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" }, 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                    <div class=\"adf-viewer__display-name\"\n                         id=\"adf-viewer-display-name\"\n                         [title]=\"fileName\">\n                        <span>{{ displayName }}</span>\n                    </div>\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-inline{display:flex;width:100%;height:100%;position:unset}.adf-viewer-inline .adf-viewer__file-title{position:unset;transform:unset}.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-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: "19.2.6", 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" }, 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                    <div class=\"adf-viewer__display-name\"\n                         id=\"adf-viewer-display-name\"\n                         [title]=\"fileName\">\n                        <span>{{ displayName }}</span>\n                    </div>\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__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-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: "19.2.6", ngImport: i0, type: ViewerComponent, decorators: [{
             type: Component,
@@ -6287,7 +6287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         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                    <div class=\"adf-viewer__display-name\"\n                         id=\"adf-viewer-display-name\"\n                         [title]=\"fileName\">\n                        <span>{{ displayName }}</span>\n                    </div>\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-inline{display:flex;width:100%;height:100%;position:unset}.adf-viewer-inline .adf-viewer__file-title{position:unset;transform:unset}.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-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                    <div class=\"adf-viewer__display-name\"\n                         id=\"adf-viewer-display-name\"\n                         [title]=\"fileName\">\n                        <span>{{ displayName }}</span>\n                    </div>\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__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-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']