@syncfusion/ej2-react-pdfviewer 26.1.41 → 26.1.42

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 (39) hide show
  1. package/dist/ej2-react-pdfviewer.min.js +1 -1
  2. package/dist/ej2-react-pdfviewer.umd.min.js +1 -1
  3. package/package.json +7 -7
  4. package/styles/bootstrap-dark.css +14 -3
  5. package/styles/bootstrap.css +14 -3
  6. package/styles/bootstrap4.css +17 -4
  7. package/styles/bootstrap5-dark.css +23 -6
  8. package/styles/bootstrap5.css +23 -6
  9. package/styles/fabric-dark.css +14 -3
  10. package/styles/fabric.css +14 -3
  11. package/styles/fluent-dark.css +18 -5
  12. package/styles/fluent.css +18 -5
  13. package/styles/fluent2.css +77 -41
  14. package/styles/highcontrast-light.css +14 -3
  15. package/styles/highcontrast.css +14 -3
  16. package/styles/material-dark.css +15 -4
  17. package/styles/material.css +15 -4
  18. package/styles/material3-dark.css +12 -4
  19. package/styles/material3.css +12 -4
  20. package/styles/pdfviewer/bootstrap-dark.css +14 -3
  21. package/styles/pdfviewer/bootstrap.css +14 -3
  22. package/styles/pdfviewer/bootstrap4.css +17 -4
  23. package/styles/pdfviewer/bootstrap5-dark.css +23 -6
  24. package/styles/pdfviewer/bootstrap5.css +23 -6
  25. package/styles/pdfviewer/fabric-dark.css +14 -3
  26. package/styles/pdfviewer/fabric.css +14 -3
  27. package/styles/pdfviewer/fluent-dark.css +18 -5
  28. package/styles/pdfviewer/fluent.css +18 -5
  29. package/styles/pdfviewer/fluent2.css +77 -41
  30. package/styles/pdfviewer/highcontrast-light.css +14 -3
  31. package/styles/pdfviewer/highcontrast.css +14 -3
  32. package/styles/pdfviewer/material-dark.css +15 -4
  33. package/styles/pdfviewer/material.css +15 -4
  34. package/styles/pdfviewer/material3-dark.css +12 -4
  35. package/styles/pdfviewer/material3.css +12 -4
  36. package/styles/pdfviewer/tailwind-dark.css +15 -4
  37. package/styles/pdfviewer/tailwind.css +15 -4
  38. package/styles/tailwind-dark.css +15 -4
  39. package/styles/tailwind.css +15 -4
package/styles/pdfviewer/material3.css CHANGED
@@ -1863,7 +1863,8 @@ input.e-pv-input-password::-ms-reveal {
1863
1863
  padding: 0;
1864
1864
  }
1865
1865
 
1866
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1866
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1867
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1867
1868
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1868
1869
  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));
1869
1870
  border: none;
@@ -2120,7 +2121,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2120
2121
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
2121
2122
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
2122
2123
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
2123
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
2124
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
2125
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
2126
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
2124
2127
  color: rgba(var(--color-sf-on-surface-variant));
2125
2128
  }
2126
2129
 
@@ -2338,6 +2341,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2338
2341
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2339
2342
  margin-top: 0;
2340
2343
  padding-top: 7px;
2344
+ padding-top: 5px;
2341
2345
  vertical-align: initial;
2342
2346
  }
2343
2347
 
@@ -2371,7 +2375,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2371
2375
  float: left;
2372
2376
  height: auto;
2373
2377
  margin-left: 11px;
2374
- margin-right: 10px;
2378
+ margin-right: 20px;
2375
2379
  }
2376
2380
 
2377
2381
  .e-dropdown-popup:not(.e-rtl) .e-pv-annotation-opacity-slider-container.e-control-wrapper.e-slider-container.e-horizontal,
@@ -3071,6 +3075,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3071
3075
  padding-left: 7px;
3072
3076
  padding-right: 7px;
3073
3077
  font-size: 12px;
3078
+ padding-left: 12px;
3079
+ padding-right: 12px;
3074
3080
  }
3075
3081
 
3076
3082
  .e-pdfviewer .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
@@ -3170,7 +3176,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3170
3176
  .e-pv-comments-panel-text {
3171
3177
  font-size: 15px;
3172
3178
  padding-left: 85px;
3173
- color: rgba(var(--color-sf-on-surface-variant));
3179
+ color: var(--color-sf-content-text-color-alt1);
3174
3180
  }
3175
3181
 
3176
3182
  .e-pv-comments-content-container {
@@ -3774,6 +3780,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3774
3780
 
3775
3781
  .e-pv-properties-form-field-group-btn-div {
3776
3782
  display: grid;
3783
+ -ms-flex-line-pack: justify;
3784
+ align-content: space-between;
3777
3785
  }
3778
3786
 
3779
3787
  .e-pv-properties-form-field-option-dropdown-list-div {
package/styles/pdfviewer/tailwind-dark.css CHANGED
@@ -1651,7 +1651,8 @@ input.e-pv-input-password::-ms-reveal {
1651
1651
  padding: 0;
1652
1652
  }
1653
1653
 
1654
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1654
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1655
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1655
1656
  background: #4b5563;
1656
1657
  border: none;
1657
1658
  border-radius: 4px;
@@ -1899,7 +1900,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1899
1900
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1900
1901
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1901
1902
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1902
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1903
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1904
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1905
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1903
1906
  color: #d1d5db;
1904
1907
  }
1905
1908
 
@@ -2118,6 +2121,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2118
2121
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2119
2122
  margin-top: 0;
2120
2123
  padding-top: 7px;
2124
+ padding-top: 5px;
2121
2125
  vertical-align: initial;
2122
2126
  }
2123
2127
 
@@ -2126,9 +2130,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2126
2130
  vertical-align: initial;
2127
2131
  }
2128
2132
 
2133
+ .e-pv-annotation-thickness-popup-container-mobile,
2134
+ .e-pv-annotation-opacity-popup-container-mobile {
2135
+ background-color: #232e3e;
2136
+ }
2137
+
2129
2138
  .e-pv-annotation-opacity-popup-container,
2130
2139
  .e-pv-annotation-thickness-popup-container {
2131
- background-color: #fff;
2140
+ background-color: #232e3e;
2132
2141
  -webkit-box-shadow: 0 3px 8px 0 #4b5563;
2133
2142
  box-shadow: 0 3px 8px 0 #4b5563;
2134
2143
  color: #fff;
@@ -2924,7 +2933,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2924
2933
  .e-pv-comments-panel-text {
2925
2934
  font-size: 15px;
2926
2935
  padding-left: 85px;
2927
- color: rgba(var(--color-sf-on-surface-variant));
2936
+ color: var(--color-sf-content-text-color-alt1);
2928
2937
  }
2929
2938
 
2930
2939
  .e-pv-comments-content-container {
@@ -3497,6 +3506,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3497
3506
 
3498
3507
  .e-pv-properties-form-field-group-btn-div {
3499
3508
  display: grid;
3509
+ -ms-flex-line-pack: justify;
3510
+ align-content: space-between;
3500
3511
  }
3501
3512
 
3502
3513
  .e-pv-properties-form-field-option-dropdown-list-div {
package/styles/pdfviewer/tailwind.css CHANGED
@@ -1652,7 +1652,8 @@ input.e-pv-input-password::-ms-reveal {
1652
1652
  padding: 0;
1653
1653
  }
1654
1654
 
1655
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1655
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1656
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1656
1657
  background: #e5e7eb;
1657
1658
  border: none;
1658
1659
  border-radius: 4px;
@@ -1900,7 +1901,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1900
1901
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1901
1902
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1902
1903
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1903
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1904
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1905
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1906
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1904
1907
  color: #6b7280;
1905
1908
  }
1906
1909
 
@@ -2119,6 +2122,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2119
2122
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2120
2123
  margin-top: 0;
2121
2124
  padding-top: 7px;
2125
+ padding-top: 5px;
2122
2126
  vertical-align: initial;
2123
2127
  }
2124
2128
 
@@ -2127,9 +2131,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2127
2131
  vertical-align: initial;
2128
2132
  }
2129
2133
 
2134
+ .e-pv-annotation-thickness-popup-container-mobile,
2135
+ .e-pv-annotation-opacity-popup-container-mobile {
2136
+ background-color: #f9fafb;
2137
+ }
2138
+
2130
2139
  .e-pv-annotation-opacity-popup-container,
2131
2140
  .e-pv-annotation-thickness-popup-container {
2132
- background-color: #fff;
2141
+ background-color: #f9fafb;
2133
2142
  -webkit-box-shadow: 0 3px 8px 0 #f3f4f6;
2134
2143
  box-shadow: 0 3px 8px 0 #f3f4f6;
2135
2144
  color: #111827;
@@ -2925,7 +2934,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2925
2934
  .e-pv-comments-panel-text {
2926
2935
  font-size: 15px;
2927
2936
  padding-left: 85px;
2928
- color: rgba(var(--color-sf-on-surface-variant));
2937
+ color: var(--color-sf-content-text-color-alt1);
2929
2938
  }
2930
2939
 
2931
2940
  .e-pv-comments-content-container {
@@ -3498,6 +3507,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3498
3507
 
3499
3508
  .e-pv-properties-form-field-group-btn-div {
3500
3509
  display: grid;
3510
+ -ms-flex-line-pack: justify;
3511
+ align-content: space-between;
3501
3512
  }
3502
3513
 
3503
3514
  .e-pv-properties-form-field-option-dropdown-list-div {
package/styles/tailwind-dark.css CHANGED
@@ -1651,7 +1651,8 @@ input.e-pv-input-password::-ms-reveal {
1651
1651
  padding: 0;
1652
1652
  }
1653
1653
 
1654
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1654
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1655
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1655
1656
  background: #4b5563;
1656
1657
  border: none;
1657
1658
  border-radius: 4px;
@@ -1899,7 +1900,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1899
1900
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1900
1901
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1901
1902
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1902
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1903
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1904
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1905
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1903
1906
  color: #d1d5db;
1904
1907
  }
1905
1908
 
@@ -2118,6 +2121,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2118
2121
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2119
2122
  margin-top: 0;
2120
2123
  padding-top: 7px;
2124
+ padding-top: 5px;
2121
2125
  vertical-align: initial;
2122
2126
  }
2123
2127
 
@@ -2126,9 +2130,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2126
2130
  vertical-align: initial;
2127
2131
  }
2128
2132
 
2133
+ .e-pv-annotation-thickness-popup-container-mobile,
2134
+ .e-pv-annotation-opacity-popup-container-mobile {
2135
+ background-color: #232e3e;
2136
+ }
2137
+
2129
2138
  .e-pv-annotation-opacity-popup-container,
2130
2139
  .e-pv-annotation-thickness-popup-container {
2131
- background-color: #fff;
2140
+ background-color: #232e3e;
2132
2141
  -webkit-box-shadow: 0 3px 8px 0 #4b5563;
2133
2142
  box-shadow: 0 3px 8px 0 #4b5563;
2134
2143
  color: #fff;
@@ -2924,7 +2933,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2924
2933
  .e-pv-comments-panel-text {
2925
2934
  font-size: 15px;
2926
2935
  padding-left: 85px;
2927
- color: rgba(var(--color-sf-on-surface-variant));
2936
+ color: var(--color-sf-content-text-color-alt1);
2928
2937
  }
2929
2938
 
2930
2939
  .e-pv-comments-content-container {
@@ -3497,6 +3506,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3497
3506
 
3498
3507
  .e-pv-properties-form-field-group-btn-div {
3499
3508
  display: grid;
3509
+ -ms-flex-line-pack: justify;
3510
+ align-content: space-between;
3500
3511
  }
3501
3512
 
3502
3513
  .e-pv-properties-form-field-option-dropdown-list-div {
package/styles/tailwind.css CHANGED
@@ -1652,7 +1652,8 @@ input.e-pv-input-password::-ms-reveal {
1652
1652
  padding: 0;
1653
1653
  }
1654
1654
 
1655
- .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1655
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus,
1656
+ .e-pv-tbar-btn.e-pv-organize-view-button.e-btn:focus {
1656
1657
  background: #e5e7eb;
1657
1658
  border: none;
1658
1659
  border-radius: 4px;
@@ -1900,7 +1901,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1900
1901
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1901
1902
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1902
1903
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1903
- .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1904
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret,
1905
+ .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
1906
+ .e-pv-comment-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon {
1904
1907
  color: #6b7280;
1905
1908
  }
1906
1909
 
@@ -2119,6 +2122,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2119
2122
  .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
2120
2123
  margin-top: 0;
2121
2124
  padding-top: 7px;
2125
+ padding-top: 5px;
2122
2126
  vertical-align: initial;
2123
2127
  }
2124
2128
 
@@ -2127,9 +2131,14 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2127
2131
  vertical-align: initial;
2128
2132
  }
2129
2133
 
2134
+ .e-pv-annotation-thickness-popup-container-mobile,
2135
+ .e-pv-annotation-opacity-popup-container-mobile {
2136
+ background-color: #f9fafb;
2137
+ }
2138
+
2130
2139
  .e-pv-annotation-opacity-popup-container,
2131
2140
  .e-pv-annotation-thickness-popup-container {
2132
- background-color: #fff;
2141
+ background-color: #f9fafb;
2133
2142
  -webkit-box-shadow: 0 3px 8px 0 #f3f4f6;
2134
2143
  box-shadow: 0 3px 8px 0 #f3f4f6;
2135
2144
  color: #111827;
@@ -2925,7 +2934,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2925
2934
  .e-pv-comments-panel-text {
2926
2935
  font-size: 15px;
2927
2936
  padding-left: 85px;
2928
- color: rgba(var(--color-sf-on-surface-variant));
2937
+ color: var(--color-sf-content-text-color-alt1);
2929
2938
  }
2930
2939
 
2931
2940
  .e-pv-comments-content-container {
@@ -3498,6 +3507,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3498
3507
 
3499
3508
  .e-pv-properties-form-field-group-btn-div {
3500
3509
  display: grid;
3510
+ -ms-flex-line-pack: justify;
3511
+ align-content: space-between;
3501
3512
  }
3502
3513
 
3503
3514
  .e-pv-properties-form-field-option-dropdown-list-div {