ngx-extended-pdf-viewer/esm2022/lib/toolbar/pdf-move-down/pdf-move-down.component.mjs

Embedding PDF files in your Angular application. Highly configurable viewer including the toolbar, sidebar, and all the features you're used to.

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 PdfMoveDownComponent {
    notificationService;
    showMoveDownButton = true;
    PDFViewerApplication;
    constructor(notificationService) {
        this.notificationService = notificationService;
        effect(() => {
            this.PDFViewerApplication = notificationService.onPDFJSInitSignal();
        });
    }
    movePageDown = () => {
        if (this.PDFViewerApplication) {
            const currentPage = this.PDFViewerApplication.page;
            this.PDFViewerApplication.eventBus.dispatch('movePageDown', {
                source: { pageNumber: currentPage }
            });
        }
    };
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfMoveDownComponent, deps: [{ token: i1.PDFNotificationService }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PdfMoveDownComponent, selector: "pdf-move-down", inputs: { showMoveDownButton: "showMoveDownButton" }, ngImport: i0, template: "<pdf-shy-button\n  primaryToolbarId=\"primaryMoveDownButton\"\n  secondaryMenuId=\"secondaryMoveDownButton\"\n  [cssClass]=\"showMoveDownButton | responsiveCSSClass: 'hiddenSmallView'\"\n  title=\"Move Page Down\"\n  l10nLabel=\"pdfjs-editor-movePageDown-button-label\"\n  [action]=\"movePageDown\"\n  image=\"<svg viewBox='0 0 24 24' height='20px' width='24px' aria-hidden='true'><path d='M14 2l6 6v7a2 2 0 0 1-2 2v-3H6v3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8m4 12v-5h-5v-5H6v10h12z' fill='currentColor'></path><path d='M6 16h12' stroke-dasharray='3,2' stroke-width='2' stroke='currentColor' fill='none'></path><path d='M12 23l-4-4h8l-4 4z' fill='currentColor'></path></svg>\"\n  [order]=\"450\"\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: PdfMoveDownComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pdf-move-down', template: "<pdf-shy-button\n  primaryToolbarId=\"primaryMoveDownButton\"\n  secondaryMenuId=\"secondaryMoveDownButton\"\n  [cssClass]=\"showMoveDownButton | responsiveCSSClass: 'hiddenSmallView'\"\n  title=\"Move Page Down\"\n  l10nLabel=\"pdfjs-editor-movePageDown-button-label\"\n  [action]=\"movePageDown\"\n  image=\"<svg viewBox='0 0 24 24' height='20px' width='24px' aria-hidden='true'><path d='M14 2l6 6v7a2 2 0 0 1-2 2v-3H6v3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8m4 12v-5h-5v-5H6v10h12z' fill='currentColor'></path><path d='M6 16h12' stroke-dasharray='3,2' stroke-width='2' stroke='currentColor' fill='none'></path><path d='M12 23l-4-4h8l-4 4z' fill='currentColor'></path></svg>\"\n  [order]=\"450\"\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: { showMoveDownButton: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLW1vdmUtZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZXh0ZW5kZWQtcGRmLXZpZXdlci9zcmMvbGliL3Rvb2xiYXIvcGRmLW1vdmUtZG93bi9wZGYtbW92ZS1kb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtbW92ZS1kb3duL3BkZi1tb3ZlLWRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVV6RCxNQUFNLE9BQU8sb0JBQW9CO0lBTVg7SUFKYixrQkFBa0IsR0FBeUIsSUFBSSxDQUFDO0lBRS9DLG9CQUFvQixDQUFvQztJQUVoRSxZQUFvQixtQkFBMkM7UUFBM0Msd0JBQW1CLEdBQW5CLG1CQUFtQixDQUF3QjtRQUM3RCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLG9CQUFvQixHQUFHLG1CQUFtQixDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sWUFBWSxHQUFHLEdBQUcsRUFBRTtRQUN6QixJQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtZQUM3QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDO1lBQ25ELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGNBQWMsRUFBRTtnQkFDMUQsTUFBTSxFQUFFLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRTthQUNwQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUMsQ0FBQzt3R0FuQlMsb0JBQW9COzRGQUFwQixvQkFBb0IsMkdDVmpDLDRzQkFXQTs7NEZERGEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGVBQWU7MkZBTWxCLGtCQUFrQjtzQkFEeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGVmZmVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzcG9uc2l2ZVZpc2liaWxpdHkgfSBmcm9tICcuLi8uLi9yZXNwb25zaXZlLXZpc2liaWxpdHknO1xuaW1wb3J0IHsgSVBERlZpZXdlckFwcGxpY2F0aW9uIH0gZnJvbSAnLi4vLi4vb3B0aW9ucy9wZGYtdmlld2VyLWFwcGxpY2F0aW9uJztcbmltcG9ydCB7IFBERk5vdGlmaWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9wZGYtbm90aWZpY2F0aW9uLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZGYtbW92ZS1kb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BkZi1tb3ZlLWRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wZGYtbW92ZS1kb3duLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGRmTW92ZURvd25Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd01vdmVEb3duQnV0dG9uOiBSZXNwb25zaXZlVmlzaWJpbGl0eSA9IHRydWU7XG5cbiAgcHJpdmF0ZSBQREZWaWV3ZXJBcHBsaWNhdGlvbjogSVBERlZpZXdlckFwcGxpY2F0aW9uIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbm90aWZpY2F0aW9uU2VydmljZTogUERGTm90aWZpY2F0aW9uU2VydmljZSkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLlBERlZpZXdlckFwcGxpY2F0aW9uID0gbm90aWZpY2F0aW9uU2VydmljZS5vblBERkpTSW5pdFNpZ25hbCgpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG1vdmVQYWdlRG93biA9ICgpID0+IHtcbiAgICBpZiAodGhpcy5QREZWaWV3ZXJBcHBsaWNhdGlvbikge1xuICAgICAgY29uc3QgY3VycmVudFBhZ2UgPSB0aGlzLlBERlZpZXdlckFwcGxpY2F0aW9uLnBhZ2U7XG4gICAgICB0aGlzLlBERlZpZXdlckFwcGxpY2F0aW9uLmV2ZW50QnVzLmRpc3BhdGNoKCdtb3ZlUGFnZURvd24nLCB7XG4gICAgICAgIHNvdXJjZTogeyBwYWdlTnVtYmVyOiBjdXJyZW50UGFnZSB9XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG59XG4iLCI8cGRmLXNoeS1idXR0b25cbiAgcHJpbWFyeVRvb2xiYXJJZD1cInByaW1hcnlNb3ZlRG93bkJ1dHRvblwiXG4gIHNlY29uZGFyeU1lbnVJZD1cInNlY29uZGFyeU1vdmVEb3duQnV0dG9uXCJcbiAgW2Nzc0NsYXNzXT1cInNob3dNb3ZlRG93bkJ1dHRvbiB8IHJlc3BvbnNpdmVDU1NDbGFzczogJ2hpZGRlblNtYWxsVmlldydcIlxuICB0aXRsZT1cIk1vdmUgUGFnZSBEb3duXCJcbiAgbDEwbkxhYmVsPVwicGRmanMtZWRpdG9yLW1vdmVQYWdlRG93bi1idXR0b24tbGFiZWxcIlxuICBbYWN0aW9uXT1cIm1vdmVQYWdlRG93blwiXG4gIGltYWdlPVwiPHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIGhlaWdodD0nMjBweCcgd2lkdGg9JzI0cHgnIGFyaWEtaGlkZGVuPSd0cnVlJz48cGF0aCBkPSdNMTQgMmw2IDZ2N2EyIDIgMCAwIDEtMiAydi0zSDZ2M2EyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMmg4bTQgMTJ2LTVoLTV2LTVINnYxMGgxMnonIGZpbGw9J2N1cnJlbnRDb2xvcic+PC9wYXRoPjxwYXRoIGQ9J002IDE2aDEyJyBzdHJva2UtZGFzaGFycmF5PSczLDInIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdjdXJyZW50Q29sb3InIGZpbGw9J25vbmUnPjwvcGF0aD48cGF0aCBkPSdNMTIgMjNsLTQtNGg4bC00IDR6JyBmaWxsPSdjdXJyZW50Q29sb3InPjwvcGF0aD48L3N2Zz5cIlxuICBbb3JkZXJdPVwiNDUwXCJcbj5cbjwvcGRmLXNoeS1idXR0b24+XG4iXX0=