@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
package/styles/tailwind-dark.css CHANGED
@@ -678,6 +678,14 @@ input.e-pv-input-password::-ms-reveal {
678
678
  position: absolute;
679
679
  }
680
680
 
681
+ .e-pv-viewer-container .e-pv-page-div.e-focused {
682
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px;
683
+ }
684
+
685
+ .e-pv-viewer-container.e-focused {
686
+ box-shadow: rgb(0, 0, 0) 0 0 0 2px inset;
687
+ }
688
+
681
689
  .e-pv-toolbar,
682
690
  .e-pv-nav-toolbar,
683
691
  .e-pv-annotation-toolbar,
@@ -719,6 +727,26 @@ input.e-pv-input-password::-ms-reveal {
719
727
  display: none;
720
728
  }
721
729
 
730
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
731
+ display: none;
732
+ }
733
+
734
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
735
+ display: none;
736
+ }
737
+
738
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
739
+ display: none;
740
+ }
741
+
742
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
743
+ display: none;
744
+ }
745
+
746
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
747
+ display: none;
748
+ }
749
+
722
750
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
723
751
  height: 28px;
724
752
  margin-top: 0;
@@ -1332,6 +1360,22 @@ input.e-pv-input-password::-ms-reveal {
1332
1360
  padding: 0;
1333
1361
  }
1334
1362
 
1363
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1364
+ background: #4b5563;
1365
+ border: none;
1366
+ border-radius: 4px;
1367
+ line-height: inherit;
1368
+ padding: 0;
1369
+ }
1370
+
1371
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1372
+ background: #4b5563;
1373
+ border: none;
1374
+ border-radius: 4px;
1375
+ line-height: inherit;
1376
+ padding: 0;
1377
+ }
1378
+
1335
1379
  .e-pv-bookmark-button.e-btn {
1336
1380
  background: transparent;
1337
1381
  border: none;
@@ -1836,19 +1880,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1836
1880
  font-size: 18px;
1837
1881
  }
1838
1882
 
1839
- .e-pv-annotation-color-container .e-btn,
1840
- .e-pv-annotation-opacity-container .e-btn,
1841
- .e-pv-annotation-stroke-container .e-btn,
1842
- .e-pv-custom-annotation-thickness-container .e-btn,
1843
- .e-pv-custom-annotation-opacity-container .e-btn,
1844
- .e-pv-annotation-thickness-container .e-btn,
1845
- .e-pv-annotation-textcolor-container .e-btn,
1846
- .e-pv-annotation-textalign-container .e-btn,
1847
- .e-pv-annotation-textprop-container .e-btn {
1883
+ .e-pv-annotation-color-container.e-icon-btn,
1884
+ .e-pv-annotation-opacity-container.e-icon-btn,
1885
+ .e-pv-annotation-stroke-container.e-icon-btn,
1886
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
1887
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
1888
+ .e-pv-annotation-thickness-container.e-icon-btn,
1889
+ .e-pv-annotation-textcolor-container.e-icon-btn,
1890
+ .e-pv-annotation-textalign-container.e-icon-btn,
1891
+ .e-pv-annotation-textprop-container.e-icon-btn {
1848
1892
  height: 32px;
1849
1893
  width: 62px;
1850
1894
  }
1851
1895
 
1896
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
1897
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
1898
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
1899
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
1900
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
1901
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
1902
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
1903
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
1904
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
1905
+ white-space: nowrap;
1906
+ }
1907
+
1852
1908
  .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
1853
1909
  padding-top: 10px;
1854
1910
  }
@@ -1912,6 +1968,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1912
1968
  border-color: #4b5563;
1913
1969
  }
1914
1970
 
1971
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
1972
+ background-color: #4b5563;
1973
+ border-color: #4b5563;
1974
+ outline: none;
1975
+ color: #fff;
1976
+ }
1977
+
1978
+ .e-pv-annotation-color-container.e-btn:focus,
1979
+ .e-pv-annotation-opacity-container.e-btn:focus,
1980
+ .e-pv-annotation-stroke-container.e-btn:focus,
1981
+ .e-pv-annotation-thickness-container.e-btn:focus,
1982
+ .e-pv-annotation-shapes-container.e-btn:focus,
1983
+ .e-pv-annotation-calibrate-container.e-btn:focus,
1984
+ .e-pv-annotation-textcolor-container.e-btn:focus,
1985
+ .e-pv-annotation-textalign-container.e-btn:focus,
1986
+ .e-pv-annotation-handwritten-container.e-btn:focus,
1987
+ .e-pv-annotation-textprop-container.e-btn:focus {
1988
+ background-color: #4b5563;
1989
+ border-color: #4b5563;
1990
+ outline: none;
1991
+ }
1992
+
1915
1993
  .e-pv-annotation-color-container.e-btn:active,
1916
1994
  .e-pv-annotation-opacity-container.e-btn:active,
1917
1995
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2388,6 +2466,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2388
2466
  padding: 2px 8px 3px 32px;
2389
2467
  }
2390
2468
 
2469
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2470
+ border: 0 0 0 1px #22d3ee;
2471
+ background: #4b5563;
2472
+ }
2473
+
2474
+ .e-pv-comments-div.e-focused {
2475
+ border: 0 0 0 1px #22d3ee;
2476
+ background: #4b5563;
2477
+ }
2478
+
2391
2479
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2392
2480
  float: right;
2393
2481
  padding-bottom: 7px;
@@ -3312,9 +3400,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3312
3400
  }
3313
3401
 
3314
3402
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3403
+ -ms-flex-pack: center;
3404
+ justify-content: center;
3315
3405
  padding: 0 7px;
3316
3406
  }
3317
3407
 
3408
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3409
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3410
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3411
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3412
+ }
3413
+
3318
3414
  .e-dialog.e-pv-signature-dialog-height {
3319
3415
  height: 550px;
3320
3416
  }
package/styles/tailwind.css CHANGED
@@ -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,
@@ -720,6 +728,26 @@ input.e-pv-input-password::-ms-reveal {
720
728
  display: none;
721
729
  }
722
730
 
731
+ .e-control.e-toolbar.e-lib.e-pv-annotation-toolbar.e-pv-toolbar-scroll.e-keyboard.e-toolpop .e-tbar-btn-text {
732
+ display: none;
733
+ }
734
+
735
+ .e-dropdown-popup.e-control.e-pv-annotation-shapes-container .e-tbar-btn-text {
736
+ display: none;
737
+ }
738
+
739
+ .e-dropdown-popup.e-control.e-pv-annotation-calibrate-container .e-tbar-btn-text {
740
+ display: none;
741
+ }
742
+
743
+ .e-dropdown-popup.e-control.e-pv-annotation-textalign-container .e-tbar-btn-text {
744
+ display: none;
745
+ }
746
+
747
+ .e-dropdown-popup.e-control.e-pv-annotation-textprop-container.e-caret-hide .e-tbar-btn-text {
748
+ display: none;
749
+ }
750
+
723
751
  .e-pv-current-page-box.e-input-group.e-control-wrapper {
724
752
  height: 28px;
725
753
  margin-top: 0;
@@ -1333,6 +1361,22 @@ input.e-pv-input-password::-ms-reveal {
1333
1361
  padding: 0;
1334
1362
  }
1335
1363
 
1364
+ .e-pv-tbar-btn.e-pv-thumbnail-view-button.e-btn:focus {
1365
+ background: #e5e7eb;
1366
+ border: none;
1367
+ border-radius: 4px;
1368
+ line-height: inherit;
1369
+ padding: 0;
1370
+ }
1371
+
1372
+ .e-pv-tbar-btn.e-pv-bookmark-button.e-btn:focus {
1373
+ background: #e5e7eb;
1374
+ border: none;
1375
+ border-radius: 4px;
1376
+ line-height: inherit;
1377
+ padding: 0;
1378
+ }
1379
+
1336
1380
  .e-pv-bookmark-button.e-btn {
1337
1381
  background: transparent;
1338
1382
  border: none;
@@ -1837,19 +1881,31 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1837
1881
  font-size: 18px;
1838
1882
  }
1839
1883
 
1840
- .e-pv-annotation-color-container .e-btn,
1841
- .e-pv-annotation-opacity-container .e-btn,
1842
- .e-pv-annotation-stroke-container .e-btn,
1843
- .e-pv-custom-annotation-thickness-container .e-btn,
1844
- .e-pv-custom-annotation-opacity-container .e-btn,
1845
- .e-pv-annotation-thickness-container .e-btn,
1846
- .e-pv-annotation-textcolor-container .e-btn,
1847
- .e-pv-annotation-textalign-container .e-btn,
1848
- .e-pv-annotation-textprop-container .e-btn {
1884
+ .e-pv-annotation-color-container.e-icon-btn,
1885
+ .e-pv-annotation-opacity-container.e-icon-btn,
1886
+ .e-pv-annotation-stroke-container.e-icon-btn,
1887
+ .e-pv-custom-annotation-thickness-container.e-icon-btn,
1888
+ .e-pv-custom-annotation-opacity-container.e-icon-btn,
1889
+ .e-pv-annotation-thickness-container.e-icon-btn,
1890
+ .e-pv-annotation-textcolor-container.e-icon-btn,
1891
+ .e-pv-annotation-textalign-container.e-icon-btn,
1892
+ .e-pv-annotation-textprop-container.e-icon-btn {
1849
1893
  height: 32px;
1850
1894
  width: 62px;
1851
1895
  }
1852
1896
 
1897
+ .e-bigger .e-pv-annotation-color-container.e-icon-btn,
1898
+ .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
1899
+ .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
1900
+ .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
1901
+ .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
1902
+ .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
1903
+ .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
1904
+ .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
1905
+ .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
1906
+ white-space: nowrap;
1907
+ }
1908
+
1853
1909
  .e-pv-annotation-thickness-container.e-btn.e-icon-btn.e-dropdown-btn {
1854
1910
  padding-top: 10px;
1855
1911
  }
@@ -1913,6 +1969,28 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1913
1969
  border-color: #e5e7eb;
1914
1970
  }
1915
1971
 
1972
+ .e-pv-stamp.e-menu-wrapper ul .e-menu-item.e-focused:focus {
1973
+ background-color: #e5e7eb;
1974
+ border-color: #e5e7eb;
1975
+ outline: none;
1976
+ color: #374151;
1977
+ }
1978
+
1979
+ .e-pv-annotation-color-container.e-btn:focus,
1980
+ .e-pv-annotation-opacity-container.e-btn:focus,
1981
+ .e-pv-annotation-stroke-container.e-btn:focus,
1982
+ .e-pv-annotation-thickness-container.e-btn:focus,
1983
+ .e-pv-annotation-shapes-container.e-btn:focus,
1984
+ .e-pv-annotation-calibrate-container.e-btn:focus,
1985
+ .e-pv-annotation-textcolor-container.e-btn:focus,
1986
+ .e-pv-annotation-textalign-container.e-btn:focus,
1987
+ .e-pv-annotation-handwritten-container.e-btn:focus,
1988
+ .e-pv-annotation-textprop-container.e-btn:focus {
1989
+ background-color: #e5e7eb;
1990
+ border-color: #e5e7eb;
1991
+ outline: none;
1992
+ }
1993
+
1916
1994
  .e-pv-annotation-color-container.e-btn:active,
1917
1995
  .e-pv-annotation-opacity-container.e-btn:active,
1918
1996
  .e-pv-annotation-stroke-container.e-btn:active,
@@ -2389,6 +2467,16 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2389
2467
  padding: 2px 8px 3px 32px;
2390
2468
  }
2391
2469
 
2470
+ .e-pv-reply-div.e-pv-comments-leave.e-focused {
2471
+ border: 0 0 0 1px #4f46e5;
2472
+ background: #f3f4f6;
2473
+ }
2474
+
2475
+ .e-pv-comments-div.e-focused {
2476
+ border: 0 0 0 1px #4f46e5;
2477
+ background: #f3f4f6;
2478
+ }
2479
+
2392
2480
  .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons {
2393
2481
  float: right;
2394
2482
  padding-bottom: 7px;
@@ -3313,9 +3401,17 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3313
3401
  }
3314
3402
 
3315
3403
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
3404
+ -ms-flex-pack: center;
3405
+ justify-content: center;
3316
3406
  padding: 0 7px;
3317
3407
  }
3318
3408
 
3409
+ .e-pv-mobile-toolbar .e-mobile-more-option .e-pv-more-icon {
3410
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
3411
+ width: 1em !important; /* stylelint-disable-line declaration-no-important */
3412
+ line-height: 22px !important; /* stylelint-disable-line declaration-no-important */
3413
+ }
3414
+
3319
3415
  .e-dialog.e-pv-signature-dialog-height {
3320
3416
  height: 550px;
3321
3417
  }