@syncfusion/ej2-pdfviewer 17.3.54-4568 → 17.3.56-4568

package/styles/pdfviewer/_bootstrap-dark-definition.scss

@@ -13,6 +13,7 @@ $pv-page-container-margin: 0 !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border: 1px !default;
 $pv-page-div-border-style: none !default;
+$pv-page-div-focus-style: #fff 0 0 0 2px !default;
 $pv-page-div-border-color: $grey-ad !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: 0 2px 4px 0 rgba($grey-base, .2) !default;
@@ -24,6 +25,7 @@ $pv-icon-margin: 9px 7.5px !default;
 $pv-icon-height: 36px !default;
 $pv-icon-width: 36px !default;
 $pv-icon-padding-top: 7px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 50px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $grey-99 !default;
@@ -163,6 +165,7 @@ $pv-sidebar-content-container-height: calc(100% - 51px) !default;
 $pv-sidebar-content-container-width: 202px !default;
 $pv-sidebar-content-container-float: left !default;
 $pv-sidebar-content-container-border-top:  1px solid $grey-99 !default;
+$pv-sidebar-title-container-border-width: 0 0 0 0 !default;
 $pv-sidebar-title-container-width: 202px !default;
 $pv-sidebar-title-container-position: $pv-page-div-position !default;
 $pv-sidebar-title-container-height: 50px !default;
@@ -220,7 +223,7 @@ $pv-thumbnail-view-button-font-weight: 400 !default;
 $pv-thumbnail-view-button-border: 0 !default;
 $pv-thumbnail-view-button-selection-border: 0 !default;
 $pv-thumbnail-border-selection-radius: 0 !default;
-$pv-thumbnail-view-button-box-shadow: none  !default;
+$pv-thumbnail-view-button-box-shadow: none !default;
 $pv-thumbnail-view-button-padding: 10px !default;
 $pv-thumbnail-view-button-selection-padding: 9px !default;
 $pv-thumbnail-border-radius: 4px !default;
@@ -232,7 +235,7 @@ $pv-bookmark-button-background: transparent !default;
 $pv-bookmark-view-button-selection-background: $grey-99 !default;
 $pv-bookmark-view-button-selection-line-height: 1em !default;
 $pv-bookmark-button-border: none !default;
-$pv-bookmark-button-box-shadow: none  !default;
+$pv-bookmark-button-box-shadow: none !default;
 $pv-bookmark-button-padding: 10px !default;
 $pv-bookmark-border-radius: 2px !default;
 $pv-title-close-width: 32px !default;
@@ -244,9 +247,9 @@ $pv-title-close-padding: 0 7px 1px 0 !default;
 $pv-title-close-background: transparent !default;
 $pv-title-close-position: absolute !default;
 $pv-title-close-border: 1px solid transparent !default;
-$pv-title-close-box-shadow: none  !default;
+$pv-title-close-box-shadow: none !default;
 $pv-title-close-border-radius: none !default;
-$pv-title-close-font-size: 12px  !default;
+$pv-title-close-font-size: 12px !default;
 $pv-sidebar-toolbar-splitter-width: 1px !default;
 $pv-sidebar-toolbar-splitter-left: 47px !default;
 $pv-sidebar-toolbar-splitter-background: $grey-99 !default;
@@ -306,6 +309,8 @@ $pv-bookmark-icon-float: left !default;
 $pv-bookmark-icon-font-size: 14px !default;
 $pv-bookmark-icon-padding-right: 18px !default;
 $pv-bookmark-icon-padding-left: 6px !default;
+$pv-bookmark-title-padding-left: 40px !default;
+$pv-bookmark-expandable-icon-margin-top: 3px !default;
 $pv-bookmark-icon-font: grey-light-font 54% !default;
 $pv-sidebar-bookmark-title-font-size: 14px !default;
 $pv-sidebar-bookmark-title-font-family: Roboto-Regular !default;
@@ -334,7 +339,6 @@ $pv-print-popup-container-background-color: #000 !default;
 $pv-print-popup-container-opacity: .3 !default;
 $pv-search-box-height: 120px !default;
 $pv-search-box-width: 400px !default;
-$pv-search-box-top: 39px !default;
 $pv-search-box-background-color: $grey-darker !default;
 $pv-search-box-border: 1px solid $grey-99 !default;
 $pv-search-box-border-radius: 4px !default;
@@ -393,6 +397,8 @@ $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 36px !default;
 $pv-bookmark-container-border: 1px solid $grey-99 !default;
 $pv-bookmark-list-border-bottom: 1px solid $grey-99 !default;
+$pv-annotation-opacity-popup-background-color: #2a2a2a !default;
+$pv-annotation-opacity-popup-color: #f0f0f0 !default;
 $pv-annotation-opacity-popup-padding: 23px !default;
 $pv-annotation-opacity-popup-min-height: 48px !default;
 $pv-annotation-opacity-popup-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .26) !default;
@@ -413,6 +419,7 @@ $pv-annotation-dropdown-background-color-active: $grey !default;
 $pv-annotation-dropdown-border-color-active: $grey-white !default;
 $pv-annotation-drop-down-btn-line-height: 16px !default;
 $pv-annotation-drop-down-btn-padding: 7px 8px !default;
+$pv-annotation-icon-padding: 1px 8px 3px !default;
 $pv-annotation-note-border-bottom-color: #000 !default;
 $pv-annotation-note-popup-bg-color: #fff !default;
 $pv-print-overlay-bg-color: rgba($pv-print-popup-container-background-color, $pv-print-popup-container-opacity) !default;
@@ -424,8 +431,11 @@ $pv-comment-panel-bottom-color: #0070f0 !default;
 $pv-comments-content-container-bg: #131313 !default;
 $pv-comments-select-bg: #6e6e6e !default;
 $pv-comments-hover-bg: #6e6e6e !default;
+$pv-comments-div-focus-background: $gray-dark !default;
+$pv-comments-div-focus-border: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 8px !default;
 $pv-stamp-container-border-radius: 2px !default;
+$pv-stamp-icon-margin-top: 0 !default;
 $pv-properties-padding: 0 12px !default;
 $pv-properties-drop-down-margin-left: 80px !default;
 $pv-properties-line-style-padding: 8px !default;
@@ -437,16 +447,19 @@ $pv-accepted-icon-padding: 1px 1px 1px 4px !default;
 $pv-rejected-icon-padding: 2px 1px 1px 4px !default;
 $pv-status-icon-font-size: 14px !default;
 $pv-status-icon-position: absolute !default;
-$pv-comment-text-curser-color: #0070f0 !default;
+$pv-comment-text-cursor-color: #0070f0 !default;
 $pv-comment-panel-border-color: #505050 !default;
 $pv-drop-down-toolbar-box-shadow: none !default;
 $pv-line-stroke-color-margin-left: 150px !default;
 $pv-line-leader-length-margin-left: 15px !default;
 $pv-annot-toolbar-dropdown-btn-height: 36px !default;
+$pv-annot-toolbar-dropdown-btn-line-height: 36px !default;
 $pv-annot-toolbar-dropdown-btn-width: 69px !default;
 $pv-annot-toolbar-dropdown-btn-padding-top: 2px !default;
 $pv-properties-win-max-width: 417px !default;
 $pv-properties-win-max-width-big: 425px !default;
+$pv-properties-container-margin-bottom: 16px !default;
+$pv-properties-container-height: 52px !default;
 $pv-scale-ratio-win-max-width: 420px !default;
 $pv-scale-ratio-win-max-width-big: 435px !default;
 $pv-prop-line-styles-color: #000 !default;
@@ -456,8 +469,72 @@ $pv-prop-color-picker-line-height: 16px !default;
 $pv-scale-ratio-win-drop-down-padding: 0 12px !default;
 $pv-scale-ratio-win-drop-down-caret-margin-left: 93px !default;
 $pv-scale-ratio-win-drop-down-caret-margin-top: 12px !default;
+$pv-scale-ratio-input-container-height: 24px !default;
+$pv-scale-ratio-input-container-margin-bottom: 24px !default;
+$pv-scale-ratio-width: 180px !default;
+$pv-scale-ratio-container-max-width: 180px !default;
+$pv-properties-window-container-max-width: $pv-scale-ratio-container-max-width !default;
+$pv-properties-window-container-width: $pv-scale-ratio-container-max-width !default;
 $pv-annotation-dd-background-color-active: $grey-dd !default;
 $pv-prop-line-styles-margin-top: 2.5px !default;
 $pv-more-option-button-padding: 1px 7px 1px 1px !default;
 $pv-comment-title-padding-top: 8px !default;
 $pv-signature-footer-color: #bdbdbd !default;
+$pv-signature-border-color: 1px dotted #bdbdbd !default;
+$pv-signature-color: #e3165b !default;
+$pv-form-checkbox-border-color: #303030 !default;
+$pv-form-field-size: 0 !default;
+$pv-properties-form-field-win-max-width: 477px !default;
+$pv-form-field-radiobutton-border: 5px solid #fff !default;
+$pv-form-field-radiobutton-box-shadow: 0 0 0 1px #303030 !default;
+$pv-form-field-li-background-color: #d3d3d3 !default;
+$pv-form-field-font-style-icon-color: #e2e2e2 !default;
+$pv-form-field-font-style-icon-color-active: #b8b8b8 !default;
+$pv-form-field-checkbox-container: 1px solid #303030 !default;
+$pv-form-field-checkbox-checked: solid #303030 !default;
+$pv-form-field-checkbox-border-width: 3px !default;
+$pv-form-field-property-header-font-size: 20px !default;
+$pv-form-field-property-header-font-weight: 500 !default;
+$pv-form-field-property-header-line-height: 23px !default;
+$pv-form-field-property-header-opacity: .87 !default;
+$pv-form-field-property-header-margin-top: 5px !default;
+$pv-form-field-property-header-width: 80% !default;
+$pv-form-field-property-header-color: #000 !default;
+$pv-form-field-property-general-header-font-size: 13px !default;
+$pv-form-field-property-general-header-line-height: 15px !default;
+$pv-form-field-property-label-color: #757575 !default;
+$pv-form-field-property-font-style-color: #000 !default;
+$pv-prop-win-margin-left: 24px !default;
+$pv-font-size-field-width: 99px !default;
+$pv-formfield-maxlength-width: 77px !default;
+$pv-formfield-maxlength-arrow-width: 18px !default;
+$pv-formfield-designer-dialog-height: 544px !default;
+$pv-properties-header-spliter-border-bottom-color: $grey-light-font !default;
+$pv-properties-header-spliter-border-bottom-style: solid !default;
+$pv-properties-header-spliter-border-bottom-width: 1px !default;
+$pv-properties-header-spliter-left: 0 !default;
+$pv-properties-header-spliter-padding-top: 40px !default;
+$pv-properties-header-spliter-position: absolute !default;
+$pv-properties-header-spliter-width: 0 !default;
+$pv-properties-header-spliter-margin-bottom: 10px !default;
+$pv-formfield-maxlength-group-padding-left: 105px !default;
+$pv-formfield-properties-icon-height: 44px !default;
+$pv-formfield-properties-icon-padding: 5px !default;
+$pv-formfield-properties-icon-align-padding: 8px 8px !default;
+$pv-form-field-property-font-style-width: 46px !default;
+$pv-signature-delete-icon-margin-top: 14px !default;
+$pv-signature-dialog-height: 570px !default;
+$pv-signature-dialog-blazor-height: 560px !default;
+$pv-blazor-scale-ratio-dialog-max-width: 525px !default;
+$pv-handwritten-sign-width: 717px !default;
+$pv-handwritten-sign-height: 356px !default;
+$pv-canvas-sign-width: 718px !default;
+$pv-canvas-sign-width-blazor: 718px !default;
+$pv-font-div-padding: 15px !default;
+$pv-font-div-padding-blazor: 15px !default;
+$pv-signature-appearance-checkbox: 1px !default;
+$pv-show-designer-name-color: #000 !default;
+$pv-eye-icon-font-size: 18px !default;
+$pv-eye-icon-padding: 7px !default;
+$pv-eye-icon-hover-cursor: pointer !default;
+$pv-eye-icon-margin-top: 3px !default;

package/styles/pdfviewer/_bootstrap-definition.scss

@@ -13,6 +13,7 @@ $pv-page-container-margin: 0 !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border: 1px !default;
 $pv-page-div-border-style: none !default;
+$pv-page-div-focus-style:  rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $grey-ad !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: 0 2px 4px 0 rgba($grey-base, .2) !default;
@@ -24,6 +25,7 @@ $pv-icon-margin: 9px 7.5px !default;
 $pv-icon-height: 36px !default;
 $pv-icon-width: 36px !default;
 $pv-icon-padding-top: 7px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 50px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $grey-cc !default;
@@ -163,6 +165,7 @@ $pv-sidebar-content-container-height: calc(100% - 51px) !default;
 $pv-sidebar-content-container-width: 202px !default;
 $pv-sidebar-content-container-float: left !default;
 $pv-sidebar-content-container-border-top:  1px solid $grey-cc !default;
+$pv-sidebar-title-container-border-width: 0 0 0 0 !default;
 $pv-sidebar-title-container-width: 202px !default;
 $pv-sidebar-title-container-position: $pv-page-div-position !default;
 $pv-sidebar-title-container-height: 50px !default;
@@ -220,7 +223,7 @@ $pv-thumbnail-view-button-font-weight: 400 !default;
 $pv-thumbnail-view-button-border: 0 !default;
 $pv-thumbnail-view-button-selection-border: 1px solid $grey-ad !default;
 $pv-thumbnail-border-selection-radius: 4px !default;
-$pv-thumbnail-view-button-box-shadow: none  !default;
+$pv-thumbnail-view-button-box-shadow: none !default;
 $pv-thumbnail-view-button-padding: 10px !default;
 $pv-thumbnail-view-button-selection-padding: 9px !default;
 $pv-thumbnail-border-radius: 4px !default;
@@ -232,7 +235,7 @@ $pv-bookmark-button-background: transparent !default;
 $pv-bookmark-view-button-selection-background: $grey-e6 !default;
 $pv-bookmark-view-button-selection-line-height: 1em !default;
 $pv-bookmark-button-border: none !default;
-$pv-bookmark-button-box-shadow: none  !default;
+$pv-bookmark-button-box-shadow: none !default;
 $pv-bookmark-button-padding: 10px !default;
 $pv-bookmark-border-radius: 2px !default;
 $pv-title-close-width: 32px !default;
@@ -244,9 +247,9 @@ $pv-title-close-padding: 0 7px 1px 0 !default;
 $pv-title-close-background: transparent !default;
 $pv-title-close-position: absolute !default;
 $pv-title-close-border: 1px solid transparent !default;
-$pv-title-close-box-shadow: none  !default;
+$pv-title-close-box-shadow: none !default;
 $pv-title-close-border-radius: none !default;
-$pv-title-close-font-size: 12px  !default;
+$pv-title-close-font-size: 12px !default;
 $pv-sidebar-toolbar-splitter-width: 1px !default;
 $pv-sidebar-toolbar-splitter-left: 47px !default;
 $pv-sidebar-toolbar-splitter-background: $grey-cc !default;
@@ -306,6 +309,8 @@ $pv-bookmark-icon-float: left !default;
 $pv-bookmark-icon-font-size: 14px !default;
 $pv-bookmark-icon-padding-right: 18px !default;
 $pv-bookmark-icon-padding-left: 6px !default;
+$pv-bookmark-title-padding-left: 40px !default;
+$pv-bookmark-expandable-icon-margin-top: 3px !default;
 $pv-bookmark-icon-font: grey-light-font 54% !default;
 $pv-sidebar-bookmark-title-font-size: 14px !default;
 $pv-sidebar-bookmark-title-font-family: Roboto-Regular !default;
@@ -334,7 +339,6 @@ $pv-print-popup-container-background-color: #000 !default;
 $pv-print-popup-container-opacity: .3 !default;
 $pv-search-box-height: 120px !default;
 $pv-search-box-width: 400px !default;
-$pv-search-box-top: 39px !default;
 $pv-search-box-background-color: $grey-f8 !default;
 $pv-search-box-border: 1px solid $grey-cc !default;
 $pv-search-box-border-radius: 4px !default;
@@ -393,6 +397,8 @@ $pv-toolbar-btn-width-mobile: 36px !default;
 $pv-toolbar-btn-height-mobile: 36px !default;
 $pv-bookmark-container-border: 1px solid $grey-cc !default;
 $pv-bookmark-list-border-bottom: 1px solid $grey-cc !default;
+$pv-annotation-opacity-popup-background-color: #fff !default;
+$pv-annotation-opacity-popup-color: #333 !default;
 $pv-annotation-opacity-popup-padding: 23px !default;
 $pv-annotation-opacity-popup-min-height: 48px !default;
 $pv-annotation-opacity-popup-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .26) !default;
@@ -413,6 +419,7 @@ $pv-annotation-dropdown-background-color-active: $grey-e6 !default;
 $pv-annotation-dropdown-border-color-active: $grey-ad !default;
 $pv-annotation-drop-down-btn-line-height: 16px !default;
 $pv-annotation-drop-down-btn-padding: 7px 8px !default;
+$pv-annotation-icon-padding: 1px 8px 3px !default;
 $pv-annotation-note-border-bottom-color: #000 !default;
 $pv-annotation-note-popup-bg-color: #fff !default;
 $pv-print-overlay-bg-color: rgba($pv-print-popup-container-background-color, $pv-print-popup-container-opacity) !default;
@@ -424,8 +431,11 @@ $pv-comment-panel-bottom-color: $grey-ad !default;
 $pv-comments-content-container-bg: #fff !default;
 $pv-comments-select-bg: $grey-e6 !default;
 $pv-comments-hover-bg: $grey-f5 !default;
+$pv-comments-div-focus-background: $grey-e6 !default;
+$pv-comments-div-focus-border: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 8px !default;
 $pv-stamp-container-border-radius: 2px !default;
+$pv-stamp-icon-margin-top: 0 !default;
 $pv-properties-padding: 0 12px !default;
 $pv-properties-drop-down-margin-left: 80px !default;
 $pv-properties-line-style-padding: 8px !default;
@@ -437,16 +447,19 @@ $pv-accepted-icon-padding: 1px 1px 1px 4px !default;
 $pv-rejected-icon-padding: 2px 1px 1px 4px !default;
 $pv-status-icon-font-size: 14px !default;
 $pv-status-icon-position: absolute !default;
-$pv-comment-text-curser-color: rgb(49, 80, 185) !default;
+$pv-comment-text-cursor-color: rgb(49, 80, 185) !default;
 $pv-comment-panel-border-color: #adadad !default;
 $pv-drop-down-toolbar-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
 $pv-line-stroke-color-margin-left: 150px !default;
 $pv-line-leader-length-margin-left: 15px !default;
 $pv-annot-toolbar-dropdown-btn-height: 36px !default;
+$pv-annot-toolbar-dropdown-btn-line-height: 36px !default;
 $pv-annot-toolbar-dropdown-btn-width: 69px !default;
 $pv-annot-toolbar-dropdown-btn-padding-top: 2px !default;
 $pv-properties-win-max-width: 417px !default;
 $pv-properties-win-max-width-big: 425px !default;
+$pv-properties-container-margin-bottom: 16px !default;
+$pv-properties-container-height: 52px !default;
 $pv-scale-ratio-win-max-width: 420px !default;
 $pv-scale-ratio-win-max-width-big: 435px !default;
 $pv-prop-line-styles-color: #000 !default;
@@ -456,8 +469,72 @@ $pv-prop-color-picker-line-height: 16px !default;
 $pv-scale-ratio-win-drop-down-padding: 0 12px !default;
 $pv-scale-ratio-win-drop-down-caret-margin-left: 93px !default;
 $pv-scale-ratio-win-drop-down-caret-margin-top: 12px !default;
+$pv-scale-ratio-input-container-height: 24px !default;
+$pv-scale-ratio-input-container-margin-bottom: 24px !default;
+$pv-scale-ratio-width: 180px !default;
+$pv-scale-ratio-container-max-width: 180px !default;
+$pv-properties-window-container-max-width: $pv-scale-ratio-container-max-width !default;
+$pv-properties-window-container-width: $pv-scale-ratio-container-max-width !default;
 $pv-annotation-dd-background-color-active: $grey-dd !default;
 $pv-prop-line-styles-margin-top: 2.5px !default;
 $pv-more-option-button-padding: 1px 7px 1px 1px !default;
 $pv-comment-title-padding-top: 8px !default;
 $pv-signature-footer-color: #bdbdbd !default;
+$pv-signature-border-color: 1px dotted #bdbdbd !default;
+$pv-signature-color: #e3165b !default;
+$pv-form-checkbox-border-color: #303030 !default;
+$pv-form-field-size: 0 !default;
+$pv-properties-form-field-win-max-width: 477px !default;
+$pv-form-field-radiobutton-border: 5px solid #fff !default;
+$pv-form-field-radiobutton-box-shadow: 0 0 0 1px #303030 !default;
+$pv-form-field-li-background-color: #d3d3d3 !default;
+$pv-form-field-font-style-icon-color: #e2e2e2 !default;
+$pv-form-field-font-style-icon-color-active: #b8b8b8 !default;
+$pv-form-field-checkbox-container: 1px solid #303030 !default;
+$pv-form-field-checkbox-checked: solid #303030 !default;
+$pv-form-field-checkbox-border-width: 3px !default;
+$pv-form-field-property-header-font-size: 20px !default;
+$pv-form-field-property-header-font-weight: 500 !default;
+$pv-form-field-property-header-line-height: 23px !default;
+$pv-form-field-property-header-opacity: .87 !default;
+$pv-form-field-property-header-margin-top: 5px !default;
+$pv-form-field-property-header-width: 80% !default;
+$pv-form-field-property-header-color: #000 !default;
+$pv-form-field-property-general-header-font-size: 13px !default;
+$pv-form-field-property-general-header-line-height: 15px !default;
+$pv-form-field-property-label-color: #757575 !default;
+$pv-form-field-property-font-style-color: #eee !default;
+$pv-prop-win-margin-left: 24px !default;
+$pv-font-size-field-width: 99px !default;
+$pv-formfield-maxlength-width: 77px !default;
+$pv-formfield-maxlength-arrow-width: 18px !default;
+$pv-formfield-designer-dialog-height: 544px !default;
+$pv-properties-header-spliter-border-bottom-color: $grey-light-font !default;
+$pv-properties-header-spliter-border-bottom-style: solid !default;
+$pv-properties-header-spliter-border-bottom-width: 1px !default;
+$pv-properties-header-spliter-left: 0 !default;
+$pv-properties-header-spliter-padding-top: 40px !default;
+$pv-properties-header-spliter-position: absolute !default;
+$pv-properties-header-spliter-width: 0 !default;
+$pv-properties-header-spliter-margin-bottom: 10px !default;
+$pv-formfield-maxlength-group-padding-left: 105px !default;
+$pv-formfield-properties-icon-height: 44px !default;
+$pv-formfield-properties-icon-padding: 5px !default;
+$pv-formfield-properties-icon-align-padding: 8px 8px !default;
+$pv-form-field-property-font-style-width: 46px !default;
+$pv-signature-delete-icon-margin-top: 14px !default;
+$pv-signature-dialog-height: 565px !default;
+$pv-signature-dialog-blazor-height: 560px !default;
+$pv-blazor-scale-ratio-dialog-max-width: 525px !default;
+$pv-handwritten-sign-width: 718px !default;
+$pv-handwritten-sign-height: 350px !default;
+$pv-canvas-sign-width: 718px !default;
+$pv-canvas-sign-width-blazor: 718px !default;
+$pv-font-div-padding: 15px !default;
+$pv-font-div-padding-blazor: 15px !default;
+$pv-signature-appearance-checkbox: 1px !default;
+$pv-show-designer-name-color: #000 !default;
+$pv-eye-icon-font-size: 18px !default;
+$pv-eye-icon-padding: 7px !default;
+$pv-eye-icon-hover-cursor: pointer !default;
+$pv-eye-icon-margin-top: 3px !default;

package/styles/pdfviewer/_bootstrap4-definition.scss

@@ -6,13 +6,14 @@ $pv-viewer-border-style: solid !default;
 $pv-control-position: relative !default;
 $pv-control-overflow: auto !default;
 $pv-control-touch-action: pan-x pan-y !default;
-$pv-viewer-container-height: calc(100% - 50px) !default;
+$pv-viewer-container-height: calc(100% - 40px) !default;
 $pv-viewer-main-container-min-width: 400px !default;
 $pv-page-container-padding: 0 !default;
 $pv-page-container-margin: 0 !default;
 $pv-page-container-touch-action: pan-x pan-y !default;
 $pv-page-div-border: 1px !default;
 $pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $gray-500 !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: 0 2px 4px 0 rgba($gray-100, .2) !default;
@@ -25,6 +26,7 @@ $pv-icon-margin: 9px 7.5px !default;
 $pv-icon-height: 36px !default;
 $pv-icon-width: 36px !default;
 $pv-icon-padding-top: 7px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 40px !default;
 $pv-toolbar-height-big: 56px !default;
 $pv-toolbar-border: 1px solid $gray-300 !default;
@@ -107,7 +109,7 @@ $pv-zoom-drop-down-margin-bottom: 0 !default;
 $pv-zoom-drop-down-margin-left: 0 !default;
 $pv-zoom-drop-down-padding-right: 0 !default;
 $pv-zoom-drop-down-active-color: $gray-100 !default;
-$pv-current-page-border: 1px solid rgba($black, .1)  !default;
+$pv-current-page-border: 1px solid rgba($black, .1) !default;
 $pv-current-page-border-radius: 2px !default;
 $pv-current-page-padding-left: 1.5px !default;
 $pv-current-page-padding-right-rtl: 12px !default;
@@ -163,10 +165,11 @@ $pv-sidebar-content-container-position: $pv-page-div-position !default;
 $pv-sidebar-content-container-left: 41px !default;
 $pv-sidebar-content-container-left-big: 57px !default;
 $pv-sidebar-content-container-display: none !default;
-$pv-sidebar-content-container-height: calc(100% - 51px) !default;
+$pv-sidebar-content-container-height: calc(100% - 41px) !default;
 $pv-sidebar-content-container-width: 210px !default;
 $pv-sidebar-content-container-float: left !default;
 $pv-sidebar-content-container-border-top:  1px solid $gray-300 !default;
+$pv-sidebar-title-container-border-width: 0 0 0 0 !default;
 $pv-sidebar-title-container-width: 202px !default;
 $pv-sidebar-title-container-position: $pv-page-div-position !default;
 $pv-sidebar-title-container-height: 40px !default;
@@ -185,9 +188,9 @@ $pv-sidebar-title-font-size: 14px !default;
 $pv-sidebar-title-color: $gray-900 !default;
 $pv-sidebar-title-text-align: left !default;
 $pv-sidebar-toolbar-z-index: 100 !default;
-$pv-sidebar-toolbar-width: 40px !default;
+$pv-sidebar-toolbar-width: 47px !default;
 $pv-sidebar-toolbar-width-big: 56px !default;
-$pv-sidebar-toolbar-height: calc(100% - 51px) !default;
+$pv-sidebar-toolbar-height: calc(100% - 41px) !default;
 $pv-sidebar-toolbar-bottom: 0 !default;
 $pv-sidebar-toolbar-background: $gray-100 !default;
 $pv-sidebar-toolbar-position: $pv-page-div-position !default;
@@ -234,7 +237,7 @@ $pv-thumbnail-view-button-border: 0 !default;
 $pv-thumbnail-view-button-selection-border: 1px solid #545b62 !default;
 $pv-thumbnail-border-selection-radius: 4px !default;
 $pv-thumbnail-border-selection-font-color: $white !default;
-$pv-thumbnail-view-button-box-shadow: none  !default;
+$pv-thumbnail-view-button-box-shadow: none !default;
 $pv-thumbnail-view-button-padding: 8px !default;
 $pv-thumbnail-view-button-padding-big: 8px !default;
 $pv-thumbnail-view-button-selection-padding: 7px !default;
@@ -251,7 +254,7 @@ $pv-bookmark-button-background: transparent !default;
 $pv-bookmark-view-button-selection-background: $gray-100 !default;
 $pv-bookmark-view-button-selection-line-height: 1em !default;
 $pv-bookmark-button-border: none !default;
-$pv-bookmark-button-box-shadow: none  !default;
+$pv-bookmark-button-box-shadow: none !default;
 $pv-bookmark-button-padding: 4px !default;
 $pv-bookmark-button-padding-big: 7px !default;
 $pv-bookmark-border-radius: 2px !default;
@@ -265,15 +268,15 @@ $pv-title-close-padding: 0 7px 1px 0 !default;
 $pv-title-close-background: transparent !default;
 $pv-title-close-position: absolute !default;
 $pv-title-close-border: 1px solid transparent !default;
-$pv-title-close-box-shadow: none  !default;
+$pv-title-close-box-shadow: none !default;
 $pv-title-close-border-radius: none !default;
-$pv-title-close-font-size: 12px  !default;
+$pv-title-close-font-size: 12px !default;
 $pv-title-close-color: $gray-700 !default;
 $pv-sidebar-toolbar-splitter-width: 1px !default;
-$pv-sidebar-toolbar-splitter-left: 40px !default;
+$pv-sidebar-toolbar-splitter-left: 47px !default;
 $pv-sidebar-toolbar-splitter-left-big: 56px !default;
 $pv-sidebar-toolbar-splitter-background: $gray-400 !default;
-$pv-sidebar-toolbar-splitter-height: calc(100% - 50px) !default;
+$pv-sidebar-toolbar-splitter-height: calc(100% - 41px) !default;
 $pv-sidebar-toolbar-splitter-z-index: 104 !default;
 $pv-sidebar-toolbar-splitter-bottom: 0 !default;
 $pv-sidebar-toolbar-splitter-position: absolute !default;
@@ -311,7 +314,7 @@ $pv-thumbnail-hover-box-shadow: 0 0 4px 0 rgba($gray-500, 1) !default;
 $pv-thumbnail-focus-border-radius: 2px !default;
 $pv-thumbnail-focus-cursor: pointer !default;
 $pv-thumbnail-focus-padding: 2px !default;
-$pv-thumbnail-focus-border: 1px solid $gray-100 !default;
+$pv-thumbnail-focus-border: 2px solid $primary !default;
 $pv-thumbnail-focus-box-shadow: 0 0 4px 0 rgba($gray-100, .25) !default;
 $pv-thumbnail-selection-border-radius: 2px !default;
 $pv-thumbnail-selection-cursor: pointer !default;
@@ -330,6 +333,8 @@ $pv-bookmark-icon-float: left !default;
 $pv-bookmark-icon-font-size: 14px !default;
 $pv-bookmark-icon-padding-right: 18px !default;
 $pv-bookmark-icon-padding-left: 6px !default;
+$pv-bookmark-title-padding-left: 40px !default;
+$pv-bookmark-expandable-icon-margin-top: 3px !default;
 $pv-bookmark-icon-font: grey-light-font 54% !default;
 $pv-sidebar-bookmark-title-font-size: 14px !default;
 $pv-sidebar-bookmark-title-font-family: Roboto-Regular !default;
@@ -360,7 +365,6 @@ $pv-search-box-height: 92px !default;
 $pv-search-box-width: 394px !default;
 $pv-search-box-height-big: 106px !default;
 $pv-search-box-width-big: 410px !default;
-$pv-search-box-top: 43px !default;
 $pv-search-box-top-big: 52px !default;
 $pv-search-box-background-color: $gray-100 !default;
 $pv-search-box-border: 1px solid $gray-300 !default;
@@ -368,7 +372,7 @@ $pv-search-box-border-radius: 4px !default;
 $pv-search-box-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0) !default;
 $pv-search-box-padding: 14px !default;
 $pv-search-box-padding-big: 16px !default;
-$pv-search-input-height: 34px !default;
+$pv-search-input-height: 31px !default;
 $pv-search-input-height-big: 39px !default;
 $pv-search-input-width: 282px !default;
 $pv-match-case-margin-top: 14px !default;
@@ -424,6 +428,8 @@ $pv-toolbar-btn-width-mobile: 38px !default;
 $pv-toolbar-btn-height-mobile: 38px !default;
 $pv-bookmark-container-border: 1px solid $gray-100 !default;
 $pv-bookmark-list-border-bottom: 1px solid $gray-100 !default;
+$pv-annotation-opacity-popup-background-color: #fff !default;
+$pv-annotation-opacity-popup-color: #212529 !default;
 $pv-annotation-opacity-popup-padding: 23px !default;
 $pv-annotation-opacity-popup-min-height: 58px !default;
 $pv-annotation-opacity-popup-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .26) !default;
@@ -444,6 +450,7 @@ $pv-annotation-dropdown-background-color-active: #545b62 !default;
 $pv-annotation-dropdown-border-color-active: #545b62 !default;
 $pv-annotation-drop-down-btn-line-height: 16px !default;
 $pv-annotation-drop-down-btn-padding: 7px 8px !default;
+$pv-annotation-icon-padding: 1px 8px 3px !default;
 $pv-annotation-note-border-bottom-color: #000 !default;
 $pv-annotation-note-popup-bg-color: #fff !default;
 $pv-toolbar-items-last-child-margin-right-big: 4px !default;
@@ -464,9 +471,12 @@ $pv-comment-panel-bottom-color: #f8f9fa !default;
 $pv-comments-content-container-bg: #f8f9fa !default;
 $pv-comments-select-bg: #f8f9fa !default;
 $pv-comments-hover-bg: #e9ecef !default;
+$pv-comments-div-focus-border: $gray-800 !default;
+$pv-comments-div-focus-background: $gray-200 !default;
 $pv-stamp-icon-color: #495057 !default;
 $pv-annotation-thickness-drop-down-padding-top: 9px !default;
 $pv-stamp-container-border-radius: 2px !default;
+$pv-stamp-icon-margin-top: 0 !default;
 $pv-properties-padding: 0 12px !default;
 $pv-properties-drop-down-margin-left: 143px !default;
 $pv-properties-line-style-padding: 8px !default;
@@ -478,18 +488,27 @@ $pv-accepted-icon-padding: 1px 1px 1px 4px !default;
 $pv-rejected-icon-padding: 2px 1px 1px 4px !default;
 $pv-status-icon-font-size: 14px !default;
 $pv-status-icon-position: absolute !default;
-$pv-comment-text-curser-color: #007bff !default;
+$pv-comment-text-cursor-color: #007bff !default;
 $pv-comment-panel-border-color: #dee2e6 !default;
 $pv-drop-down-toolbar-box-shadow: none !default;
 $pv-line-stroke-color-margin-left: 150px !default;
 $pv-line-leader-length-margin-left: 15px !default;
 $pv-annot-toolbar-dropdown-btn-height: 36px !default;
+$pv-annot-toolbar-dropdown-btn-line-height: 36px !default;
 $pv-annot-toolbar-dropdown-btn-width: 69px !default;
 $pv-annot-toolbar-dropdown-btn-padding-top: 2px !default;
 $pv-properties-win-max-width: 417px !default;
 $pv-properties-win-max-width-big: 425px !default;
+$pv-properties-container-margin-bottom: 16px !default;
+$pv-properties-container-height: 52px !default;
 $pv-scale-ratio-win-max-width: 420px !default;
 $pv-scale-ratio-win-max-width-big: 435px !default;
+$pv-scale-ratio-input-container-height: 24px !default;
+$pv-scale-ratio-input-container-margin-bottom: 24px !default;
+$pv-scale-ratio-width: 180px !default;
+$pv-scale-ratio-container-max-width: 180px !default;
+$pv-properties-window-container-max-width: $pv-scale-ratio-container-max-width !default;
+$pv-properties-window-container-width: $pv-scale-ratio-container-max-width !default;
 $pv-prop-line-styles-color: #000 !default;
 $pv-prop-line-styles-hover-bg: #f2f4f6 !default;
 $pv-prop-color-picker-height: 36px !default;
@@ -506,3 +525,62 @@ $pv-prop-line-styles-margin-top: 2.5px !default;
 $pv-more-option-button-padding: 8px 7px 1px 1px !default;
 $pv-comment-title-padding-top: 7px !default;
 $pv-signature-footer-color: #bdbdbd !default;
+$pv-signature-border-color: 1px dotted #bdbdbd !default;
+$pv-signature-color: #e3165b !default;
+$pv-zoom-drop-down-bgcolor: #6c757d !default;
+$pv-form-checkbox-border-color: #303030 !default;
+$pv-form-field-size: 0 !default;
+$pv-properties-form-field-win-max-width: 477px !default;
+$pv-form-field-radiobutton-border: 5px solid #fff !default;
+$pv-form-field-radiobutton-box-shadow: 0 0 0 1px #303030 !default;
+$pv-form-field-li-background-color: #d3d3d3 !default;
+$pv-form-field-font-style-icon-color: #e2e2e2 !default;
+$pv-form-field-font-style-icon-color-active: #b8b8b8 !default;
+$pv-form-field-checkbox-container: 1px solid #303030 !default;
+$pv-form-field-checkbox-checked: solid #303030 !default;
+$pv-form-field-checkbox-border-width: 3px !default;
+$pv-form-field-property-header-font-size: 20px !default;
+$pv-form-field-property-header-font-weight: 500 !default;
+$pv-form-field-property-header-line-height: 23px !default;
+$pv-form-field-property-header-opacity: .87 !default;
+$pv-form-field-property-header-margin-top: 5px !default;
+$pv-form-field-property-header-width: 80% !default;
+$pv-form-field-property-header-color: #000 !default;
+$pv-form-field-property-general-header-font-size: 13px !default;
+$pv-form-field-property-general-header-line-height: 15px !default;
+$pv-form-field-property-label-color: #757575 !default;
+$pv-form-field-property-font-style-color: #eee !default;
+$pv-prop-win-margin-left: 24px !default;
+$pv-font-size-field-width: 99px !default;
+$pv-formfield-maxlength-width: 77px !default;
+$pv-formfield-maxlength-arrow-width: 18px !default;
+$pv-formfield-designer-dialog-height: 544px !default;
+$pv-properties-header-spliter-border-bottom-color: $gray-100 !default;
+$pv-properties-header-spliter-border-bottom-style: solid !default;
+$pv-properties-header-spliter-border-bottom-width: 0 !default;
+$pv-properties-header-spliter-left: 0 !default;
+$pv-properties-header-spliter-padding-top: 35px !default;
+$pv-properties-header-spliter-position: absolute !default;
+$pv-properties-header-spliter-width: 0 !default;
+$pv-properties-header-spliter-margin-bottom: 10px !default;
+$pv-formfield-maxlength-group-padding-left: 105px !default;
+$pv-formfield-properties-icon-height: 44px !default;
+$pv-formfield-properties-icon-padding: 5px !default;
+$pv-formfield-properties-icon-align-padding: 8px 8px !default;
+$pv-form-field-property-font-style-width: 46px !default;
+$pv-signature-delete-icon-margin-top: 14px !default;
+$pv-signature-dialog-height: 535px !default;
+$pv-signature-dialog-blazor-height: 540px !default;
+$pv-blazor-scale-ratio-dialog-max-width: 488px !default;
+$pv-handwritten-sign-width: 718px !default;
+$pv-handwritten-sign-height: 350px !default;
+$pv-canvas-sign-width: 718px !default;
+$pv-canvas-sign-width-blazor: 718px !default;
+$pv-font-div-padding: 15px !default;
+$pv-font-div-padding-blazor: 15px !default;
+$pv-signature-appearance-checkbox: 1px !default;
+$pv-show-designer-name-color: #000 !default;
+$pv-eye-icon-font-size: 18px !default;
+$pv-eye-icon-padding: 7px !default;
+$pv-eye-icon-hover-cursor: pointer !default;
+$pv-eye-icon-margin-top: 3px !default;

package/styles/pdfviewer/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';