@syncfusion/ej2-pdfviewer 17.3.56-4568 → 17.3.58-4568

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 (76) hide show
  1. package/dist/ej2-pdfviewer.umd.min.js +1 -1
  2. package/dist/ej2-pdfviewer.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-pdfviewer.es2015.js +5 -3
  4. package/dist/es6/ej2-pdfviewer.es2015.js.map +1 -1
  5. package/dist/es6/ej2-pdfviewer.es5.js +5 -3
  6. package/dist/es6/ej2-pdfviewer.es5.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/pdfviewer/magnification/magnification.js +1 -1
  9. package/src/pdfviewer/tagged-pdf/tagged-pdf.js +4 -2
  10. package/styles/bootstrap-dark.css +317 -5
  11. package/styles/bootstrap.css +319 -5
  12. package/styles/bootstrap4.css +334 -9
  13. package/styles/bootstrap5-dark.css +340 -10
  14. package/styles/bootstrap5.css +340 -10
  15. package/styles/fabric-dark.css +317 -5
  16. package/styles/fabric.css +319 -5
  17. package/styles/fluent-dark.css +328 -10
  18. package/styles/fluent.css +328 -10
  19. package/styles/highcontrast-light.css +317 -5
  20. package/styles/highcontrast.css +317 -5
  21. package/styles/material-dark.css +317 -5
  22. package/styles/material.css +317 -5
  23. package/styles/material3-dark.css +318 -6
  24. package/styles/material3.css +318 -6
  25. package/styles/pdfviewer/_bds-definition.scss +6 -0
  26. package/styles/pdfviewer/_bootstrap-dark-definition.scss +6 -0
  27. package/styles/pdfviewer/_bootstrap-definition.scss +6 -0
  28. package/styles/pdfviewer/_bootstrap4-definition.scss +6 -0
  29. package/styles/pdfviewer/_bootstrap5-definition.scss +8 -2
  30. package/styles/pdfviewer/_fabric-dark-definition.scss +6 -0
  31. package/styles/pdfviewer/_fabric-definition.scss +6 -0
  32. package/styles/pdfviewer/_fluent-definition.scss +7 -1
  33. package/styles/pdfviewer/_fluent2-definition.scss +549 -0
  34. package/styles/pdfviewer/_fusionnew-definition.scss +6 -0
  35. package/styles/pdfviewer/_highcontrast-definition.scss +6 -0
  36. package/styles/pdfviewer/_highcontrast-light-definition.scss +6 -0
  37. package/styles/pdfviewer/_material-dark-definition.scss +12 -6
  38. package/styles/pdfviewer/_material-definition.scss +11 -5
  39. package/styles/pdfviewer/_material3-definition.scss +7 -1
  40. package/styles/pdfviewer/_tailwind-definition.scss +8 -2
  41. package/styles/pdfviewer/_theme.scss +373 -10
  42. package/styles/pdfviewer/bootstrap-dark.css +317 -5
  43. package/styles/pdfviewer/bootstrap.css +319 -5
  44. package/styles/pdfviewer/bootstrap4.css +334 -9
  45. package/styles/pdfviewer/bootstrap5-dark.css +340 -10
  46. package/styles/pdfviewer/bootstrap5.css +340 -10
  47. package/styles/pdfviewer/fabric-dark.css +317 -5
  48. package/styles/pdfviewer/fabric.css +319 -5
  49. package/styles/pdfviewer/fluent-dark.css +328 -10
  50. package/styles/pdfviewer/fluent.css +328 -10
  51. package/styles/pdfviewer/highcontrast-light.css +317 -5
  52. package/styles/pdfviewer/highcontrast.css +317 -5
  53. package/styles/pdfviewer/icons/_bds.scss +511 -0
  54. package/styles/pdfviewer/icons/_bootstrap-dark.scss +22 -0
  55. package/styles/pdfviewer/icons/_bootstrap.scss +22 -0
  56. package/styles/pdfviewer/icons/_bootstrap4.scss +22 -0
  57. package/styles/pdfviewer/icons/_bootstrap5.scss +23 -1
  58. package/styles/pdfviewer/icons/_fabric-dark.scss +22 -0
  59. package/styles/pdfviewer/icons/_fabric.scss +22 -0
  60. package/styles/pdfviewer/icons/_fluent.scss +23 -1
  61. package/styles/pdfviewer/icons/_fusionnew.scss +23 -1
  62. package/styles/pdfviewer/icons/_highcontrast-light.scss +22 -0
  63. package/styles/pdfviewer/icons/_highcontrast.scss +22 -0
  64. package/styles/pdfviewer/icons/_material-dark.scss +22 -0
  65. package/styles/pdfviewer/icons/_material.scss +22 -0
  66. package/styles/pdfviewer/icons/_material3.scss +23 -1
  67. package/styles/pdfviewer/icons/_tailwind-dark.scss +22 -0
  68. package/styles/pdfviewer/icons/_tailwind.scss +22 -0
  69. package/styles/pdfviewer/material-dark.css +317 -5
  70. package/styles/pdfviewer/material.css +317 -5
  71. package/styles/pdfviewer/material3-dark.css +318 -6
  72. package/styles/pdfviewer/material3.css +318 -6
  73. package/styles/pdfviewer/tailwind-dark.css +319 -7
  74. package/styles/pdfviewer/tailwind.css +319 -7
  75. package/styles/tailwind-dark.css +319 -7
  76. package/styles/tailwind.css +319 -7
@@ -18,6 +18,23 @@
18
18
  .e-pdfviewer .e-pv-first-page-navigation-icon::before {
19
19
  content: "\e77c";
20
20
  }
21
+ .e-pdfviewer .e-pv-rotate-right-icon::before {
22
+ content: "\e960";
23
+ }
24
+ .e-pdfviewer .e-pv-organize-view-icon::before {
25
+ content: "\e998";
26
+ }
27
+ .e-pdfviewer .e-pv-organize-view-disable-icon::before {
28
+ color: rgba(73, 80, 87, 0.4);
29
+ content: "\e998";
30
+ }
31
+ .e-pdfviewer .e-pv-organize-view-selection-icon::before {
32
+ color: #fff;
33
+ content: "\e998";
34
+ }
35
+ .e-pdfviewer .e-pv-rotate-left-icon::before {
36
+ content: "\e95f";
37
+ }
21
38
  .e-pdfviewer .e-pv-previous-page-navigation-icon::before,
22
39
  .e-pdfviewer .e-pv-prev-search-icon::before {
23
40
  content: "\e70d";
@@ -800,6 +817,18 @@ input.e-pv-input-password::-ms-reveal {
800
817
  padding-top: 16px;
801
818
  }
802
819
 
820
+ .e-pv-image-container {
821
+ width: 100%;
822
+ height: 100%;
823
+ display: -ms-flexbox;
824
+ display: flex;
825
+ -ms-flex-pack: center;
826
+ justify-content: center;
827
+ -ms-flex-align: center;
828
+ align-items: center;
829
+ padding: 3px;
830
+ }
831
+
803
832
  .e-pv-mobiletotalpage-container {
804
833
  color: #212529;
805
834
  display: block;
@@ -1150,6 +1179,10 @@ input.e-pv-input-password::-ms-reveal {
1150
1179
  padding-top: 6px;
1151
1180
  }
1152
1181
 
1182
+ .e-dialog .e-dlg-header {
1183
+ width: auto;
1184
+ }
1185
+
1153
1186
  .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
1154
1187
  max-height: 30px;
1155
1188
  padding-bottom: 3px;
@@ -1380,7 +1413,8 @@ input.e-pv-input-password::-ms-reveal {
1380
1413
  border-radius: 100px;
1381
1414
  }
1382
1415
 
1383
- .e-pv-thumbnail-view-button.e-btn {
1416
+ .e-pv-thumbnail-view-button.e-btn,
1417
+ .e-pv-organize-view-button.e-btn {
1384
1418
  background: transparent;
1385
1419
  border: 0;
1386
1420
  border-radius: 4px;
@@ -1394,7 +1428,264 @@ input.e-pv-input-password::-ms-reveal {
1394
1428
  width: 32px;
1395
1429
  }
1396
1430
 
1397
- .e-bigger .e-pv-thumbnail-view-button.e-btn {
1431
+ .e-pv-organize-tile.e-pv-thumbnail-column {
1432
+ width: 100%;
1433
+ height: 100%;
1434
+ }
1435
+
1436
+ .e-pv-organize-content-apperance {
1437
+ overflow: hidden;
1438
+ }
1439
+
1440
+ .e-pv-organize-tile-view.e-pv-thumbnail-row {
1441
+ display: -ms-flexbox;
1442
+ display: flex;
1443
+ -ms-flex-pack: center;
1444
+ justify-content: center;
1445
+ -ms-flex-wrap: wrap;
1446
+ flex-wrap: wrap;
1447
+ overflow: auto;
1448
+ overflow-x: hidden;
1449
+ }
1450
+
1451
+ .e-pv-organize-anchor-node {
1452
+ border: 2px solid #dee2e6;
1453
+ margin: 24px;
1454
+ width: 140px;
1455
+ height: 140px;
1456
+ }
1457
+ @media only screen and (max-width: 1399.98px) {
1458
+ .e-pv-organize-anchor-node {
1459
+ width: 140px;
1460
+ height: 140px;
1461
+ }
1462
+ }
1463
+ @media only screen and (max-width: 1199.98px) {
1464
+ .e-pv-organize-anchor-node {
1465
+ width: 140px;
1466
+ height: 140px;
1467
+ }
1468
+ }
1469
+ @media only screen and (max-width: 991.98px) {
1470
+ .e-pv-organize-anchor-node {
1471
+ width: 140px;
1472
+ height: 140px;
1473
+ }
1474
+ }
1475
+ @media only screen and (max-width: 767.98px) {
1476
+ .e-pv-organize-anchor-node {
1477
+ width: 140px;
1478
+ height: 140px;
1479
+ min-width: 140px;
1480
+ min-height: 140px;
1481
+ }
1482
+ }
1483
+ @media only screen and (max-width: 575.98px) {
1484
+ .e-pv-organize-anchor-node {
1485
+ width: 140px;
1486
+ height: 140px;
1487
+ min-width: 140px;
1488
+ min-height: 140px;
1489
+ margin: 24px 20px;
1490
+ }
1491
+ }
1492
+
1493
+ .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
1494
+ width: 100%;
1495
+ height: 100%;
1496
+ position: relative;
1497
+ top: -100%;
1498
+ padding: 4px;
1499
+ }
1500
+
1501
+ @media screen and (max-width: 480px) {
1502
+ .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
1503
+ width: 100%;
1504
+ height: 100%;
1505
+ position: relative;
1506
+ top: -100%;
1507
+ padding: 4px;
1508
+ }
1509
+ }
1510
+ .e-pv-organize-buttondiv {
1511
+ -ms-flex-pack: center;
1512
+ justify-content: center;
1513
+ -ms-flex-wrap: nowrap;
1514
+ flex-wrap: nowrap;
1515
+ position: relative;
1516
+ text-align: center;
1517
+ top: calc(-100% - 12px + 1px);
1518
+ }
1519
+
1520
+ .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
1521
+ border: 2px solid #007bff;
1522
+ border-radius: 2px;
1523
+ }
1524
+
1525
+ @media screen and (max-width: 480px) {
1526
+ .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
1527
+ border: 2px solid #007bff;
1528
+ border-radius: 2px;
1529
+ }
1530
+ }
1531
+ .e-pv-organize-window {
1532
+ border: 1px solid #dee2e6;
1533
+ border-radius: 0;
1534
+ }
1535
+
1536
+ .e-pdfviewer .e-pv-organize-window .e-footer-content {
1537
+ border-top: 1px solid #dee2e6;
1538
+ padding: 15px;
1539
+ }
1540
+
1541
+ .e-pdfviewer .e-pv-organize-window .e-dlg-header-content {
1542
+ padding: 15px;
1543
+ }
1544
+
1545
+ .e-pv-tile-number {
1546
+ text-align: center;
1547
+ margin-top: 16.5px;
1548
+ }
1549
+
1550
+ .e-pv-delete-button.e-btn,
1551
+ .e-pv-rotate-left-button.e-btn,
1552
+ .e-pv-rotate-right-button.e-btn {
1553
+ width: 25px;
1554
+ height: 25px;
1555
+ -ms-flex-pack: center;
1556
+ justify-content: center;
1557
+ -ms-flex-align: center;
1558
+ align-items: center;
1559
+ margin: 0 5px;
1560
+ padding: 0;
1561
+ }
1562
+
1563
+ .e-pv-insert-left-button.e-btn {
1564
+ width: 25px;
1565
+ height: 25px;
1566
+ -ms-flex-pack: center;
1567
+ justify-content: center;
1568
+ -ms-flex-align: center;
1569
+ align-items: center;
1570
+ position: absolute;
1571
+ left: calc(-1 * (25px / 2 + 2px / 2));
1572
+ top: -70px;
1573
+ padding: 0;
1574
+ }
1575
+ @media only screen and (max-width: 1399.98px) {
1576
+ .e-pv-insert-left-button.e-btn {
1577
+ top: -70px;
1578
+ }
1579
+ }
1580
+ @media only screen and (max-width: 1199.98px) {
1581
+ .e-pv-insert-left-button.e-btn {
1582
+ top: -70px;
1583
+ }
1584
+ }
1585
+ @media only screen and (max-width: 991.98px) {
1586
+ .e-pv-insert-left-button.e-btn {
1587
+ top: -70px;
1588
+ }
1589
+ }
1590
+ @media only screen and (max-width: 767.98px) {
1591
+ .e-pv-insert-left-button.e-btn {
1592
+ top: -70px;
1593
+ }
1594
+ }
1595
+ @media only screen and (max-width: 575.98px) {
1596
+ .e-pv-insert-left-button.e-btn {
1597
+ top: -70px;
1598
+ }
1599
+ }
1600
+
1601
+ .e-pv-insert-right-button.e-btn {
1602
+ width: 25px;
1603
+ height: 25px;
1604
+ -ms-flex-pack: center;
1605
+ justify-content: center;
1606
+ -ms-flex-align: center;
1607
+ align-items: center;
1608
+ position: absolute;
1609
+ right: calc(-1 * (25px / 2 + 2px / 2));
1610
+ top: -70px;
1611
+ padding: 0;
1612
+ }
1613
+ @media only screen and (max-width: 1399.98px) {
1614
+ .e-pv-insert-right-button.e-btn {
1615
+ top: -70px;
1616
+ }
1617
+ }
1618
+ @media only screen and (max-width: 1199.98px) {
1619
+ .e-pv-insert-right-button.e-btn {
1620
+ top: -70px;
1621
+ }
1622
+ }
1623
+ @media only screen and (max-width: 991.98px) {
1624
+ .e-pv-insert-right-button.e-btn {
1625
+ top: -70px;
1626
+ }
1627
+ }
1628
+ @media only screen and (max-width: 767.98px) {
1629
+ .e-pv-insert-right-button.e-btn {
1630
+ top: -70px;
1631
+ }
1632
+ }
1633
+ @media only screen and (max-width: 575.98px) {
1634
+ .e-pv-insert-right-button.e-btn {
1635
+ top: -70px;
1636
+ }
1637
+ }
1638
+
1639
+ .e-pv-toolbar-rotate-left-button {
1640
+ height: 32px;
1641
+ width: 32px;
1642
+ padding: 0;
1643
+ top: 7px;
1644
+ position: relative;
1645
+ left: 436px;
1646
+ box-shadow: none;
1647
+ }
1648
+
1649
+ .e-pv-toolbar-rotate-right-button {
1650
+ height: 32px;
1651
+ width: 32px;
1652
+ padding: 0;
1653
+ top: 7px;
1654
+ position: relative;
1655
+ left: 445px;
1656
+ box-shadow: none;
1657
+ }
1658
+
1659
+ .e-pdfviewer .e-pv-organize-window .e-dlg-content {
1660
+ padding: 0;
1661
+ overflow: hidden;
1662
+ border-radius: 0;
1663
+ }
1664
+
1665
+ .e-pv-organize-toolbar-apperance.e-toolbar {
1666
+ width: 1172px;
1667
+ border: 1px solid #dee2e6;
1668
+ border-width: 1px 0;
1669
+ background: transparent !important; /* stylelint-disable-line declaration-no-important */
1670
+ }
1671
+ .e-pv-organize-toolbar-apperance.e-toolbar .e-toolbar-items.e-tbar-pos {
1672
+ background: transparent !important; /* stylelint-disable-line declaration-no-important */
1673
+ }
1674
+
1675
+ .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
1676
+ margin-left: 22px;
1677
+ margin-right: 8px;
1678
+ text-wrap: nowrap;
1679
+ }
1680
+
1681
+ @media screen and (max-width: 480px) {
1682
+ .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
1683
+ width: 35px;
1684
+ margin-left: 22px;
1685
+ }
1686
+ }
1687
+ .e-bigger .e-pv-thumbnail-view-button.e-btn,
1688
+ .e-bigger .e-pv-organize-view-button.e-btn {
1398
1689
  height: 38px;
1399
1690
  margin: 8px 8px 4px 8px;
1400
1691
  padding: 8px;
@@ -1532,9 +1823,8 @@ input.e-pv-input-password::-ms-reveal {
1532
1823
  .e-pv-thumbnail-number {
1533
1824
  color: #212529;
1534
1825
  font-family: Roboto;
1535
- padding-left: 50px;
1536
- padding-right: 50px;
1537
1826
  padding-top: 8px;
1827
+ text-align: center;
1538
1828
  }
1539
1829
 
1540
1830
  .e-pv-thumbnail-selection-ring {
@@ -1718,6 +2008,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1718
2008
 
1719
2009
  .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
1720
2010
  .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
2011
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
2012
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover:focus,
1721
2013
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover,
1722
2014
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:hover .e-caret,
1723
2015
  .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:hover,
@@ -1727,10 +2019,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1727
2019
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover,
1728
2020
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon:hover,
1729
2021
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret:hover,
1730
- .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
1731
- .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
1732
2022
  .e-pv-annotation-toolbar .e-dropdown-btn.e-btn.e-active,
1733
- .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
1734
2023
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus,
1735
2024
  .e-pv-formdesigner-toolbar .e-dropdown-btn.e-btn:focus .e-caret,
1736
2025
  .e-pv-shapes-toolbar .e-pv-tbar-btn:focus,
@@ -1742,6 +2031,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1742
2031
  color: #fff;
1743
2032
  }
1744
2033
 
2034
+ .e-pv-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2035
+ .e-pv-annotation-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus,
2036
+ .e-pv-formdesigner-toolbar .e-pv-tbar-btn.e-pv-tbar-btn:focus {
2037
+ color: #fff;
2038
+ }
2039
+
1745
2040
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item:hover .e-menu-icon,
1746
2041
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-menu-icon,
1747
2042
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused:hover .e-caret {
@@ -2121,10 +2416,30 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2121
2416
  width: 32px;
2122
2417
  }
2123
2418
 
2419
+ .e-pv-organize-total-page-button {
2420
+ float: left;
2421
+ font-size: 12;
2422
+ font-weight: normal;
2423
+ color: #212529;
2424
+ }
2425
+
2426
+ .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
2427
+ background-color: transparent;
2428
+ background: transparent;
2429
+ color: #212529;
2430
+ cursor: default;
2431
+ }
2432
+
2124
2433
  .e-pv-annotation-thickness-slider-container {
2125
2434
  margin-top: -6px;
2126
2435
  }
2127
2436
 
2437
+ .e-pv-organize-image {
2438
+ width: calc(100% - 4px);
2439
+ height: calc(100% - 4px);
2440
+ border: 1px solid #dee2e6;
2441
+ }
2442
+
2128
2443
  .e-pv-annotation-opacity-icon {
2129
2444
  padding-top: 1px;
2130
2445
  }
@@ -2654,6 +2969,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2654
2969
  .e-pdfviewer .e-checkbox-wrapper .e-frame + .e-label,
2655
2970
  .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
2656
2971
  margin-right: 10px;
2972
+ font-size: 14px;
2657
2973
  }
2658
2974
 
2659
2975
  div > .e-pv-bookmark-icon.e-pv-icon.e-right {
@@ -2895,17 +3211,21 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2895
3211
  padding-left: 32px;
2896
3212
  padding-top: 7px;
2897
3213
  font-size: 14px;
2898
- max-width: 237px;
3214
+ font-size: #495057;
2899
3215
  position: absolute;
3216
+ overflow: hidden;
3217
+ text-overflow: ellipsis;
2900
3218
  }
2901
3219
 
2902
3220
  .e-pv-reply-title {
2903
3221
  color: rgba(33, 37, 41, 0.6);
2904
3222
  font-size: 14px;
2905
- max-width: 212px;
3223
+ font-size: #495057;
2906
3224
  padding-left: 8px;
2907
3225
  padding-top: 7px;
2908
3226
  position: absolute;
3227
+ overflow: hidden;
3228
+ text-overflow: ellipsis;
2909
3229
  }
2910
3230
 
2911
3231
  .e-pv-comments-hover {
@@ -3701,6 +4021,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3701
4021
  color: #495057;
3702
4022
  }
3703
4023
 
4024
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus,
4025
+ .e-pv-annotation-toolbar .e-dropdown-btn.e-btn:focus .e-caret {
4026
+ color: #fff;
4027
+ }
4028
+
3704
4029
  .e-dialog.e-pv-signature-dialog-height {
3705
4030
  height: 535px;
3706
4031
  }