@syncfusion/ej2-angular-pdfviewer 23.2.7 → 24.1.41

package/styles/material3-dark.css

@@ -736,6 +736,14 @@ input.e-pv-input-password::-ms-reveal {
   position: absolute;
 }
 
+.e-pv-viewer-container .e-pv-page-div.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px;
+}
+
+.e-pv-viewer-container.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
+}
+
 .e-pv-toolbar,
 .e-pv-nav-toolbar,
 .e-pv-annotation-toolbar,
@@ -777,6 +785,26 @@ input.e-pv-input-password::-ms-reveal {
   display: none;
 }
 
+.e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
+  display: none;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper {
   height: 32px;
   margin-top: 0;
@@ -1368,6 +1396,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
 .e-pv-bookmark-button.e-btn {
   background: transparent;
   border: none;
@@ -1876,19 +1920,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
 
-.e-pv-annotation-color-container .e-btn,
-.e-pv-annotation-opacity-container .e-btn,
-.e-pv-annotation-stroke-container .e-btn,
-.e-pv-custom-annotation-thickness-container .e-btn,
-.e-pv-custom-annotation-opacity-container .e-btn,
-.e-pv-annotation-thickness-container .e-btn,
-.e-pv-annotation-textcolor-container .e-btn,
-.e-pv-annotation-textalign-container .e-btn,
-.e-pv-annotation-textprop-container .e-btn {
+.e-pv-annotation-color-container.e-icon-btn,
+.e-pv-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-stroke-container.e-icon-btn,
+.e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-thickness-container.e-icon-btn,
+.e-pv-annotation-textcolor-container.e-icon-btn,
+.e-pv-annotation-textalign-container.e-icon-btn,
+.e-pv-annotation-textprop-container.e-icon-btn {
   height: 32px;
   width: auto;
 }
 
+.e-bigger .e-pv-annotation-color-container.e-icon-btn,
+.e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+  white-space: nowrap;
+}
+
 .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
   padding-top: 7px;
 }
@@ -1954,6 +2010,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  border-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  outline: none;
+  color: rgba(var(--color-sf-on-surface));
+}
+
+.e-pv-annotation-color-container.e-btn:focus,
+.e-pv-annotation-opacity-container.e-btn:focus,
+.e-pv-annotation-stroke-container.e-btn:focus,
+.e-pv-annotation-thickness-container.e-btn:focus,
+.e-pv-annotation-shapes-container.e-btn:focus,
+.e-pv-annotation-calibrate-container.e-btn:focus,
+.e-pv-annotation-textcolor-container.e-btn:focus,
+.e-pv-annotation-textalign-container.e-btn:focus,
+.e-pv-annotation-handwritten-container.e-btn:focus,
+.e-pv-annotation-textprop-container.e-btn:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  border: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  outline: none;
+}
+
 .e-pv-annotation-color-container.e-btn:active,
 .e-pv-annotation-opacity-container.e-btn:active,
 .e-pv-annotation-stroke-container.e-btn:active,
@@ -2428,6 +2506,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 2px 8px 3px 32px;
 }
 
+.e-pv-reply-div.e-pv-comments-leave.e-focused {
+  border: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+
+.e-pv-comments-div.e-focused {
+  border: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -3435,9 +3523,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-pack: center;
+      justify-content: center;
   padding: 0 7px;
 }
 
+.e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  width: 1em !important; /* stylelint-disable-line declaration-no-important */
+  line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 555px;
   min-height: 555px;

package/styles/material3.css

@@ -792,6 +792,14 @@ input.e-pv-input-password::-ms-reveal {
   position: absolute;
 }
 
+.e-pv-viewer-container .e-pv-page-div.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px;
+}
+
+.e-pv-viewer-container.e-focused {
+  box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
+}
+
 .e-pv-toolbar,
 .e-pv-nav-toolbar,
 .e-pv-annotation-toolbar,
@@ -833,6 +841,26 @@ input.e-pv-input-password::-ms-reveal {
   display: none;
 }
 
+.e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
+  display: none;
+}
+
+.e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
+  display: none;
+}
+
 .e-pv-current-page-box.e-input-group.e-control-wrapper {
   height: 32px;
   margin-top: 0;
@@ -1424,6 +1452,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
 .e-pv-bookmark-button.e-btn {
   background: transparent;
   border: none;
@@ -1932,19 +1976,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   font-size: 18px;
 }
 
-.e-pv-annotation-color-container .e-btn,
-.e-pv-annotation-opacity-container .e-btn,
-.e-pv-annotation-stroke-container .e-btn,
-.e-pv-custom-annotation-thickness-container .e-btn,
-.e-pv-custom-annotation-opacity-container .e-btn,
-.e-pv-annotation-thickness-container .e-btn,
-.e-pv-annotation-textcolor-container .e-btn,
-.e-pv-annotation-textalign-container .e-btn,
-.e-pv-annotation-textprop-container .e-btn {
+.e-pv-annotation-color-container.e-icon-btn,
+.e-pv-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-stroke-container.e-icon-btn,
+.e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-pv-annotation-thickness-container.e-icon-btn,
+.e-pv-annotation-textcolor-container.e-icon-btn,
+.e-pv-annotation-textalign-container.e-icon-btn,
+.e-pv-annotation-textprop-container.e-icon-btn {
   height: 32px;
   width: auto;
 }
 
+.e-bigger .e-pv-annotation-color-container.e-icon-btn,
+.e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+.e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+.e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+  white-space: nowrap;
+}
+
 .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
   padding-top: 7px;
 }
@@ -2010,6 +2066,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  border-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  outline: none;
+  color: rgba(var(--color-sf-on-surface));
+}
+
+.e-pv-annotation-color-container.e-btn:focus,
+.e-pv-annotation-opacity-container.e-btn:focus,
+.e-pv-annotation-stroke-container.e-btn:focus,
+.e-pv-annotation-thickness-container.e-btn:focus,
+.e-pv-annotation-shapes-container.e-btn:focus,
+.e-pv-annotation-calibrate-container.e-btn:focus,
+.e-pv-annotation-textcolor-container.e-btn:focus,
+.e-pv-annotation-textalign-container.e-btn:focus,
+.e-pv-annotation-handwritten-container.e-btn:focus,
+.e-pv-annotation-textprop-container.e-btn:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+  border: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
+  outline: none;
+}
+
 .e-pv-annotation-color-container.e-btn:active,
 .e-pv-annotation-opacity-container.e-btn:active,
 .e-pv-annotation-stroke-container.e-btn:active,
@@ -2484,6 +2562,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   padding: 2px 8px 3px 32px;
 }
 
+.e-pv-reply-div.e-pv-comments-leave.e-focused {
+  border: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+
+.e-pv-comments-div.e-focused {
+  border: 0 0 0 1px #ffffff, 0 0 0 3px #000000;
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -3491,9 +3579,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 }
 
 .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-pack: center;
+      justify-content: center;
   padding: 0 7px;
 }
 
+.e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+  width: 1em !important; /* stylelint-disable-line declaration-no-important */
+  line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-dialog.e-pv-signature-dialog-height {
   height: 555px;
   min-height: 555px;

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;
@@ -429,6 +431,8 @@ $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;

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;
@@ -429,6 +431,8 @@ $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;

package/styles/pdfviewer/_bootstrap4-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: 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;
@@ -469,6 +471,8 @@ $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;

package/styles/pdfviewer/_bootstrap5-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: solid !default;
+$pv-page-div-focus-style:  rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: border-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: solid $border-light !default;
@@ -428,6 +430,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $content-text-color !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
 $pv-annotation-thickness-drop-down-padding-top: 10px !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_fabric-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: solid !default;
+$pv-page-div-focus-style:  #fff 0 0 0 2px !default;
 $pv-page-div-border-color: $neutral-tertiary !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !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: 52px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $neutral-tertiary-alt !default;
@@ -424,6 +426,8 @@ $pv-comment-panel-bottom-color: #6f6c6c !default;
 $pv-comments-content-container-bg: #333232 !default;
 $pv-comments-select-bg: #514f4f !default;
 $pv-comments-hover-bg: #414040 !default;
+$pv-comments-div-focus-border: $neutral-secondary !default;
+$pv-comments-div-focus-background: $neutral-light !default;
 $pv-annotation-thickness-drop-down-padding-top: 19px !default;
 $pv-stamp-container-border-radius: 0 !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_fabric-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: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $neutral-tertiary !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !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: 52px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $neutral-quintenaryalt !default;
@@ -425,6 +427,8 @@ $pv-comment-panel-bottom-color: rgb(209, 235, 255) !default;
 $pv-comments-content-container-bg: #fff !default;
 $pv-comments-select-bg: $theme-lighter !default;
 $pv-comments-hover-bg: $neutral-lighter !default;
+$pv-comments-div-focus-border: $neutral-secondary !default;
+$pv-comments-div-focus-background:  $neutral-lighter !default;
 $pv-annotation-thickness-drop-down-padding-top: 19px !default;
 $pv-stamp-container-border-radius: 0 !default;
 $pv-stamp-icon-margin-top: -7px !default;

package/styles/pdfviewer/_fluent-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: solid !default;
+$pv-page-div-focus-style:  rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: border-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: 14px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: solid $border-light !default;
@@ -432,6 +434,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $content-text-color !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
 $pv-annotation-thickness-drop-down-padding-top: 0 !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_fusionnew-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: solid !default;
+$pv-page-div-focus-style:   rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-light !default;
 $pv-page-div-border-boxing: border-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 38px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: solid $border-light !default;
@@ -428,6 +430,8 @@ $pv-comment-panel-bottom-color: $border-light !default;
 $pv-comments-content-container-bg: $content-bg-color-alt1 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: none !default;
+$pv-comments-div-focus-background: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 10px !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_highcontrast-definition.scss

@@ -14,6 +14,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: solid !default;
+$pv-page-div-focus-style:  #fff 0 0 0 2px !default;
 $pv-page-div-border-color: $border-fg !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !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: 52px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $border-default !default;
@@ -425,6 +427,8 @@ $pv-comment-panel-bottom-color: rgb(255, 255, 255) !default;
 $pv-comments-content-container-bg: rgb(0, 0, 0) !default;
 $pv-comments-select-bg: $selection-bg !default;
 $pv-comments-hover-bg: $hover-bg !default;
+$pv-comments-div-focus-border: $content-font !default;
+$pv-comments-div-focus-background: $hover-bg !default;
 $pv-annotation-thickness-drop-down-padding-top: 19px !default;
 $pv-stamp-container-border-radius: 0 !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_highcontrast-light-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: solid !default;
+$pv-page-div-focus-style:  rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: $border-fg !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !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: 52px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid $border-default !default;
@@ -423,6 +425,8 @@ $pv-comment-panel-bottom-color: rgb(255, 255, 255) !default;
 $pv-comments-content-container-bg: rgb(0, 0, 0) !default;
 $pv-comments-select-bg: rgb(255, 217, 57) !default;
 $pv-comments-hover-bg: $hover-bg;
+$pv-comments-div-focus-border: none !default;
+$pv-comments-div-focus-background: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 19px !default;
 $pv-stamp-container-border-radius: 0 !default;
 $pv-stamp-icon-margin-top: 0 !default;

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

@@ -12,6 +12,7 @@ $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-focus-style: #fff 0 0 0 2px !default;
 $pv-page-div-border-style: none !default;
 $pv-page-div-border-color: $grey-600 !default;
 $pv-page-div-border-boxing: content-box !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 56px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 0 solid $grey-700 !default;
@@ -425,6 +427,8 @@ $pv-comment-panel-bottom-color: rgba(255, 128, 171, .6) !default;
 $pv-comments-content-container-bg: #212121 !default;
 $pv-comments-select-bg: #212121 !default;
 $pv-comments-hover-bg: rgba(255, 255, 255, .2) !default;
+$pv-comments-div-focus-border: $grey-800 !default;
+$pv-comments-div-focus-background: 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;

package/styles/pdfviewer/_material-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-600 !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: 0 2px 4px 0 rgba($grey-black, .21) !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: 16px !default;
 $pv-icon-margin: 7px 7.5px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 56px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 0 solid $grey-300 !default;
@@ -424,6 +426,8 @@ $pv-comment-panel-bottom-color: #e0e0e0 !default;
 $pv-comments-content-container-bg: #fff !default;
 $pv-comments-select-bg: $grey-300 !default;
 $pv-comments-hover-bg: $grey-200 !default;
+$pv-comments-div-focus-border: $grey-300 !default;
+$pv-comments-div-focus-background: none !default;
 $pv-annotation-thickness-drop-down-padding-top: 10px !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;

package/styles/pdfviewer/_material3-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: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
 $pv-page-div-border-color: rgba($black) !default;
 $pv-page-div-border-boxing: content-box !default;
 $pv-page-div-box-shadow: none !default;
@@ -23,6 +24,7 @@ $pv-icon-font-size: $text-lg !default;
 $pv-icon-margin: 7px !default;
 $pv-icon-height: 18px !default;
 $pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
 $pv-toolbar-height: 48px !default;
 $pv-toolbar-height-big: $pv-toolbar-height !default;
 $pv-toolbar-border: 1px solid rgba($border-light) !default;
@@ -429,6 +431,8 @@ $pv-comment-panel-bottom-color: rgba($border-light) !default;
 $pv-comments-content-container-bg: $content-bg-color-alt2 !default;
 $pv-comments-select-bg: $content-bg-color-hover !default;
 $pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $shadow-focus-ring1 !default;
+$pv-comments-div-focus-background: $content-bg-color-hover !default;
 $pv-annotation-thickness-drop-down-padding-top: 7px !default;
 $pv-stamp-container-border-radius: 2px !default;
 $pv-stamp-icon-margin-top: 0 !default;