ngx-extended-pdf-viewer
Version:
Embedding PDF files in your Angular application. Highly configurable viewer including the toolbar, sidebar, and all the features you're used to.
33 lines • 7.45 kB
JavaScript
import { Component, Input, effect } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../pdf-notification-service";
import * as i2 from "../pdf-shy-button/pdf-shy-button.component";
import * as i3 from "../../responsive-visibility";
export class PdfMoveUpComponent {
notificationService;
showMoveUpButton = true;
PDFViewerApplication;
constructor(notificationService) {
this.notificationService = notificationService;
effect(() => {
this.PDFViewerApplication = notificationService.onPDFJSInitSignal();
});
}
movePageUp = () => {
if (this.PDFViewerApplication) {
const currentPage = this.PDFViewerApplication.page;
this.PDFViewerApplication.eventBus.dispatch('movePageUp', {
source: { pageNumber: currentPage }
});
}
};
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfMoveUpComponent, deps: [{ token: i1.PDFNotificationService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PdfMoveUpComponent, selector: "pdf-move-up", inputs: { showMoveUpButton: "showMoveUpButton" }, ngImport: i0, template: "<pdf-shy-button\n primaryToolbarId=\"primaryMoveUpButton\"\n secondaryMenuId=\"secondaryMoveUpButton\"\n [cssClass]=\"showMoveUpButton | responsiveCSSClass: 'hiddenSmallView'\"\n title=\"Move Page Up\"\n l10nLabel=\"pdfjs-editor-movePageUp-button-label\"\n [action]=\"movePageUp\"\n image=\"<svg viewBox='0 0 24 24' height='20px' width='24px' aria-hidden='true'><path d='M12 1L8 5h8l-4-4z' fill='currentColor'></path><path d='M14 7l6 6v7a2 2 0 0 1-2 2v-3H6v3a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2h8m4 12v-5h-5v-5H6v10h12z' fill='currentColor'></path><path d='M6 21h12' stroke-dasharray='3,2' stroke-width='2' stroke='currentColor' fill='none'></path></svg>\"\n [order]=\"460\"\n>\n</pdf-shy-button>\n", styles: [":host{margin-top:0}:host:focus{outline:none}button:focus{outline:none}svg:focus{outline:none}button{padding:0}\n"], dependencies: [{ kind: "component", type: i2.PdfShyButtonComponent, selector: "pdf-shy-button", inputs: ["primaryToolbarId", "secondaryMenuId", "cssClass", "eventBusName", "l10nId", "l10nLabel", "title", "toggled", "disabled", "order", "action", "closeOnClick", "onlySecondaryMenu", "image"] }, { kind: "pipe", type: i3.ResponsiveCSSClassPipe, name: "responsiveCSSClass" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfMoveUpComponent, decorators: [{
type: Component,
args: [{ selector: 'pdf-move-up', template: "<pdf-shy-button\n primaryToolbarId=\"primaryMoveUpButton\"\n secondaryMenuId=\"secondaryMoveUpButton\"\n [cssClass]=\"showMoveUpButton | responsiveCSSClass: 'hiddenSmallView'\"\n title=\"Move Page Up\"\n l10nLabel=\"pdfjs-editor-movePageUp-button-label\"\n [action]=\"movePageUp\"\n image=\"<svg viewBox='0 0 24 24' height='20px' width='24px' aria-hidden='true'><path d='M12 1L8 5h8l-4-4z' fill='currentColor'></path><path d='M14 7l6 6v7a2 2 0 0 1-2 2v-3H6v3a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2h8m4 12v-5h-5v-5H6v10h12z' fill='currentColor'></path><path d='M6 21h12' stroke-dasharray='3,2' stroke-width='2' stroke='currentColor' fill='none'></path></svg>\"\n [order]=\"460\"\n>\n</pdf-shy-button>\n", styles: [":host{margin-top:0}:host:focus{outline:none}button:focus{outline:none}svg:focus{outline:none}button{padding:0}\n"] }]
}], ctorParameters: () => [{ type: i1.PDFNotificationService }], propDecorators: { showMoveUpButton: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLW1vdmUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWV4dGVuZGVkLXBkZi12aWV3ZXIvc3JjL2xpYi90b29sYmFyL3BkZi1tb3ZlLXVwL3BkZi1tb3ZlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtbW92ZS11cC9wZGYtbW92ZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVXpELE1BQU0sT0FBTyxrQkFBa0I7SUFNVDtJQUpiLGdCQUFnQixHQUF5QixJQUFJLENBQUM7SUFFN0Msb0JBQW9CLENBQW9DO0lBRWhFLFlBQW9CLG1CQUEyQztRQUEzQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXdCO1FBQzdELE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsb0JBQW9CLEdBQUcsbUJBQW1CLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN0RSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxVQUFVLEdBQUcsR0FBRyxFQUFFO1FBQ3ZCLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUFFO1lBQzdCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUM7WUFDbkQsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFO2dCQUN4RCxNQUFNLEVBQUUsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFO2FBQ3BDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQyxDQUFDO3dHQW5CUyxrQkFBa0I7NEZBQWxCLGtCQUFrQixxR0NWL0IsZ3NCQVdBOzs0RkREYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsYUFBYTsyRkFNaEIsZ0JBQWdCO3NCQUR0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZWZmZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXNwb25zaXZlVmlzaWJpbGl0eSB9IGZyb20gJy4uLy4uL3Jlc3BvbnNpdmUtdmlzaWJpbGl0eSc7XG5pbXBvcnQgeyBJUERGVmlld2VyQXBwbGljYXRpb24gfSBmcm9tICcuLi8uLi9vcHRpb25zL3BkZi12aWV3ZXItYXBwbGljYXRpb24nO1xuaW1wb3J0IHsgUERGTm90aWZpY2F0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uL3BkZi1ub3RpZmljYXRpb24tc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkZi1tb3ZlLXVwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BkZi1tb3ZlLXVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGRmLW1vdmUtdXAuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZGZNb3ZlVXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd01vdmVVcEJ1dHRvbjogUmVzcG9uc2l2ZVZpc2liaWxpdHkgPSB0cnVlO1xuXG4gIHByaXZhdGUgUERGVmlld2VyQXBwbGljYXRpb246IElQREZWaWV3ZXJBcHBsaWNhdGlvbiB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG5vdGlmaWNhdGlvblNlcnZpY2U6IFBERk5vdGlmaWNhdGlvblNlcnZpY2UpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgdGhpcy5QREZWaWV3ZXJBcHBsaWNhdGlvbiA9IG5vdGlmaWNhdGlvblNlcnZpY2Uub25QREZKU0luaXRTaWduYWwoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBtb3ZlUGFnZVVwID0gKCkgPT4ge1xuICAgIGlmICh0aGlzLlBERlZpZXdlckFwcGxpY2F0aW9uKSB7XG4gICAgICBjb25zdCBjdXJyZW50UGFnZSA9IHRoaXMuUERGVmlld2VyQXBwbGljYXRpb24ucGFnZTtcbiAgICAgIHRoaXMuUERGVmlld2VyQXBwbGljYXRpb24uZXZlbnRCdXMuZGlzcGF0Y2goJ21vdmVQYWdlVXAnLCB7XG4gICAgICAgIHNvdXJjZTogeyBwYWdlTnVtYmVyOiBjdXJyZW50UGFnZSB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG59XG4iLCI8cGRmLXNoeS1idXR0b25cbiAgcHJpbWFyeVRvb2xiYXJJZD1cInByaW1hcnlNb3ZlVXBCdXR0b25cIlxuICBzZWNvbmRhcnlNZW51SWQ9XCJzZWNvbmRhcnlNb3ZlVXBCdXR0b25cIlxuICBbY3NzQ2xhc3NdPVwic2hvd01vdmVVcEJ1dHRvbiB8IHJlc3BvbnNpdmVDU1NDbGFzczogJ2hpZGRlblNtYWxsVmlldydcIlxuICB0aXRsZT1cIk1vdmUgUGFnZSBVcFwiXG4gIGwxMG5MYWJlbD1cInBkZmpzLWVkaXRvci1tb3ZlUGFnZVVwLWJ1dHRvbi1sYWJlbFwiXG4gIFthY3Rpb25dPVwibW92ZVBhZ2VVcFwiXG4gIGltYWdlPVwiPHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGhlaWdodD0nMjBweCcgd2lkdGg9JzI0cHgnIGFyaWEtaGlkZGVuPSd0cnVlJz48cGF0aCBkPSdNMTIgMUw4IDVoOGwtNC00eicgZmlsbD0nY3VycmVudENvbG9yJz48L3BhdGg+PHBhdGggZD0nTTE0IDdsNiA2djdhMiAyIDAgMCAxLTIgMnYtM0g2djNhMiAyIDAgMCAxLTItMnYtMTFhMiAyIDAgMCAxIDItMmg4bTQgMTJ2LTVoLTV2LTVINnYxMGgxMnonIGZpbGw9J2N1cnJlbnRDb2xvcic+PC9wYXRoPjxwYXRoIGQ9J002IDIxaDEyJyBzdHJva2UtZGFzaGFycmF5PSczLDInIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdjdXJyZW50Q29sb3InIGZpbGw9J25vbmUnPjwvcGF0aD48L3N2Zz5cIlxuICBbb3JkZXJdPVwiNDYwXCJcbj5cbjwvcGRmLXNoeS1idXR0b24+XG4iXX0=