ngx-extended-pdf-viewer/esm2022/lib/toolbar/pdf-paging-area/pdf-paging-area.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 } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "./pdf-first-page/pdf-first-page.component";
import * as i2 from "./pdf-last-page/pdf-last-page.component";
import * as i3 from "./pdf-next-page/pdf-next-page.component";
import * as i4 from "./pdf-page-number/pdf-page-number.component";
import * as i5 from "./pdf-previous-page/pdf-previous-page.component";
import * as i6 from "../../responsive-visibility";
export class PdfPagingAreaComponent {
    showPagingButtons = true;
    showFirstAndLastPageButtons = true;
    showPreviousAndNextPageButtons = true;
    showPageNumber = true;
    showPageLabel = true;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfPagingAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PdfPagingAreaComponent, selector: "pdf-paging-area", inputs: { showPagingButtons: "showPagingButtons", showFirstAndLastPageButtons: "showFirstAndLastPageButtons", showPreviousAndNextPageButtons: "showPreviousAndNextPageButtons", showPageNumber: "showPageNumber", showPageLabel: "showPageLabel" }, ngImport: i0, template: "<div [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\" class=\"paging-left\">\n  <pdf-first-page class=\"margin-right-correct\" [show]=\"showFirstAndLastPageButtons\"></pdf-first-page>\n  <pdf-previous-page class=\"margin-left-correct\" [show]=\"showPreviousAndNextPageButtons\"></pdf-previous-page>\n</div>\n<pdf-page-number\n  [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\"\n  [showPageNumber]=\"showPageNumber\"\n  [showPageLabel]=\"showPageLabel\"\n></pdf-page-number>\n<div [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\" class=\"paging-right\">\n  <pdf-next-page class=\"margin-right-correct margin-left-correct\" [show]=\"showPreviousAndNextPageButtons\"></pdf-next-page>\n  <pdf-last-page class=\"margin-left-correct\" [show]=\"showFirstAndLastPageButtons\"></pdf-last-page>\n</div>\n", styles: [".paging-right{float:right;display:block}.paging-left{float:left;display:block}.margin-left-correct{margin-left:-3px}.margin-right-correct{margin-right:-3px}\n"], dependencies: [{ kind: "component", type: i1.PdfFirstPageComponent, selector: "pdf-first-page", inputs: ["show"] }, { kind: "component", type: i2.PdfLastPageComponent, selector: "pdf-last-page", inputs: ["show"] }, { kind: "component", type: i3.PdfNextPageComponent, selector: "pdf-next-page", inputs: ["show"] }, { kind: "component", type: i4.PdfPageNumberComponent, selector: "pdf-page-number", inputs: ["showPageNumber", "showPageLabel"] }, { kind: "component", type: i5.PdfPreviousPageComponent, selector: "pdf-previous-page", inputs: ["show"] }, { kind: "pipe", type: i6.ResponsiveCSSClassPipe, name: "responsiveCSSClass" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfPagingAreaComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pdf-paging-area', template: "<div [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\" class=\"paging-left\">\n  <pdf-first-page class=\"margin-right-correct\" [show]=\"showFirstAndLastPageButtons\"></pdf-first-page>\n  <pdf-previous-page class=\"margin-left-correct\" [show]=\"showPreviousAndNextPageButtons\"></pdf-previous-page>\n</div>\n<pdf-page-number\n  [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\"\n  [showPageNumber]=\"showPageNumber\"\n  [showPageLabel]=\"showPageLabel\"\n></pdf-page-number>\n<div [class]=\"showPagingButtons | responsiveCSSClass : 'hiddenXXSView'\" class=\"paging-right\">\n  <pdf-next-page class=\"margin-right-correct margin-left-correct\" [show]=\"showPreviousAndNextPageButtons\"></pdf-next-page>\n  <pdf-last-page class=\"margin-left-correct\" [show]=\"showFirstAndLastPageButtons\"></pdf-last-page>\n</div>\n", styles: [".paging-right{float:right;display:block}.paging-left{float:left;display:block}.margin-left-correct{margin-left:-3px}.margin-right-correct{margin-right:-3px}\n"] }]
        }], propDecorators: { showPagingButtons: [{
                type: Input
            }], showFirstAndLastPageButtons: [{
                type: Input
            }], showPreviousAndNextPageButtons: [{
                type: Input
            }], showPageNumber: [{
                type: Input
            }], showPageLabel: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLXBhZ2luZy1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtcGFnaW5nLWFyZWEvcGRmLXBhZ2luZy1hcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtcGFnaW5nLWFyZWEvcGRmLXBhZ2luZy1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVFqRCxNQUFNLE9BQU8sc0JBQXNCO0lBRTFCLGlCQUFpQixHQUF5QixJQUFJLENBQUM7SUFHL0MsMkJBQTJCLEdBQXlCLElBQUksQ0FBQztJQUd6RCw4QkFBOEIsR0FBeUIsSUFBSSxDQUFDO0lBRzVELGNBQWMsR0FBeUIsSUFBSSxDQUFDO0lBRzVDLGFBQWEsR0FBeUIsSUFBSSxDQUFDO3dHQWR2QyxzQkFBc0I7NEZBQXRCLHNCQUFzQiwyU0NSbkMsdzFCQWFBOzs0RkRMYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQU1wQixpQkFBaUI7c0JBRHZCLEtBQUs7Z0JBSUMsMkJBQTJCO3NCQURqQyxLQUFLO2dCQUlDLDhCQUE4QjtzQkFEcEMsS0FBSztnQkFJQyxjQUFjO3NCQURwQixLQUFLO2dCQUlDLGFBQWE7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXNwb25zaXZlVmlzaWJpbGl0eSB9IGZyb20gJy4uLy4uL3Jlc3BvbnNpdmUtdmlzaWJpbGl0eSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkZi1wYWdpbmctYXJlYScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wZGYtcGFnaW5nLWFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wZGYtcGFnaW5nLWFyZWEuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZGZQYWdpbmdBcmVhQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNob3dQYWdpbmdCdXR0b25zOiBSZXNwb25zaXZlVmlzaWJpbGl0eSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNob3dGaXJzdEFuZExhc3RQYWdlQnV0dG9uczogUmVzcG9uc2l2ZVZpc2liaWxpdHkgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaG93UHJldmlvdXNBbmROZXh0UGFnZUJ1dHRvbnM6IFJlc3BvbnNpdmVWaXNpYmlsaXR5ID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd1BhZ2VOdW1iZXI6IFJlc3BvbnNpdmVWaXNpYmlsaXR5ID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd1BhZ2VMYWJlbDogUmVzcG9uc2l2ZVZpc2liaWxpdHkgPSB0cnVlO1xufVxuIiwiPGRpdiBbY2xhc3NdPVwic2hvd1BhZ2luZ0J1dHRvbnMgfCByZXNwb25zaXZlQ1NTQ2xhc3MgOiAnaGlkZGVuWFhTVmlldydcIiBjbGFzcz1cInBhZ2luZy1sZWZ0XCI+XG4gIDxwZGYtZmlyc3QtcGFnZSBjbGFzcz1cIm1hcmdpbi1yaWdodC1jb3JyZWN0XCIgW3Nob3ddPVwic2hvd0ZpcnN0QW5kTGFzdFBhZ2VCdXR0b25zXCI+PC9wZGYtZmlyc3QtcGFnZT5cbiAgPHBkZi1wcmV2aW91cy1wYWdlIGNsYXNzPVwibWFyZ2luLWxlZnQtY29ycmVjdFwiIFtzaG93XT1cInNob3dQcmV2aW91c0FuZE5leHRQYWdlQnV0dG9uc1wiPjwvcGRmLXByZXZpb3VzLXBhZ2U+XG48L2Rpdj5cbjxwZGYtcGFnZS1udW1iZXJcbiAgW2NsYXNzXT1cInNob3dQYWdpbmdCdXR0b25zIHwgcmVzcG9uc2l2ZUNTU0NsYXNzIDogJ2hpZGRlblhYU1ZpZXcnXCJcbiAgW3Nob3dQYWdlTnVtYmVyXT1cInNob3dQYWdlTnVtYmVyXCJcbiAgW3Nob3dQYWdlTGFiZWxdPVwic2hvd1BhZ2VMYWJlbFwiXG4+PC9wZGYtcGFnZS1udW1iZXI+XG48ZGl2IFtjbGFzc109XCJzaG93UGFnaW5nQnV0dG9ucyB8IHJlc3BvbnNpdmVDU1NDbGFzcyA6ICdoaWRkZW5YWFNWaWV3J1wiIGNsYXNzPVwicGFnaW5nLXJpZ2h0XCI+XG4gIDxwZGYtbmV4dC1wYWdlIGNsYXNzPVwibWFyZ2luLXJpZ2h0LWNvcnJlY3QgbWFyZ2luLWxlZnQtY29ycmVjdFwiIFtzaG93XT1cInNob3dQcmV2aW91c0FuZE5leHRQYWdlQnV0dG9uc1wiPjwvcGRmLW5leHQtcGFnZT5cbiAgPHBkZi1sYXN0LXBhZ2UgY2xhc3M9XCJtYXJnaW4tbGVmdC1jb3JyZWN0XCIgW3Nob3ddPVwic2hvd0ZpcnN0QW5kTGFzdFBhZ2VCdXR0b25zXCI+PC9wZGYtbGFzdC1wYWdlPlxuPC9kaXY+XG4iXX0=