@syncfusion/ej2-vue-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 (38) hide show
  1. package/dist/ej2-vue-pdfviewer.umd.min.js +1 -1
  2. package/package.json +7 -7
  3. package/styles/bootstrap-dark.css +14 -3
  4. package/styles/bootstrap.css +14 -3
  5. package/styles/bootstrap4.css +17 -4
  6. package/styles/bootstrap5-dark.css +23 -6
  7. package/styles/bootstrap5.css +23 -6
  8. package/styles/fabric-dark.css +14 -3
  9. package/styles/fabric.css +14 -3
  10. package/styles/fluent-dark.css +18 -5
  11. package/styles/fluent.css +18 -5
  12. package/styles/fluent2.css +77 -41
  13. package/styles/highcontrast-light.css +14 -3
  14. package/styles/highcontrast.css +14 -3
  15. package/styles/material-dark.css +15 -4
  16. package/styles/material.css +15 -4
  17. package/styles/material3-dark.css +12 -4
  18. package/styles/material3.css +12 -4
  19. package/styles/pdfviewer/bootstrap-dark.css +14 -3
  20. package/styles/pdfviewer/bootstrap.css +14 -3
  21. package/styles/pdfviewer/bootstrap4.css +17 -4
  22. package/styles/pdfviewer/bootstrap5-dark.css +23 -6
  23. package/styles/pdfviewer/bootstrap5.css +23 -6
  24. package/styles/pdfviewer/fabric-dark.css +14 -3
  25. package/styles/pdfviewer/fabric.css +14 -3
  26. package/styles/pdfviewer/fluent-dark.css +18 -5
  27. package/styles/pdfviewer/fluent.css +18 -5
  28. package/styles/pdfviewer/fluent2.css +77 -41
  29. package/styles/pdfviewer/highcontrast-light.css +14 -3
  30. package/styles/pdfviewer/highcontrast.css +14 -3
  31. package/styles/pdfviewer/material-dark.css +15 -4
  32. package/styles/pdfviewer/material.css +15 -4
  33. package/styles/pdfviewer/material3-dark.css +12 -4
  34. package/styles/pdfviewer/material3.css +12 -4
  35. package/styles/pdfviewer/tailwind-dark.css +15 -4
  36. package/styles/pdfviewer/tailwind.css +15 -4
  37. package/styles/tailwind-dark.css +15 -4
  38. package/styles/tailwind.css +15 -4
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 {