@syncfusion/ej2-vue-pdfviewer 20.3.59 → 20.4.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-pdfviewer@*",
-  "_id": "@syncfusion/ej2-vue-pdfviewer@20.3.58",
+  "_id": "@syncfusion/ej2-vue-pdfviewer@20.3.67",
   "_inBundle": false,
-  "_integrity": "sha512-whqoKKR8CJoW02AglBSqSou9+8oRCvQLDd1KbmDeiHjinho74udtYu6ab7+yb0GAtQrNmmqA4urHMydT7LaAmw==",
+  "_integrity": "sha512-ugEhbuMgPC79EfQYq/UjaxoplGGH5D0swrA2S2EtBCf0sVHfpPtzb98yZv9EWpwdehuG1s5yJ2CjV7BLlyVa1A==",
   "_location": "/@syncfusion/ej2-vue-pdfviewer",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-20.3.58.tgz",
-  "_shasum": "a1100f4dddc31cfad9d495ce644fd8d3606fa554",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-pdfviewer/-/ej2-vue-pdfviewer-20.3.67.tgz",
+  "_shasum": "de2d7b44926124fcb172664adf73908061a1a9a5",
   "_spec": "@syncfusion/ej2-vue-pdfviewer@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,12 +31,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-pdfviewer": "20.3.59",
-    "@syncfusion/ej2-vue-base": "~20.3.59"
+    "@syncfusion/ej2-base": "~20.4.38",
+    "@syncfusion/ej2-pdfviewer": "20.4.38",
+    "@syncfusion/ej2-vue-base": "~20.4.38"
   },
   "deprecated": false,
-  "description": "Essential JS 2 PDF viewer Component for undefined",
+  "description": "Essential JS 2 PDF viewer Component for Vue",
   "devDependencies": {},
   "es2015": "dist/es6/ej2-vue-pdfviewer.es2015.js",
   "homepage": "https://github.com/syncfusion/ej2-vue-ui-components#readme",
@@ -44,10 +44,11 @@
     "ej2",
     "ej2-pdfviewer",
     "syncfusion",
-    "web-components",
-    "viewer",
-    "pdf",
-    "typescript"
+    "pdf-viewer",
+    "typescript",
+    "vue",
+    "vuejs",
+    "vue-pdf-viewer"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-vue-pdfviewer.umd.min.js",
@@ -60,6 +61,6 @@
   "scripts": {
     "postinstall": "node ../ej2-vue-base/postinstall.js"
   },
-  "version": "20.3.59",
+  "version": "20.4.38",
   "sideEffects": false
 }

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

@@ -1,6 +1,10 @@
 import { ComponentBase } from '@syncfusion/ej2-vue-base';
 export declare const properties: string[];
 export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any;
+export declare const watch: any;
+export declare const emitProbs: any;
 /**
  * `ejs-pdfviewer` represents the VueJS PdfViewer Component.
  * ```vue
@@ -17,6 +21,7 @@ export declare class PdfViewerComponent extends ComponentBase {
         [key: string]: Object;
     };
     tagNameMapper: Object;
+    isVue3: boolean;
     templateCollection: any;
     constructor();
     clearTemplate(templateNames?: string[]): any;
@@ -33,12 +38,12 @@ export declare class PdfViewerComponent extends ComponentBase {
     exportAnnotation(annotationDataFormat?: Object): void;
     exportAnnotationsAsBase64String(annotationDataFormat: Object): Object;
     exportAnnotationsAsObject(): Object;
-    exportFormFields(path?: string): void;
-    exportFormFieldsAsObject(): Object;
+    exportFormFields(data?: string, formFieldDataFormat?: Object): void;
+    exportFormFieldsAsObject(formFieldDataFormat?: Object): Object;
     focusFormField(field: any): void;
     getPageNumberFromClientPoint(clientPoint: Object): number;
     importAnnotation(importData: any, annotationDataFormat?: Object): void;
-    importFormFields(formFields: any): void;
+    importFormFields(data?: string, formFieldDataFormat?: Object): void;
     load(document: string, password: string): void;
     redo(): void;
     requiredModules(): Object[];

package/src/pdfviewer/pdfviewer.component.js

@@ -17,11 +17,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';
-import { getValue } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
+import { Options } from 'vue-class-component';
 export var properties = ['isLazyUpdate', 'plugins', 'DropdownFieldSettings', 'ajaxRequestSettings', 'annotationSelectorSettings', 'annotationSettings', 'annotations', 'areaSettings', 'arrowSettings', 'checkBoxFieldSettings', 'circleSettings', 'contextMenuOption', 'contextMenuSettings', 'currentPageNumber', 'customStamp', 'customStampSettings', 'dateTimeFormat', 'designerMode', 'disableContextMenuItems', 'distanceSettings', 'documentPath', 'downloadFileName', 'drawingObject', 'enableAnnotation', 'enableAnnotationToolbar', 'enableAutoComplete', 'enableBookmark', 'enableBookmarkStyles', 'enableCommentPanel', 'enableDesktopMode', 'enableDownload', 'enableFormDesigner', 'enableFormDesignerToolbar', 'enableFormFields', 'enableFormFieldsValidation', 'enableFreeText', 'enableHandwrittenSignature', 'enableHyperlink', 'enableImportAnnotationMeasurement', 'enableInkAnnotation', 'enableMagnification', 'enableMeasureAnnotation', 'enableMultiLineOverlap', 'enableMultiPageAnnotation', 'enableNavigation', 'enableNavigationToolbar', 'enablePersistence', 'enablePinchZoom', 'enablePrint', 'enablePrintRotation', 'enableRtl', 'enableShapeAnnotation', 'enableShapeLabel', 'enableStampAnnotations', 'enableStickyNotesAnnotation', 'enableTextMarkupAnnotation', 'enableTextMarkupResizer', 'enableTextSearch', 'enableTextSelection', 'enableThumbnail', 'enableToolbar', 'enableZoomOptimization', 'exportAnnotationFileName', 'formFieldCollections', 'formFields', 'freeTextSettings', 'handWrittenSignatureSettings', 'height', 'hideEmptyDigitalSignatureFields', 'hideSaveSignature', 'highlightSettings', 'hyperlinkOpenState', 'initialDialogSettings', 'initialFieldSettings', 'inkAnnotationSettings', 'interactionMode', 'isAnnotationToolbarOpen', 'isAnnotationToolbarVisible', 'isBookmarkPanelOpen', 'isCommandPanelOpen', 'isDocumentEdited', 'isExtractText', 'isFormDesignerToolbarVisible', 'isFormFieldDocument', 'isInitialFieldToolbarSelection', 'isMaintainSelection', 'isSignatureEditable', 'isThumbnailViewOpen', 'isValidFreeText', 'lineSettings', 'listBoxFieldSettings', 'locale', 'measurementSettings', 'pageCount', 'passwordFieldSettings', 'perimeterSettings', 'polygonSettings', 'printMode', 'radioButtonFieldSettings', 'radiusSettings', 'rectangleSettings', 'restrictZoomRequest', 'retryCount', 'retryStatusCodes', 'scrollSettings', 'selectedItems', 'serverActionSettings', 'serviceUrl', 'shapeLabelSettings', 'showDigitalSignatureAppearance', 'showNotificationDialog', 'signatureDialogSettings', 'signatureFieldSettings', 'signatureFitMode', 'stampSettings', 'stickyNotesSettings', 'strikethroughSettings', 'textFieldSettings', 'textSearchColorSettings', 'tileRenderingSettings', 'toolbarSettings', 'underlineSettings', 'volumeSettings', 'width', 'zoomMode', 'zoomValue', 'addSignature', 'ajaxRequestFailed', 'ajaxRequestInitiate', 'ajaxRequestSuccess', 'annotationAdd', 'annotationDoubleClick', 'annotationMouseLeave', 'annotationMouseover', 'annotationMove', 'annotationMoving', 'annotationPropertiesChange', 'annotationRemove', 'annotationResize', 'annotationSelect', 'annotationUnSelect', 'beforeAddFreeText', 'bookmarkClick', 'buttonFieldClick', 'commentAdd', 'commentDelete', 'commentEdit', 'commentSelect', 'commentStatusChanged', 'created', 'documentLoad', 'documentLoadFailed', 'documentUnload', 'downloadEnd', 'downloadStart', 'exportFailed', 'exportStart', 'exportSuccess', 'extractTextCompleted', 'formFieldAdd', 'formFieldClick', 'formFieldDoubleClick', 'formFieldFocusOut', 'formFieldMouseLeave', 'formFieldMouseover', 'formFieldMove', 'formFieldPropertiesChange', 'formFieldRemove', 'formFieldResize', 'formFieldSelect', 'formFieldUnselect', 'hyperlinkClick', 'hyperlinkMouseOver', 'importFailed', 'importStart', 'importSuccess', 'moveSignature', 'pageChange', 'pageClick', 'pageMouseover', 'printEnd', 'printStart', 'removeSignature', 'resizeSignature', 'signaturePropertiesChange', 'signatureSelect', 'textSearchComplete', 'textSearchHighlight', 'textSearchStart', 'textSelectionEnd', 'textSelectionStart', 'thumbnailClick', 'validateFormFields', 'zoomChange'];
 export var modelProps = [];
+export var testProp = getProps({ props: properties });
+export var props = testProp[0];
+export var watch = testProp[1];
+export var emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
 /**
  * `ejs-pdfviewer` represents the VueJS PdfViewer Component.
  * ```vue
@@ -38,6 +48,7 @@ var PdfViewerComponent = /** @class */ (function (_super) {
         _this.hasInjectedModules = true;
         _this.tagMapper = {};
         _this.tagNameMapper = {};
+        _this.isVue3 = !isExecute;
         _this.ej2Instances = new PdfViewer({});
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
@@ -72,6 +83,9 @@ var PdfViewerComponent = /** @class */ (function (_super) {
     };
     PdfViewerComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
+        if (this.isVue3) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
         if (this.ej2Instances && this.ej2Instances._setProperties) {
             this.ej2Instances._setProperties(prop, muteOnChange);
         }
@@ -79,14 +93,25 @@ var PdfViewerComponent = /** @class */ (function (_super) {
             Object.keys(prop).map(function (key) {
                 _this.models.map(function (model) {
                     if ((key === model) && !(/datasource/i.test(key))) {
-                        _this.$emit('update:' + key, prop[key]);
+                        if (_this.isVue3) {
+                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                        }
+                        else {
+                            _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
+                        }
                     }
                 });
             });
         }
     };
     PdfViewerComponent.prototype.render = function (createElement) {
-        return createElement('div', this.$slots.default);
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
     };
     PdfViewerComponent.prototype.custom = function () {
         this.updated();
@@ -121,11 +146,11 @@ var PdfViewerComponent = /** @class */ (function (_super) {
     PdfViewerComponent.prototype.exportAnnotationsAsObject = function () {
         return this.ej2Instances.exportAnnotationsAsObject();
     };
-    PdfViewerComponent.prototype.exportFormFields = function (path) {
-        return this.ej2Instances.exportFormFields(path);
+    PdfViewerComponent.prototype.exportFormFields = function (data, formFieldDataFormat) {
+        return this.ej2Instances.exportFormFields(data, formFieldDataFormat);
     };
-    PdfViewerComponent.prototype.exportFormFieldsAsObject = function () {
-        return this.ej2Instances.exportFormFieldsAsObject();
+    PdfViewerComponent.prototype.exportFormFieldsAsObject = function (formFieldDataFormat) {
+        return this.ej2Instances.exportFormFieldsAsObject(formFieldDataFormat);
     };
     PdfViewerComponent.prototype.focusFormField = function (field) {
         return this.ej2Instances.focusFormField(field);
@@ -136,8 +161,8 @@ var PdfViewerComponent = /** @class */ (function (_super) {
     PdfViewerComponent.prototype.importAnnotation = function (importData, annotationDataFormat) {
         return this.ej2Instances.importAnnotation(importData, annotationDataFormat);
     };
-    PdfViewerComponent.prototype.importFormFields = function (formFields) {
-        return this.ej2Instances.importFormFields(formFields);
+    PdfViewerComponent.prototype.importFormFields = function (data, formFieldDataFormat) {
+        return this.ej2Instances.importFormFields(data, formFieldDataFormat);
     };
     PdfViewerComponent.prototype.load = function (document, password) {
         return this.ej2Instances.load(document, password);
@@ -184,6 +209,16 @@ var PdfViewerComponent = /** @class */ (function (_super) {
     PdfViewerComponent = __decorate([
         EJComponentDecorator({
             props: properties
+        }, isExecute)
+        ,Options({
+            props: props,
+            watch: watch,
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], PdfViewerComponent);
     return PdfViewerComponent;

package/styles/bootstrap-dark.css

@@ -2657,6 +2657,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/bootstrap.css

@@ -2663,6 +2663,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/bootstrap4.css

@@ -2941,6 +2941,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/bootstrap5-dark.css

@@ -2876,6 +2876,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/bootstrap5.css

@@ -2876,6 +2876,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/fabric-dark.css

@@ -2665,6 +2665,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/fabric.css

@@ -2678,6 +2678,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/fluent-dark.css

@@ -2852,6 +2852,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/fluent.css

@@ -2852,6 +2852,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/highcontrast-light.css

@@ -2655,6 +2655,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/highcontrast.css

@@ -2659,6 +2659,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/material-dark.css

@@ -2659,6 +2659,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/material.css

@@ -2659,6 +2659,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/pdfviewer/bootstrap-dark.css

@@ -2657,6 +2657,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/pdfviewer/bootstrap.css

@@ -2663,6 +2663,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/pdfviewer/bootstrap4.css

@@ -2941,6 +2941,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/pdfviewer/bootstrap5-dark.css

@@ -2876,6 +2876,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/styles/pdfviewer/bootstrap5.css

@@ -2876,6 +2876,22 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   min-height: 30px;
 }
 
+.e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+  float: left;
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
+.e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+  height: 49px;
+  min-height: 49px;
+}
+
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-italic.e-pv-tbar-btn.e-tooltip.textprop-option-active,
 .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-strikeout.e-pv-tbar-btn.e-tooltip.textprop-option-active,