@alfresco/adf-core 8.3.0 → 8.3.1

package/lib/styles/_mat-selectors.scss

@@ -9,8 +9,6 @@ $mat-tab-body: '.mat-mdc-tab-body';
 $mat-tab-header: '.mat-mdc-tab-header';
 $mat-tab-body-content: '.mat-mdc-tab-body-content';
 $mat-tab-ink-bar: '.mdc-tab-indicator';
-$mat-tab-body-wrapper: '.mat-mdc-tab-body-wrapper';
-$mat-tab-body-content: '.mat-mdc-card-content';
 $mat-chip: '.mat-mdc-chip';
 $mat-chip-list: '.mat-mdc-chip-list';
 $mat-checkbox: '.mat-mdc-checkbox';
@@ -18,10 +16,8 @@ $mat-checkbox-label: '.mdc-label';
 $mat-button: '.mat-mdc-button';
 $mat-button-label: '.mdc-button__label';
 $mat-form-field: '.mat-mdc-form-field';
-$mat-form-field-flex: '.mat-mdc-form-field-flex';
 $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
 $mat-line-ripple: '.mdc-line-ripple';
-$mat-form-field-subscript-wrapper: '.mat-mdc-form-field-subscript-wrapper';
 $mat-form-field-prefix: '.mat-mdc-form-field-text-prefix';
 $mat-form-field-suffix: '.mat-mdc-form-field-text-suffix';
 $mat-form-text-field-infix: '.mat-mdc-form-text-infix';
@@ -37,7 +33,6 @@ $mat-table: '.mat-mdc-table';
 $mat-header-row: '.mat-mdc-header-row';
 $mat-row: '.mat-mdc-row';
 $mat-select: '.mat-mdc-select';
-$mat-select-value: '.mat-select-value';
 $mat-select-panel: '.mat-mdc-select-panel';
 $mat-grid-tile: '.mat-grid-tile';
 $mat-sidenav-content: '.mat-sidenav-content';
@@ -55,34 +50,24 @@ $mat-calendar-table-header: '.mat-calendar-table-header';
 $mat-calendar-body-disabled: '.mat-calendar-body-disabled';
 $mat-toolbar: '.mat-toolbar';
 $mat-list-item-unscoped-content: '.mat-mdc-list-item-unscoped-content';
+$mat-list-item-end: '.mdc-list-item__end';
 $mat-text-field-no-label: '.mdc-text-field--no-label';
 $mat-form-field-infix: '.mat-mdc-form-field-infix';
-$mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
-$mat-form-field-error: '.mat-mdc-form-field-error';
-$mat-checkbox-background: '.mdc-checkbox__background';
-$mat-floating-label: '.mdc-floating-label';
-$mat-floating-label-above: '.mdc-floating-label--float-above';
 $mat-dialog-surface: '.mat-mdc-dialog-surface';
 $mat-floating-label-required: '.mdc-floating-label--required';
-$mat-evolution-chip: '.mdc-evolution-chip';
 $mat-evolution-chip-action: '.mdc-evolution-chip__action';
 $mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label';
-$mat-notched-outline: '.mdc-notched-outline';
 $mat-evolution-chip-graphic: '.mdc-evolution-chip__graphic';
 $mat-select-trigger: '.mat-mdc-select-trigger';
 $mat-button-base: '.mat-mdc-button-base';
-$mat-button-touch-target: '.mat-mdc-button-touch-target';
 $cdk-drag-preview: '.cdk-drag-preview';
 $mat-snackbar: '.mdc-snackbar';
 $mat-snack-bar-container: '.mat-mdc-snack-bar-container';
 $mat-snackbar-label: '.mdc-snackbar__label';
 $mat-datetimepicker-dialog: '.mat-datetimepicker-dialog';
 $mat-tab-indicator-underline: '.mdc-tab-indicator__content--underline';
-$mat-list-item: '.mdc-list-item';
 $mat-form-field-icon-suffix: '.mat-mdc-form-field-icon-suffix';
-$mat-text-field: '.mdc-text-field';
 $mat-select-value: '.mat-mdc-select-value';
-$mat-card-header: '.mat-mdc-card-header';
 $mat-datetimepicker-calendar: '.mat-datetimepicker-calendar';
 $mat-datetimepicker-calendar-header: '.mat-datetimepicker-calendar-header';
 $mat-datetimepicker-calendar-table-header: '.mat-datetimepicker-calendar-table-header';
@@ -92,4 +77,3 @@ $mat-datetimepicker-calendar-header-time: '.mat-datetimepicker-calendar-header-t
 $mat-datetimepicker-calendar-content: '.mat-datetimepicker-calendar-content';
 $mat-datetimepicker-calendar-body-disabled: '.mat-datetimepicker-calendar-body-disabled';
 $mat-datetimepicker-toggle: '.mat-datetimepicker-toggle';
-$mat-form-field-underline: '.mat-form-field-underline';

package/lib/templates/empty-content/empty-content.component.scss

@@ -1,5 +1,5 @@
 .adf-empty-content {
-    color: var(--adf-theme-foreground-text-color-054);
+    color: var(--adf-theme-foreground-text-color-064);
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -11,6 +11,7 @@
         font-size: var(--theme-display-3-font-size);
         height: var(--theme-display-3-font-size);
         width: var(--theme-display-3-font-size);
+        opacity: 0.6;
     }
 
     &__title {
@@ -30,8 +31,4 @@
         white-space: normal;
         text-align: center;
     }
-
-    .adf-icon {
-        opacity: 0.6;
-    }
 }

package/lib/templates/error-content/error-content.component.d.ts

@@ -15,21 +15,17 @@
  * limitations under the License.
  */
 import { OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { TranslationService } from '../../translation/translation.service';
 import { Observable } from 'rxjs';
-import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from "@angular/core";
 export declare class ErrorContentComponent implements OnInit {
-    private route;
-    private translateService;
-    private breakpointObserver;
+    private readonly route;
+    private readonly translateService;
+    private readonly breakpointObserver;
     static UNKNOWN_ERROR: string;
     /** Error code associated with this error. */
     errorCode: string;
     errorCodeTranslated: string;
     isSmallScreen$: Observable<boolean>;
-    constructor(route: ActivatedRoute, translateService: TranslationService, breakpointObserver: BreakpointObserver);
     ngOnInit(): void;
     checkErrorExists(errorCode: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorContentComponent, never>;

package/lib/templates/error-content/error-content.component.scss

@@ -1,7 +1,7 @@
 @use '../../styles/flex' as flex;
 
 .adf-error-content {
-    color: var(--adf-theme-foreground-text-color-054);
+    color: var(--adf-theme-foreground-text-color-064);
     display: flex;
     flex-direction: column;
     align-items: center;

package/lib/testing/index.d.ts

@@ -14,7 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './core.story.module';
 export * from './noop-translate.module';
 export * from './noop-auth.module';
 export * from './unit-testing-utils';

package/lib/testing/noop-translate.module.d.ts

@@ -1,8 +1,6 @@
-import { TranslationService } from '../translation/translation.service';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common/http/testing";
-export declare class NoopTranslationService implements TranslationService {
+export declare class NoopTranslationService {
     defaultLang: string;
     userLang: string;
     customLoader: any;
@@ -12,12 +10,13 @@ export declare class NoopTranslationService implements TranslationService {
     use(): any;
     loadTranslation(): void;
     get(key: string | Array<string>): Observable<string | any>;
+    getLocale(): any;
     instant(key: string | Array<string>): string | any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoopTranslationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NoopTranslationService>;
 }
 export declare class NoopTranslateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NoopTranslateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NoopTranslateModule, never, [typeof i1.HttpClientTestingModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NoopTranslateModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NoopTranslateModule>;
 }

package/lib/testing/unit-testing-utils.d.ts

@@ -16,6 +16,7 @@
  */
 import { HarnessLoader, TestElement, TestKey } from '@angular/cdk/testing';
 import { DebugElement, Type } from '@angular/core';
+import { MatSelectHarness } from '@angular/material/select/testing';
 import { MatOptionHarness } from '@angular/material/core/testing';
 import { MatChipHarness, MatChipListboxHarness } from '@angular/material/chips/testing';
 import { MatButtonHarness } from '@angular/material/button/testing';
@@ -25,6 +26,8 @@ import { MatFormFieldHarness } from '@angular/material/form-field/testing';
 import { MatInputHarness } from '@angular/material/input/testing';
 import { ComponentFixture } from '@angular/core/testing';
 import { MatTabHarness } from '@angular/material/tabs/testing';
+import { MatListOptionHarness } from '@angular/material/list/testing';
+import { MatCellHarness } from '@angular/material/table/testing';
 export declare class UnitTestingUtils {
     private debugElement?;
     private loader?;
@@ -36,12 +39,15 @@ export declare class UnitTestingUtils {
     getInnerTextByCSS(selector: string): string;
     getByDataAutomationId(dataAutomationId: string): DebugElement;
     getByDataAutomationClass(dataAutomationClass: string): DebugElement;
+    getAllByDataAutomationId(dataAutomationId: string): DebugElement[];
     getInnerTextByDataAutomationId(dataAutomationId: string): string;
     getByDirective(directive: Type<any>): DebugElement;
+    getAllByDirective(directive: Type<any>): DebugElement[];
     /** Perform actions */
     clickByCSS(selector: string): void;
     clickByDataAutomationId(dataAutomationId: string): void;
     doubleClickByDataAutomationId(dataAutomationId: string): void;
+    doubleClickByCSS(selector: string): void;
     blurByCSS(selector: string): void;
     hoverOverByCSS(selector: string): void;
     hoverOverByDataAutomationId(dataAutomationId: string): void;
@@ -81,6 +87,8 @@ export declare class UnitTestingUtils {
     clickMatIconWithAncestorByDataAutomationId(dataAutomationId: string): Promise<void>;
     /** MatSelect related methods */
     getMatSelectOptions(isOpened?: boolean): Promise<MatOptionHarness[]>;
+    getMatSelect(): Promise<MatSelectHarness>;
+    getMatSelectByDataAutomationId(dataAutomationId: string): Promise<MatSelectHarness>;
     getMatSelectHost(): Promise<TestElement>;
     checkIfMatSelectExists(): Promise<boolean>;
     openMatSelect(): Promise<void>;
@@ -110,6 +118,7 @@ export declare class UnitTestingUtils {
     focusMatInput(): Promise<void>;
     blurMatInput(): Promise<void>;
     getMatInputValue(): Promise<string>;
+    getMatInputValueByDataAutomationId(dataAutomationId: string): Promise<string>;
     sendKeysToMatInput(keys: (string | TestKey)[]): Promise<void>;
     /** MatAutoComplete related methods */
     typeAndGetOptionsForMatAutoComplete(fixture: ComponentFixture<any>, value: string): Promise<MatOptionHarness[]>;
@@ -122,4 +131,9 @@ export declare class UnitTestingUtils {
     checkIfMatSnackbarExists(): Promise<boolean>;
     /** MatProgressBar related methods */
     getMatProgressBarHost(): Promise<TestElement>;
+    /** MatListOption related methods */
+    getMatListOption(): Promise<MatListOptionHarness>;
+    getAllMatListOptions(): Promise<MatListOptionHarness[]>;
+    /** MatCell related methods */
+    getMatCellByColumnName(columnName: string): Promise<MatCellHarness>;
 }

package/lib/toolbar/toolbar.component.scss

@@ -11,7 +11,7 @@
 
     .adf-toolbar-container.adf-toolbar-container-row {
         border: 1px solid var(--adf-theme-foreground-text-color-007);
-        color: var(--adf-theme-foreground-text-color-054);
+        color: var(--adf-theme-foreground-text-color-064);
         height: 64px;
         font-size: var(--theme-body-1-font-size);
         white-space: normal;

package/lib/translation/provide-i18n.d.ts

@@ -26,6 +26,11 @@ export interface ProvideI18NConfig {
      * Example: [['adf-core', 'assets/adf-core'], ['my-translations', 'assets/my-translations']]
      */
     assets?: [string, string][];
+    /**
+     * An object of translations to be used for i18n for the default language.
+     * Example: { 'WELCOME_MESSAGE': 'Welcome!' }
+     */
+    translations?: Record<string, string>;
 }
 /**
  * Provides the i18n service.

package/lib/translation/translate-loader.service.d.ts

@@ -1,32 +1,14 @@
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { HttpClient } from '@angular/common/http';
 import { TranslateLoader } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
 import { ComponentTranslationModel } from '../models/component.model';
 import * as i0 from "@angular/core";
 export declare class TranslateLoaderService implements TranslateLoader {
-    private http;
-    private prefix;
-    private suffix;
-    private providers;
+    private readonly http;
+    private readonly prefix;
+    private readonly suffix;
+    private readonly providers;
     private queue;
     private defaultLang;
-    constructor(http: HttpClient);
     setDefaultLang(value: string): void;
     registerProvider(name: string, path: string): void;
     providerRegistered(name: string): boolean;

package/lib/translation/translation.service.d.ts

@@ -18,7 +18,6 @@ import { InjectionToken } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Observable } from 'rxjs';
 import { TranslateLoaderService } from './translate-loader.service';
-import { UserPreferencesService } from '../common/services/user-preferences.service';
 import * as i0 from "@angular/core";
 export declare const TRANSLATION_PROVIDER: InjectionToken<unknown>;
 export interface TranslationProvider {
@@ -42,10 +41,12 @@ export declare function provideTranslations(id: string, path: string): {
 };
 export declare class TranslationService {
     translate: TranslateService;
+    private readonly userPreferencesService;
+    private readonly providers;
     defaultLang: string;
     userLang: string;
     customLoader: TranslateLoaderService;
-    constructor(translate: TranslateService, userPreferencesService: UserPreferencesService, providers: TranslationProvider[]);
+    constructor();
     /**
      * Adds a new folder of translation source files.
      *
@@ -81,6 +82,12 @@ export declare class TranslationService {
      * @returns Translated text
      */
     get(key: string | Array<string>, interpolateParams?: any): Observable<string | any>;
+    /**
+     * Determines the preferred locale for the current user.
+     *
+     * @returns Locale identifier resolved from the browser or the default translation locale
+     */
+    getLocale(): string;
     /**
      * Directly returns the translation for the supplied key.
      *
@@ -89,6 +96,6 @@ export declare class TranslationService {
      * @returns Translated text
      */
     instant(key: string | Array<string>, interpolateParams?: any): string | any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationService, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TranslationService>;
 }

package/lib/viewer/components/download-prompt-dialog/download-prompt-dialog.component.d.ts

@@ -1,7 +1,9 @@
-import { DownloadPromptActions } from '../../models/download-prompt.actions';
 import * as i0 from "@angular/core";
 export declare class DownloadPromptDialogComponent {
-    DownloadPromptActions: typeof DownloadPromptActions;
+    DownloadPromptActions: {
+        readonly WAIT: "WAIT";
+        readonly DOWNLOAD: "DOWNLOAD";
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<DownloadPromptDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DownloadPromptDialogComponent, "adf-download-prompt-dialog", never, {}, {}, never, never, true, never>;
 }

package/lib/viewer/components/img-viewer/img-viewer.component.d.ts

@@ -1,7 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import Cropper from 'cropperjs';
-import { AppConfigService } from '../../../app-config';
-import { UrlService } from '../../../common';
 import * as i0 from "@angular/core";
 export declare class ImgViewerComponent implements AfterViewInit, OnChanges, OnDestroy {
     private readonly appConfigService;
@@ -14,8 +12,8 @@ export declare class ImgViewerComponent implements AfterViewInit, OnChanges, OnD
     urlFile: string;
     blobFile: Blob;
     fileName: string;
-    error: EventEmitter<any>;
-    submit: EventEmitter<any>;
+    error: EventEmitter<void>;
+    submit: EventEmitter<Blob>;
     isSaving: EventEmitter<boolean>;
     imageLoaded: EventEmitter<void>;
     imageElement: ElementRef;
@@ -24,8 +22,9 @@ export declare class ImgViewerComponent implements AfterViewInit, OnChanges, OnD
     scale: number;
     cropper: Cropper;
     isEditing: boolean;
+    private destroyed;
     get currentScaleText(): string;
-    constructor(appConfigService: AppConfigService, urlService: UrlService);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -38,6 +37,11 @@ export declare class ImgViewerComponent implements AfterViewInit, OnChanges, OnD
     reset(): void;
     updateCanvasContainer(): void;
     onImageError(): void;
+    private handleArrowLeftKey;
+    private handleArrowUpKey;
+    private handleArrowRightKey;
+    private handleArrowDownKey;
+    private changeCropBoxArea;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImgViewerComponent, "adf-img-viewer", never, { "showToolbar": { "alias": "showToolbar"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "allowedEditActions": { "alias": "allowedEditActions"; "required": false; }; "urlFile": { "alias": "urlFile"; "required": false; }; "blobFile": { "alias": "blobFile"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; }, { "error": "error"; "submit": "submit"; "isSaving": "isSaving"; "imageLoaded": "imageLoaded"; }, never, never, true, never>;
 }

package/lib/viewer/components/media-player/media-player.component.d.ts

@@ -1,20 +1,18 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { UrlService } from '../../../common';
 import { Track } from '../../models/viewer.model';
 import * as i0 from "@angular/core";
 export declare class MediaPlayerComponent implements OnChanges {
-    private urlService;
+    private readonly urlService;
     urlFile: string;
     blobFile: Blob;
     mimeType: string;
     fileName: string;
     /** media subtitles for the media player*/
     tracks: Track[];
-    error: EventEmitter<any>;
+    error: EventEmitter<Event>;
     canPlay: EventEmitter<void>;
-    constructor(urlService: UrlService);
     ngOnChanges(changes: SimpleChanges): void;
-    onMediaPlayerError(event: any): void;
+    onMediaPlayerError(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MediaPlayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MediaPlayerComponent, "adf-media-player", never, { "urlFile": { "alias": "urlFile"; "required": false; }; "blobFile": { "alias": "blobFile"; "required": false; }; "mimeType": { "alias": "mimeType"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "tracks": { "alias": "tracks"; "required": false; }; }, { "error": "error"; "canPlay": "canPlay"; }, never, never, true, never>;
 }

package/lib/viewer/components/pdf-viewer/pdf-viewer-host.component.scss

@@ -1,3 +1,4 @@
+/* stylelint-disable selector-class-pattern */
 .adf-pdf-viewer {
     .textLayer {
         position: absolute;
@@ -183,6 +184,33 @@
                 border: none;
             }
         }
+
+        .adf-pdf-viewer-annotation-tooltip.popup {
+            outline-color: var(--adf-pdf-viewer-annotation-tooltip-color);
+            background-color: color-mix(in srgb, var(--adf-pdf-viewer-annotation-tooltip-color) 30%, var(--theme-primary-color-default-contrast));
+            margin-left: 40px;
+            width: max-content;
+            max-width: 300px;
+            opacity: 0;
+            pointer-events: none;
+
+            .popupContent {
+                display: inherit;
+            }
+        }
+
+        .textAnnotation {
+            &:hover,
+            &:focus-within {
+                /* stylelint-disable-next-line declaration-no-important */
+                z-index: 9999 !important; // important is required because pdfjs-dist adds style attribute to that tag
+
+                .adf-pdf-viewer-annotation-tooltip.popup {
+                    opacity: 1;
+                    pointer-events: auto;
+                }
+            }
+        }
     }
 
     .adf-hidden,

package/lib/viewer/components/pdf-viewer/pdf-viewer.component.d.ts

@@ -1,8 +1,33 @@
 import { EventEmitter, InjectionToken, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
 import { PDFViewer } from 'pdfjs-dist/web/pdf_viewer.mjs';
-import { PDFDocumentLoadingTask, PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api';
+import { PDFDocumentLoadingTask, PDFDocumentProxy, PDFPageProxy } from 'pdfjs-dist/types/src/display/api';
 import * as i0 from "@angular/core";
 export type PdfScaleMode = 'init' | 'page-actual' | 'page-width' | 'page-height' | 'page-fit' | 'auto';
+export interface PageChangingEvent {
+    pageNumber: number;
+    source?: {
+        container?: {
+            id?: string;
+        };
+    };
+}
+export interface PdfThumbnailPage {
+    id: number;
+    getWidth: () => number;
+    getHeight: () => number;
+    getPage: () => Promise<PDFPageProxy>;
+}
+export interface PdfAnnotationData {
+    titleObj?: {
+        str?: string;
+    };
+    modificationDate?: string;
+}
+export interface PdfAnnotationWithTitle extends PdfAnnotationData {
+    titleObj: {
+        str: string;
+    };
+}
 export declare const PDFJS_MODULE: InjectionToken<any>;
 export declare const PDFJS_VIEWER_MODULE: InjectionToken<typeof PDFViewer>;
 export declare class PdfViewerComponent implements OnChanges, OnDestroy {
@@ -11,11 +36,11 @@ export declare class PdfViewerComponent implements OnChanges, OnDestroy {
     fileName: string;
     showToolbar: boolean;
     allowThumbnails: boolean;
-    thumbnailsTemplate: TemplateRef<any>;
+    thumbnailsTemplate: TemplateRef<unknown>;
     cacheType: string;
-    rendered: EventEmitter<any>;
-    error: EventEmitter<any>;
-    close: EventEmitter<any>;
+    rendered: EventEmitter<void>;
+    error: EventEmitter<void>;
+    close: EventEmitter<void>;
     pagesLoaded: EventEmitter<void>;
     page: number;
     displayPage: number;
@@ -33,24 +58,25 @@ export declare class PdfViewerComponent implements OnChanges, OnDestroy {
     isPanelDisabled: boolean;
     showThumbnails: boolean;
     pdfThumbnailsContext: {
-        viewer: any;
+        viewer: PDFViewer | null;
     };
     randomPdfId: string;
     documentOverflow: boolean;
     get currentScaleText(): string;
-    private pdfjsLib;
-    private pdfjsViewer;
-    private eventBus;
-    private pdfjsDefaultOptions;
-    private pdfjsWorkerDestroy$;
-    private dialog;
-    private renderingQueueServices;
-    private appConfigService;
+    private readonly pdfjsLib;
+    private readonly pdfjsViewer;
+    private readonly eventBus;
+    private readonly pdfjsDefaultOptions;
+    private readonly pdfjsWorkerDestroy$;
+    private readonly dialog;
+    private readonly renderingQueueServices;
+    private readonly appConfigService;
+    private readonly translateService;
     constructor();
     getUserScaling(): number;
     checkLimits(scaleConfig: number): number;
     ngOnChanges(changes: SimpleChanges): void;
-    executePdf(pdfOptions: any): void;
+    executePdf(pdfOptions: Parameters<typeof this.pdfjsLib.getDocument>[0]): void;
     private setupPdfJsWorker;
     private getPdfJsWorker;
     initPDFViewer(pdfDocument: PDFDocumentProxy): void;
@@ -129,9 +155,13 @@ export declare class PdfViewerComponent implements OnChanges, OnDestroy {
     /**
      * Page Change Event
      *
-     * @param event event
+     * @param event - page change event
+     * @param event.pageNumber - the new page number
+     * @param event.source - the source object
+     * @param event.source.container - the container element
+     * @param event.source.container.id - the container id
      */
-    onPageChange(event: any): void;
+    onPageChange(event: PageChangingEvent): void;
     onPdfPassword(callback: any, reason: any): void;
     /**
      * Page Rendered Event
@@ -148,6 +178,11 @@ export declare class PdfViewerComponent implements OnChanges, OnDestroy {
      * @param event KeyboardEvent
      */
     handleKeyboardEvent(event: KeyboardEvent): void;
+    private handleNotRecognizedAnnotations;
+    private correctAnnotationImage;
+    private createAnnotationPopup;
+    private createAnnotationPopupHeader;
+    private createAnnotationPopupContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdfViewerComponent, "adf-pdf-viewer", never, { "urlFile": { "alias": "urlFile"; "required": false; }; "blobFile": { "alias": "blobFile"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "allowThumbnails": { "alias": "allowThumbnails"; "required": false; }; "thumbnailsTemplate": { "alias": "thumbnailsTemplate"; "required": false; }; "cacheType": { "alias": "cacheType"; "required": false; }; }, { "rendered": "rendered"; "error": "error"; "close": "close"; "pagesLoaded": "pagesLoaded"; }, never, never, true, never>;
 }

package/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss

@@ -59,7 +59,7 @@
             justify-content: flex-end;
             align-items: flex-end;
             display: flex;
-            color: var(--adf-theme-foreground-text-color-054);
+            color: var(--adf-theme-foreground-text-color-064);
         }
     }
 
@@ -103,7 +103,9 @@
             background-color: var(--adf-theme-background-card-color);
             border-width: 0;
             border-radius: 2px;
-            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 20.4), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+            box-shadow:
+                0 2px 2px 0 rgba(0, 0, 0, 20.4),
+                0 0 2px 0 rgba(0, 0, 0, 0.12);
         }
 
         &-page-selector {

package/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.d.ts

@@ -1,12 +1,10 @@
 import { OnInit } from '@angular/core';
-import { MatDialogRef } from '@angular/material/dialog';
 import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class PdfPasswordDialogComponent implements OnInit {
-    private dialogRef;
+    private readonly dialogRef;
     data: any;
     passwordFormControl: UntypedFormControl;
-    constructor(dialogRef: MatDialogRef<PdfPasswordDialogComponent>, data: any);
     ngOnInit(): void;
     isError(): boolean;
     isValid(): boolean;

package/lib/viewer/components/pdf-viewer-thumb/pdf-viewer-thumb.component.d.ts

@@ -15,15 +15,13 @@
  * limitations under the License.
  */
 import { FocusableOption } from '@angular/cdk/a11y';
-import { ElementRef, OnInit } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PdfThumbComponent implements OnInit, FocusableOption {
-    private sanitizer;
-    private element;
+    private readonly sanitizer;
+    private readonly element;
     page: any;
     image$: Promise<string>;
-    constructor(sanitizer: DomSanitizer, element: ElementRef);
     ngOnInit(): void;
     focus(): void;
     private getThumb;

package/lib/viewer/components/pdf-viewer-thumbnails/pdf-viewer-thumbnails.component.d.ts

@@ -1,9 +1,9 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { PdfThumbComponent } from '../pdf-viewer-thumb/pdf-viewer-thumb.component';
 import * as i0 from "@angular/core";
 export declare class PdfThumbListComponent implements OnInit, AfterViewInit, OnDestroy {
-    private element;
-    private document;
+    private readonly element;
+    private readonly document;
     pdfViewer: any;
     close: EventEmitter<void>;
     virtualHeight: number;
@@ -12,23 +12,22 @@ export declare class PdfThumbListComponent implements OnInit, AfterViewInit, OnD
     width: number;
     currentHeight: number;
     private items;
-    private margin;
+    private readonly margin;
     private itemHeight;
     private previouslyFocusedElement;
     private keyManager;
-    template: any;
+    template: TemplateRef<unknown>;
     thumbsList: QueryList<PdfThumbComponent>;
     onKeydown(event: KeyboardEvent): void;
     onResize(): void;
-    constructor(element: ElementRef, document: any);
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    trackByFn(_: number, item: any): number;
     isSelected(pageNumber: number): boolean;
     goTo(pageNumber: number): void;
     scrollInto(pageNumber: number): void;
-    getPages(): any;
+    getPages(): any[];
     private setHeight;
     private calculateHeight;
     private calculateItems;