@syncfusion/ej2-pdfviewer 17.3.55-4568 → 17.3.57-4568

package/package.json

@@ -70,5 +70,5 @@
     },
     "sideEffects": false,
     "typings": "index.d.ts",
-    "version": "17.3.55-4568"
+    "version": "17.3.57-4568"
   }

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

@@ -5157,8 +5157,12 @@ var PdfViewerBase = /** @class */ (function () {
         var offsetY;
         if (e.type.indexOf('touch') !== -1) {
             touchArg = e;
-            if (this.pdfViewer.annotation) {
-                var pageDiv = this.getElement('_pageDiv_' + this.pdfViewer.annotation.getEventPageNumber(e));
+            if (this.pdfViewer.annotation || this.isDeviceiOS) {
+                var pageNumber = this.currentPageNumber - 1;
+                if (this.pdfViewer.annotation && !isNaN(this.pdfViewer.annotation.getEventPageNumber(e))) {
+                    pageNumber = this.pdfViewer.annotation.getEventPageNumber(e);
+                }
+                var pageDiv = this.getElement('_pageDiv_' + pageNumber);
                 if (pageDiv) {
                     var pageCurrentRect = pageDiv.getBoundingClientRect();
                     offsetX = touchArg.changedTouches[0].clientX - pageCurrentRect.left;
@@ -5697,7 +5701,7 @@ var PdfViewerBase = /** @class */ (function () {
         }
         var target = evt.target;
         // tslint:disable-next-line:max-line-length
-        if (!touches && evt.cancelable && this.skipPreventDefault(target)) {
+        if (!touches && (evt.cancelable && !(this.isDeviceiOS && !this.pdfViewer.annotationModule)) && this.skipPreventDefault(target)) {
             evt.preventDefault();
         }
         this.eventArgs = {};

package/src/pdfviewer/magnification/magnification.js

@@ -500,7 +500,7 @@ var Magnification = /** @class */ (function () {
         this.pdfViewerBase.renderedPagesList = [];
         this.pdfViewerBase.pinchZoomStorage = [];
         this.isMagnified = false;
-        this.pdfViewerBase.pageViewScrollChanged(this.reRenderPageNumber);
+        this.pdfViewerBase.pageViewScrollChanged(this.pdfViewerBase.currentPageNumber);
         // tslint:disable-next-line
         var proxy = this;
         this.rerenderInterval = setInterval(function () { _this.initiateRerender(proxy); }, 1);

package/styles/bootstrap4.css

@@ -1718,6 +1718,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1727,10 +1729,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1742,6 +1741,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #fff;
+}
+
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -3701,6 +3706,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #495057;
 }
 
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+  color: #fff;
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 535px;
 }

package/styles/bootstrap5-dark.css

@@ -969,7 +969,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
   color: #fff;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 0;
   margin-right: 9.5px;
   min-width: unset;
@@ -1392,6 +1392,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1400,6 +1401,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1662,6 +1664,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1671,10 +1675,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1686,6 +1687,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #adb5bd;
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
@@ -1792,6 +1799,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   background-color: transparent;
 }
 
+.e-pv-search-btn.e-btn:hover:not(:disabled),
+.e-pv-sidebar-toolbar .e-pv-tbar-btn:hover:not(:disabled) {
+  background-color: #565e64;
+  color: #fff;
+}
+
 .e-pv-search-bar:not(.e-rtl) .e-pv-prev-search {
   margin-left: 16px;
 }
@@ -3676,6 +3689,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+  color: #fff;
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 535px;
 }

package/styles/bootstrap5.css

@@ -969,7 +969,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
   color: #212529;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 0;
   margin-right: 9.5px;
   min-width: unset;
@@ -1392,6 +1392,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1400,6 +1401,7 @@ input.e-pv-input-password::-ms-reveal {
   background: #565e64;
   border: none;
   border-radius: 4px;
+  color: #fff;
   line-height: inherit;
   padding: 0;
 }
@@ -1662,6 +1664,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1671,10 +1675,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1686,6 +1687,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #6c757d;
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
@@ -1792,6 +1799,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   background-color: transparent;
 }
 
+.e-pv-search-btn.e-btn:hover:not(:disabled),
+.e-pv-sidebar-toolbar .e-pv-tbar-btn:hover:not(:disabled) {
+  background-color: #565e64;
+  color: #fff;
+}
+
 .e-pv-search-bar:not(.e-rtl) .e-pv-prev-search {
   margin-left: 16px;
 }
@@ -3676,6 +3689,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
+.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
+  color: #fff;
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 535px;
 }

package/styles/fluent-dark.css

@@ -972,7 +972,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
   color: #f3f2f1;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 4px;
   margin-right: 9.5px;
   min-width: unset;
@@ -1654,6 +1654,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1663,10 +1665,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1678,6 +1677,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #fff;
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,

package/styles/fluent.css

@@ -972,7 +972,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-pv-total-page-container.e-toolbar-item:not(.e-separator) {
   color: #201f1e;
   cursor: default;
-  font-size: 13px;
+  font-size: 14px;
   margin-left: 4px;
   margin-right: 9.5px;
   min-width: unset;
@@ -1654,6 +1654,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
 .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
 .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1663,10 +1665,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
 .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
-.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
-.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
-.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
 .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
 .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1678,6 +1677,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #323130;
 }
 
+.e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
+.e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
+  color: #323130;
+}
+
 .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
 .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,