@syncfusion/ej2-react-pdfviewer 19.4.40 → 19.4.48

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 ## [Unreleased]
 
+## 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.
+
+## 19.4.40 (2021-12-28)
+
 ### PDF Viewer
 
 #### Bug Fixes

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-pdfviewer.umd.min.js
-*  version : 19.4.40
+*  version : 19.4.48
 *  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.38",
+  "_id": "@syncfusion/ej2-react-pdfviewer@19.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-FVhEpSQglaGySIzDMLUkMhdZgM5KzZMu+nu5m2g+Y5OZzgelCj5bUIm0UjoAKY4eIJRuPIAFhtSuewIjN0m8ZQ==",
+  "_integrity": "sha512-IqnB0JV7HBx3i/bZC+pdJRKvzMVPFrw4axtbPZAHneqLO535xc4LCbhbAdKrnFQivyEzk2hD2ZIP75dY+iWeLw==",
   "_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.38.tgz",
-  "_shasum": "89a9945cd8f88778d198917ba2f7319816db35ad",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-pdfviewer/-/ej2-react-pdfviewer-19.4.43.tgz",
+  "_shasum": "6cb6e26727fc2b50709455eec4f06a8a125fd73e",
   "_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.40",
-    "@syncfusion/ej2-react-base": "~19.4.38"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-pdfviewer": "19.4.48",
+    "@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.40",
+  "version": "19.4.48",
   "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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1819,6 +1822,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #495057;
 }
@@ -2004,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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1741,6 +1743,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #adb5bd;
 }
@@ -1902,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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1741,6 +1743,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #6c757d;
 }
@@ -1902,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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1819,6 +1822,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #495057;
 }
@@ -2004,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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1741,6 +1743,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #adb5bd;
 }
@@ -1902,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,8 +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:focus,
-.e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
+.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,
@@ -1741,6 +1743,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   color: #fff;
 }
 
+.e-pv-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-annotation-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-mobile-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons,
+.e-pv-formdesigner-toolbar .e-tbar-btn.e-pv-tbar-btn.e-pv-select .e-icons {
+  color: #fff;
+}
+
 .e-pv-sidebar-toolbar .e-pv-tbar-btn {
   color: #6c757d;
 }
@@ -1902,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;