@syncfusion/ej2-angular-pdfviewer 26.1.41 → 26.1.42-ngcc

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 (64) hide show
  1. package/@syncfusion/ej2-angular-pdfviewer.es5.js +279 -0
  2. package/@syncfusion/ej2-angular-pdfviewer.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-pdfviewer.js +260 -0
  4. package/@syncfusion/ej2-angular-pdfviewer.js.map +1 -0
  5. package/dist/ej2-angular-pdfviewer.umd.js +515 -0
  6. package/dist/ej2-angular-pdfviewer.umd.js.map +1 -0
  7. package/dist/ej2-angular-pdfviewer.umd.min.js +11 -0
  8. package/dist/ej2-angular-pdfviewer.umd.min.js.map +1 -0
  9. package/ej2-angular-pdfviewer.d.ts +5 -0
  10. package/ej2-angular-pdfviewer.metadata.json +1 -0
  11. package/license +10 -0
  12. package/package.json +14 -28
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/pdfviewer/pdfviewer-all.module.d.ts +0 -6
  15. package/src/pdfviewer/pdfviewer.component.d.ts +0 -3
  16. package/src/pdfviewer/pdfviewer.module.d.ts +0 -6
  17. package/styles/bootstrap-dark.css +14 -3
  18. package/styles/bootstrap.css +14 -3
  19. package/styles/bootstrap4.css +17 -4
  20. package/styles/bootstrap5-dark.css +23 -6
  21. package/styles/bootstrap5.css +23 -6
  22. package/styles/fabric-dark.css +14 -3
  23. package/styles/fabric.css +14 -3
  24. package/styles/fluent-dark.css +18 -5
  25. package/styles/fluent.css +18 -5
  26. package/styles/fluent2.css +77 -41
  27. package/styles/highcontrast-light.css +14 -3
  28. package/styles/highcontrast.css +14 -3
  29. package/styles/material-dark.css +15 -4
  30. package/styles/material.css +15 -4
  31. package/styles/material3-dark.css +12 -4
  32. package/styles/material3.css +12 -4
  33. package/styles/pdfviewer/bootstrap-dark.css +14 -3
  34. package/styles/pdfviewer/bootstrap.css +14 -3
  35. package/styles/pdfviewer/bootstrap4.css +17 -4
  36. package/styles/pdfviewer/bootstrap5-dark.css +23 -6
  37. package/styles/pdfviewer/bootstrap5.css +23 -6
  38. package/styles/pdfviewer/fabric-dark.css +14 -3
  39. package/styles/pdfviewer/fabric.css +14 -3
  40. package/styles/pdfviewer/fluent-dark.css +18 -5
  41. package/styles/pdfviewer/fluent.css +18 -5
  42. package/styles/pdfviewer/fluent2.css +77 -41
  43. package/styles/pdfviewer/highcontrast-light.css +14 -3
  44. package/styles/pdfviewer/highcontrast.css +14 -3
  45. package/styles/pdfviewer/material-dark.css +15 -4
  46. package/styles/pdfviewer/material.css +15 -4
  47. package/styles/pdfviewer/material3-dark.css +12 -4
  48. package/styles/pdfviewer/material3.css +12 -4
  49. package/styles/pdfviewer/tailwind-dark.css +15 -4
  50. package/styles/pdfviewer/tailwind.css +15 -4
  51. package/styles/tailwind-dark.css +15 -4
  52. package/styles/tailwind.css +15 -4
  53. package/CHANGELOG.md +0 -2620
  54. package/esm2020/public_api.mjs +0 -2
  55. package/esm2020/src/index.mjs +0 -5
  56. package/esm2020/src/pdfviewer/pdfviewer-all.module.mjs +0 -65
  57. package/esm2020/src/pdfviewer/pdfviewer.component.mjs +0 -150
  58. package/esm2020/src/pdfviewer/pdfviewer.module.mjs +0 -25
  59. package/esm2020/syncfusion-ej2-angular-pdfviewer.mjs +0 -5
  60. package/fesm2015/syncfusion-ej2-angular-pdfviewer.mjs +0 -239
  61. package/fesm2015/syncfusion-ej2-angular-pdfviewer.mjs.map +0 -1
  62. package/fesm2020/syncfusion-ej2-angular-pdfviewer.mjs +0 -239
  63. package/fesm2020/syncfusion-ej2-angular-pdfviewer.mjs.map +0 -1
  64. package/syncfusion-ej2-angular-pdfviewer.d.ts +0 -5
@@ -1643,7 +1643,8 @@ input.e-pv-input-password::-ms-reveal {
1643
1643
  padding: 10px;
1644
1644
  }
1645
1645
 
1646
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1646
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1647
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1647
1648
  background: #282727;
1648
1649
  border: none;
1649
1650
  border-radius: 0;
@@ -1879,7 +1880,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1879
1880
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1880
1881
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1881
1882
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1882
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1883
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1884
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1885
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1883
1886
  color: #dadada;
1884
1887
  }
1885
1888
 
@@ -2098,6 +2101,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2098
2101
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2099
2102
  margin-top: 0;
2100
2103
  padding-top: 7px;
2104
+ padding-top: 5px;
2101
2105
  vertical-align: initial;
2102
2106
  }
2103
2107
 
@@ -2106,6 +2110,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2106
2110
  vertical-align: initial;
2107
2111
  }
2108
2112
 
2113
+ .e-pv-annotation-thickness-popup-container-mobile,
2114
+ .e-pv-annotation-opacity-popup-container-mobile {
2115
+ background-color: #282727;
2116
+ }
2117
+
2109
2118
  .e-pv-annotation-opacity-popup-container,
2110
2119
  .e-pv-annotation-thickness-popup-container {
2111
2120
  background-color: #282727;
@@ -2900,7 +2909,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2900
2909
  .e-pv-comments-panel-text {
2901
2910
  font-size: 15px;
2902
2911
  padding-left: 85px;
2903
- color: rgba(var(--color-sf-on-surface-variant));
2912
+ color: var(--color-sf-content-text-color-alt1);
2904
2913
  }
2905
2914
 
2906
2915
  .e-pv-comments-content-container {
@@ -3462,6 +3471,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3462
3471
 
3463
3472
  .e-pv-properties-form-field-group-btn-div {
3464
3473
  display: grid;
3474
+ -ms-flex-line-pack: justify;
3475
+ align-content: space-between;
3465
3476
  }
3466
3477
 
3467
3478
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -1650,7 +1650,8 @@ input.e-pv-input-password::-ms-reveal {
1650
1650
  padding: 10px;
1651
1651
  }
1652
1652
 
1653
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1653
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1654
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1654
1655
  background: #eaeaea;
1655
1656
  border: none;
1656
1657
  border-radius: 0;
@@ -1886,7 +1887,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1886
1887
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1887
1888
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1888
1889
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1889
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1890
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1891
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1892
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1890
1893
  color: #000;
1891
1894
  }
1892
1895
 
@@ -2109,6 +2112,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2109
2112
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2110
2113
  margin-top: 0;
2111
2114
  padding-top: 7px;
2115
+ padding-top: 5px;
2112
2116
  vertical-align: initial;
2113
2117
  }
2114
2118
 
@@ -2117,6 +2121,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2117
2121
  vertical-align: initial;
2118
2122
  }
2119
2123
 
2124
+ .e-pv-annotation-thickness-popup-container-mobile,
2125
+ .e-pv-annotation-opacity-popup-container-mobile {
2126
+ background-color: #fff;
2127
+ }
2128
+
2120
2129
  .e-pv-annotation-opacity-popup-container,
2121
2130
  .e-pv-annotation-thickness-popup-container {
2122
2131
  background-color: #fff;
@@ -2911,7 +2920,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2911
2920
  .e-pv-comments-panel-text {
2912
2921
  font-size: 15px;
2913
2922
  padding-left: 85px;
2914
- color: rgba(var(--color-sf-on-surface-variant));
2923
+ color: var(--color-sf-content-text-color-alt1);
2915
2924
  }
2916
2925
 
2917
2926
  .e-pv-comments-content-container {
@@ -3477,6 +3486,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3477
3486
 
3478
3487
  .e-pv-properties-form-field-group-btn-div {
3479
3488
  display: grid;
3489
+ -ms-flex-line-pack: justify;
3490
+ align-content: space-between;
3480
3491
  }
3481
3492
 
3482
3493
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -1672,7 +1672,8 @@ input.e-pv-input-password::-ms-reveal {
1672
1672
  padding: 0;
1673
1673
  }
1674
1674
 
1675
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1675
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1676
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1676
1677
  background: #292827;
1677
1678
  border: none;
1678
1679
  border-radius: 4px;
@@ -1922,7 +1923,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1922
1923
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1923
1924
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1924
1925
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1925
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1926
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1927
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1928
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1926
1929
  color: #a19f9d;
1927
1930
  }
1928
1931
 
@@ -1975,7 +1978,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1975
1978
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
1976
1979
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
1977
1980
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
1978
- .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
1981
+ .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
1982
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
1983
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
1979
1984
  color: #fff;
1980
1985
  }
1981
1986
 
@@ -2201,6 +2206,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2201
2206
  margin-top: 0;
2202
2207
  padding-top: 7px;
2203
2208
  padding-top: 0;
2209
+ padding-top: 5px;
2204
2210
  vertical-align: initial;
2205
2211
  }
2206
2212
 
@@ -2209,9 +2215,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2209
2215
  vertical-align: initial;
2210
2216
  }
2211
2217
 
2218
+ .e-pv-annotation-thickness-popup-container-mobile,
2219
+ .e-pv-annotation-opacity-popup-container-mobile {
2220
+ background-color: #201f1e;
2221
+ }
2222
+
2212
2223
  .e-pv-annotation-opacity-popup-container,
2213
2224
  .e-pv-annotation-thickness-popup-container {
2214
- background-color: #fff;
2225
+ background-color: #201f1e;
2215
2226
  -webkit-box-shadow: none;
2216
2227
  box-shadow: none;
2217
2228
  color: #f3f2f1;
@@ -3103,7 +3114,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3103
3114
  .e-pv-comments-panel-text {
3104
3115
  font-size: 15px;
3105
3116
  padding-left: 85px;
3106
- color: rgba(var(--color-sf-on-surface-variant));
3117
+ color: var(--color-sf-content-text-color-alt1);
3107
3118
  }
3108
3119
 
3109
3120
  .e-pv-comments-content-container {
@@ -3692,6 +3703,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3692
3703
 
3693
3704
  .e-pv-properties-form-field-group-btn-div {
3694
3705
  display: grid;
3706
+ -ms-flex-line-pack: justify;
3707
+ align-content: space-between;
3695
3708
  }
3696
3709
 
3697
3710
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -1672,7 +1672,8 @@ input.e-pv-input-password::-ms-reveal {
1672
1672
  padding: 0;
1673
1673
  }
1674
1674
 
1675
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1675
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1676
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1676
1677
  background: #edebe9;
1677
1678
  border: none;
1678
1679
  border-radius: 4px;
@@ -1922,7 +1923,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1922
1923
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1923
1924
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1924
1925
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1925
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1926
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1927
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1928
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1926
1929
  color: #605e5c;
1927
1930
  }
1928
1931
 
@@ -1975,7 +1978,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1975
1978
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
1976
1979
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
1977
1980
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
1978
- .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover {
1981
+ .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
1982
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
1983
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
1979
1984
  color: #323130;
1980
1985
  }
1981
1986
 
@@ -2201,6 +2206,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2201
2206
  margin-top: 0;
2202
2207
  padding-top: 7px;
2203
2208
  padding-top: 0;
2209
+ padding-top: 5px;
2204
2210
  vertical-align: initial;
2205
2211
  }
2206
2212
 
@@ -2209,9 +2215,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2209
2215
  vertical-align: initial;
2210
2216
  }
2211
2217
 
2218
+ .e-pv-annotation-thickness-popup-container-mobile,
2219
+ .e-pv-annotation-opacity-popup-container-mobile {
2220
+ background-color: #faf9f8;
2221
+ }
2222
+
2212
2223
  .e-pv-annotation-opacity-popup-container,
2213
2224
  .e-pv-annotation-thickness-popup-container {
2214
- background-color: #fff;
2225
+ background-color: #faf9f8;
2215
2226
  -webkit-box-shadow: none;
2216
2227
  box-shadow: none;
2217
2228
  color: #201f1e;
@@ -3103,7 +3114,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3103
3114
  .e-pv-comments-panel-text {
3104
3115
  font-size: 15px;
3105
3116
  padding-left: 85px;
3106
- color: rgba(var(--color-sf-on-surface-variant));
3117
+ color: var(--color-sf-content-text-color-alt1);
3107
3118
  }
3108
3119
 
3109
3120
  .e-pv-comments-content-container {
@@ -3692,6 +3703,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3692
3703
 
3693
3704
  .e-pv-properties-form-field-group-btn-div {
3694
3705
  display: grid;
3706
+ -ms-flex-line-pack: justify;
3707
+ align-content: space-between;
3695
3708
  }
3696
3709
 
3697
3710
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -2001,7 +2001,6 @@ input.e-pv-input-password::-ms-reveal {
2001
2001
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
2002
2002
  height: 32px;
2003
2003
  min-width: 32px;
2004
- width: 32px;
2005
2004
  }
2006
2005
 
2007
2006
  .e-pv-open-document-icon {
@@ -2747,7 +2746,8 @@ input.e-pv-input-password::-ms-reveal {
2747
2746
  padding: 0;
2748
2747
  }
2749
2748
 
2750
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
2749
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
2750
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
2751
2751
  background: var(--color-sf-secondary-bg-color-pressed);
2752
2752
  border: none;
2753
2753
  border-radius: 4px;
@@ -2987,7 +2987,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2987
2987
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
2988
2988
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
2989
2989
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
2990
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
2990
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
2991
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
2992
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
2991
2993
  color: var(--color-sf-icon-color);
2992
2994
  }
2993
2995
 
@@ -3014,6 +3016,45 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3014
3016
  color: var(--color-sf-icon-color);
3015
3017
  }
3016
3018
 
3019
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
3020
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
3021
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
3022
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
3023
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
3024
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
3025
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
3026
+ .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover,
3027
+ .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
3028
+ .e-pv-shapes-toolbar .e-pv-tbar-btn:hover,
3029
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
3030
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
3031
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
3032
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
3033
+ .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
3034
+ .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
3035
+ .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
3036
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:focus,
3037
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:focus,
3038
+ .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:not(.e-input-focus):hover,
3039
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:focus,
3040
+ .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:not(.e-input-focus):hover,
3041
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:hover,
3042
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn:focus {
3043
+ color: var(--color-sf-toolbar-icon-color);
3044
+ }
3045
+
3046
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
3047
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible,
3048
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus-visible {
3049
+ color: var(--color-sf-icon-color);
3050
+ }
3051
+
3052
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
3053
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
3054
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
3055
+ color: var(--color-sf-toolbar-icon-color);
3056
+ }
3057
+
3017
3058
  .e-pv-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
3018
3059
  .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-pv-tbar-btn.e-pv-tbar-btn .e-pv-icon,
3019
3060
  .e-pv-annotation-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn.e-btn .e-pv-icon,
@@ -3167,8 +3208,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3167
3208
  }
3168
3209
 
3169
3210
  .e-pv-bookmark-container {
3170
- background-color: var(--color-sf-white);
3171
- border: 1px solid var(--color-sf-primary);
3211
+ background-color: var(--color-sf-content-bg-color-alt1);
3212
+ border: 1px solid var(--color-sf-border-light);
3172
3213
  }
3173
3214
 
3174
3215
  .e-pv-bookmark-container .e-listview:not(.e-list-template) .e-list-item {
@@ -3212,14 +3253,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3212
3253
  border-bottom: 2px solid;
3213
3254
  margin-top: 0;
3214
3255
  padding-top: 5px;
3215
- margin-top: -4px;
3216
3256
  padding-top: 0;
3217
3257
  vertical-align: initial;
3218
3258
  }
3219
3259
 
3220
3260
  .e-pv-properties-font-color-container .e-btn-icon.e-pv-annotation-textcolor-icon.e-pv-icon {
3221
3261
  border-bottom: 2px solid;
3222
- margin-top: 0;
3262
+ margin-top: 5px;
3223
3263
  padding-top: 1px;
3224
3264
  vertical-align: initial;
3225
3265
  }
@@ -3227,7 +3267,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3227
3267
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
3228
3268
  margin-top: 0;
3229
3269
  padding-top: 7px;
3230
- padding-top: 0;
3270
+ padding-top: 5px;
3231
3271
  vertical-align: initial;
3232
3272
  }
3233
3273
 
@@ -3236,9 +3276,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3236
3276
  vertical-align: initial;
3237
3277
  }
3238
3278
 
3279
+ .e-pv-annotation-thickness-popup-container-mobile,
3280
+ .e-pv-annotation-opacity-popup-container-mobile {
3281
+ background-color: var(--color-sf-content-bg-color-alt1);
3282
+ }
3283
+
3239
3284
  .e-pv-annotation-opacity-popup-container,
3240
3285
  .e-pv-annotation-thickness-popup-container {
3241
- background-color: #fff;
3286
+ background-color: var(--color-sf-content-bg-color-alt1);
3242
3287
  color: var(--color-sf-content-text-color);
3243
3288
  height: auto;
3244
3289
  min-height: 48px;
@@ -3397,12 +3442,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3397
3442
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl.e-valid-input:hover,
3398
3443
  .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl.e-valid-input:hover,
3399
3444
  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:hover {
3400
- background-color: var(--color-sf-content-bg-color-alt3);
3445
+ background-color: var(--color-sf-content-bg-color-hover);
3401
3446
  border-color: var(--color-sf-content-bg-color-alt3);
3402
3447
  }
3403
3448
 
3404
3449
  .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
3405
- background-color: var(--color-sf-content-bg-color-alt3);
3450
+ background-color: var(--color-sf-content-bg-color-hover);
3406
3451
  border-color: var(--color-sf-content-bg-color-alt3);
3407
3452
  outline: none;
3408
3453
  color: var(--color-sf-primary-label-color);
@@ -3418,7 +3463,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3418
3463
  .e-pv-annotation-textalign-container.e-btn:focus,
3419
3464
  .e-pv-annotation-handwritten-container.e-btn:focus,
3420
3465
  .e-pv-annotation-textprop-container.e-btn:focus {
3421
- background-color: var(--color-sf-content-bg-color-alt3);
3466
+ background-color: var(--color-sf-content-bg-color-hover);
3422
3467
  border-color: var(--color-sf-content-bg-color-alt3);
3423
3468
  outline: none;
3424
3469
  }
@@ -3486,11 +3531,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3486
3531
  margin-top: -4px;
3487
3532
  }
3488
3533
 
3489
- .e-template.e-toolbar-item:not(.e-pv-shape-template-container) .e-pv-annotation-shapes-container,
3490
- .e-template.e-toolbar-item:not(.e-pv-calibrate-template-container) .e-pv-annotation-calibrate-container {
3491
- line-height: 28px;
3492
- }
3493
-
3494
3534
  .e-pv-toolbar.e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text.e-pv-submitform-text {
3495
3535
  display: inline-block;
3496
3536
  padding: 0 4px;
@@ -3788,15 +3828,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3788
3828
  border-radius: 2px;
3789
3829
  }
3790
3830
 
3791
- .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
3792
- .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
3793
- .e-pv-annotation-handwritten-container.e-btn.e-icon-btn,
3794
- .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item,
3795
- .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-pv-stamp-icon,
3796
- .e-pv-annotation-stamp-container .e-menu-parent.e-menu .e-menu-item .e-caret {
3797
- line-height: 32px;
3798
- }
3799
-
3800
3831
  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
3801
3832
  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
3802
3833
  height: 32px;
@@ -3855,12 +3886,6 @@ div > .e-pv-bookmark-icon.e-pv-icon {
3855
3886
  padding-top: 6px;
3856
3887
  }
3857
3888
 
3858
- .e-pv-properties-form-field-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
3859
- .e-pv-signature-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3860
- padding-left: 24px !important; /* stylelint-disable-line declaration-no-important */
3861
- padding-top: 24px !important; /* stylelint-disable-line declaration-no-important */
3862
- }
3863
-
3864
3889
  .e-pv-organize-window .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
3865
3890
  padding: 8px !important; /* stylelint-disable-line declaration-no-important */
3866
3891
  }
@@ -4098,7 +4123,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4098
4123
  .e-pv-comments-panel-text {
4099
4124
  font-size: 15px;
4100
4125
  padding-left: 85px;
4101
- color: rgba(var(--color-sf-on-surface-variant));
4126
+ color: var(--color-sf-content-text-color-alt1);
4102
4127
  }
4103
4128
 
4104
4129
  .e-pv-comments-content-container {
@@ -4184,8 +4209,23 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4184
4209
  padding-top: 17px;
4185
4210
  }
4186
4211
 
4212
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
4213
+ margin-top: -4px;
4214
+ }
4215
+
4216
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4217
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4218
+ margin-top: -5px;
4219
+ }
4220
+
4221
+ .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
4222
+ .e-pv-annotation-calibrate-container.e-btn.e-icon-btn,
4223
+ .e-pv-annotation-handwritten-container.e-btn.e-icon-btn {
4224
+ padding-top: 8px;
4225
+ }
4226
+
4187
4227
  .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
4188
- margin-top: 0;
4228
+ margin-top: -4px;
4189
4229
  }
4190
4230
 
4191
4231
  .e-bigger .e-pv-stamp.e-menu-wrapper ul .e-menu-item {
@@ -4377,11 +4417,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4377
4417
  border-color: transparent;
4378
4418
  }
4379
4419
 
4380
- .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
4381
- .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
4382
- margin-top: -10px;
4383
- }
4384
-
4385
4420
  .e-pv-custom-annotation-thickness-container,
4386
4421
  .e-pv-custom-annotation-opacity-container {
4387
4422
  background-color: transparent;
@@ -4548,7 +4583,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4548
4583
  .e-pv-left-align-icon-div:hover,
4549
4584
  .e-pv-center-align-icon-div:hover,
4550
4585
  .e-pv-right-align-icon-div:hover {
4551
- background-color: var(--color-sf-content-bg-color-alt3);
4586
+ background-color: var(--color-sf-content-bg-color-hover);
4552
4587
  border-color: var(--color-sf-content-bg-color-alt3);
4553
4588
  }
4554
4589
 
@@ -4728,6 +4763,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4728
4763
 
4729
4764
  .e-pv-properties-form-field-group-btn-div {
4730
4765
  display: grid;
4766
+ -ms-flex-line-pack: justify;
4767
+ align-content: space-between;
4731
4768
  }
4732
4769
 
4733
4770
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -4908,7 +4945,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
4908
4945
  height: 15px;
4909
4946
  line-height: 15px;
4910
4947
  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
4911
- margin-left: 7px;
4912
4948
  }
4913
4949
 
4914
4950
  .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
1633
1633
  padding: 10px;
1634
1634
  }
1635
1635
 
1636
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1636
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1637
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1637
1638
  background: #400074;
1638
1639
  border: none;
1639
1640
  border-radius: 0;
@@ -1869,7 +1870,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1869
1870
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1870
1871
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1871
1872
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1872
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1873
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1874
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1875
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1873
1876
  color: #000;
1874
1877
  }
1875
1878
 
@@ -2088,6 +2091,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2088
2091
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2089
2092
  margin-top: 0;
2090
2093
  padding-top: 7px;
2094
+ padding-top: 5px;
2091
2095
  vertical-align: initial;
2092
2096
  }
2093
2097
 
@@ -2096,6 +2100,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2096
2100
  vertical-align: initial;
2097
2101
  }
2098
2102
 
2103
+ .e-pv-annotation-thickness-popup-container-mobile,
2104
+ .e-pv-annotation-opacity-popup-container-mobile {
2105
+ background-color: #000;
2106
+ }
2107
+
2099
2108
  .e-pv-annotation-opacity-popup-container,
2100
2109
  .e-pv-annotation-thickness-popup-container {
2101
2110
  background-color: #000;
@@ -2890,7 +2899,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2890
2899
  .e-pv-comments-panel-text {
2891
2900
  font-size: 15px;
2892
2901
  padding-left: 85px;
2893
- color: rgba(var(--color-sf-on-surface-variant));
2902
+ color: var(--color-sf-content-text-color-alt1);
2894
2903
  }
2895
2904
 
2896
2905
  .e-pv-comments-content-container {
@@ -3452,6 +3461,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3452
3461
 
3453
3462
  .e-pv-properties-form-field-group-btn-div {
3454
3463
  display: grid;
3464
+ -ms-flex-line-pack: justify;
3465
+ align-content: space-between;
3455
3466
  }
3456
3467
 
3457
3468
  .e-pv-properties-form-field-option-dropdown-list-div {
@@ -1633,7 +1633,8 @@ input.e-pv-input-password::-ms-reveal {
1633
1633
  padding: 10px;
1634
1634
  }
1635
1635
 
1636
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1636
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1637
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1637
1638
  background: #ffd939;
1638
1639
  border: none;
1639
1640
  border-radius: 0;
@@ -1869,7 +1870,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1869
1870
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1870
1871
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1871
1872
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1872
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1873
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1874
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1875
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1873
1876
  color: #fff;
1874
1877
  }
1875
1878
 
@@ -2088,6 +2091,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2088
2091
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2089
2092
  margin-top: 0;
2090
2093
  padding-top: 7px;
2094
+ padding-top: 5px;
2091
2095
  vertical-align: initial;
2092
2096
  }
2093
2097
 
@@ -2096,6 +2100,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2096
2100
  vertical-align: initial;
2097
2101
  }
2098
2102
 
2103
+ .e-pv-annotation-thickness-popup-container-mobile,
2104
+ .e-pv-annotation-opacity-popup-container-mobile {
2105
+ background-color: #000;
2106
+ }
2107
+
2099
2108
  .e-pv-annotation-opacity-popup-container,
2100
2109
  .e-pv-annotation-thickness-popup-container {
2101
2110
  background-color: #000;
@@ -2894,7 +2903,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2894
2903
  .e-pv-comments-panel-text {
2895
2904
  font-size: 15px;
2896
2905
  padding-left: 85px;
2897
- color: rgba(var(--color-sf-on-surface-variant));
2906
+ color: var(--color-sf-content-text-color-alt1);
2898
2907
  }
2899
2908
 
2900
2909
  .e-pv-comments-content-container {
@@ -3461,6 +3470,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3461
3470
 
3462
3471
  .e-pv-properties-form-field-group-btn-div {
3463
3472
  display: grid;
3473
+ -ms-flex-line-pack: justify;
3474
+ align-content: space-between;
3464
3475
  }
3465
3476
 
3466
3477
  .e-pv-properties-form-field-option-dropdown-list-div {