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.
21 lines • 10.5 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../responsive-visibility";
export class PdfEditorComponent {
constructor() {
this.showDrawEditor = true;
this.showTextEditor = true;
}
}
PdfEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PdfEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
PdfEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PdfEditorComponent, selector: "pdf-editor", inputs: { showDrawEditor: "showDrawEditor", showTextEditor: "showTextEditor" }, ngImport: i0, template: "<div id=\"editorModeButtons\" class=\"splitToolbarButton toggled hiddenTinyView\" role=\"radiogroup\" *ngIf=\"!!showDrawEditor || !!showTextEditor\">\n <button\n id=\"editorFreeText\"\n class=\"toolbarButton\"\n disabled=\"disabled\"\n title=\"Text\"\n role=\"radio\"\n type=\"button\"\n aria-checked=\"false\"\n tabindex=\"34\"\n data-l10n-id=\"editor_free_text2\"\n [class]=\"showTextEditor | responsiveCSSClass : 'hiddenTinyView'\"\n >\n <span data-l10n-id=\"editor_free_text2_label\">Text</span>\n <svg style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n <path\n fill=\"currentColor\"\n d=\"M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z\"\n />\n </svg>\n </button>\n <button\n id=\"editorInk\"\n class=\"toolbarButton\"\n disabled=\"disabled\"\n title=\"Draw\"\n role=\"radio\"\n aria-checked=\"false\"\n type=\"button\"\n tabindex=\"35\"\n data-l10n-id=\"editor_ink2\"\n [class]=\"showDrawEditor | responsiveCSSClass : 'hiddenTinyView'\"\n >\n <span data-l10n-id=\"editor_ink2_label\">Draw</span>\n <svg\n style=\"width: 20px; height: 20px\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n enable-background=\"new 0 0 16 16\"\n >\n <g>\n <g transform=\"scale(0.03125)\">\n <path\n d=\"m455.1,137.9l-32.4,32.4-81-81.1 32.4-32.4c6.6-6.6 18.1-6.6 24.7,0l56.3,56.4c6.8,6.8 6.8,17.9 0,24.7zm-270.7,271l-81-81.1 209.4-209.7 81,81.1-209.4,209.7zm-99.7-42l60.6,60.7-84.4,23.8 23.8-84.5zm399.3-282.6l-56.3-56.4c-11-11-50.7-31.8-82.4,0l-285.3,285.5c-2.5,2.5-4.3,5.5-5.2,8.9l-43,153.1c-2,7.1 0.1,14.7 5.2,20 5.2,5.3 15.6,6.2 20,5.2l153-43.1c3.4-0.9 6.4-2.7 8.9-5.2l285.1-285.5c22.7-22.7 22.7-59.7 0-82.5z\"\n />\n </g>\n </g>\n </svg>\n </button>\n</div>\n\n<div id=\"editorModeSeparator\" class=\"verticalToolbarSeparator hiddenTinyView\" *ngIf=\"!!showDrawEditor || !!showTextEditor\"></div>\n", styles: ["button{padding:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "responsiveCSSClass": i2.ResponsiveCSSClassPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PdfEditorComponent, decorators: [{
type: Component,
args: [{ selector: 'pdf-editor', template: "<div id=\"editorModeButtons\" class=\"splitToolbarButton toggled hiddenTinyView\" role=\"radiogroup\" *ngIf=\"!!showDrawEditor || !!showTextEditor\">\n <button\n id=\"editorFreeText\"\n class=\"toolbarButton\"\n disabled=\"disabled\"\n title=\"Text\"\n role=\"radio\"\n type=\"button\"\n aria-checked=\"false\"\n tabindex=\"34\"\n data-l10n-id=\"editor_free_text2\"\n [class]=\"showTextEditor | responsiveCSSClass : 'hiddenTinyView'\"\n >\n <span data-l10n-id=\"editor_free_text2_label\">Text</span>\n <svg style=\"width: 20px; height: 20px\" viewBox=\"0 0 24 24\">\n <path\n fill=\"currentColor\"\n d=\"M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z\"\n />\n </svg>\n </button>\n <button\n id=\"editorInk\"\n class=\"toolbarButton\"\n disabled=\"disabled\"\n title=\"Draw\"\n role=\"radio\"\n aria-checked=\"false\"\n type=\"button\"\n tabindex=\"35\"\n data-l10n-id=\"editor_ink2\"\n [class]=\"showDrawEditor | responsiveCSSClass : 'hiddenTinyView'\"\n >\n <span data-l10n-id=\"editor_ink2_label\">Draw</span>\n <svg\n style=\"width: 20px; height: 20px\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n enable-background=\"new 0 0 16 16\"\n >\n <g>\n <g transform=\"scale(0.03125)\">\n <path\n d=\"m455.1,137.9l-32.4,32.4-81-81.1 32.4-32.4c6.6-6.6 18.1-6.6 24.7,0l56.3,56.4c6.8,6.8 6.8,17.9 0,24.7zm-270.7,271l-81-81.1 209.4-209.7 81,81.1-209.4,209.7zm-99.7-42l60.6,60.7-84.4,23.8 23.8-84.5zm399.3-282.6l-56.3-56.4c-11-11-50.7-31.8-82.4,0l-285.3,285.5c-2.5,2.5-4.3,5.5-5.2,8.9l-43,153.1c-2,7.1 0.1,14.7 5.2,20 5.2,5.3 15.6,6.2 20,5.2l153-43.1c3.4-0.9 6.4-2.7 8.9-5.2l285.1-285.5c22.7-22.7 22.7-59.7 0-82.5z\"\n />\n </g>\n </g>\n </svg>\n </button>\n</div>\n\n<div id=\"editorModeSeparator\" class=\"verticalToolbarSeparator hiddenTinyView\" *ngIf=\"!!showDrawEditor || !!showTextEditor\"></div>\n", styles: ["button{padding:0}\n"] }]
}], propDecorators: { showDrawEditor: [{
type: Input
}], showTextEditor: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLWVkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZXh0ZW5kZWQtcGRmLXZpZXdlci9zcmMvbGliL3Rvb2xiYXIvcGRmLWVkaXRvci9wZGYtZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvdG9vbGJhci9wZGYtZWRpdG9yL3BkZi1lZGl0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU9TLG1CQUFjLEdBQXlCLElBQUksQ0FBQztRQUc1QyxtQkFBYyxHQUF5QixJQUFJLENBQUM7S0FDcEQ7O2dIQU5ZLGtCQUFrQjtvR0FBbEIsa0JBQWtCLGtJQ1IvQix5d0VBc0RBOzRGRDlDYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsWUFBWTs4QkFNZixjQUFjO3NCQURwQixLQUFLO2dCQUlDLGNBQWM7c0JBRHBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXNwb25zaXZlVmlzaWJpbGl0eSB9IGZyb20gJy4uLy4uL3Jlc3BvbnNpdmUtdmlzaWJpbGl0eSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkZi1lZGl0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vcGRmLWVkaXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BkZi1lZGl0b3IuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZGZFZGl0b3JDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd0RyYXdFZGl0b3I6IFJlc3BvbnNpdmVWaXNpYmlsaXR5ID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2hvd1RleHRFZGl0b3I6IFJlc3BvbnNpdmVWaXNpYmlsaXR5ID0gdHJ1ZTtcbn1cbiIsIjxkaXYgaWQ9XCJlZGl0b3JNb2RlQnV0dG9uc1wiIGNsYXNzPVwic3BsaXRUb29sYmFyQnV0dG9uIHRvZ2dsZWQgaGlkZGVuVGlueVZpZXdcIiByb2xlPVwicmFkaW9ncm91cFwiICpuZ0lmPVwiISFzaG93RHJhd0VkaXRvciB8fCAhIXNob3dUZXh0RWRpdG9yXCI+XG4gIDxidXR0b25cbiAgICBpZD1cImVkaXRvckZyZWVUZXh0XCJcbiAgICBjbGFzcz1cInRvb2xiYXJCdXR0b25cIlxuICAgIGRpc2FibGVkPVwiZGlzYWJsZWRcIlxuICAgIHRpdGxlPVwiVGV4dFwiXG4gICAgcm9sZT1cInJhZGlvXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBhcmlhLWNoZWNrZWQ9XCJmYWxzZVwiXG4gICAgdGFiaW5kZXg9XCIzNFwiXG4gICAgZGF0YS1sMTBuLWlkPVwiZWRpdG9yX2ZyZWVfdGV4dDJcIlxuICAgIFtjbGFzc109XCJzaG93VGV4dEVkaXRvciB8IHJlc3BvbnNpdmVDU1NDbGFzcyA6ICdoaWRkZW5UaW55VmlldydcIlxuICA+XG4gICAgPHNwYW4gZGF0YS1sMTBuLWlkPVwiZWRpdG9yX2ZyZWVfdGV4dDJfbGFiZWxcIj5UZXh0PC9zcGFuPlxuICAgIDxzdmcgc3R5bGU9XCJ3aWR0aDogMjBweDsgaGVpZ2h0OiAyMHB4XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiPlxuICAgICAgPHBhdGhcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgIGQ9XCJNMTguNSw0TDE5LjY2LDguMzVMMTguNyw4LjYxQzE4LjI1LDcuNzQgMTcuNzksNi44NyAxNy4yNiw2LjQzQzE2LjczLDYgMTYuMTEsNiAxNS41LDZIMTNWMTYuNUMxMywxNyAxMywxNy41IDEzLjMzLDE3Ljc1QzEzLjY3LDE4IDE0LjMzLDE4IDE1LDE4VjE5SDlWMThDOS42NywxOCAxMC4zMywxOCAxMC42NywxNy43NUMxMSwxNy41IDExLDE3IDExLDE2LjVWNkg4LjVDNy44OSw2IDcuMjcsNiA2Ljc0LDYuNDNDNi4yMSw2Ljg3IDUuNzUsNy43NCA1LjMsOC42MUw0LjM0LDguMzVMNS41LDRIMTguNVpcIlxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgPC9idXR0b24+XG4gIDxidXR0b25cbiAgICBpZD1cImVkaXRvcklua1wiXG4gICAgY2xhc3M9XCJ0b29sYmFyQnV0dG9uXCJcbiAgICBkaXNhYmxlZD1cImRpc2FibGVkXCJcbiAgICB0aXRsZT1cIkRyYXdcIlxuICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgYXJpYS1jaGVja2VkPVwiZmFsc2VcIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHRhYmluZGV4PVwiMzVcIlxuICAgIGRhdGEtbDEwbi1pZD1cImVkaXRvcl9pbmsyXCJcbiAgICBbY2xhc3NdPVwic2hvd0RyYXdFZGl0b3IgfCByZXNwb25zaXZlQ1NTQ2xhc3MgOiAnaGlkZGVuVGlueVZpZXcnXCJcbiAgPlxuICAgIDxzcGFuIGRhdGEtbDEwbi1pZD1cImVkaXRvcl9pbmsyX2xhYmVsXCI+RHJhdzwvc3Bhbj5cbiAgICA8c3ZnXG4gICAgICBzdHlsZT1cIndpZHRoOiAyMHB4OyBoZWlnaHQ6IDIwcHhcIlxuICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgICAgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgIGVuYWJsZS1iYWNrZ3JvdW5kPVwibmV3IDAgMCAxNiAxNlwiXG4gICAgPlxuICAgICAgPGc+XG4gICAgICAgIDxnIHRyYW5zZm9ybT1cInNjYWxlKDAuMDMxMjUpXCI+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJtNDU1LjEsMTM3LjlsLTMyLjQsMzIuNC04MS04MS4xIDMyLjQtMzIuNGM2LjYtNi42IDE4LjEtNi42IDI0LjcsMGw1Ni4zLDU2LjRjNi44LDYuOCA2LjgsMTcuOSAwLDI0Ljd6bS0yNzAuNywyNzFsLTgxLTgxLjEgMjA5LjQtMjA5LjcgODEsODEuMS0yMDkuNCwyMDkuN3ptLTk5LjctNDJsNjAuNiw2MC43LTg0LjQsMjMuOCAyMy44LTg0LjV6bTM5OS4zLTI4Mi42bC01Ni4zLTU2LjRjLTExLTExLTUwLjctMzEuOC04Mi40LDBsLTI4NS4zLDI4NS41Yy0yLjUsMi41LTQuMyw1LjUtNS4yLDguOWwtNDMsMTUzLjFjLTIsNy4xIDAuMSwxNC43IDUuMiwyMCA1LjIsNS4zIDE1LjYsNi4yIDIwLDUuMmwxNTMtNDMuMWMzLjQtMC45IDYuNC0yLjcgOC45LTUuMmwyODUuMS0yODUuNWMyMi43LTIyLjcgMjIuNy01OS43IDAtODIuNXpcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvZz5cbiAgICAgIDwvZz5cbiAgICA8L3N2Zz5cbiAgPC9idXR0b24+XG48L2Rpdj5cblxuPGRpdiBpZD1cImVkaXRvck1vZGVTZXBhcmF0b3JcIiBjbGFzcz1cInZlcnRpY2FsVG9vbGJhclNlcGFyYXRvciBoaWRkZW5UaW55Vmlld1wiICpuZ0lmPVwiISFzaG93RHJhd0VkaXRvciB8fCAhIXNob3dUZXh0RWRpdG9yXCI+PC9kaXY+XG4iXX0=