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

package/package.json

@@ -70,5 +70,5 @@
     },
     "sideEffects": false,
     "typings": "index.d.ts",
-    "version": "17.3.58-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/styles/bootstrap-dark.css

@@ -1014,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),
@@ -2197,9 +2201,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #f0f0f0;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2456,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,
@@ -3045,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 {
@@ -3138,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';

package/styles/bootstrap.css

@@ -1020,6 +1020,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),
@@ -2203,9 +2207,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #000;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2462,8 +2466,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,
@@ -3053,8 +3057,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 {
@@ -3146,12 +3150,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.scss

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

package/styles/bootstrap4.css

@@ -1035,6 +1035,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),
@@ -2418,9 +2422,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #212529;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2677,8 +2681,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,
@@ -3339,8 +3343,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 {
@@ -3434,12 +3438,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/bootstrap4.scss

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

package/styles/bootstrap5-dark.css

@@ -39,14 +39,12 @@
   content: "\e8a5";
 }
 .e-pdfviewer .e-pv-prev-search-icon::before {
-  color: #adb5bd;
   content: "\e765";
 }
 .e-pdfviewer .e-pv-next-page-navigation-icon::before {
   content: "\e748";
 }
 .e-pdfviewer .e-pv-next-search-icon::before {
-  color: #adb5bd;
   content: "\e748";
 }
 .e-pdfviewer .e-pv-last-page-navigation-icon::before {
@@ -1033,6 +1031,10 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.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),
@@ -2077,11 +2079,16 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-search-btn.e-btn {
   background-color: transparent;
+  color: #adb5bd;
   border: 0;
   box-shadow: none;
   height: 24px;
   margin-top: -6px;
   width: 24px;
+  padding-bottom: 0;
+  padding-left: 1px;
+  padding-right: 1px;
+  padding-top: 1px;
 }
 
 .e-pv-search-btn.e-btn:active {
@@ -2312,9 +2319,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #fff;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2619,8 +2626,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,
@@ -3278,8 +3285,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: 5px;
+  margin-top: 10px;
 }
 
 .e-pdfviewer .e-pv-signature-window .e-footer-content {
@@ -3372,12 +3379,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/bootstrap5-dark.scss

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

package/styles/bootstrap5.css

@@ -39,14 +39,12 @@
   content: "\e8a5";
 }
 .e-pdfviewer .e-pv-prev-search-icon::before {
-  color: #6c757d;
   content: "\e765";
 }
 .e-pdfviewer .e-pv-next-page-navigation-icon::before {
   content: "\e748";
 }
 .e-pdfviewer .e-pv-next-search-icon::before {
-  color: #6c757d;
   content: "\e748";
 }
 .e-pdfviewer .e-pv-last-page-navigation-icon::before {
@@ -1033,6 +1031,10 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.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),
@@ -2077,11 +2079,16 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-search-btn.e-btn {
   background-color: transparent;
+  color: #6c757d;
   border: 0;
   box-shadow: none;
   height: 24px;
   margin-top: -6px;
   width: 24px;
+  padding-bottom: 0;
+  padding-left: 1px;
+  padding-right: 1px;
+  padding-top: 1px;
 }
 
 .e-pv-search-btn.e-btn:active {
@@ -2312,9 +2319,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #212529;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2619,8 +2626,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,
@@ -3278,8 +3285,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: 5px;
+  margin-top: 10px;
 }
 
 .e-pdfviewer .e-pv-signature-window .e-footer-content {
@@ -3372,12 +3379,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/bootstrap5.scss

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

package/styles/fabric-dark.css

@@ -1024,6 +1024,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),
@@ -2205,9 +2209,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 
 .e-pv-organize-total-page-button {
   float: left;
-  font-size: 12;
   font-weight: normal;
   color: #dadada;
+  font-size: 12;
 }
 
 .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
@@ -2464,8 +2468,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,
@@ -3053,8 +3057,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 {
@@ -3146,12 +3150,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 {