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

package/dist/es6/ej2-pdfviewer.es2015.js

@@ -17807,9 +17807,6 @@ class PdfViewerBase {
          */
         // eslint-disable-next-line
         this.zoomInterval = 5;
-        /**
-         * @private
-         */
         /**
          * EJ2CORE-813 - This flag is represent current device is 'iPad' or 'iPhone' or'iPod' device.
          * @private
@@ -17827,6 +17824,8 @@ class PdfViewerBase {
         // tslint:disable-next-line
         this.previousContainerHeight = 0;
         this.isGotoPageEnabled = false;
+        this.taggedTextHandler = null;
+        this.taggedCollection = [];
         this.clearSessionStorage = () => {
             let documentId = window.sessionStorage.getItem('hashId');
             let documentLiveCount = window.sessionStorage.getItem('documentLiveCount');
@@ -18931,6 +18930,7 @@ class PdfViewerBase {
         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);
@@ -19756,6 +19756,9 @@ class PdfViewerBase {
         if (this.renderedPagesList) {
             this.renderedPagesList = [];
         }
+        if (this.taggedCollection) {
+            this.taggedCollection = [];
+        }
         if (this.pageContainer) {
             while (this.pageContainer.hasChildNodes()) {
                 this.pageContainer.removeChild(this.pageContainer.lastChild);
@@ -20990,6 +20993,14 @@ class PdfViewerBase {
         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) {
             let isAnnotationAdded = false;
             for (let i = 0; i < this.annotationRenderredList.length; i++) {
@@ -21184,6 +21195,33 @@ class PdfViewerBase {
             }
         }
     }
+    renderTaggedTextContentsFromServer(pageIndex, taggedTextResponse) {
+        this.taggedPdf.renderTaggedTextContentsFromServer(pageIndex, taggedTextResponse);
+    }
+    createRequestForTaggedText(pageIndex) {
+        let jsonObject;
+        let 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);
+            let pageData = data.filter((item) => (item.PageNumber).toString() === pageIndex.toString());
+            proxy.taggedCollection[pageIndex.toString()] = pageData;
+            proxy.renderTaggedTextContentsFromServer(pageIndex, pageData);
+        };
+        this.taggedTextHandler.onFailure = function (result) {
+            console.log("error");
+        };
+    }
+    ;
     renderPageContainer(pageNumber, pageWidth, pageHeight, topValue) {
         // tslint:disable-next-line:max-line-length
         let pageDiv = createElement('div', { id: this.pdfViewer.element.id + '_pageDiv_' + pageNumber, className: 'e-pv-page-div', attrs: { 'tabindex': '0' } });
@@ -24475,6 +24513,9 @@ class TextLayer {
             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);
@@ -27224,6 +27265,7 @@ class Magnification {
             }
             this.calculateScrollValues(scrollValue);
             this.isTapToFitZoom = !this.isTapToFitZoom;
+            setTimeout(() => { this.isMagnified = false; }, 500);
             this.isDoubleTapZoom = false;
         }
     }
@@ -35676,6 +35718,16 @@ let PdfViewer = class PdfViewer extends Component {
     get textSearch() {
         return this.textSearchModule;
     }
+    /**
+     * Gets the tagged layer object of the pdf viewer.
+     *
+     * @asptype TaggedPDF
+     * @blazorType TaggedPDF
+     * @returns { TaggedPDF }
+     */
+    get taggedPdf() {
+        return this.taggedPDFModule;
+    }
     /**
      * Gets the toolbar object of the pdf viewer.
      * @asptype Toolbar
@@ -35892,6 +35944,11 @@ let PdfViewer = class PdfViewer extends Component {
                 member: 'FormFields', args: [this, this.viewerBase]
             });
         }
+        if (this.enableTaggedPDF) {
+            modules.push({
+                member: 'TaggedPDF', args: [this, this.viewerBase]
+            });
+        }
         return modules;
     }
     /**
@@ -36749,6 +36806,9 @@ __decorate$2([
 __decorate$2([
     Property(false)
 ], PdfViewer.prototype, "isExtractText", void 0);
+__decorate$2([
+    Property(true)
+], PdfViewer.prototype, "enableTaggedPDF", void 0);
 __decorate$2([
     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);
@@ -41592,6 +41652,202 @@ class FormFields {
     }
 }
 
+/**
+ * export types
+ */
+
+/**
+ * Tagged PDF module is used to handle tagged pdf document
+ *
+ * @hidden
+ */
+class TaggedPDF {
+    /**
+     * @param {PdfViewer} pdfViewer - The PdfViewer.
+     * @param {PdfViewerBase} pdfViewerBase - The PdfViewerBase.
+     * @private
+     */
+    constructor(pdfViewer, pdfViewerBase) {
+        this.createTag = function (taggedTextResponse) {
+            let tagType = taggedTextResponse.TagType;
+            let parentTagType = taggedTextResponse.ParentTagType;
+            let text = taggedTextResponse.Text;
+            let altText = taggedTextResponse.AltText;
+            let bounds = taggedTextResponse.Bounds;
+            let childTags = taggedTextResponse.ChildElements;
+            let 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((element) => {
+                    if (tagType === "Table") {
+                        element.ChildElements.forEach((newelement) => {
+                            textTag.appendChild(this.createTag(newelement));
+                        });
+                    }
+                    else {
+                        textTag.appendChild(this.createTag(element));
+                    }
+                });
+            }
+            return textTag;
+        };
+        this.pdfViewer = pdfViewer;
+        this.pdfViewerBase = pdfViewerBase;
+    }
+    addTaggedLayer(pageIndex) {
+        let taggedLayer;
+        if (this.pdfViewer.enableTaggedPDF) {
+            let 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;
+    }
+    renderTaggedTextContentsFromServer(pageIndex, taggedTextResponse) {
+        let taggedLayer = this.addTaggedLayer(pageIndex);
+        for (let 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' } });
+            let 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);
+        }
+    }
+    getTag(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";
+        }
+    }
+    ;
+    setStyleToTaggedTextDiv(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';
+    }
+    ;
+    setTextElementProperties(textDiv) {
+        textDiv.style.fontFamily = 'serif';
+        textDiv.style.transformOrigin = '0%';
+    }
+    /**
+     * @private
+     */
+    getModuleName() {
+        return 'TaggedPDF';
+    }
+}
+
 /**
  * export types
  */
@@ -41608,5 +41864,5 @@ class FormFields {
  * export PDF viewer modules
  */
 
-export { Annotation, LinkAnnotation, TextMarkupAnnotation, MeasureAnnotation, ShapeAnnotation, StampAnnotation, StickyNotesAnnotation, FreeTextAnnotation, InputElement, NavigationPane, PdfViewerBase, TextLayer, ContextMenu$1 as ContextMenu, FontStyle, AnnotationResizerLocation, CursorType, AjaxHandler, Signature, Magnification, Navigation, ThumbnailView, Toolbar$1 as Toolbar, AnnotationToolbar, ToolbarSettings, AjaxRequestSettings, CustomStampItem, AnnotationToolbarSettings, ServerActionSettings, StrikethroughSettings, UnderlineSettings, HighlightSettings, LineSettings, ArrowSettings, RectangleSettings, CircleSettings, ShapeLabelSettings, PolygonSettings, StampSettings, CustomStampSettings, DistanceSettings, PerimeterSettings, AreaSettings, RadiusSettings, VolumeSettings, StickyNotesSettings, MeasurementSettings, FreeTextSettings, AnnotationSelectorSettings, TextSearchColorSettings, HandWrittenSignatureSettings, AnnotationSettings, DocumentTextCollectionSettings, TextDataSettings, RectangleBounds, TileRenderingSettings, ScrollSettings, PdfViewer, BookmarkView, TextSelection, TextSearch, Print, FormFields, Drawing, findActiveElement, findObjectsUnderMouse, findObjectUnderMouse, CalculateLeaderPoints, findElementUnderMouse, insertObject, findTargetShapeElement, findObjects, findActivePage, ActiveElements, getConnectorPoints, getSegmentPath, updateSegmentElement, getSegmentElement, updateDecoratorElement, getDecoratorElement, clipDecorators, clipDecorator, initDistanceLabel, updateDistanceLabel, updateRadiusLabel, initPerimeterLabel, updatePerimeterLabel, removePerimeterLabel, updateCalibrateLabel, getPolygonPath, textElement, initLeaders, initLeader, isPointOverConnector, findNearestPoint, getDecoratorShape, renderAdornerLayer, createSvg, isLineShapes, setElementStype, findPointsLength, findPerimeterLength, getBaseShapeAttributes, getFunction, cloneObject, cloneArray, getInternalProperties, isLeader, PdfBounds, PdfFont, PdfAnnotationBase, ZOrderPageTable, Selector, ToolBase, SelectTool, MoveTool, StampTool, ConnectTool, ResizeTool, NodeDrawingTool, PolygonDrawingTool, LineTool, RotateTool };
+export { Annotation, LinkAnnotation, TextMarkupAnnotation, MeasureAnnotation, ShapeAnnotation, StampAnnotation, StickyNotesAnnotation, FreeTextAnnotation, InputElement, NavigationPane, PdfViewerBase, TextLayer, ContextMenu$1 as ContextMenu, FontStyle, AnnotationResizerLocation, CursorType, AjaxHandler, Signature, Magnification, Navigation, ThumbnailView, Toolbar$1 as Toolbar, AnnotationToolbar, ToolbarSettings, AjaxRequestSettings, CustomStampItem, AnnotationToolbarSettings, ServerActionSettings, StrikethroughSettings, UnderlineSettings, HighlightSettings, LineSettings, ArrowSettings, RectangleSettings, CircleSettings, ShapeLabelSettings, PolygonSettings, StampSettings, CustomStampSettings, DistanceSettings, PerimeterSettings, AreaSettings, RadiusSettings, VolumeSettings, StickyNotesSettings, MeasurementSettings, FreeTextSettings, AnnotationSelectorSettings, TextSearchColorSettings, HandWrittenSignatureSettings, AnnotationSettings, DocumentTextCollectionSettings, TextDataSettings, RectangleBounds, TileRenderingSettings, ScrollSettings, PdfViewer, BookmarkView, TextSelection, TextSearch, Print, FormFields, TaggedPDF, Drawing, findActiveElement, findObjectsUnderMouse, findObjectUnderMouse, CalculateLeaderPoints, findElementUnderMouse, insertObject, findTargetShapeElement, findObjects, findActivePage, ActiveElements, getConnectorPoints, getSegmentPath, updateSegmentElement, getSegmentElement, updateDecoratorElement, getDecoratorElement, clipDecorators, clipDecorator, initDistanceLabel, updateDistanceLabel, updateRadiusLabel, initPerimeterLabel, updatePerimeterLabel, removePerimeterLabel, updateCalibrateLabel, getPolygonPath, textElement, initLeaders, initLeader, isPointOverConnector, findNearestPoint, getDecoratorShape, renderAdornerLayer, createSvg, isLineShapes, setElementStype, findPointsLength, findPerimeterLength, getBaseShapeAttributes, getFunction, cloneObject, cloneArray, getInternalProperties, isLeader, PdfBounds, PdfFont, PdfAnnotationBase, ZOrderPageTable, Selector, ToolBase, SelectTool, MoveTool, StampTool, ConnectTool, ResizeTool, NodeDrawingTool, PolygonDrawingTool, LineTool, RotateTool };
 //# sourceMappingURL=ej2-pdfviewer.es2015.js.map