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.
24 lines • 5.79 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../ngx-extended-pdf-viewer.service";
import * as i2 from "../../responsive-visibility";
export class PdfToggleSecondaryToolbarComponent {
service;
showSecondaryToolbarButton = true;
constructor(service) {
this.service = service;
}
onClick(event) {
event.preventDefault();
return false;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: PdfToggleSecondaryToolbarComponent, deps: [{ token: i1.NgxExtendedPdfViewerService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: PdfToggleSecondaryToolbarComponent, selector: "pdf-toggle-secondary-toolbar", inputs: { showSecondaryToolbarButton: "showSecondaryToolbarButton" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"showSecondaryToolbarButton | responsiveCSSClass : 'always-visible'\"\n id=\"secondaryToolbarToggle\"\n class=\"toolbarButton\"\n title=\"Tools\"\n data-l10n-id=\"pdfjs-tools-button\"\n aria-label=\"Tools\"\n [class.hidden]=\"service.secondaryMenuIsEmpty\"\n>\n <svg role=\"img\" aria-label=\"Tools\" style=\"width: 27px; height: 27px\" viewBox=\"0 0 24 24\" (click)=\"onClick($event)\">\n <path fill=\"currentColor\" d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" />\n </svg>\n <span data-l10n-id=\"pdfjs-tools-button-label\">Tools</span>\n</button>\n", styles: ["button>svg{margin-top:-3px}:host:focus{outline:none}button:focus{outline:none}svg:focus{outline:none}button{padding:0}\n"], dependencies: [{ kind: "pipe", type: i2.ResponsiveCSSClassPipe, name: "responsiveCSSClass" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: PdfToggleSecondaryToolbarComponent, decorators: [{
type: Component,
args: [{ selector: 'pdf-toggle-secondary-toolbar', template: "<button\n type=\"button\"\n [class]=\"showSecondaryToolbarButton | responsiveCSSClass : 'always-visible'\"\n id=\"secondaryToolbarToggle\"\n class=\"toolbarButton\"\n title=\"Tools\"\n data-l10n-id=\"pdfjs-tools-button\"\n aria-label=\"Tools\"\n [class.hidden]=\"service.secondaryMenuIsEmpty\"\n>\n <svg role=\"img\" aria-label=\"Tools\" style=\"width: 27px; height: 27px\" viewBox=\"0 0 24 24\" (click)=\"onClick($event)\">\n <path fill=\"currentColor\" d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" />\n </svg>\n <span data-l10n-id=\"pdfjs-tools-button-label\">Tools</span>\n</button>\n", styles: ["button>svg{margin-top:-3px}:host:focus{outline:none}button:focus{outline:none}svg:focus{outline:none}button{padding:0}\n"] }]
}], ctorParameters: () => [{ type: i1.NgxExtendedPdfViewerService }], propDecorators: { showSecondaryToolbarButton: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLXRvZ2dsZS1zZWNvbmRhcnktdG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZXh0ZW5kZWQtcGRmLXZpZXdlci9zcmMvbGliL3Rvb2xiYXIvcGRmLXRvZ2dsZS1zZWNvbmRhcnktdG9vbGJhci9wZGYtdG9nZ2xlLXNlY29uZGFyeS10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtdG9nZ2xlLXNlY29uZGFyeS10b29sYmFyL3BkZi10b2dnbGUtc2Vjb25kYXJ5LXRvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakQsTUFBTSxPQUFPLGtDQUFrQztJQUkxQjtJQUZaLDBCQUEwQixHQUF5QixJQUFJLENBQUM7SUFFL0QsWUFBbUIsT0FBb0M7UUFBcEMsWUFBTyxHQUFQLE9BQU8sQ0FBNkI7SUFBRyxDQUFDO0lBRXBELE9BQU8sQ0FBQyxLQUFZO1FBQ3pCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7dUdBVFUsa0NBQWtDOzJGQUFsQyxrQ0FBa0MsMElDVC9DLG1tQkFlQTs7MkZETmEsa0NBQWtDO2tCQUw5QyxTQUFTOytCQUNFLDhCQUE4QjtnR0FNakMsMEJBQTBCO3NCQURoQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzcG9uc2l2ZVZpc2liaWxpdHkgfSBmcm9tICcuLi8uLi9yZXNwb25zaXZlLXZpc2liaWxpdHknO1xuaW1wb3J0IHsgTmd4RXh0ZW5kZWRQZGZWaWV3ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vbmd4LWV4dGVuZGVkLXBkZi12aWV3ZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkZi10b2dnbGUtc2Vjb25kYXJ5LXRvb2xiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGRmLXRvZ2dsZS1zZWNvbmRhcnktdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BkZi10b2dnbGUtc2Vjb25kYXJ5LXRvb2xiYXIuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZGZUb2dnbGVTZWNvbmRhcnlUb29sYmFyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNob3dTZWNvbmRhcnlUb29sYmFyQnV0dG9uOiBSZXNwb25zaXZlVmlzaWJpbGl0eSA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHNlcnZpY2U6IE5neEV4dGVuZGVkUGRmVmlld2VyU2VydmljZSkge31cblxuICBwdWJsaWMgb25DbGljayhldmVudDogRXZlbnQpOiBib29sZWFuIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgW2NsYXNzXT1cInNob3dTZWNvbmRhcnlUb29sYmFyQnV0dG9uIHwgcmVzcG9uc2l2ZUNTU0NsYXNzIDogJ2Fsd2F5cy12aXNpYmxlJ1wiXG4gIGlkPVwic2Vjb25kYXJ5VG9vbGJhclRvZ2dsZVwiXG4gIGNsYXNzPVwidG9vbGJhckJ1dHRvblwiXG4gIHRpdGxlPVwiVG9vbHNcIlxuICBkYXRhLWwxMG4taWQ9XCJwZGZqcy10b29scy1idXR0b25cIlxuICBhcmlhLWxhYmVsPVwiVG9vbHNcIlxuICBbY2xhc3MuaGlkZGVuXT1cInNlcnZpY2Uuc2Vjb25kYXJ5TWVudUlzRW1wdHlcIlxuPlxuICA8c3ZnIHJvbGU9XCJpbWdcIiBhcmlhLWxhYmVsPVwiVG9vbHNcIiBzdHlsZT1cIndpZHRoOiAyN3B4OyBoZWlnaHQ6IDI3cHhcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiPlxuICAgIDxwYXRoIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBkPVwiTTMsNkgyMVY4SDNWNk0zLDExSDIxVjEzSDNWMTFNMywxNkgyMVYxOEgzVjE2WlwiIC8+XG4gIDwvc3ZnPlxuICA8c3BhbiBkYXRhLWwxMG4taWQ9XCJwZGZqcy10b29scy1idXR0b24tbGFiZWxcIj5Ub29sczwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19