@syncfusion/ej2-vue-pdfviewer 19.4.53 → 19.4.56

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pdfviewer@*",
-  "_id": "@syncfusion/ej2-vue-pdfviewer@19.4.52",
+  "_id": "@syncfusion/ej2-vue-pdfviewer@19.4.55",
   "_inBundle": false,
-  "_integrity": "sha512-he1Ue3bODL16QBxaHIHWQ1CNcQsXzH7y2IHMS9+ZAW0oOaedt/1OyIjiDOjOd/vAKDS8PTt86FhcU3WNliuSeg==",
+  "_integrity": "sha512-JBGvq9znDa6eU1w8+B1fvydJqCT0u2d3/hUp78xGB/8/IyRiWzggnIpB1VP7UGLYXFkXzmt+COlatbhwnBiRVw==",
   "_location": "/@syncfusion/ej2-vue-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-19.4.52.tgz",
-  "_shasum": "6d2ae5a57e850f0ca3ee131dd6d26726eab821be",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-19.4.55.tgz",
+  "_shasum": "ec236ba62c821b7b6b9da17b506a8cbf9d65290c",
   "_spec": "@syncfusion/ej2-vue-pdfviewer@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-pdfviewer": "19.4.53",
-    "@syncfusion/ej2-vue-base": "~19.4.53"
+    "@syncfusion/ej2-pdfviewer": "19.4.56",
+    "@syncfusion/ej2-vue-base": "~19.4.56"
   },
   "deprecated": false,
   "description": "Essential JS 2 PDF viewer Component for Vue",
@@ -61,6 +61,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.4.53",
+  "version": "19.4.56",
   "sideEffects": false
 }

package/src/pdfviewer/pdfviewer.component.d.ts

@@ -28,6 +28,7 @@ export declare class PdfViewerComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     addAnnotation(annotation: any): void;
     clearFormFields(formField?: any): void;
     deleteAnnotations(): void;
@@ -37,6 +38,7 @@ export declare class PdfViewerComponent extends ComponentBase {
     exportAnnotationsAsObject(): Object;
     exportFormFields(path?: string): void;
     exportFormFieldsAsObject(): Object;
+    focusFormField(field: any): void;
     importAnnotation(importData: any, annotationDataFormat?: Object): void;
     importFormFields(formFields: any): void;
     load(document: string, password: string): void;

package/src/pdfviewer/pdfviewer.component.js

@@ -55,6 +55,7 @@ var PdfViewerComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     PdfViewerComponent.prototype.clearTemplate = function (templateNames) {
@@ -113,6 +114,9 @@ var PdfViewerComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    PdfViewerComponent.prototype.custom = function () {
+        this.updated();
+    };
     PdfViewerComponent.prototype.addAnnotation = function (annotation) {
         return this.ej2Instances.addAnnotation(annotation);
     };
@@ -140,6 +144,9 @@ var PdfViewerComponent = /** @class */ (function (_super) {
     PdfViewerComponent.prototype.exportFormFieldsAsObject = function () {
         return this.ej2Instances.exportFormFieldsAsObject();
     };
+    PdfViewerComponent.prototype.focusFormField = function (field) {
+        return this.ej2Instances.focusFormField(field);
+    };
     PdfViewerComponent.prototype.importAnnotation = function (importData, annotationDataFormat) {
         return this.ej2Instances.importAnnotation(importData, annotationDataFormat);
     };
@@ -192,7 +199,12 @@ var PdfViewerComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], PdfViewerComponent);
     return PdfViewerComponent;

package/styles/bootstrap-dark.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 37px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/bootstrap.css

@@ -887,6 +887,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -927,7 +928,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 37px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/bootstrap4.css

@@ -905,6 +905,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -945,7 +946,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 32px;
-  min-width: 20px;
+  min-width: 32px;
   width: 32px;
 }
 

package/styles/bootstrap5-dark.css

@@ -902,6 +902,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -942,7 +943,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 30px;
-  min-width: 20px;
+  min-width: 30px;
   width: 30px;
 }
 
@@ -1931,7 +1932,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
-  color: #212529;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2085,7 +2086,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: center;
       align-items: center;
   display: -ms-flexbox;
@@ -2102,7 +2103,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2407,11 +2408,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
 .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
 .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 0 8px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px;
+  padding-top: 3px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,

package/styles/bootstrap5.css

@@ -902,6 +902,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -942,7 +943,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 30px;
-  min-width: 20px;
+  min-width: 30px;
   width: 30px;
 }
 
@@ -2085,7 +2086,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: center;
       align-items: center;
   display: -ms-flexbox;
@@ -2102,7 +2103,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2407,11 +2408,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
 .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
 .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 0 8px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px;
+  padding-top: 3px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,

package/styles/fabric-dark.css

@@ -894,6 +894,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -934,7 +935,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/fabric.css

@@ -898,6 +898,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -938,7 +939,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/highcontrast-light.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/highcontrast.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/material-dark.css

@@ -884,6 +884,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -924,7 +925,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 36px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/material.css

@@ -887,6 +887,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -927,7 +928,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 36px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/bootstrap-dark.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 37px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/bootstrap.css

@@ -887,6 +887,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -927,7 +928,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 37px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/bootstrap4.css

@@ -905,6 +905,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -945,7 +946,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 32px;
-  min-width: 20px;
+  min-width: 32px;
   width: 32px;
 }
 

package/styles/pdfviewer/bootstrap5-dark.css

@@ -902,6 +902,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -942,7 +943,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 30px;
-  min-width: 20px;
+  min-width: 30px;
   width: 30px;
 }
 
@@ -1931,7 +1932,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-thickness-popup-container {
   background-color: #fff;
   box-shadow: 0 3px 8px 0 #31373d;
-  color: #212529;
+  color: #fff;
   height: auto;
   min-height: 48px;
   padding: 16px;
@@ -2085,7 +2086,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: center;
       align-items: center;
   display: -ms-flexbox;
@@ -2102,7 +2103,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2407,11 +2408,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
 .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
 .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 0 8px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px;
+  padding-top: 3px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,

package/styles/pdfviewer/bootstrap5.css

@@ -902,6 +902,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -942,7 +943,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 30px;
-  min-width: 20px;
+  min-width: 30px;
   width: 30px;
 }
 
@@ -2085,7 +2086,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: center;
       align-items: center;
   display: -ms-flexbox;
@@ -2102,7 +2103,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
 .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
   line-height: 1.6em;
-  padding: 10px 7px 7px;
+  padding: 8px 7px 3px;
   -ms-flex-align: baseline;
       align-items: baseline;
   display: -ms-flexbox;
@@ -2407,11 +2408,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
 .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
 .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
 .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
-  -ms-flex-align: baseline;
-      align-items: baseline;
+  padding: 0 8px;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
-  padding: 0 8px;
+  padding-top: 3px;
 }
 
 .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,

package/styles/pdfviewer/fabric-dark.css

@@ -894,6 +894,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -934,7 +935,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/fabric.css

@@ -898,6 +898,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -938,7 +939,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/highcontrast-light.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/highcontrast.css

@@ -881,6 +881,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -921,7 +922,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 50px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/material-dark.css

@@ -884,6 +884,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -924,7 +925,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 36px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/material.css

@@ -887,6 +887,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -927,7 +928,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 36px;
-  min-width: 20px;
+  min-width: 36px;
   width: 36px;
 }
 

package/styles/pdfviewer/tailwind-dark.css

@@ -886,6 +886,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 26px;
   min-height: 26px;
+  font-size: 16px;
 }
 
 .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
@@ -926,7 +927,7 @@ input.e-pv-input-password::-ms-reveal {
 .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
 .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
   height: 30px;
-  min-width: 20px;
+  min-width: 30px;
   width: 30px;
 }