ngx-extended-pdf-viewer/esm2022/lib/pdf-dialog/pdf-alt-text-dialog/pdf-alt-text-dialog.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 } from '@angular/core';
import * as i0 from "@angular/core";
export class PdfAltTextDialogComponent {
    constructor() { }
    ngOnInit() { }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: PdfAltTextDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: PdfAltTextDialogComponent, selector: "pdf-alt-text-dialog", ngImport: i0, template: "<dialog id=\"altTextDialog\" aria-labelledby=\"dialogLabel\" aria-describedby=\"dialogDescription\">\n  <div id=\"altTextContainer\">\n    <div id=\"overallDescription\">\n      <span id=\"dialogLabel\" data-l10n-id=\"pdfjs-editor-alt-text-dialog-label\" class=\"title\">Choose an option</span>\n      <span id=\"dialogDescription\" data-l10n-id=\"pdfjs-editor-alt-text-dialog-description\">\n        Alt text (alternative text) helps when people can\u2019t see the image or when it doesn\u2019t load.\n      </span>\n    </div>\n    <div id=\"addDescription\">\n      <div class=\"radio\">\n        <div class=\"radioButton\">\n          <input type=\"radio\" id=\"descriptionButton\" name=\"altTextOption\" tabindex=\"0\" aria-describedby=\"descriptionAreaLabel\" checked />\n          <label for=\"descriptionButton\" data-l10n-id=\"pdfjs-editor-alt-text-add-description-label\">Add a description</label>\n        </div>\n        <div class=\"radioLabel\">\n          <span id=\"descriptionAreaLabel\" data-l10n-id=\"pdfjs-editor-alt-text-add-description-description\">\n            Aim for 1-2 sentences that describe the subject, setting, or actions.\n          </span>\n        </div>\n      </div>\n      <div class=\"descriptionArea\">\n        <textarea\n          id=\"descriptionTextarea\"\n          placeholder=\"For example, \u201CA young man sits down at a table to eat a meal\u201D\"\n          aria-labelledby=\"descriptionAreaLabel\"\n          data-l10n-id=\"pdfjs-editor-alt-text-textarea\"\n          tabindex=\"0\"\n        ></textarea>\n      </div>\n    </div>\n    <div id=\"markAsDecorative\">\n      <div class=\"radio\">\n        <div class=\"radioButton\">\n          <input type=\"radio\" id=\"decorativeButton\" name=\"altTextOption\" aria-describedby=\"decorativeLabel\" />\n          <label for=\"decorativeButton\" data-l10n-id=\"pdfjs-editor-alt-text-mark-decorative-label\">Mark as decorative</label>\n        </div>\n        <div class=\"radioLabel\">\n          <span id=\"decorativeLabel\" data-l10n-id=\"pdfjs-editor-alt-text-mark-decorative-description\">\n            This is used for ornamental images, like borders or watermarks.\n          </span>\n        </div>\n      </div>\n    </div>\n    <div id=\"buttons\">\n      <button id=\"altTextCancel\" tabindex=\"0\"><span data-l10n-id=\"pdfjs-editor-alt-text-cancel-button\">Cancel</span></button>\n      <button id=\"altTextSave\" tabindex=\"0\"><span data-l10n-id=\"pdfjs-editor-alt-text-save-button\">Save</span></button>\n    </div>\n  </div>\n</dialog>\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: PdfAltTextDialogComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pdf-alt-text-dialog', template: "<dialog id=\"altTextDialog\" aria-labelledby=\"dialogLabel\" aria-describedby=\"dialogDescription\">\n  <div id=\"altTextContainer\">\n    <div id=\"overallDescription\">\n      <span id=\"dialogLabel\" data-l10n-id=\"pdfjs-editor-alt-text-dialog-label\" class=\"title\">Choose an option</span>\n      <span id=\"dialogDescription\" data-l10n-id=\"pdfjs-editor-alt-text-dialog-description\">\n        Alt text (alternative text) helps when people can\u2019t see the image or when it doesn\u2019t load.\n      </span>\n    </div>\n    <div id=\"addDescription\">\n      <div class=\"radio\">\n        <div class=\"radioButton\">\n          <input type=\"radio\" id=\"descriptionButton\" name=\"altTextOption\" tabindex=\"0\" aria-describedby=\"descriptionAreaLabel\" checked />\n          <label for=\"descriptionButton\" data-l10n-id=\"pdfjs-editor-alt-text-add-description-label\">Add a description</label>\n        </div>\n        <div class=\"radioLabel\">\n          <span id=\"descriptionAreaLabel\" data-l10n-id=\"pdfjs-editor-alt-text-add-description-description\">\n            Aim for 1-2 sentences that describe the subject, setting, or actions.\n          </span>\n        </div>\n      </div>\n      <div class=\"descriptionArea\">\n        <textarea\n          id=\"descriptionTextarea\"\n          placeholder=\"For example, \u201CA young man sits down at a table to eat a meal\u201D\"\n          aria-labelledby=\"descriptionAreaLabel\"\n          data-l10n-id=\"pdfjs-editor-alt-text-textarea\"\n          tabindex=\"0\"\n        ></textarea>\n      </div>\n    </div>\n    <div id=\"markAsDecorative\">\n      <div class=\"radio\">\n        <div class=\"radioButton\">\n          <input type=\"radio\" id=\"decorativeButton\" name=\"altTextOption\" aria-describedby=\"decorativeLabel\" />\n          <label for=\"decorativeButton\" data-l10n-id=\"pdfjs-editor-alt-text-mark-decorative-label\">Mark as decorative</label>\n        </div>\n        <div class=\"radioLabel\">\n          <span id=\"decorativeLabel\" data-l10n-id=\"pdfjs-editor-alt-text-mark-decorative-description\">\n            This is used for ornamental images, like borders or watermarks.\n          </span>\n        </div>\n      </div>\n    </div>\n    <div id=\"buttons\">\n      <button id=\"altTextCancel\" tabindex=\"0\"><span data-l10n-id=\"pdfjs-editor-alt-text-cancel-button\">Cancel</span></button>\n      <button id=\"altTextSave\" tabindex=\"0\"><span data-l10n-id=\"pdfjs-editor-alt-text-save-button\">Save</span></button>\n    </div>\n  </div>\n</dialog>\n" }]
        }], ctorParameters: () => [] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLWFsdC10ZXh0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZXh0ZW5kZWQtcGRmLXZpZXdlci9zcmMvbGliL3BkZi1kaWFsb2cvcGRmLWFsdC10ZXh0LWRpYWxvZy9wZGYtYWx0LXRleHQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1leHRlbmRlZC1wZGYtdmlld2VyL3NyYy9saWIvcGRmLWRpYWxvZy9wZGYtYWx0LXRleHQtZGlhbG9nL3BkZi1hbHQtdGV4dC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLHlCQUF5QjtJQUNwQyxnQkFBZSxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDO3VHQUhGLHlCQUF5QjsyRkFBekIseUJBQXlCLDJEQ1B0Qyw2L0VBaURBOzsyRkQxQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3BkZi1hbHQtdGV4dC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGRmLWFsdC10ZXh0LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BkZi1hbHQtdGV4dC1kaWFsb2cuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQZGZBbHRUZXh0RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiIsIjxkaWFsb2cgaWQ9XCJhbHRUZXh0RGlhbG9nXCIgYXJpYS1sYWJlbGxlZGJ5PVwiZGlhbG9nTGFiZWxcIiBhcmlhLWRlc2NyaWJlZGJ5PVwiZGlhbG9nRGVzY3JpcHRpb25cIj5cbiAgPGRpdiBpZD1cImFsdFRleHRDb250YWluZXJcIj5cbiAgICA8ZGl2IGlkPVwib3ZlcmFsbERlc2NyaXB0aW9uXCI+XG4gICAgICA8c3BhbiBpZD1cImRpYWxvZ0xhYmVsXCIgZGF0YS1sMTBuLWlkPVwicGRmanMtZWRpdG9yLWFsdC10ZXh0LWRpYWxvZy1sYWJlbFwiIGNsYXNzPVwidGl0bGVcIj5DaG9vc2UgYW4gb3B0aW9uPC9zcGFuPlxuICAgICAgPHNwYW4gaWQ9XCJkaWFsb2dEZXNjcmlwdGlvblwiIGRhdGEtbDEwbi1pZD1cInBkZmpzLWVkaXRvci1hbHQtdGV4dC1kaWFsb2ctZGVzY3JpcHRpb25cIj5cbiAgICAgICAgQWx0IHRleHQgKGFsdGVybmF0aXZlIHRleHQpIGhlbHBzIHdoZW4gcGVvcGxlIGNhbuKAmXQgc2VlIHRoZSBpbWFnZSBvciB3aGVuIGl0IGRvZXNu4oCZdCBsb2FkLlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgaWQ9XCJhZGREZXNjcmlwdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJhZGlvXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYWRpb0J1dHRvblwiPlxuICAgICAgICAgIDxpbnB1dCB0eXBlPVwicmFkaW9cIiBpZD1cImRlc2NyaXB0aW9uQnV0dG9uXCIgbmFtZT1cImFsdFRleHRPcHRpb25cIiB0YWJpbmRleD1cIjBcIiBhcmlhLWRlc2NyaWJlZGJ5PVwiZGVzY3JpcHRpb25BcmVhTGFiZWxcIiBjaGVja2VkIC8+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cImRlc2NyaXB0aW9uQnV0dG9uXCIgZGF0YS1sMTBuLWlkPVwicGRmanMtZWRpdG9yLWFsdC10ZXh0LWFkZC1kZXNjcmlwdGlvbi1sYWJlbFwiPkFkZCBhIGRlc2NyaXB0aW9uPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYWRpb0xhYmVsXCI+XG4gICAgICAgICAgPHNwYW4gaWQ9XCJkZXNjcmlwdGlvbkFyZWFMYWJlbFwiIGRhdGEtbDEwbi1pZD1cInBkZmpzLWVkaXRvci1hbHQtdGV4dC1hZGQtZGVzY3JpcHRpb24tZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIEFpbSBmb3IgMS0yIHNlbnRlbmNlcyB0aGF0IGRlc2NyaWJlIHRoZSBzdWJqZWN0LCBzZXR0aW5nLCBvciBhY3Rpb25zLlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvbkFyZWFcIj5cbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgaWQ9XCJkZXNjcmlwdGlvblRleHRhcmVhXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIkZvciBleGFtcGxlLCDigJxBIHlvdW5nIG1hbiBzaXRzIGRvd24gYXQgYSB0YWJsZSB0byBlYXQgYSBtZWFs4oCdXCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJkZXNjcmlwdGlvbkFyZWFMYWJlbFwiXG4gICAgICAgICAgZGF0YS1sMTBuLWlkPVwicGRmanMtZWRpdG9yLWFsdC10ZXh0LXRleHRhcmVhXCJcbiAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICA+PC90ZXh0YXJlYT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgaWQ9XCJtYXJrQXNEZWNvcmF0aXZlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicmFkaW9cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJhZGlvQnV0dG9uXCI+XG4gICAgICAgICAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIGlkPVwiZGVjb3JhdGl2ZUJ1dHRvblwiIG5hbWU9XCJhbHRUZXh0T3B0aW9uXCIgYXJpYS1kZXNjcmliZWRieT1cImRlY29yYXRpdmVMYWJlbFwiIC8+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cImRlY29yYXRpdmVCdXR0b25cIiBkYXRhLWwxMG4taWQ9XCJwZGZqcy1lZGl0b3ItYWx0LXRleHQtbWFyay1kZWNvcmF0aXZlLWxhYmVsXCI+TWFyayBhcyBkZWNvcmF0aXZlPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyYWRpb0xhYmVsXCI+XG4gICAgICAgICAgPHNwYW4gaWQ9XCJkZWNvcmF0aXZlTGFiZWxcIiBkYXRhLWwxMG4taWQ9XCJwZGZqcy1lZGl0b3ItYWx0LXRleHQtbWFyay1kZWNvcmF0aXZlLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICBUaGlzIGlzIHVzZWQgZm9yIG9ybmFtZW50YWwgaW1hZ2VzLCBsaWtlIGJvcmRlcnMgb3Igd2F0ZXJtYXJrcy5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBpZD1cImJ1dHRvbnNcIj5cbiAgICAgIDxidXR0b24gaWQ9XCJhbHRUZXh0Q2FuY2VsXCIgdGFiaW5kZXg9XCIwXCI+PHNwYW4gZGF0YS1sMTBuLWlkPVwicGRmanMtZWRpdG9yLWFsdC10ZXh0LWNhbmNlbC1idXR0b25cIj5DYW5jZWw8L3NwYW4+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIGlkPVwiYWx0VGV4dFNhdmVcIiB0YWJpbmRleD1cIjBcIj48c3BhbiBkYXRhLWwxMG4taWQ9XCJwZGZqcy1lZGl0b3ItYWx0LXRleHQtc2F2ZS1idXR0b25cIj5TYXZlPC9zcGFuPjwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGlhbG9nPlxuIl19