@syncfusion/ej2-angular-pdfviewer 23.2.7 → 24.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/esm2020/src/pdfviewer/pdfviewer.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-pdfviewer.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-pdfviewer.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-pdfviewer.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-pdfviewer.mjs.map +1 -1
  6. package/package.json +9 -9
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/src/pdfviewer/pdfviewer.component.d.ts +2 -1
  11. package/styles/bootstrap-dark.css +105 -9
  12. package/styles/bootstrap.css +105 -9
  13. package/styles/bootstrap4.css +108 -9
  14. package/styles/bootstrap5-dark.css +105 -9
  15. package/styles/bootstrap5.css +105 -9
  16. package/styles/fabric-dark.css +105 -9
  17. package/styles/fabric.css +105 -9
  18. package/styles/fluent-dark.css +119 -9
  19. package/styles/fluent.css +119 -9
  20. package/styles/highcontrast-light.css +105 -9
  21. package/styles/highcontrast.css +105 -9
  22. package/styles/material-dark.css +105 -9
  23. package/styles/material.css +105 -9
  24. package/styles/material3-dark.css +105 -9
  25. package/styles/material3.css +105 -9
  26. package/styles/pdfviewer/_bootstrap-dark-definition.scss +4 -0
  27. package/styles/pdfviewer/_bootstrap-definition.scss +4 -0
  28. package/styles/pdfviewer/_bootstrap4-definition.scss +4 -0
  29. package/styles/pdfviewer/_bootstrap5-definition.scss +4 -0
  30. package/styles/pdfviewer/_fabric-dark-definition.scss +4 -0
  31. package/styles/pdfviewer/_fabric-definition.scss +4 -0
  32. package/styles/pdfviewer/_fluent-definition.scss +4 -0
  33. package/styles/pdfviewer/_fusionnew-definition.scss +4 -0
  34. package/styles/pdfviewer/_highcontrast-definition.scss +4 -0
  35. package/styles/pdfviewer/_highcontrast-light-definition.scss +4 -0
  36. package/styles/pdfviewer/_material-dark-definition.scss +4 -0
  37. package/styles/pdfviewer/_material-definition.scss +4 -0
  38. package/styles/pdfviewer/_material3-definition.scss +4 -0
  39. package/styles/pdfviewer/_tailwind-definition.scss +4 -0
  40. package/styles/pdfviewer/_theme.scss +152 -9
  41. package/styles/pdfviewer/bootstrap-dark.css +105 -9
  42. package/styles/pdfviewer/bootstrap.css +105 -9
  43. package/styles/pdfviewer/bootstrap4.css +108 -9
  44. package/styles/pdfviewer/bootstrap5-dark.css +105 -9
  45. package/styles/pdfviewer/bootstrap5.css +105 -9
  46. package/styles/pdfviewer/fabric-dark.css +105 -9
  47. package/styles/pdfviewer/fabric.css +105 -9
  48. package/styles/pdfviewer/fluent-dark.css +119 -9
  49. package/styles/pdfviewer/fluent.css +119 -9
  50. package/styles/pdfviewer/highcontrast-light.css +105 -9
  51. package/styles/pdfviewer/highcontrast.css +105 -9
  52. package/styles/pdfviewer/material-dark.css +105 -9
  53. package/styles/pdfviewer/material.css +105 -9
  54. package/styles/pdfviewer/material3-dark.css +105 -9
  55. package/styles/pdfviewer/material3.css +105 -9
  56. package/styles/pdfviewer/tailwind-dark.css +105 -9
  57. package/styles/pdfviewer/tailwind.css +105 -9
  58. package/styles/tailwind-dark.css +105 -9
  59. package/styles/tailwind.css +105 -9
@@ -693,6 +693,14 @@ input.e-pv-input-password::-ms-reveal {
693
693
  position: absolute;
694
694
  }
695
695
 
696
+ .e-pv-viewer-container .e-pv-page-div.e-focused {
697
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px;
698
+ }
699
+
700
+ .e-pv-viewer-container.e-focused {
701
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
702
+ }
703
+
696
704
  .e-pv-toolbar,
697
705
  .e-pv-nav-toolbar,
698
706
  .e-pv-annotation-toolbar,
@@ -734,6 +742,26 @@ input.e-pv-input-password::-ms-reveal {
734
742
  display: none;
735
743
  }
736
744
 
745
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
746
+ display: none;
747
+ }
748
+
749
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
750
+ display: none;
751
+ }
752
+
753
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
754
+ display: none;
755
+ }
756
+
757
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
758
+ display: none;
759
+ }
760
+
761
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
762
+ display: none;
763
+ }
764
+
737
765
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
738
766
  height: 30px;
739
767
  margin-top: 0;
@@ -1383,6 +1411,24 @@ input.e-pv-input-password::-ms-reveal {
1383
1411
  padding: 7px;
1384
1412
  }
1385
1413
 
1414
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1415
+ background: #545b62;
1416
+ border: 1px solid #545b62;
1417
+ border-radius: 4px;
1418
+ color: #fff;
1419
+ line-height: 1em;
1420
+ padding: 7px;
1421
+ }
1422
+
1423
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1424
+ background: #545b62;
1425
+ border: 1px solid #545b62;
1426
+ border-radius: 4px;
1427
+ color: #fff;
1428
+ line-height: 1em;
1429
+ padding: 7px;
1430
+ }
1431
+
1386
1432
  .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
1387
1433
  .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
1388
1434
  padding: 9px;
@@ -2027,19 +2073,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2027
2073
  font-size: 18px;
2028
2074
  }
2029
2075
 
2030
- .e-pv-annotation-color-container .e-btn,
2031
- .e-pv-annotation-opacity-container .e-btn,
2032
- .e-pv-annotation-stroke-container .e-btn,
2033
- .e-pv-custom-annotation-thickness-container .e-btn,
2034
- .e-pv-custom-annotation-opacity-container .e-btn,
2035
- .e-pv-annotation-thickness-container .e-btn,
2036
- .e-pv-annotation-textcolor-container .e-btn,
2037
- .e-pv-annotation-textalign-container .e-btn,
2038
- .e-pv-annotation-textprop-container .e-btn {
2076
+ .e-pv-annotation-color-container.e-icon-btn,
2077
+ .e-pv-annotation-opacity-container.e-icon-btn,
2078
+ .e-pv-annotation-stroke-container.e-icon-btn,
2079
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
2080
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
2081
+ .e-pv-annotation-thickness-container.e-icon-btn,
2082
+ .e-pv-annotation-textcolor-container.e-icon-btn,
2083
+ .e-pv-annotation-textalign-container.e-icon-btn,
2084
+ .e-pv-annotation-textprop-container.e-icon-btn {
2039
2085
  height: 32px;
2040
2086
  width: 54px;
2041
2087
  }
2042
2088
 
2089
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
2090
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
2091
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
2092
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
2093
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
2094
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
2095
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
2096
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
2097
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
2098
+ white-space: nowrap;
2099
+ }
2100
+
2043
2101
  .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
2044
2102
  padding-top: 9px;
2045
2103
  }
@@ -2103,6 +2161,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2103
2161
  border-color: #545b62;
2104
2162
  }
2105
2163
 
2164
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
2165
+ background-color: #545b62;
2166
+ border-color: #545b62;
2167
+ outline: none;
2168
+ color: #fff;
2169
+ }
2170
+
2171
+ .e-pv-annotation-color-container.e-btn:focus,
2172
+ .e-pv-annotation-opacity-container.e-btn:focus,
2173
+ .e-pv-annotation-stroke-container.e-btn:focus,
2174
+ .e-pv-annotation-thickness-container.e-btn:focus,
2175
+ .e-pv-annotation-shapes-container.e-btn:focus,
2176
+ .e-pv-annotation-calibrate-container.e-btn:focus,
2177
+ .e-pv-annotation-textcolor-container.e-btn:focus,
2178
+ .e-pv-annotation-textalign-container.e-btn:focus,
2179
+ .e-pv-annotation-handwritten-container.e-btn:focus,
2180
+ .e-pv-annotation-textprop-container.e-btn:focus {
2181
+ background-color: #545b62;
2182
+ border-color: #545b62;
2183
+ outline: none;
2184
+ }
2185
+
2106
2186
  .e-pv-annotation-color-container.e-btn:active,
2107
2187
  .e-pv-annotation-opacity-container.e-btn:active,
2108
2188
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2646,6 +2726,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2646
2726
  padding: 2px 8px 3px 32px;
2647
2727
  }
2648
2728
 
2729
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2730
+ border: #343a40;
2731
+ background: #e9ecef;
2732
+ }
2733
+
2734
+ .e-pv-comments-div.e-focused {
2735
+ border: #343a40;
2736
+ background: #e9ecef;
2737
+ }
2738
+
2649
2739
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2650
2740
  float: right;
2651
2741
  padding-bottom: 7px;
@@ -3586,9 +3676,18 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3586
3676
  }
3587
3677
 
3588
3678
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3679
+ -ms-flex-pack: center;
3680
+ justify-content: center;
3589
3681
  padding: 0 7px;
3590
3682
  }
3591
3683
 
3684
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3685
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3686
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3687
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3688
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
3689
+ }
3690
+
3592
3691
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
3593
3692
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
3594
3693
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover:focus,
@@ -679,6 +679,14 @@ input.e-pv-input-password::-ms-reveal {
679
679
  position: absolute;
680
680
  }
681
681
 
682
+ .e-pv-viewer-container .e-pv-page-div.e-focused {
683
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px;
684
+ }
685
+
686
+ .e-pv-viewer-container.e-focused {
687
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
688
+ }
689
+
682
690
  .e-pv-toolbar,
683
691
  .e-pv-nav-toolbar,
684
692
  .e-pv-annotation-toolbar,
@@ -725,6 +733,26 @@ input.e-pv-input-password::-ms-reveal {
725
733
  display: none;
726
734
  }
727
735
 
736
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
737
+ display: none;
738
+ }
739
+
740
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
741
+ display: none;
742
+ }
743
+
744
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
745
+ display: none;
746
+ }
747
+
748
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
749
+ display: none;
750
+ }
751
+
752
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
753
+ display: none;
754
+ }
755
+
728
756
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
729
757
  height: 28px;
730
758
  height: 32px;
@@ -1360,6 +1388,22 @@ input.e-pv-input-password::-ms-reveal {
1360
1388
  padding: 0;
1361
1389
  }
1362
1390
 
1391
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1392
+ background: #565e64;
1393
+ border: none;
1394
+ border-radius: 4px;
1395
+ line-height: inherit;
1396
+ padding: 0;
1397
+ }
1398
+
1399
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1400
+ background: #565e64;
1401
+ border: none;
1402
+ border-radius: 4px;
1403
+ line-height: inherit;
1404
+ padding: 0;
1405
+ }
1406
+
1363
1407
  .e-pv-bookmark-button.e-btn {
1364
1408
  background: transparent;
1365
1409
  border: none;
@@ -1920,19 +1964,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1920
1964
  font-size: 18px;
1921
1965
  }
1922
1966
 
1923
- .e-pv-annotation-color-container .e-btn,
1924
- .e-pv-annotation-opacity-container .e-btn,
1925
- .e-pv-annotation-stroke-container .e-btn,
1926
- .e-pv-custom-annotation-thickness-container .e-btn,
1927
- .e-pv-custom-annotation-opacity-container .e-btn,
1928
- .e-pv-annotation-thickness-container .e-btn,
1929
- .e-pv-annotation-textcolor-container .e-btn,
1930
- .e-pv-annotation-textalign-container .e-btn,
1931
- .e-pv-annotation-textprop-container .e-btn {
1967
+ .e-pv-annotation-color-container.e-icon-btn,
1968
+ .e-pv-annotation-opacity-container.e-icon-btn,
1969
+ .e-pv-annotation-stroke-container.e-icon-btn,
1970
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
1971
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
1972
+ .e-pv-annotation-thickness-container.e-icon-btn,
1973
+ .e-pv-annotation-textcolor-container.e-icon-btn,
1974
+ .e-pv-annotation-textalign-container.e-icon-btn,
1975
+ .e-pv-annotation-textprop-container.e-icon-btn {
1932
1976
  height: 32px;
1933
1977
  width: auto;
1934
1978
  }
1935
1979
 
1980
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
1981
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
1982
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
1983
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
1984
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
1985
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
1986
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
1987
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
1988
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
1989
+ white-space: nowrap;
1990
+ }
1991
+
1936
1992
  .e-pv-shapes-toolbar {
1937
1993
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
1938
1994
  }
@@ -1992,6 +2048,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1992
2048
  border-color: #565e64;
1993
2049
  }
1994
2050
 
2051
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
2052
+ background-color: #5c636a;
2053
+ border-color: #565e64;
2054
+ outline: none;
2055
+ color: #fff;
2056
+ }
2057
+
2058
+ .e-pv-annotation-color-container.e-btn:focus,
2059
+ .e-pv-annotation-opacity-container.e-btn:focus,
2060
+ .e-pv-annotation-stroke-container.e-btn:focus,
2061
+ .e-pv-annotation-thickness-container.e-btn:focus,
2062
+ .e-pv-annotation-shapes-container.e-btn:focus,
2063
+ .e-pv-annotation-calibrate-container.e-btn:focus,
2064
+ .e-pv-annotation-textcolor-container.e-btn:focus,
2065
+ .e-pv-annotation-textalign-container.e-btn:focus,
2066
+ .e-pv-annotation-handwritten-container.e-btn:focus,
2067
+ .e-pv-annotation-textprop-container.e-btn:focus {
2068
+ background-color: #5c636a;
2069
+ border-color: #565e64;
2070
+ outline: none;
2071
+ }
2072
+
1995
2073
  .e-pv-annotation-color-container.e-btn:active,
1996
2074
  .e-pv-annotation-opacity-container.e-btn:active,
1997
2075
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2584,6 +2662,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2584
2662
  margin-bottom: 0;
2585
2663
  }
2586
2664
 
2665
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2666
+ border: #fff;
2667
+ background: #31373d;
2668
+ }
2669
+
2670
+ .e-pv-comments-div.e-focused {
2671
+ border: #fff;
2672
+ background: #31373d;
2673
+ }
2674
+
2587
2675
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2588
2676
  float: right;
2589
2677
  padding-bottom: 7px;
@@ -3577,9 +3665,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3577
3665
  }
3578
3666
 
3579
3667
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3668
+ -ms-flex-pack: center;
3669
+ justify-content: center;
3580
3670
  padding: 0 7px;
3581
3671
  }
3582
3672
 
3673
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3674
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3675
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3676
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3677
+ }
3678
+
3583
3679
  .e-dialog.e-pv-signature-dialog-height {
3584
3680
  height: 535px;
3585
3681
  }
@@ -679,6 +679,14 @@ input.e-pv-input-password::-ms-reveal {
679
679
  position: absolute;
680
680
  }
681
681
 
682
+ .e-pv-viewer-container .e-pv-page-div.e-focused {
683
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px;
684
+ }
685
+
686
+ .e-pv-viewer-container.e-focused {
687
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
688
+ }
689
+
682
690
  .e-pv-toolbar,
683
691
  .e-pv-nav-toolbar,
684
692
  .e-pv-annotation-toolbar,
@@ -725,6 +733,26 @@ input.e-pv-input-password::-ms-reveal {
725
733
  display: none;
726
734
  }
727
735
 
736
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
737
+ display: none;
738
+ }
739
+
740
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
741
+ display: none;
742
+ }
743
+
744
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
745
+ display: none;
746
+ }
747
+
748
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
749
+ display: none;
750
+ }
751
+
752
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
753
+ display: none;
754
+ }
755
+
728
756
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
729
757
  height: 28px;
730
758
  height: 32px;
@@ -1360,6 +1388,22 @@ input.e-pv-input-password::-ms-reveal {
1360
1388
  padding: 0;
1361
1389
  }
1362
1390
 
1391
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1392
+ background: #565e64;
1393
+ border: none;
1394
+ border-radius: 4px;
1395
+ line-height: inherit;
1396
+ padding: 0;
1397
+ }
1398
+
1399
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1400
+ background: #565e64;
1401
+ border: none;
1402
+ border-radius: 4px;
1403
+ line-height: inherit;
1404
+ padding: 0;
1405
+ }
1406
+
1363
1407
  .e-pv-bookmark-button.e-btn {
1364
1408
  background: transparent;
1365
1409
  border: none;
@@ -1920,19 +1964,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1920
1964
  font-size: 18px;
1921
1965
  }
1922
1966
 
1923
- .e-pv-annotation-color-container .e-btn,
1924
- .e-pv-annotation-opacity-container .e-btn,
1925
- .e-pv-annotation-stroke-container .e-btn,
1926
- .e-pv-custom-annotation-thickness-container .e-btn,
1927
- .e-pv-custom-annotation-opacity-container .e-btn,
1928
- .e-pv-annotation-thickness-container .e-btn,
1929
- .e-pv-annotation-textcolor-container .e-btn,
1930
- .e-pv-annotation-textalign-container .e-btn,
1931
- .e-pv-annotation-textprop-container .e-btn {
1967
+ .e-pv-annotation-color-container.e-icon-btn,
1968
+ .e-pv-annotation-opacity-container.e-icon-btn,
1969
+ .e-pv-annotation-stroke-container.e-icon-btn,
1970
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
1971
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
1972
+ .e-pv-annotation-thickness-container.e-icon-btn,
1973
+ .e-pv-annotation-textcolor-container.e-icon-btn,
1974
+ .e-pv-annotation-textalign-container.e-icon-btn,
1975
+ .e-pv-annotation-textprop-container.e-icon-btn {
1932
1976
  height: 32px;
1933
1977
  width: auto;
1934
1978
  }
1935
1979
 
1980
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
1981
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
1982
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
1983
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
1984
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
1985
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
1986
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
1987
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
1988
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
1989
+ white-space: nowrap;
1990
+ }
1991
+
1936
1992
  .e-pv-shapes-toolbar {
1937
1993
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
1938
1994
  }
@@ -1992,6 +2048,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1992
2048
  border-color: #565e64;
1993
2049
  }
1994
2050
 
2051
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
2052
+ background-color: #5c636a;
2053
+ border-color: #565e64;
2054
+ outline: none;
2055
+ color: #fff;
2056
+ }
2057
+
2058
+ .e-pv-annotation-color-container.e-btn:focus,
2059
+ .e-pv-annotation-opacity-container.e-btn:focus,
2060
+ .e-pv-annotation-stroke-container.e-btn:focus,
2061
+ .e-pv-annotation-thickness-container.e-btn:focus,
2062
+ .e-pv-annotation-shapes-container.e-btn:focus,
2063
+ .e-pv-annotation-calibrate-container.e-btn:focus,
2064
+ .e-pv-annotation-textcolor-container.e-btn:focus,
2065
+ .e-pv-annotation-textalign-container.e-btn:focus,
2066
+ .e-pv-annotation-handwritten-container.e-btn:focus,
2067
+ .e-pv-annotation-textprop-container.e-btn:focus {
2068
+ background-color: #5c636a;
2069
+ border-color: #565e64;
2070
+ outline: none;
2071
+ }
2072
+
1995
2073
  .e-pv-annotation-color-container.e-btn:active,
1996
2074
  .e-pv-annotation-opacity-container.e-btn:active,
1997
2075
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2584,6 +2662,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2584
2662
  margin-bottom: 0;
2585
2663
  }
2586
2664
 
2665
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2666
+ border: #212529;
2667
+ background: #e9ecef;
2668
+ }
2669
+
2670
+ .e-pv-comments-div.e-focused {
2671
+ border: #212529;
2672
+ background: #e9ecef;
2673
+ }
2674
+
2587
2675
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2588
2676
  float: right;
2589
2677
  padding-bottom: 7px;
@@ -3577,9 +3665,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3577
3665
  }
3578
3666
 
3579
3667
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3668
+ -ms-flex-pack: center;
3669
+ justify-content: center;
3580
3670
  padding: 0 7px;
3581
3671
  }
3582
3672
 
3673
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3674
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3675
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3676
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3677
+ }
3678
+
3583
3679
  .e-dialog.e-pv-signature-dialog-height {
3584
3680
  height: 535px;
3585
3681
  }
@@ -681,6 +681,14 @@ input.e-pv-input-password::-ms-reveal {
681
681
  position: absolute;
682
682
  }
683
683
 
684
+ .e-pv-viewer-container .e-pv-page-div.e-focused {
685
+ box-shadow: #fff 0 0 0 2px;
686
+ }
687
+
688
+ .e-pv-viewer-container.e-focused {
689
+ box-shadow: #fff 0 0 0 2px inset;
690
+ }
691
+
684
692
  .e-pv-toolbar,
685
693
  .e-pv-nav-toolbar,
686
694
  .e-pv-annotation-toolbar,
@@ -722,6 +730,26 @@ input.e-pv-input-password::-ms-reveal {
722
730
  display: none;
723
731
  }
724
732
 
733
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
734
+ display: none;
735
+ }
736
+
737
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
738
+ display: none;
739
+ }
740
+
741
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
742
+ display: none;
743
+ }
744
+
745
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
746
+ display: none;
747
+ }
748
+
749
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
750
+ display: none;
751
+ }
752
+
725
753
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
726
754
  height: 30px;
727
755
  margin-top: 0;
@@ -1327,6 +1355,22 @@ input.e-pv-input-password::-ms-reveal {
1327
1355
  padding: 10px;
1328
1356
  }
1329
1357
 
1358
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1359
+ background: #282727;
1360
+ border: none;
1361
+ border-radius: 0;
1362
+ line-height: 1.1em;
1363
+ padding: 10px;
1364
+ }
1365
+
1366
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1367
+ background: #282727;
1368
+ border: none;
1369
+ border-radius: 0;
1370
+ line-height: 1.1em;
1371
+ padding: 10px;
1372
+ }
1373
+
1330
1374
  .e-pv-bookmark-button.e-btn {
1331
1375
  background: transparent;
1332
1376
  border: none;
@@ -1822,19 +1866,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1822
1866
  font-size: 18px;
1823
1867
  }
1824
1868
 
1825
- .e-pv-annotation-color-container .e-btn,
1826
- .e-pv-annotation-opacity-container .e-btn,
1827
- .e-pv-annotation-stroke-container .e-btn,
1828
- .e-pv-custom-annotation-thickness-container .e-btn,
1829
- .e-pv-custom-annotation-opacity-container .e-btn,
1830
- .e-pv-annotation-thickness-container .e-btn,
1831
- .e-pv-annotation-textcolor-container .e-btn,
1832
- .e-pv-annotation-textalign-container .e-btn,
1833
- .e-pv-annotation-textprop-container .e-btn {
1869
+ .e-pv-annotation-color-container.e-icon-btn,
1870
+ .e-pv-annotation-opacity-container.e-icon-btn,
1871
+ .e-pv-annotation-stroke-container.e-icon-btn,
1872
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
1873
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
1874
+ .e-pv-annotation-thickness-container.e-icon-btn,
1875
+ .e-pv-annotation-textcolor-container.e-icon-btn,
1876
+ .e-pv-annotation-textalign-container.e-icon-btn,
1877
+ .e-pv-annotation-textprop-container.e-icon-btn {
1834
1878
  height: 50px;
1835
1879
  width: 56px;
1836
1880
  }
1837
1881
 
1882
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
1883
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
1884
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
1885
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
1886
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
1887
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
1888
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
1889
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
1890
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
1891
+ white-space: nowrap;
1892
+ }
1893
+
1838
1894
  .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
1839
1895
  padding-top: 19px;
1840
1896
  }
@@ -1898,6 +1954,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1898
1954
  border-color: #414040;
1899
1955
  }
1900
1956
 
1957
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
1958
+ background-color: #414040;
1959
+ border-color: #414040;
1960
+ outline: none;
1961
+ color: #38a9ff;
1962
+ }
1963
+
1964
+ .e-pv-annotation-color-container.e-btn:focus,
1965
+ .e-pv-annotation-opacity-container.e-btn:focus,
1966
+ .e-pv-annotation-stroke-container.e-btn:focus,
1967
+ .e-pv-annotation-thickness-container.e-btn:focus,
1968
+ .e-pv-annotation-shapes-container.e-btn:focus,
1969
+ .e-pv-annotation-calibrate-container.e-btn:focus,
1970
+ .e-pv-annotation-textcolor-container.e-btn:focus,
1971
+ .e-pv-annotation-textalign-container.e-btn:focus,
1972
+ .e-pv-annotation-handwritten-container.e-btn:focus,
1973
+ .e-pv-annotation-textprop-container.e-btn:focus {
1974
+ background-color: #414040;
1975
+ border-color: #414040;
1976
+ outline: none;
1977
+ }
1978
+
1901
1979
  .e-pv-annotation-color-container.e-btn:active,
1902
1980
  .e-pv-annotation-opacity-container.e-btn:active,
1903
1981
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2371,6 +2449,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2371
2449
  padding: 2px 8px 3px 32px;
2372
2450
  }
2373
2451
 
2452
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2453
+ border: #dadada;
2454
+ background: #414040;
2455
+ }
2456
+
2457
+ .e-pv-comments-div.e-focused {
2458
+ border: #dadada;
2459
+ background: #414040;
2460
+ }
2461
+
2374
2462
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2375
2463
  float: right;
2376
2464
  padding-bottom: 7px;
@@ -3275,9 +3363,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3275
3363
  }
3276
3364
 
3277
3365
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3366
+ -ms-flex-pack: center;
3367
+ justify-content: center;
3278
3368
  padding: 0 7px;
3279
3369
  }
3280
3370
 
3371
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3372
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3373
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3374
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3375
+ }
3376
+
3281
3377
  .e-dialog.e-pv-signature-dialog-height {
3282
3378
  height: 580px;
3283
3379
  }