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.
57 lines (56 loc) • 4.86 kB
TypeScript
import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
import { PdfCspPolicyService } from '../../pdf-csp-policy.service';
import { PDFNotificationService } from '../../pdf-notification-service';
import { ResponsiveCSSClass } from '../../responsive-visibility';
import { PdfShyButtonService } from './pdf-shy-button-service';
import * as i0 from "@angular/core";
export declare class PdfShyButtonComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
private readonly pdfShyButtonServiceService;
private readonly renderer;
private readonly pdfCspPolicyService;
primaryToolbarId: import("@angular/core").InputSignal<string>;
secondaryMenuId: import("@angular/core").InputSignal<string>;
cssClass: import("@angular/core").InputSignal<ResponsiveCSSClass>;
eventBusName: import("@angular/core").InputSignal<string | undefined>;
l10nId: import("@angular/core").InputSignal<string>;
l10nLabel: import("@angular/core").InputSignal<string>;
title: import("@angular/core").InputSignal<string>;
toggled: import("@angular/core").InputSignal<boolean>;
/** #3295 the button switches something on and off: screen readers announce `toggled` as "pressed" */
toggleButton: import("@angular/core").InputSignal<boolean>;
disabled: import("@angular/core").InputSignal<boolean>;
order: import("@angular/core").InputSignal<number>;
action: import("@angular/core").InputSignal<((htmlEvent?: Event, isSecondaryMenue?: boolean) => void) | undefined>;
closeOnClick: import("@angular/core").InputSignal<boolean>;
onlySecondaryMenu: import("@angular/core").InputSignal<boolean>;
ariaHasPopup: import("@angular/core").InputSignal<boolean | "dialog" | "menu" | "true">;
ariaControls: import("@angular/core").InputSignal<string | undefined>;
role: import("@angular/core").InputSignal<string | undefined>;
image: import("@angular/core").InputSignal<string>;
private PDFViewerApplication;
private disabledObserver;
renderContent: boolean;
buttonRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
nestedContent: import("@angular/core").Signal<ElementRef<any> | undefined>;
aria: import("@angular/core").Signal<import("./shy-button-aria").ShyButtonAria>;
imageHtml: import("@angular/core").Signal<string | undefined>;
private readonly host;
/** The viewer this button belongs to. Its secondary menu shows the button. */
viewer(): Element | null;
constructor(pdfShyButtonServiceService: PdfShyButtonService, renderer: Renderer2, notificationService: PDFNotificationService, pdfCspPolicyService: PdfCspPolicyService);
ngAfterViewInit(): void;
ngOnDestroy(): void;
/**
* pdf.js enables and disables some of our buttons itself (e.g. the zoom buttons at the zoom
* limits, the editor buttons when a document has loaded). That overwrites the `disabled`
* binding, and Angular only writes it again when [disabled] changes. So while [disabled] is
* true, put it back.
*/
private keepDisabled;
ngOnInit(): void;
onClick(htmlEvent: Event): void;
updateButtonImage(): void;
ngAfterContentInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<PdfShyButtonComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<PdfShyButtonComponent, "pdf-shy-button", never, { "primaryToolbarId": { "alias": "primaryToolbarId"; "required": true; "isSignal": true; }; "secondaryMenuId": { "alias": "secondaryMenuId"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "eventBusName": { "alias": "eventBusName"; "required": false; "isSignal": true; }; "l10nId": { "alias": "l10nId"; "required": false; "isSignal": true; }; "l10nLabel": { "alias": "l10nLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "toggled": { "alias": "toggled"; "required": false; "isSignal": true; }; "toggleButton": { "alias": "toggleButton"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "onlySecondaryMenu": { "alias": "onlySecondaryMenu"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; }, {}, ["nestedContent"], ["*"], false, never>;
}