@syncfusion/ej2-react-pdfviewer 19.4.41 → 19.4.50

package/CHANGELOG.md

@@ -6,6 +6,49 @@
 
 #### Bug Fixes
 
+- `#SF-360337`- Exception is thrown while downloading the empty list box field is now resolved.
+- `#SF-360635`,`#SF-361422`,`#SF-361359`- Now, the form field is hidden properly when setting the visible property to hidden.
+- `#SF-358375`- Now, the PDF document loaded properly in the PDF Viewer when you set the size limit for the memory cache.
+- `#SF-359388`- Now, the form fields position is correct for a rotated PDF document.
+- `#SF-354638`- Now, the free text annotation is not hidden when clicking outside of the free text annotation.
+- `#SF-360405`- Now, the Free text annotations and ink annotations are rendered properly in the lower zoom factors.
+- `#F171647`- Now, the annotationAdd event is triggered after adding the sticky notes annotation in the annotation collection.
+- `#SF-361639`- The Script error will no longer be thrown when loading the form-fields document without injecting the form field module.
+- `#SF-362311`- Now, the Move cursor is not showing above the custom stamp while the custom stamp annotation is selected.
+- `#SF-359233`- The hidden issue of free text characters is now resolved.
+- `#SF-363626`- The Script error will no longer be thrown while loading a PDF document when the enableHyperlink is set to false.
+- `#SF-363055`- Now, the free text becomes edited properly while clicking the selector.
+- `#SF-363411`- Now, the free text position on a downloaded document is accurate on the Chrome browser.
+
+## 19.4.43 (2022-01-18)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+`#SF-359772`,`#SF-359880`- Now, the form fields are editable on the mobile device.
+`#SF-359042`- Free text annotations are downloaded properly without hiding any last character.
+`#SF-358308`- Spinners are hidden properly while removing the display as none for the spinner.
+`#SF-360035`- The Script error will no longer be thrown while using the editAnnotation method in mobile mode.
+`#SF-358584`- Stamps are saved properly in the rotated PDF document.
+
+## 19.4.42 (2022-01-11)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#SF-358006`- Overlapped stamp annotations are now placed at the exact position in the saved PDF document.
+- `#SF-357273`- Exception thrown while loading the provided PDF document due to an invalid key, is now resolved.
+- `#SF-357655`- The PDF pages are now exported to image in a multi-threaded environment.
+- `#SF-357060`- Now, the typed handwritten signature content does not exceed the text area.
+
+## 19.4.41 (2022-01-04)
+
+### PDF Viewer
+
+#### Bug Fixes
+
 - `#SF-357108` - Now, the annotations are displayed properly for the rotated documents.
 - `#SF-357489` - Now, the unnecessary thumbnail requests are restricted.
 

package/dist/ej2-react-pdfviewer.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.umd.min.js
-*  version : 19.4.41
+*  version : 19.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-pdfviewer@*",
-  "_id": "@syncfusion/ej2-react-pdfviewer@19.4.40",
+  "_id": "@syncfusion/ej2-react-pdfviewer@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-TBe2EF3KoxhxOF97348B6vGG6/r3ClBUSQcBSi+TS24wgDRX/NOz4kHeIBNsTiuUFFUuFyL6y/odXtD0dXTlFw==",
+  "_integrity": "sha512-bJmJ5vnPrHEr6IpgmE1Zhpj1J/cfziSxsPWCfdWR96DVRUUJPo+EdgWSImMoKGcskYZx0DkNPXnY1DtFK3HF8w==",
   "_location": "/@syncfusion/ej2-react-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.40.tgz",
-  "_shasum": "5bc6d5a068c552fb031d992cb69b52069531e271",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.48.tgz",
+  "_shasum": "7b1803cf22a9186f409294fc6e79b097b80bc08d",
   "_spec": "@syncfusion/ej2-react-pdfviewer@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-pdfviewer": "19.4.41",
-    "@syncfusion/ej2-react-base": "~19.4.38"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-pdfviewer": "19.4.50",
+    "@syncfusion/ej2-react-base": "~19.4.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 PDF viewer Component for React",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "19.4.41",
+  "version": "19.4.50",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1798,7 +1802,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #2a2a2a;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #f0f0f0;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/bootstrap.css

@@ -1309,6 +1309,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1804,7 +1808,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/bootstrap4.css

@@ -1358,6 +1358,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1721,6 +1725,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -2010,7 +2015,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #212529;
   height: auto;
   min-height: 58px;
   padding: 23px;

package/styles/bootstrap5-dark.css

@@ -1304,7 +1304,7 @@ input.e-pv-input-password::-ms-reveal {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
-  line-height: 40px;
+  line-height: 38px;
   margin: 0;
   position: absolute;
   text-align: left;
@@ -1342,7 +1342,10 @@ input.e-pv-input-password::-ms-reveal {
   top: 38px;
   width: 202px;
   z-index: 103;
-  border: 1px solid #444c54;
+}
+
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
 }
 
 .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1435,7 @@ input.e-pv-input-password::-ms-reveal {
   box-shadow: none;
   height: 40px;
   left: 0;
-  line-height: 40px;
+  line-height: 38px;
   padding: 1px;
   position: absolute;
   right: 0;
@@ -1462,7 +1465,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-view {
   bottom: 0;
   height: 50%;
-  padding: 8px 30px 0;
+  padding: 8px 24px 0;
   position: absolute;
   top: 0;
 }
@@ -1671,6 +1674,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -1908,7 +1912,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/bootstrap5.css

@@ -1304,7 +1304,7 @@ input.e-pv-input-password::-ms-reveal {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
-  line-height: 40px;
+  line-height: 38px;
   margin: 0;
   position: absolute;
   text-align: left;
@@ -1342,7 +1342,10 @@ input.e-pv-input-password::-ms-reveal {
   top: 38px;
   width: 202px;
   z-index: 103;
-  border: 1px solid #dee2e6;
+}
+
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
 }
 
 .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1435,7 @@ input.e-pv-input-password::-ms-reveal {
   box-shadow: none;
   height: 40px;
   left: 0;
-  line-height: 40px;
+  line-height: 38px;
   padding: 1px;
   position: absolute;
   right: 0;
@@ -1462,7 +1465,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-view {
   bottom: 0;
   height: 50%;
-  padding: 8px 30px 0;
+  padding: 8px 24px 0;
   position: absolute;
   top: 0;
 }
@@ -1671,6 +1674,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -1908,7 +1912,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #e9ecef;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/fabric-dark.css

@@ -1316,6 +1316,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1809,7 +1813,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #282727;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #dadada;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/fabric.css

@@ -1320,6 +1320,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1817,7 +1821,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/highcontrast-light.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1796,7 +1800,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/highcontrast.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1796,7 +1800,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/material-dark.css

@@ -1306,6 +1306,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1799,7 +1803,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #424242;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/material.css

@@ -1309,6 +1309,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1802,7 +1806,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/bootstrap-dark.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1798,7 +1802,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #2a2a2a;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #f0f0f0;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/pdfviewer/bootstrap.css

@@ -1309,6 +1309,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1804,7 +1808,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 23px;

package/styles/pdfviewer/bootstrap4.css

@@ -1358,6 +1358,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1721,6 +1725,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -2010,7 +2015,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.26);
+  color: #212529;
   height: auto;
   min-height: 58px;
   padding: 23px;

package/styles/pdfviewer/bootstrap5-dark.css

@@ -1304,7 +1304,7 @@ input.e-pv-input-password::-ms-reveal {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
-  line-height: 40px;
+  line-height: 38px;
   margin: 0;
   position: absolute;
   text-align: left;
@@ -1342,7 +1342,10 @@ input.e-pv-input-password::-ms-reveal {
   top: 38px;
   width: 202px;
   z-index: 103;
-  border: 1px solid #444c54;
+}
+
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
 }
 
 .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1435,7 @@ input.e-pv-input-password::-ms-reveal {
   box-shadow: none;
   height: 40px;
   left: 0;
-  line-height: 40px;
+  line-height: 38px;
   padding: 1px;
   position: absolute;
   right: 0;
@@ -1462,7 +1465,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-view {
   bottom: 0;
   height: 50%;
-  padding: 8px 30px 0;
+  padding: 8px 24px 0;
   position: absolute;
   top: 0;
 }
@@ -1671,6 +1674,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -1908,7 +1912,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/bootstrap5.css

@@ -1304,7 +1304,7 @@ input.e-pv-input-password::-ms-reveal {
   font-size: 14px;
   font-weight: 500;
   height: 40px;
-  line-height: 40px;
+  line-height: 38px;
   margin: 0;
   position: absolute;
   text-align: left;
@@ -1342,7 +1342,10 @@ input.e-pv-input-password::-ms-reveal {
   top: 38px;
   width: 202px;
   z-index: 103;
-  border: 1px solid #dee2e6;
+}
+
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
 }
 
 .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1435,7 @@ input.e-pv-input-password::-ms-reveal {
   box-shadow: none;
   height: 40px;
   left: 0;
-  line-height: 40px;
+  line-height: 38px;
   padding: 1px;
   position: absolute;
   right: 0;
@@ -1462,7 +1465,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-view {
   bottom: 0;
   height: 50%;
-  padding: 8px 30px 0;
+  padding: 8px 24px 0;
   position: absolute;
   top: 0;
 }
@@ -1671,6 +1674,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .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,
@@ -1908,7 +1912,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #e9ecef;
+  color: #212529;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/fabric-dark.css

@@ -1316,6 +1316,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1809,7 +1813,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #282727;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #dadada;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/fabric.css

@@ -1320,6 +1320,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1817,7 +1821,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #333;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/highcontrast-light.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1796,7 +1800,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/highcontrast.css

@@ -1303,6 +1303,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1796,7 +1800,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #000;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/material-dark.css

@@ -1306,6 +1306,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1799,7 +1803,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #424242;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/material.css

@@ -1309,6 +1309,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1802,7 +1806,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  color: rgba(0, 0, 0, 0.87);
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/tailwind-dark.css

@@ -1311,6 +1311,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1819,7 +1823,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #374151;
   box-shadow: 0 3px 8px 0 #4b5563;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/pdfviewer/tailwind.css

@@ -1311,6 +1311,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1819,7 +1823,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #f3f4f6;
+  color: #374151;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/tailwind-dark.css

@@ -1311,6 +1311,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1819,7 +1823,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #374151;
   box-shadow: 0 3px 8px 0 #4b5563;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;

package/styles/tailwind.css

@@ -1311,6 +1311,10 @@ input.e-pv-input-password::-ms-reveal {
   z-index: 103;
 }
 
+.e-pv-thumbnail-anchor-node:hover {
+  text-decoration: auto;
+}
+
 .e-pv-sidebar-content.e-thumbnail {
   top: 1px;
 }
@@ -1819,7 +1823,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-annotation-opacity-popup-container,
 .e-pv-annotation-thickness-popup-container {
+  background-color: #fff;
   box-shadow: 0 3px 8px 0 #f3f4f6;
+  color: #374151;
   height: auto;
   min-height: 48px;
   padding: 16px;