@syncfusion/ej2-pdfviewer 17.3.49-4568 → 17.3.50-4568

package/package.json

@@ -1,6 +1,6 @@
 {
-    "_from": "@syncfusion/ej2-pdfviewer@17.3.48-4568",
-    "_id": "@syncfusion/ej2-pdfviewer@17.3.48-4568",
+    "_from": "@syncfusion/ej2-pdfviewer@17.3.50-4568",
+    "_id": "@syncfusion/ej2-pdfviewer@17.3.50-4568",
     "_inBundle": false,
     "_integrity": "sha512-Cw4UApaqGOrXL96j7UUbFY9ph9rV4wg9Q5ahgvaDykId7tb2OzdgzQZuxU5RVWRU6uPqVSNFfiO8wxcGgjBfmg==",
     "_location": "/@syncfusion/ej2-pdfviewer",
@@ -71,6 +71,6 @@
     },
     "sideEffects": false,
     "typings": "index.d.ts",
-    "version": "17.3.49-4568"
+    "version": "17.3.50-4568"
   }
   

package/src/pdfviewer/base/pdfviewer-base.d.ts

@@ -1,4 +1,4 @@
-import { PdfViewer, TextLayer, ContextMenu, Signature } from '../index';
+import { PdfViewer, TextLayer, ContextMenu, Signature, TaggedPDF } from '../index';
 import { NavigationPane } from './navigation-pane';
 import { TextMarkupAnnotation } from '../annotation';
 import { DrawingElement, PointModel, Matrix } from '@syncfusion/ej2-drawings';
@@ -76,6 +76,10 @@ export declare class PdfViewerBase {
      * @private
      */
     textLayer: TextLayer;
+    /**
+     * @private
+     */
+    taggedPdf: TaggedPDF;
     private pdfViewer;
     private unload;
     /**
@@ -453,9 +457,6 @@ export declare class PdfViewerBase {
      * @private
      */
     zoomInterval: number;
-    /**
-     * @private
-     */
     /**
      * EJ2CORE-813 - This flag is represent current device is 'iPad' or 'iPhone' or'iPod' device.
      * @private
@@ -470,6 +471,8 @@ export declare class PdfViewerBase {
      */
     previousContainerHeight: number;
     private isGotoPageEnabled;
+    private taggedTextHandler;
+    private taggedCollection;
     constructor(viewer: PdfViewer);
     /**
      * @private
@@ -693,6 +696,8 @@ export declare class PdfViewerBase {
      */
     renderAnnotations(pageIndex: number): void;
     private renderTextContent;
+    private renderTaggedTextContentsFromServer;
+    private createRequestForTaggedText;
     private renderPageContainer;
     private orderPageDivElements;
     /**

package/src/pdfviewer/base/pdfviewer-base.js

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { createElement, Browser, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Dialog, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';
-import { TextLayer, ContextMenu, Signature } from '../index';
+import { TextLayer, ContextMenu, Signature, TaggedPDF } from '../index';
 import { NavigationPane } from './navigation-pane';
 import { NumericTextBox } from '@syncfusion/ej2-inputs';
 import { AjaxHandler } from '../index';
@@ -357,9 +357,6 @@ var PdfViewerBase = /** @class */ (function () {
          */
         // eslint-disable-next-line
         this.zoomInterval = 5;
-        /**
-         * @private
-         */
         /**
          * EJ2CORE-813 - This flag is represent current device is 'iPad' or 'iPhone' or'iPod' device.
          * @private
@@ -377,6 +374,8 @@ var PdfViewerBase = /** @class */ (function () {
         // tslint:disable-next-line
         this.previousContainerHeight = 0;
         this.isGotoPageEnabled = false;
+        this.taggedTextHandler = null;
+        this.taggedCollection = [];
         this.clearSessionStorage = function () {
             var documentId = window.sessionStorage.getItem('hashId');
             var documentLiveCount = window.sessionStorage.getItem('documentLiveCount');
@@ -1483,6 +1482,7 @@ var PdfViewerBase = /** @class */ (function () {
         this.pdfViewer = viewer;
         this.navigationPane = new NavigationPane(this.pdfViewer, this);
         this.textLayer = new TextLayer(this.pdfViewer, this);
+        this.taggedPdf = new TaggedPDF(this.pdfViewer, this);
         this.signatureModule = new Signature(this.pdfViewer, this);
         // tslint:disable-next-line:max-line-length
         this.isWebkitMobile = /Chrome/.test(navigator.userAgent) || /Google Inc/.test(navigator.vendor) || (navigator.userAgent.indexOf('Safari') !== -1);
@@ -2313,6 +2313,9 @@ var PdfViewerBase = /** @class */ (function () {
         if (this.renderedPagesList) {
             this.renderedPagesList = [];
         }
+        if (this.taggedCollection) {
+            this.taggedCollection = [];
+        }
         if (this.pageContainer) {
             while (this.pageContainer.hasChildNodes()) {
                 this.pageContainer.removeChild(this.pageContainer.lastChild);
@@ -3560,6 +3563,14 @@ var PdfViewerBase = /** @class */ (function () {
         if (this.pdfViewer.textSelectionModule && !this.isTextSelectionDisabled) {
             this.pdfViewer.textSelectionModule.applySelectionRangeOnScroll(pageIndex);
         }
+        if (this.pdfViewer.taggedPDFModule && this.pdfViewer.enableTaggedPDF) {
+            if (this.taggedCollection[pageIndex.toString()]) {
+                this.renderTaggedTextContentsFromServer(pageIndex, this.taggedCollection[pageIndex.toString()]);
+            }
+            else {
+                this.createRequestForTaggedText(pageIndex);
+            }
+        }
         if (this.documentAnnotationCollections) {
             var isAnnotationAdded = false;
             for (var i = 0; i < this.annotationRenderredList.length; i++) {
@@ -3754,6 +3765,33 @@ var PdfViewerBase = /** @class */ (function () {
             }
         }
     };
+    PdfViewerBase.prototype.renderTaggedTextContentsFromServer = function (pageIndex, taggedTextResponse) {
+        this.taggedPdf.renderTaggedTextContentsFromServer(pageIndex, taggedTextResponse);
+    };
+    PdfViewerBase.prototype.createRequestForTaggedText = function (pageIndex) {
+        var jsonObject;
+        var proxy = this;
+        jsonObject = { action: 'RenderTaggedContent', elementId: this.pdfViewer.element.id, hashId: this.hashId, uniqueId: this.documentId, pageIndex: pageIndex };
+        if (this.jsonDocumentId) {
+            jsonObject.documentId = this.jsonDocumentId;
+        }
+        var url = this.pdfViewer.serviceUrl + '/' + "RenderTaggedContent";
+        this.taggedTextHandler = new AjaxHandler(this.pdfViewer);
+        this.taggedTextHandler.url = url;
+        this.taggedTextHandler.mode = true;
+        this.taggedTextHandler.responseType = 'text';
+        this.taggedTextHandler.send(jsonObject);
+        this.taggedTextHandler.onSuccess = function (result) {
+            var data = JSON.parse(result.data);
+            var pageData = data.filter(function (item) { return (item.PageNumber).toString() === pageIndex.toString(); });
+            proxy.taggedCollection[pageIndex.toString()] = pageData;
+            proxy.renderTaggedTextContentsFromServer(pageIndex, pageData);
+        };
+        this.taggedTextHandler.onFailure = function (result) {
+            console.log("error");
+        };
+    };
+    ;
     PdfViewerBase.prototype.renderPageContainer = function (pageNumber, pageWidth, pageHeight, topValue) {
         // tslint:disable-next-line:max-line-length
         var pageDiv = createElement('div', { id: this.pdfViewer.element.id + '_pageDiv_' + pageNumber, className: 'e-pv-page-div', attrs: { 'tabindex': '0' } });

package/src/pdfviewer/base/text-layer.js

@@ -33,6 +33,9 @@ var TextLayer = /** @class */ (function () {
             textLayer = createElement('div', { id: this.pdfViewer.element.id + '_textLayer_' + pageNumber, className: 'e-pv-text-layer' });
             textLayer.style.width = pageWidth + 'px';
             textLayer.style.height = pageHeight + 'px';
+            if (this.pdfViewer.taggedPDFModule && this.pdfViewer.enableTaggedPDF) {
+                textLayer.setAttribute('aria-hidden', 'true');
+            }
             pageDiv.appendChild(textLayer);
         }
         this.pdfViewerBase.applyElementStyles(textLayer, pageNumber);

package/src/pdfviewer/index.d.ts

@@ -14,3 +14,4 @@ export * from './text-selection/index';
 export * from './text-search/index';
 export * from './print/index';
 export * from './form-fields/index';
+export * from './tagged-pdf/index';

package/src/pdfviewer/index.js

@@ -13,3 +13,4 @@ export * from './text-selection/index';
 export * from './text-search/index';
 export * from './print/index';
 export * from './form-fields/index';
+export * from './tagged-pdf/index';

package/src/pdfviewer/magnification/magnification.js

@@ -1065,6 +1065,7 @@ var Magnification = /** @class */ (function () {
      * @private
      */
     Magnification.prototype.onDoubleTapMagnification = function () {
+        var _this = this;
         if (this.pdfViewer.toolbarModule) {
             this.pdfViewer.toolbarModule.showToolbar(false);
         }
@@ -1084,6 +1085,7 @@ var Magnification = /** @class */ (function () {
             }
             this.calculateScrollValues(scrollValue);
             this.isTapToFitZoom = !this.isTapToFitZoom;
+            setTimeout(function () { _this.isMagnified = false; }, 500);
             this.isDoubleTapZoom = false;
         }
     };

package/src/pdfviewer/pdfviewer-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, L10n, Collection, Complex } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, L10n, Collection, Complex } from '@syncfusion/ej2-base';
 import {IAjaxHeaders} from "./pdfviewer";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -2024,7 +2024,7 @@ export interface PdfViewerModel extends ComponentModel{
     retryStatusCodes?: number[];
 
     /**
-     * Specifies the retry timeout for all requests in seconds.
+     * The time span timeout for retries in seconds.
      *
      * @default 0
      */
@@ -2036,6 +2036,12 @@ export interface PdfViewerModel extends ComponentModel{
      */
     isExtractText?: boolean;
 
+    /**
+     *  
+     * @default true
+     */
+    enableTaggedPDF?: boolean;
+
     /**
      * Defines the settings of the PdfViewer toolbar.
      */

package/src/pdfviewer/pdfviewer.d.ts

@@ -17,6 +17,7 @@ import { TextSelection } from './index';
 import { TextSearch } from './index';
 import { FormFields } from './index';
 import { Print, CalibrationUnit } from './index';
+import { TaggedPDF } from './index';
 import { UnloadEventArgs, LoadEventArgs, LoadFailedEventArgs, AjaxRequestFailureEventArgs, PageChangeEventArgs, PageClickEventArgs, ZoomChangeEventArgs, HyperlinkClickEventArgs, HyperlinkMouseOverArgs, ImportStartEventArgs, ImportSuccessEventArgs, ImportFailureEventArgs, ExportStartEventArgs, ExportSuccessEventArgs, ExportFailureEventArgs, AjaxRequestInitiateEventArgs, BeforeRenderPdfPageEventArgs, AjaxRequestSuccessEventArgs } from './index';
 import { AnnotationAddEventArgs, AnnotationRemoveEventArgs, AnnotationPropertiesChangeEventArgs, AnnotationResizeEventArgs, AnnotationSelectEventArgs, AnnotationMoveEventArgs, AnnotationDoubleClickEventArgs, AnnotationMouseoverEventArgs, PageMouseoverEventArgs } from './index';
 import { TextSelectionStartEventArgs, TextSelectionEndEventArgs, DownloadStartEventArgs, DownloadEndEventArgs, ExtractTextCompletedEventArgs } from './index';
@@ -1696,6 +1697,11 @@ export declare class PdfViewer extends Component<HTMLElement> implements INotify
      * @default false
      */
     isExtractText: boolean;
+    /**
+     *
+     * @default true
+     */
+    enableTaggedPDF: boolean;
     /**
      * Defines the settings of the PdfViewer toolbar.
      */
@@ -1884,6 +1890,10 @@ export declare class PdfViewer extends Component<HTMLElement> implements INotify
      * @private
      */
     textSearchModule: TextSearch;
+    /**
+     * @private
+     */
+    taggedPDFModule: TaggedPDF;
     /**
      * @private
      */
@@ -1931,6 +1941,14 @@ export declare class PdfViewer extends Component<HTMLElement> implements INotify
      * @returns { TextSearch }
      */
     readonly textSearch: TextSearch;
+    /**
+     * Gets the tagged layer object of the pdf viewer.
+     *
+     * @asptype TaggedPDF
+     * @blazorType TaggedPDF
+     * @returns { TaggedPDF }
+     */
+    readonly taggedPdf: TaggedPDF;
     /**
      * Gets the toolbar object of the pdf viewer.
      * @asptype Toolbar

package/src/pdfviewer/pdfviewer.js

@@ -1587,6 +1587,20 @@ var PdfViewer = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(PdfViewer.prototype, "taggedPdf", {
+        /**
+         * Gets the tagged layer object of the pdf viewer.
+         *
+         * @asptype TaggedPDF
+         * @blazorType TaggedPDF
+         * @returns { TaggedPDF }
+         */
+        get: function () {
+            return this.taggedPDFModule;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(PdfViewer.prototype, "toolbar", {
         /**
          * Gets the toolbar object of the pdf viewer.
@@ -1821,6 +1835,11 @@ var PdfViewer = /** @class */ (function (_super) {
                 member: 'FormFields', args: [this, this.viewerBase]
             });
         }
+        if (this.enableTaggedPDF) {
+            modules.push({
+                member: 'TaggedPDF', args: [this, this.viewerBase]
+            });
+        }
         return modules;
     };
     /**
@@ -2681,6 +2700,9 @@ var PdfViewer = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], PdfViewer.prototype, "isExtractText", void 0);
+    __decorate([
+        Property(true)
+    ], PdfViewer.prototype, "enableTaggedPDF", void 0);
     __decorate([
         Property({ showTooltip: true, toolbarItems: ['OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'CommentTool', 'AnnotationEditTool', 'FreeTextAnnotationOption', 'InkAnnotationOption', 'ShapeAnnotationOption', 'StampAnnotation', 'SignatureOption', 'SearchOption', 'PrintOption', 'DownloadOption'] })
     ], PdfViewer.prototype, "toolbarSettings", void 0);

package/src/pdfviewer/tagged-pdf/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * export types
+ */
+export * from './tagged-pdf';

package/src/pdfviewer/tagged-pdf/index.js

@@ -0,0 +1,4 @@
+/**
+ * export types
+ */
+export * from './tagged-pdf';

package/src/pdfviewer/tagged-pdf/tagged-pdf.d.ts

@@ -0,0 +1,26 @@
+import { PdfViewer, PdfViewerBase } from '../index';
+/**
+ * Tagged PDF module is used to handle tagged pdf document
+ *
+ * @hidden
+ */
+export declare class TaggedPDF {
+    private pdfViewer;
+    private pdfViewerBase;
+    /**
+     * @param {PdfViewer} pdfViewer - The PdfViewer.
+     * @param {PdfViewerBase} pdfViewerBase - The PdfViewerBase.
+     * @private
+     */
+    constructor(pdfViewer: PdfViewer, pdfViewerBase: PdfViewerBase);
+    addTaggedLayer(pageIndex: number): HTMLElement;
+    renderTaggedTextContentsFromServer(pageIndex: number, taggedTextResponse: any): void;
+    private createTag;
+    private getTag;
+    private setStyleToTaggedTextDiv;
+    private setTextElementProperties;
+    /**
+     * @private
+     */
+    getModuleName(): string;
+}

package/src/pdfviewer/tagged-pdf/tagged-pdf.js

@@ -0,0 +1,195 @@
+import { createElement } from '@syncfusion/ej2-base';
+/**
+ * Tagged PDF module is used to handle tagged pdf document
+ *
+ * @hidden
+ */
+var TaggedPDF = /** @class */ (function () {
+    /**
+     * @param {PdfViewer} pdfViewer - The PdfViewer.
+     * @param {PdfViewerBase} pdfViewerBase - The PdfViewerBase.
+     * @private
+     */
+    function TaggedPDF(pdfViewer, pdfViewerBase) {
+        this.createTag = function (taggedTextResponse) {
+            var _this = this;
+            var tagType = taggedTextResponse.TagType;
+            var parentTagType = taggedTextResponse.ParentTagType;
+            var text = taggedTextResponse.Text;
+            var altText = taggedTextResponse.AltText;
+            var bounds = taggedTextResponse.Bounds;
+            var childTags = taggedTextResponse.ChildElements;
+            var textTag = document.createElement(this.getTag(tagType));
+            textTag.style = "padding:0px;margin:0px";
+            if (parentTagType != "Document" && parentTagType != "Part") {
+                textTag.style.position = 'absolute';
+            }
+            if (bounds) {
+                this.setStyleToTaggedTextDiv(textTag, bounds);
+                this.setTextElementProperties(textTag);
+            }
+            if (text.trim() != "") {
+                textTag.innerText = text;
+            }
+            if (altText && altText.trim() !== "" && (tagType === "Image" || tagType === "Figure")) {
+                textTag.alt = altText;
+                textTag.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=";
+            }
+            if (childTags && childTags.length > 0) {
+                childTags.forEach(function (element) {
+                    if (tagType === "Table") {
+                        element.ChildElements.forEach(function (newelement) {
+                            textTag.appendChild(_this.createTag(newelement));
+                        });
+                    }
+                    else {
+                        textTag.appendChild(_this.createTag(element));
+                    }
+                });
+            }
+            return textTag;
+        };
+        this.pdfViewer = pdfViewer;
+        this.pdfViewerBase = pdfViewerBase;
+    }
+    TaggedPDF.prototype.addTaggedLayer = function (pageIndex) {
+        var taggedLayer;
+        if (this.pdfViewer.enableTaggedPDF) {
+            var pageDiv = document.getElementById(this.pdfViewer.element.id + '_pageDiv_' + pageIndex);
+            taggedLayer = document.getElementById(this.pdfViewer.element.id + '_taggedLayer_' + pageIndex);
+            if (!taggedLayer) {
+                taggedLayer = createElement('div', { id: this.pdfViewer.element.id + '_taggedLayer_' + pageIndex, className: 'e-pv-tagged-layer e-pv-text-layer' });
+            }
+            taggedLayer.innerHTML = "";
+            taggedLayer.style.width = this.pdfViewerBase.pageSize[parseInt(pageIndex.toString(), 10)].width * this.pdfViewerBase.getZoomFactor() + 'px';
+            taggedLayer.style.height = this.pdfViewerBase.pageSize[parseInt(pageIndex.toString(), 10)].height * this.pdfViewerBase.getZoomFactor() + 'px';
+            taggedLayer.style.pointerEvents = "none";
+            if (pageDiv) {
+                pageDiv.appendChild(taggedLayer);
+            }
+        }
+        return taggedLayer;
+    };
+    TaggedPDF.prototype.renderTaggedTextContentsFromServer = function (pageIndex, taggedTextResponse) {
+        var taggedLayer = this.addTaggedLayer(pageIndex);
+        for (var i = 0; i < taggedTextResponse.length; i++) {
+            var textDiv = createElement('div', { id: this.pdfViewer.element.id + '_taggedText_' + pageIndex + '_' + i, className: 'e-pv-text', attrs: { 'tabindex': '-1' } });
+            var bounds = taggedTextResponse[i].Bounds;
+            if (taggedTextResponse[i].TagType === "Paragraph" && taggedTextResponse[i].ChildElements === null && taggedTextResponse[i].Text.trim() === "") {
+                continue;
+            }
+            else {
+                textDiv.appendChild(this.createTag(taggedTextResponse[i]));
+            }
+            textDiv.style.display = "inline";
+            this.setStyleToTaggedTextDiv(textDiv, bounds);
+            this.setTextElementProperties(textDiv);
+            taggedLayer.appendChild(textDiv);
+        }
+    };
+    TaggedPDF.prototype.getTag = function (tagType) {
+        switch (tagType) {
+            case "Paragraph":
+                return "p";
+            case "Figure":
+                return "img";
+            case "Article":
+                return "art";
+            case "Annotation":
+                return "annot";
+            case "BibliographyEntry":
+                return "bibentry";
+            case "BlockQuotation":
+                return "blockQuote";
+            case "Caption":
+                return "caption";
+            case "Code":
+                return "code";
+            case "Division":
+                return "div";
+            case "Document":
+                return "document";
+            case "Form":
+                return "form";
+            case "Formula":
+                return "formula";
+            case "Index":
+                return "index";
+            case "Heading":
+                return "h";
+            case "HeadingLevel1":
+                return "h1";
+            case "HeadingLevel2":
+                return "h2";
+            case "HeadingLevel3":
+                return "h3";
+            case "HeadingLevel4":
+                return "h4";
+            case "HeadingLevel5":
+                return "h5";
+            case "HeadingLevel6":
+                return "h6";
+            case "Label":
+                return "label";
+            case "Link":
+                return "a";
+            case "List":
+                return "ul";
+            case "ListItem":
+                return "li";
+            case "ListBody":
+                return "p";
+            case "Note":
+                return "note";
+            case "Part":
+                return "part";
+            case "Quotation":
+                return "quote";
+            case "Reference":
+                return "reference";
+            case "Section":
+                return "sect";
+            case "Span":
+                return "span";
+            case "Table":
+                return "table";
+            case "TableDataCell":
+                return "td";
+            case "TableHeader":
+                return "th";
+            case "TableOfContent":
+                return "toc";
+            case "TableOfContentItem":
+                return "toci";
+            case "TableRow":
+                return "tr";
+            case "Image":
+                return "img";
+            default:
+                return "p";
+        }
+    };
+    ;
+    TaggedPDF.prototype.setStyleToTaggedTextDiv = function (textDiv, bounds) {
+        textDiv.style.left = bounds.X * (96 / 72) * this.pdfViewerBase.getZoomFactor() + 'px';
+        textDiv.style.top = bounds.Y * (96 / 72) * this.pdfViewerBase.getZoomFactor() + 'px';
+        textDiv.style.width = bounds.Width * (96 / 72) * this.pdfViewerBase.getZoomFactor() + 'px';
+        var textHeight = bounds.Height * (96 / 72) * this.pdfViewerBase.getZoomFactor();
+        textDiv.style.height = textHeight + 'px';
+        textDiv.style.fontSize = 16 * this.pdfViewerBase.getZoomFactor() + 'px';
+        textDiv.style.color = 'transparent';
+    };
+    ;
+    TaggedPDF.prototype.setTextElementProperties = function (textDiv) {
+        textDiv.style.fontFamily = 'serif';
+        textDiv.style.transformOrigin = '0%';
+    };
+    /**
+     * @private
+     */
+    TaggedPDF.prototype.getModuleName = function () {
+        return 'TaggedPDF';
+    };
+    return TaggedPDF;
+}());
+export { TaggedPDF };