@alfresco/adf-core 8.0.2 → 8.0.3

package/fesm2022/adf-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ViewChildren, DestroyRef, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ElementRef, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
+import { Input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Injectable, TemplateRef, ContentChild, Directive, ContentChildren, RendererFactory2, Optional, Inject, NgModule, HostBinding, Pipe, InjectionToken, provideAppInitializer, EventEmitter, HostListener, ViewChild, Output, ElementRef, ViewChildren, DestroyRef, QueryList, DEFAULT_CURRENCY_CODE, SecurityContext, ViewContainerRef, forwardRef, Compiler, Injector } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgIf, NgClass, NgForOf, AsyncPipe, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, DecimalPipe, DatePipe, NgFor } from '@angular/common';
 import * as i2 from '@angular/material/table';
@@ -35,7 +35,7 @@ import * as i3 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import Cropper from 'cropperjs';
 import * as i1$4 from '@angular/platform-browser';
-import { By } from '@angular/platform-browser';
+import { DomSanitizer, By } from '@angular/platform-browser';
 import * as i2$6 from '@alfresco/adf-core/api';
 import { AdfHttpClient } from '@alfresco/adf-core/api';
 import * as i1$5 from '@angular/material/toolbar';
@@ -4549,10 +4549,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
         }] });
 
 class PdfThumbComponent {
-    constructor(sanitizer, element) {
-        this.sanitizer = sanitizer;
-        this.element = element;
-        this.page = null;
+    constructor() {
+        this.sanitizer = inject(DomSanitizer);
+        this.element = inject(ElementRef);
     }
     ngOnInit() {
         this.image$ = this.page.getPage().then((page) => this.getThumb(page));
@@ -4580,13 +4579,13 @@ class PdfThumbComponent {
         canvas.height = this.page.getHeight();
         return canvas;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbComponent, deps: [{ token: i1$4.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfThumbComponent, isStandalone: true, selector: "adf-pdf-thumb", inputs: { page: "page" }, host: { attributes: { "tabindex": "0" } }, ngImport: i0, template: "<ng-container *ngIf=\"image$ | async as image\">\n    <img [src]=\"image\" role=\"button\"\n         [alt]=\"'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id }\"\n         title=\"{{ 'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id } }}\"\n         [attr.aria-label]=\"'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id }\">\n</ng-container>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-pdf-thumb', encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, TranslatePipe, NgIf], host: { tabindex: '0' }, template: "<ng-container *ngIf=\"image$ | async as image\">\n    <img [src]=\"image\" role=\"button\"\n         [alt]=\"'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id }\"\n         title=\"{{ 'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id } }}\"\n         [attr.aria-label]=\"'ADF_VIEWER.SIDEBAR.THUMBNAILS.PAGE' | translate: { pageNum: page.id }\">\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$4.DomSanitizer }, { type: i0.ElementRef }], propDecorators: { page: [{
+        }], propDecorators: { page: [{
                 type: Input
             }] } });
 
@@ -4607,6 +4606,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class PdfThumbListComponent {
+    constructor() {
+        this.element = inject(ElementRef);
+        this.document = inject(DOCUMENT);
+        this.close = new EventEmitter();
+        this.virtualHeight = 0;
+        this.translateY = 0;
+        this.renderItems = [];
+        this.width = 91;
+        this.currentHeight = 0;
+        this.items = [];
+        this.margin = 15;
+        this.itemHeight = 114 + this.margin;
+        this.previouslyFocusedElement = null;
+    }
     onKeydown(event) {
         const keyCode = event.keyCode;
         if (keyCode === UP_ARROW && this.canSelectPreviousItem()) {
@@ -4632,23 +4645,9 @@ class PdfThumbListComponent {
     onResize() {
         this.calculateItems();
     }
-    constructor(element, document) {
-        this.element = element;
-        this.document = document;
-        this.close = new EventEmitter();
-        this.virtualHeight = 0;
-        this.translateY = 0;
-        this.renderItems = [];
-        this.width = 91;
-        this.currentHeight = 0;
-        this.items = [];
-        this.margin = 15;
-        this.itemHeight = 114 + this.margin;
-        this.previouslyFocusedElement = null;
+    ngOnInit() {
         this.calculateItems = this.calculateItems.bind(this);
         this.onPageChange = this.onPageChange.bind(this);
-    }
-    ngOnInit() {
         /* cspell:disable-next-line */
         this.pdfViewer.eventBus.on('pagechanging', this.onPageChange);
         this.element.nativeElement.addEventListener('scroll', this.calculateItems, true);
@@ -4674,9 +4673,6 @@ class PdfThumbListComponent {
             this.previouslyFocusedElement = null;
         }
     }
-    trackByFn(_, item) {
-        return item.id;
-    }
     isSelected(pageNumber) {
         return this.pdfViewer.currentPageNumber === pageNumber;
     }
@@ -4753,16 +4749,13 @@ class PdfThumbListComponent {
     canSelectPreviousItem() {
         return this.pdfViewer.currentPageNumber !== 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbListComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfThumbListComponent, isStandalone: true, selector: "adf-pdf-thumbnails", inputs: { pdfViewer: "pdfViewer" }, outputs: { close: "close" }, host: { listeners: { "keydown": "onKeydown($event)", "window:resize": "onResize()" }, classAttribute: "adf-pdf-thumbnails" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "thumbsList", predicate: PdfThumbComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-pdf-thumbnails__content\"\n     data-automation-id='adf-thumbnails-content'\n     [style.height.px]=\"virtualHeight\"\n     [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n    <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n                   class=\"adf-pdf-thumbnails__thumb\"\n                   [id]=\"page.id\"\n                   [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n                   [page]=\"page\"\n                   (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--theme-background-color);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:0 0 5px 0 var(--adf-theme-foreground-text-color-087)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--theme-accent-color-a200)}\n"], dependencies: [{ kind: "component", type: PdfThumbComponent, selector: "adf-pdf-thumb", inputs: ["page"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PdfThumbListComponent, isStandalone: true, selector: "adf-pdf-thumbnails", inputs: { pdfViewer: "pdfViewer" }, outputs: { close: "close" }, host: { listeners: { "keydown": "onKeydown($event)", "window:resize": "onResize()" }, classAttribute: "adf-pdf-thumbnails" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "thumbsList", predicate: PdfThumbComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-pdf-thumbnails__content\"\n     data-automation-id='adf-thumbnails-content'\n     [style.height.px]=\"virtualHeight\"\n     [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n     @for (page of renderItems; track page.id) {\n        <adf-pdf-thumb\n            class=\"adf-pdf-thumbnails__thumb\"\n            [id]=\"page.id\"\n            [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n            [page]=\"page\"\n            (click)=\"goTo(page.id)\" />\n    }\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--theme-background-color);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:0 0 5px 0 var(--adf-theme-foreground-text-color-087)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--theme-accent-color-a200)}\n"], dependencies: [{ kind: "component", type: PdfThumbComponent, selector: "adf-pdf-thumb", inputs: ["page"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'adf-pdf-thumbnails', host: { class: 'adf-pdf-thumbnails' }, imports: [PdfThumbComponent, NgClass, NgForOf], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-thumbnails__content\"\n     data-automation-id='adf-thumbnails-content'\n     [style.height.px]=\"virtualHeight\"\n     [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n    <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n                   class=\"adf-pdf-thumbnails__thumb\"\n                   [id]=\"page.id\"\n                   [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n                   [page]=\"page\"\n                   (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--theme-background-color);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:0 0 5px 0 var(--adf-theme-foreground-text-color-087)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--theme-accent-color-a200)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }], propDecorators: { pdfViewer: [{
+            args: [{ selector: 'adf-pdf-thumbnails', host: { class: 'adf-pdf-thumbnails' }, imports: [PdfThumbComponent, NgClass], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-thumbnails__content\"\n     data-automation-id='adf-thumbnails-content'\n     [style.height.px]=\"virtualHeight\"\n     [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n     @for (page of renderItems; track page.id) {\n        <adf-pdf-thumb\n            class=\"adf-pdf-thumbnails__thumb\"\n            [id]=\"page.id\"\n            [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n            [page]=\"page\"\n            (click)=\"goTo(page.id)\" />\n    }\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--theme-background-color);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:0 0 5px 0 var(--adf-theme-foreground-text-color-087)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--theme-accent-color-a200)}\n"] }]
+        }], propDecorators: { pdfViewer: [{
                 type: Input,
                 args: [{ required: true }]
             }], close: [{