@syncfusion/ej2-angular-pdfviewer 23.2.7 → 24.1.41

package/styles/fabric.css

@@ -688,6 +688,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,
@@ -729,6 +737,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: 28px;
   margin-top: 0;
@@ -1334,6 +1362,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 10px;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: #eaeaea;
+  border: none;
+  border-radius: 0;
+  line-height: 1.1em;
+  padding: 10px;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: #eaeaea;
+  border: none;
+  border-radius: 0;
+  line-height: 1.1em;
+  padding: 10px;
+}
+
 .e-pv-bookmark-button.e-btn {
   background: transparent;
   border: none;
@@ -1833,19 +1877,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: 50px;
   width: 56px;
 }
 
+.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: 19px;
 }
@@ -1909,6 +1965,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-color: transparent;
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: #f4f4f4;
+  border-color: transparent;
+  outline: none;
+  color: #0078d6;
+}
+
+.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-color: #f4f4f4;
+  border-color: transparent;
+  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,
@@ -2382,6 +2460,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: #666;
+  background: #f4f4f4;
+}
+
+.e-pv-comments-div.e-focused {
+  border: #666;
+  background: #f4f4f4;
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -3288,9 +3376,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: 565px;
 }

package/styles/fluent-dark.css

@@ -685,6 +685,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,
@@ -726,6 +734,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;
@@ -833,6 +861,10 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 2px;
 }
 
+.e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+  padding: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 22px;
@@ -1348,6 +1380,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: #292827;
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: #292827;
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
 .e-bigger .e-pv-bookmark-button.e-btn {
   margin: 12px 6px;
 }
@@ -1909,19 +1957,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: 0;
 }
@@ -1991,6 +2051,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-color: #292827;
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: #292827;
+  border-color: #292827;
+  outline: none;
+  color: #fff;
+}
+
+.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-color: #292827;
+  border-color: #292827;
+  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,
@@ -2565,6 +2647,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: #f3f2f1;
+  background: #292827;
+}
+
+.e-pv-comments-div.e-focused {
+  border: #f3f2f1;
+  background: #292827;
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -2965,6 +3057,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #a19f9d;
 }
 
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  height: 32px;
+}
+
+.e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+  overflow-y: hidden;
+}
+
 .e-pv-stamp-template-container .e-menu-container .e-menu {
   background-color: transparent;
   border-color: transparent;
@@ -3520,9 +3622,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: 591px;
   min-height: 591px;

package/styles/fluent.css

@@ -685,6 +685,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,
@@ -726,6 +734,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;
@@ -833,6 +861,10 @@ input.e-pv-input-password::-ms-reveal {
   padding-bottom: 2px;
 }
 
+.e-pdfviewer .e-pv-open-document-icon .e-pv-icon .e-icons .e-btn-icon .e-icon-left {
+  padding: 0;
+}
+
 .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   line-height: 22px;
@@ -1348,6 +1380,22 @@ input.e-pv-input-password::-ms-reveal {
   padding: 0;
 }
 
+.e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
+  background: #edebe9;
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
+.e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
+  background: #edebe9;
+  border: none;
+  border-radius: 4px;
+  line-height: inherit;
+  padding: 0;
+}
+
 .e-bigger .e-pv-bookmark-button.e-btn {
   margin: 12px 6px;
 }
@@ -1909,19 +1957,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: 0;
 }
@@ -1991,6 +2051,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
   border-color: #edebe9;
 }
 
+.e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
+  background-color: #edebe9;
+  border-color: #edebe9;
+  outline: none;
+  color: #323130;
+}
+
+.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-color: #edebe9;
+  border-color: #edebe9;
+  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,
@@ -2565,6 +2647,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: #201f1e;
+  background: #edebe9;
+}
+
+.e-pv-comments-div.e-focused {
+  border: #201f1e;
+  background: #edebe9;
+}
+
 .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
   float: right;
   padding-bottom: 7px;
@@ -2965,6 +3057,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #605e5c;
 }
 
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+.e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+  height: 32px;
+}
+
+.e-pv-mobile-annotation-toolbar .e-toolbar-items .e-hscroll-bar {
+  overflow-y: hidden;
+}
+
 .e-pv-stamp-template-container .e-menu-container .e-menu {
   background-color: transparent;
   border-color: transparent;
@@ -3520,9 +3622,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: 591px;
   min-height: 591px;