ngx-extended-pdf-viewer/esm2022/lib/toolbar/pdf-zoom-toolbar/pdf-zoom-toolbar.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-zoom-dropdown/pdf-zoom-dropdown.component";
import * as i2 from "./pdf-zoom-in/pdf-zoom-in.component";
import * as i3 from "./pdf-zoom-out/pdf-zoom-out.component";
import * as i4 from "../../responsive-visibility";
export class PdfZoomToolbarComponent {
    showZoomButtons = true;
    zoomLevels = ['auto', 'page-actual', 'page-fit', 'page-width', 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
    showZoomDropdown = true;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfZoomToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PdfZoomToolbarComponent, selector: "pdf-zoom-toolbar", inputs: { showZoomButtons: "showZoomButtons", zoomLevels: "zoomLevels", showZoomDropdown: "showZoomDropdown" }, ngImport: i0, template: "<div id=\"toolbarViewerMiddle\" [class]=\"showZoomButtons | responsiveCSSClass : 'always-visible'\">\n  <pdf-zoom-out [showZoomButtons]=\"showZoomButtons\"></pdf-zoom-out>\n  <pdf-zoom-in [showZoomButtons]=\"showZoomButtons\"></pdf-zoom-in>\n  <pdf-zoom-dropdown class=\"reset-width-padding\" [zoomLevels]=\"zoomLevels\" [showZoomDropdown]=\"showZoomDropdown\"> </pdf-zoom-dropdown>\n</div>\n", styles: [".reset-width-padding{width:unset;max-width:unset;padding-top:3px}\n"], dependencies: [{ kind: "component", type: i1.PdfZoomDropdownComponent, selector: "pdf-zoom-dropdown", inputs: ["showZoomDropdown", "zoomLevels"] }, { kind: "component", type: i2.PdfZoomInComponent, selector: "pdf-zoom-in", inputs: ["showZoomButtons"] }, { kind: "component", type: i3.PdfZoomOutComponent, selector: "pdf-zoom-out", inputs: ["showZoomButtons"] }, { kind: "pipe", type: i4.ResponsiveCSSClassPipe, name: "responsiveCSSClass" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PdfZoomToolbarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pdf-zoom-toolbar', template: "<div id=\"toolbarViewerMiddle\" [class]=\"showZoomButtons | responsiveCSSClass : 'always-visible'\">\n  <pdf-zoom-out [showZoomButtons]=\"showZoomButtons\"></pdf-zoom-out>\n  <pdf-zoom-in [showZoomButtons]=\"showZoomButtons\"></pdf-zoom-in>\n  <pdf-zoom-dropdown class=\"reset-width-padding\" [zoomLevels]=\"zoomLevels\" [showZoomDropdown]=\"showZoomDropdown\"> </pdf-zoom-dropdown>\n</div>\n", styles: [".reset-width-padding{width:unset;max-width:unset;padding-top:3px}\n"] }]
        }], propDecorators: { showZoomButtons: [{
                type: Input
            }], zoomLevels: [{
                type: Input
            }], showZoomDropdown: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLXpvb20tdG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZXh0ZW5kZWQtcGRmLXZpZXdlci9zcmMvbGliL3Rvb2xiYXIvcGRmLXpvb20tdG9vbGJhci9wZGYtem9vbS10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtem9vbS10b29sYmFyL3BkZi16b29tLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFqRCxNQUFNLE9BQU8sdUJBQXVCO0lBRTNCLGVBQWUsR0FBeUIsSUFBSSxDQUFDO0lBRzdDLFVBQVUsR0FBRyxDQUFDLE1BQU0sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFHakcsZ0JBQWdCLEdBQXlCLElBQUksQ0FBQzt3R0FSMUMsdUJBQXVCOzRGQUF2Qix1QkFBdUIsd0tDUnBDLDBZQUtBOzs0RkRHYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQU1yQixlQUFlO3NCQURyQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBSUMsZ0JBQWdCO3NCQUR0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzcG9uc2l2ZVZpc2liaWxpdHkgfSBmcm9tICcuLi8uLi9yZXNwb25zaXZlLXZpc2liaWxpdHknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwZGYtem9vbS10b29sYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BkZi16b29tLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wZGYtem9vbS10b29sYmFyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGRmWm9vbVRvb2xiYXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd1pvb21CdXR0b25zOiBSZXNwb25zaXZlVmlzaWJpbGl0eSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHpvb21MZXZlbHMgPSBbJ2F1dG8nLCAncGFnZS1hY3R1YWwnLCAncGFnZS1maXQnLCAncGFnZS13aWR0aCcsIDAuNSwgMC43NSwgMSwgMS4yNSwgMS41LCAyLCAzLCA0XTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd1pvb21Ecm9wZG93bjogUmVzcG9uc2l2ZVZpc2liaWxpdHkgPSB0cnVlO1xufVxuIiwiPGRpdiBpZD1cInRvb2xiYXJWaWV3ZXJNaWRkbGVcIiBbY2xhc3NdPVwic2hvd1pvb21CdXR0b25zIHwgcmVzcG9uc2l2ZUNTU0NsYXNzIDogJ2Fsd2F5cy12aXNpYmxlJ1wiPlxuICA8cGRmLXpvb20tb3V0IFtzaG93Wm9vbUJ1dHRvbnNdPVwic2hvd1pvb21CdXR0b25zXCI+PC9wZGYtem9vbS1vdXQ+XG4gIDxwZGYtem9vbS1pbiBbc2hvd1pvb21CdXR0b25zXT1cInNob3dab29tQnV0dG9uc1wiPjwvcGRmLXpvb20taW4+XG4gIDxwZGYtem9vbS1kcm9wZG93biBjbGFzcz1cInJlc2V0LXdpZHRoLXBhZGRpbmdcIiBbem9vbUxldmVsc109XCJ6b29tTGV2ZWxzXCIgW3Nob3dab29tRHJvcGRvd25dPVwic2hvd1pvb21Ecm9wZG93blwiPiA8L3BkZi16b29tLWRyb3Bkb3duPlxuPC9kaXY+XG4iXX0=