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

package/package.json

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

package/src/pdfviewer/annotation/annotation.js

@@ -357,6 +357,9 @@ var Annotation = /** @class */ (function () {
         // tslint:disable-next-line
         var sessionSize = Math.round(JSON.stringify(window.sessionStorage).length / 1024);
         var maxSessionSize = 4500;
+        if (this.pdfViewerBase.isDeviceiOS || this.pdfViewerBase.isMacSafari) {
+            maxSessionSize = 2000;
+        }
         if (sessionSize > maxSessionSize) {
             var storageLength = window.sessionStorage.length;
             // tslint:disable-next-line

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

@@ -473,6 +473,8 @@ export declare class PdfViewerBase {
     private isGotoPageEnabled;
     private taggedTextHandler;
     private taggedCollection;
+    private isScrollerMoving;
+    private isScrollerMovingTimer;
     constructor(viewer: PdfViewer);
     /**
      * @private

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

@@ -362,12 +362,12 @@ var PdfViewerBase = /** @class */ (function () {
          * @private
          */
         // eslint-disable-next-line
-        this.isDeviceiOS = (['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document));
+        this.isDeviceiOS = false;
         /**
          * @private
          */
         // eslint-disable-next-line
-        this.isMacSafari = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1 && !this.isDeviceiOS;
+        this.isMacSafari = false;
         /**
          * @private
          */
@@ -376,6 +376,8 @@ var PdfViewerBase = /** @class */ (function () {
         this.isGotoPageEnabled = false;
         this.taggedTextHandler = null;
         this.taggedCollection = [];
+        this.isScrollerMoving = false;
+        this.isScrollerMovingTimer = null;
         this.clearSessionStorage = function () {
             var documentId = window.sessionStorage.getItem('hashId');
             var documentLiveCount = window.sessionStorage.getItem('documentLiveCount');
@@ -1368,9 +1370,21 @@ var PdfViewerBase = /** @class */ (function () {
                 if (_this.isThumb) {
                     _this.ispageMoved = true;
                     event.preventDefault();
+                    _this.isScrollerMoving = true;
                     _this.mobilePageNoContainer.style.display = 'block';
                     scrollposX = event.touches[0].pageX - _this.scrollX;
                     scrollposY = event.touches[0].pageY - _this.viewerContainer.offsetTop;
+                    if (isNullOrUndefined(_this.isScrollerMovingTimer)) {
+                        _this.isScrollerMovingTimer = setTimeout(function () {
+                            _this.isScrollerMoving = false;
+                            _this.pageViewScrollChanged(_this.currentPageNumber);
+                        }, 300);
+                    }
+                    var differenceY = Math.abs(_this.viewerContainer.scrollTop - (scrollposY * ratio));
+                    if (differenceY > 10) {
+                        clearTimeout(_this.isScrollerMovingTimer);
+                        _this.isScrollerMovingTimer = null;
+                    }
                     _this.viewerContainer.scrollTop = scrollposY * ratio;
                     // tslint:disable-next-line
                     var containerValue = event.touches[0].pageY;
@@ -1485,8 +1499,6 @@ var PdfViewerBase = /** @class */ (function () {
         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);
     }
     /**
      * @private
@@ -1631,6 +1643,7 @@ var PdfViewerBase = /** @class */ (function () {
     PdfViewerBase.prototype.mobileScrollContainerDown = function (event) {
         this.ispageMoved = false;
         this.isThumb = true;
+        this.isScrollerMoving = false;
         if (this.isTextMarkupAnnotationModule()) {
             if (this.pdfViewer.annotationModule.textMarkupAnnotationModule.selectTextMarkupCurrentPage != null && Browser.isDevice) {
                 var pageNumber = this.pdfViewer.annotationModule.textMarkupAnnotationModule.selectTextMarkupCurrentPage;
@@ -1704,6 +1717,8 @@ var PdfViewerBase = /** @class */ (function () {
         }
         this.isThumb = false;
         this.ispageMoved = false;
+        this.isScrollerMoving = false;
+        this.pageViewScrollChanged(this.currentPageNumber);
         this.mobileScrollerContainer.removeEventListener('touchmove', this.viewerContainerOnScroll.bind(this), true);
         this.mobilePageNoContainer.style.display = 'none';
     };
@@ -2748,6 +2763,9 @@ var PdfViewerBase = /** @class */ (function () {
     };
     PdfViewerBase.prototype.wireEvents = function () {
         var _this = this;
+        this.isDeviceiOS = (['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document));
+        this.isMacSafari = navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") === -1 && !this.isDeviceiOS;
+        this.isWebkitMobile = /Chrome/.test(navigator.userAgent) || /Google Inc/.test(navigator.vendor) || (navigator.userAgent.indexOf('Safari') !== -1) || (navigator.userAgent.indexOf('WebKit') !== -1);
         this.viewerContainer.addEventListener('scroll', this.viewerContainerOnScroll, true);
         if (Browser.isDevice) {
             this.viewerContainer.addEventListener('touchmove', this.viewerContainerOnScroll, true);
@@ -4018,7 +4036,7 @@ var PdfViewerBase = /** @class */ (function () {
             if (this.isDataExits && !this.getStoredData(currentPageIndex)) {
                 isSkip = true;
             }
-            if (this.renderedPagesList.indexOf(currentPageIndex) === -1 && !this.getMagnified() && !isSkip) {
+            if (this.renderedPagesList.indexOf(currentPageIndex) === -1 && !this.getMagnified() && !isSkip && !this.isScrollerMoving) {
                 this.createRequestForRender(currentPageIndex);
                 this.renderCountIncrement();
             }
@@ -4031,7 +4049,7 @@ var PdfViewerBase = /** @class */ (function () {
                 isSkip = true;
             }
             if (canvas !== null && !isSkip) {
-                if (this.renderedPagesList.indexOf(previous) === -1 && !this.getMagnified()) {
+                if (this.renderedPagesList.indexOf(previous) === -1 && !this.getMagnified() && !this.isScrollerMoving) {
                     this.createRequestForRender(previous);
                     this.renderCountIncrement();
                 }
@@ -4043,7 +4061,7 @@ var PdfViewerBase = /** @class */ (function () {
             var pageHeight = 0;
             if (next < this.pageCount) {
                 pageHeight = this.getPageHeight(next);
-                if ((this.renderedPagesList.indexOf(next) === -1 || this.isMinimumZoom) && !this.getMagnified()) {
+                if ((this.renderedPagesList.indexOf(next) === -1 || this.isMinimumZoom) && !this.getMagnified() && !this.isScrollerMoving) {
                     if (this.renderedPagesList.indexOf(next) === -1) {
                         this.createRequestForRender(next);
                         this.renderCountIncrement();
@@ -4841,6 +4859,11 @@ var PdfViewerBase = /** @class */ (function () {
         // tslint:disable-next-line
         var sessionSize = Math.round(JSON.stringify(window.sessionStorage).length / 1024);
         var maxSessionSize = 5000;
+        var maxSessionLength = 200;
+        if (this.isDeviceiOS || this.isMacSafari) {
+            maxSessionSize = 2000;
+            maxSessionLength = 80;
+        }
         if (sessionSize >= maxSessionSize) {
             if (!this.isStorageExceed) {
                 // tslint:disable-next-line
@@ -4862,10 +4885,10 @@ var PdfViewerBase = /** @class */ (function () {
             }
             this.isStorageExceed = true;
             sessionSize = Math.round(JSON.stringify(window.sessionStorage).length / 1024);
-            if (sessionSize >= 5000) {
+            if (sessionSize >= maxSessionSize) {
                 var storageLength = window.sessionStorage.length;
-                if (storageLength > 200) {
-                    storageLength = 200;
+                if (storageLength > maxSessionLength) {
+                    storageLength = maxSessionLength;
                 }
                 for (var i = 0; i < storageLength; i++) {
                     if (window.sessionStorage.key(i) && window.sessionStorage.key(i).split('_')[3]) {

package/src/pdfviewer/magnification/magnification.d.ts

@@ -73,7 +73,6 @@ export declare class Magnification {
      * @private
      */
     isDoubleTapZoom: boolean;
-    private isWebkitMobile;
     /**
      * @private
      */

package/src/pdfviewer/magnification/magnification.js

@@ -71,12 +71,9 @@ var Magnification = /** @class */ (function () {
          * @private
          */
         this.isDoubleTapZoom = false;
-        this.isWebkitMobile = false;
         this.pdfViewer = pdfViewer;
         this.pdfViewerBase = viewerBase;
         this.zoomLevel = 2;
-        // tslint:disable-next-line:max-line-length
-        this.isWebkitMobile = /Chrome/.test(navigator.userAgent) || /Google Inc/.test(navigator.vendor) || (navigator.userAgent.indexOf('Safari') !== -1);
     }
     /**
      * Zoom the PDF document to the given zoom value
@@ -169,7 +166,7 @@ var Magnification = /** @class */ (function () {
             this.isAutoZoom = false;
             this.onZoomChanged(zoomValue);
             if (Browser.isDevice) {
-                if (this.isWebkitMobile) {
+                if (this.pdfViewerBase.isWebkitMobile) {
                     this.pdfViewerBase.viewerContainer.style.overflowY = 'auto';
                 }
                 else {
@@ -331,7 +328,7 @@ var Magnification = /** @class */ (function () {
             this.pdfViewerBase.isMinimumZoom = false;
         }
         if (Browser.isDevice) {
-            if (this.isWebkitMobile) {
+            if (this.pdfViewerBase.isWebkitMobile) {
                 this.pdfViewerBase.viewerContainer.style.overflowY = 'auto';
             }
             else {
@@ -898,33 +895,6 @@ var Magnification = /** @class */ (function () {
                                 aElement[index].parentNode.removeChild(aElement[index]);
                             }
                         }
-                        if (textLayer) {
-                            textLayer.style.width = width + 'px';
-                            textLayer.style.height = height + 'px';
-                            if (this.pdfViewer.textSelectionModule) {
-                                if (this.isPinchZoomed) {
-                                    textLayer.style.display = 'none';
-                                }
-                                else if (this.isMagnified) {
-                                    var lowerValue = ((pageNumber - 2) === 0) ? 0 : (pageNumber - 2);
-                                    // eslint-disable-next-line max-len
-                                    var higherValue = ((pageNumber) === (this.pdfViewerBase.pageCount)) ? (this.pdfViewerBase.pageCount - 1) : (pageNumber + 1);
-                                    if ((lowerValue <= i) && (i <= higherValue) && ((this.pdfViewer.textSelectionModule.isTextSelection && isSelectionAvailable) || this.pdfViewerBase.textLayer.getTextSearchStatus() || this.pdfViewerBase.isInitialPageMode)) {
-                                        this.pdfViewerBase.textLayer.resizeTextContentsOnZoom(i);
-                                        if (this.pdfViewer.textSelectionModule.isTextSelection && isSelectionAvailable) {
-                                            this.pdfViewer.textSelectionModule.applySelectionRangeOnScroll(i);
-                                        }
-                                    }
-                                    else {
-                                        textLayer.style.display = 'none';
-                                    }
-                                }
-                                else {
-                                    textLayer.style.display = 'none';
-                                }
-                            }
-                            this.pdfViewerBase.applyElementStyles(textLayer, i);
-                        }
                         var adornerSvg = getDiagramElement(this.pdfViewer.element.id + '_textLayer_' + i);
                         if (adornerSvg) {
                             var adonerLayer = getDiagramElement(this.pdfViewer.element.id + i + '_diagramAdorner_svg');

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

@@ -31,8 +31,10 @@ var TaggedPDF = /** @class */ (function () {
             if (text.trim() != "") {
                 textTag.innerText = text;
             }
-            if (altText && altText.trim() !== "" && (tagType === "Image" || tagType === "Figure")) {
-                textTag.alt = altText;
+            if (tagType === "Image" || tagType === "Figure") {
+                if (altText && altText.trim() !== "") {
+                    textTag.alt = altText;
+                }
                 textTag.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=";
             }
             if (childTags && childTags.length > 0) {

package/styles/bootstrap-dark.css

@@ -18,6 +18,23 @@
 .e-pdfviewer .e-pv-first-page-navigation-icon::before {
   content: "\ec2c";
 }
+.e-pdfviewer .e-pv-rotate-right-icon::before {
+  content: "\e971";
+}
+.e-pdfviewer .e-pv-organize-view-icon::before {
+  content: "\e117";
+}
+.e-pdfviewer .e-pv-organize-view-disable-icon::before {
+  color: rgba(240, 240, 240, 0.2);
+  content: "\e117";
+}
+.e-pdfviewer .e-pv-organize-view-selection-icon::before {
+  color: #0070f0;
+  content: "\e117";
+}
+.e-pdfviewer .e-pv-rotate-left-icon::before {
+  content: "\e970";
+}
 .e-pdfviewer .e-pv-previous-page-navigation-icon::before,
 .e-pdfviewer .e-pv-prev-search-icon::before {
   content: "\ec2d";
@@ -778,6 +795,18 @@ input.e-pv-input-password::-ms-reveal {
   padding-top: 16px;
 }
 
+.e-pv-image-container {
+  width: 100%;
+  height: 100%;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 3px;
+}
+
 .e-pv-gotopage-apply-btn.e-btn.e-flat.e-primary:disabled {
   background-color: transparent;
 }
@@ -985,6 +1014,10 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0 0 0 3px;
 }
 
+.e-pv-fontfamily-container .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input {
+  width: 100px;
+}
+
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
@@ -1135,6 +1168,10 @@ input.e-pv-input-password::-ms-reveal {
   padding-top: 6px;
 }
 
+.e-dialog .e-dlg-header {
+  width: auto;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
   max-height: 30px;
   padding-bottom: 3px;
@@ -1322,7 +1359,8 @@ input.e-pv-input-password::-ms-reveal {
   border-radius: 100px;
 }
 
-.e-pv-thumbnail-view-button.e-btn {
+.e-pv-thumbnail-view-button.e-btn,
+.e-pv-organize-view-button.e-btn {
   background: transparent;
   border: 0;
   border-radius: 4px;
@@ -1336,6 +1374,262 @@ input.e-pv-input-password::-ms-reveal {
   width: 32px;
 }
 
+.e-pv-organize-tile.e-pv-thumbnail-column {
+  width: 100%;
+  height: 100%;
+}
+
+.e-pv-organize-content-apperance {
+  overflow: hidden;
+}
+
+.e-pv-organize-tile-view.e-pv-thumbnail-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  overflow: auto;
+  overflow-x: hidden;
+}
+
+.e-pv-organize-anchor-node {
+  border: 2px solid #505050;
+  margin: 24px;
+  width: 140px;
+  height: 140px;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+    min-width: 140px;
+    min-height: 140px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-organize-anchor-node {
+    width: 140px;
+    height: 140px;
+    min-width: 140px;
+    min-height: 140px;
+    margin: 24px 20px;
+  }
+}
+
+.e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  top: -100%;
+  padding: 4px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    top: -100%;
+    padding: 4px;
+  }
+}
+.e-pv-organize-buttondiv {
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  position: relative;
+  text-align: center;
+  top: calc(-100% - 12px + 1px);
+}
+
+.e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+  border: 2px solid #0070f0;
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
+    border: 2px solid #0070f0;
+    border-radius: 2px;
+  }
+}
+.e-pv-organize-window {
+  border: 1px solid #505050;
+  border-radius: 0;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content {
+  border-top: 1px solid #505050;
+  padding: 15px;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-dlg-header-content {
+  padding: 15px;
+}
+
+.e-pv-tile-number {
+  text-align: center;
+  margin-top: 16.5px;
+}
+
+.e-pv-delete-button.e-btn,
+.e-pv-rotate-left-button.e-btn,
+.e-pv-rotate-right-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  margin: 0 5px;
+  padding: 0;
+}
+
+.e-pv-insert-left-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  left: calc(-1 * (25px / 2 + 2px / 2));
+  top: -70px;
+  padding: 0;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-insert-left-button.e-btn {
+    top: -70px;
+  }
+}
+
+.e-pv-insert-right-button.e-btn {
+  width: 25px;
+  height: 25px;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  right: calc(-1 * (25px / 2 + 2px / 2));
+  top: -70px;
+  padding: 0;
+}
+@media only screen and (max-width: 1399.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 1199.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 991.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 767.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+@media only screen and (max-width: 575.98px) {
+  .e-pv-insert-right-button.e-btn {
+    top: -70px;
+  }
+}
+
+.e-pv-toolbar-rotate-left-button {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  top: 7px;
+  position: relative;
+  left: 436px;
+  box-shadow: none;
+}
+
+.e-pv-toolbar-rotate-right-button {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  top: 7px;
+  position: relative;
+  left: 445px;
+  box-shadow: none;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-dlg-content {
+  padding: 0;
+  overflow: hidden;
+  border-radius: 0;
+}
+
+.e-pv-organize-toolbar-apperance.e-toolbar {
+  width: 1172px;
+  border: 1px solid #505050;
+  border-width: 1px 0;
+  background: transparent !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-pv-organize-toolbar-apperance.e-toolbar .e-toolbar-items.e-tbar-pos {
+  background: transparent !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
+  margin-left: 22px;
+  margin-right: 8px;
+  text-wrap: nowrap;
+}
+
+@media screen and (max-width: 480px) {
+  .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
+    width: 35px;
+    margin-left: 22px;
+  }
+}
 .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
 .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
   background: #131313;
@@ -1421,9 +1715,8 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-thumbnail-number {
   color: #fff;
   font-family: Roboto;
-  padding-left: 50px;
-  padding-right: 50px;
   padding-top: 8px;
+  text-align: center;
 }
 
 .e-pv-thumbnail-selection-ring {
@@ -1906,10 +2199,30 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   width: 32px;
 }
 
+.e-pv-organize-total-page-button {
+  float: left;
+  font-weight: normal;
+  color: #f0f0f0;
+  font-size: 12;
+}
+
+.e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
+  background-color: transparent;
+  background: transparent;
+  color: #f0f0f0;
+  cursor: default;
+}
+
 .e-pv-annotation-thickness-slider-container {
   margin-top: -6px;
 }
 
+.e-pv-organize-image {
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+  border: 1px solid #505050;
+}
+
 .e-pv-annotation-opacity-icon {
   padding-top: 1px;
 }
@@ -2147,8 +2460,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-properties-line-stroke-color-label,
 .e-pv-properties-line-opacity-label,
 .e-pv-properties-line-leader-length-label {
-  margin-bottom: 8px;
   font-size: 14px;
+  margin-bottom: 8px;
 }
 
 .e-pv-properties-line-end-container,
@@ -2378,6 +2691,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pdfviewer .e-checkbox-wrapper .e-frame + .e-label,
 .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
   margin-right: 10px;
+  font-size: 14px;
 }
 
 div > .e-pv-bookmark-icon.e-pv-icon.e-right {
@@ -2609,17 +2923,19 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding-left: 32px;
   padding-top: 8px;
   font-size: 14px;
-  max-width: 237px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-reply-title {
   color: rgba(255, 255, 255, 0.6);
   font-size: 14px;
-  max-width: 212px;
   padding-left: 8px;
   padding-top: 8px;
   position: absolute;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .e-pv-comments-hover {
@@ -2733,8 +3049,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pdfviewer .e-pv-signature-apperance .e-checkbox-wrapper {
-  margin-top: 10px;
   padding-bottom: 1px;
+  margin-top: 10px;
 }
 
 .e-pdfviewer .e-pv-signature-window .e-footer-content {
@@ -2826,12 +3142,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-radius: 5px;
   display: inline-block;
   font-size: 13px;
-  height: 88px;
-  margin: 15px;
   padding-top: 40px;
   text-align: center;
-  width: 311px;
   word-wrap: break-word;
+  height: 88px;
+  width: 311px;
+  margin: 15px;
 }
 
 .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item.e-focused {

package/styles/bootstrap-dark.scss

@@ -1 +1,4 @@
-@import 'pdfviewer/bootstrap-dark.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
+@import 'pdfviewer/bootstrap-dark-definition.scss';
+@import 'pdfviewer/icons/bootstrap-dark.scss';
+@import 'pdfviewer/all.scss';