@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: "\ec2c";
20
20
  }
21
+ .e-pdfviewer .e-pv-rotate-right-icon::before {
22
+ content: "\e971";
23
+ }
24
+ .e-pdfviewer .e-pv-organize-view-icon::before {
25
+ content: "\e117";
26
+ }
27
+ .e-pdfviewer .e-pv-organize-view-disable-icon::before {
28
+ color: rgba(240, 240, 240, 0.2);
29
+ content: "\e117";
30
+ }
31
+ .e-pdfviewer .e-pv-organize-view-selection-icon::before {
32
+ color: #0070f0;
33
+ content: "\e117";
34
+ }
35
+ .e-pdfviewer .e-pv-rotate-left-icon::before {
36
+ content: "\e970";
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: "\ec2d";
@@ -778,6 +795,18 @@ input.e-pv-input-password::-ms-reveal {
778
795
  padding-top: 16px;
779
796
  }
780
797
 
798
+ .e-pv-image-container {
799
+ width: 100%;
800
+ height: 100%;
801
+ display: -ms-flexbox;
802
+ display: flex;
803
+ -ms-flex-pack: center;
804
+ justify-content: center;
805
+ -ms-flex-align: center;
806
+ align-items: center;
807
+ padding: 3px;
808
+ }
809
+
781
810
  .e-pv-gotopage-apply-btn.e-btn.e-flat.e-primary:disabled {
782
811
  background-color: transparent;
783
812
  }
@@ -1135,6 +1164,10 @@ input.e-pv-input-password::-ms-reveal {
1135
1164
  padding-top: 6px;
1136
1165
  }
1137
1166
 
1167
+ .e-dialog .e-dlg-header {
1168
+ width: auto;
1169
+ }
1170
+
1138
1171
  .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
1139
1172
  max-height: 30px;
1140
1173
  padding-bottom: 3px;
@@ -1322,7 +1355,8 @@ input.e-pv-input-password::-ms-reveal {
1322
1355
  border-radius: 100px;
1323
1356
  }
1324
1357
 
1325
- .e-pv-thumbnail-view-button.e-btn {
1358
+ .e-pv-thumbnail-view-button.e-btn,
1359
+ .e-pv-organize-view-button.e-btn {
1326
1360
  background: transparent;
1327
1361
  border: 0;
1328
1362
  border-radius: 4px;
@@ -1336,6 +1370,262 @@ input.e-pv-input-password::-ms-reveal {
1336
1370
  width: 32px;
1337
1371
  }
1338
1372
 
1373
+ .e-pv-organize-tile.e-pv-thumbnail-column {
1374
+ width: 100%;
1375
+ height: 100%;
1376
+ }
1377
+
1378
+ .e-pv-organize-content-apperance {
1379
+ overflow: hidden;
1380
+ }
1381
+
1382
+ .e-pv-organize-tile-view.e-pv-thumbnail-row {
1383
+ display: -ms-flexbox;
1384
+ display: flex;
1385
+ -ms-flex-pack: center;
1386
+ justify-content: center;
1387
+ -ms-flex-wrap: wrap;
1388
+ flex-wrap: wrap;
1389
+ overflow: auto;
1390
+ overflow-x: hidden;
1391
+ }
1392
+
1393
+ .e-pv-organize-anchor-node {
1394
+ border: 2px solid #505050;
1395
+ margin: 24px;
1396
+ width: 140px;
1397
+ height: 140px;
1398
+ }
1399
+ @media only screen and (max-width: 1399.98px) {
1400
+ .e-pv-organize-anchor-node {
1401
+ width: 140px;
1402
+ height: 140px;
1403
+ }
1404
+ }
1405
+ @media only screen and (max-width: 1199.98px) {
1406
+ .e-pv-organize-anchor-node {
1407
+ width: 140px;
1408
+ height: 140px;
1409
+ }
1410
+ }
1411
+ @media only screen and (max-width: 991.98px) {
1412
+ .e-pv-organize-anchor-node {
1413
+ width: 140px;
1414
+ height: 140px;
1415
+ }
1416
+ }
1417
+ @media only screen and (max-width: 767.98px) {
1418
+ .e-pv-organize-anchor-node {
1419
+ width: 140px;
1420
+ height: 140px;
1421
+ min-width: 140px;
1422
+ min-height: 140px;
1423
+ }
1424
+ }
1425
+ @media only screen and (max-width: 575.98px) {
1426
+ .e-pv-organize-anchor-node {
1427
+ width: 140px;
1428
+ height: 140px;
1429
+ min-width: 140px;
1430
+ min-height: 140px;
1431
+ margin: 24px 20px;
1432
+ }
1433
+ }
1434
+
1435
+ .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
1436
+ width: 100%;
1437
+ height: 100%;
1438
+ position: relative;
1439
+ top: -100%;
1440
+ padding: 4px;
1441
+ }
1442
+
1443
+ @media screen and (max-width: 480px) {
1444
+ .e-pdfviewer .e-pv-organize-tile.e-pv-thumbnail-column .e-checkbox-wrapper {
1445
+ width: 100%;
1446
+ height: 100%;
1447
+ position: relative;
1448
+ top: -100%;
1449
+ padding: 4px;
1450
+ }
1451
+ }
1452
+ .e-pv-organize-buttondiv {
1453
+ -ms-flex-pack: center;
1454
+ justify-content: center;
1455
+ -ms-flex-wrap: nowrap;
1456
+ flex-wrap: nowrap;
1457
+ position: relative;
1458
+ text-align: center;
1459
+ top: calc(-100% - 12px + 1px);
1460
+ }
1461
+
1462
+ .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
1463
+ border: 2px solid #0070f0;
1464
+ border-radius: 2px;
1465
+ }
1466
+
1467
+ @media screen and (max-width: 480px) {
1468
+ .e-pv-organize-anchor-node.e-pv-organize-node-selection-ring {
1469
+ border: 2px solid #0070f0;
1470
+ border-radius: 2px;
1471
+ }
1472
+ }
1473
+ .e-pv-organize-window {
1474
+ border: 1px solid #505050;
1475
+ border-radius: 0;
1476
+ }
1477
+
1478
+ .e-pdfviewer .e-pv-organize-window .e-footer-content {
1479
+ border-top: 1px solid #505050;
1480
+ padding: 15px;
1481
+ }
1482
+
1483
+ .e-pdfviewer .e-pv-organize-window .e-dlg-header-content {
1484
+ padding: 15px;
1485
+ }
1486
+
1487
+ .e-pv-tile-number {
1488
+ text-align: center;
1489
+ margin-top: 16.5px;
1490
+ }
1491
+
1492
+ .e-pv-delete-button.e-btn,
1493
+ .e-pv-rotate-left-button.e-btn,
1494
+ .e-pv-rotate-right-button.e-btn {
1495
+ width: 25px;
1496
+ height: 25px;
1497
+ -ms-flex-pack: center;
1498
+ justify-content: center;
1499
+ -ms-flex-align: center;
1500
+ align-items: center;
1501
+ margin: 0 5px;
1502
+ padding: 0;
1503
+ }
1504
+
1505
+ .e-pv-insert-left-button.e-btn {
1506
+ width: 25px;
1507
+ height: 25px;
1508
+ -ms-flex-pack: center;
1509
+ justify-content: center;
1510
+ -ms-flex-align: center;
1511
+ align-items: center;
1512
+ position: absolute;
1513
+ left: calc(-1 * (25px / 2 + 2px / 2));
1514
+ top: -70px;
1515
+ padding: 0;
1516
+ }
1517
+ @media only screen and (max-width: 1399.98px) {
1518
+ .e-pv-insert-left-button.e-btn {
1519
+ top: -70px;
1520
+ }
1521
+ }
1522
+ @media only screen and (max-width: 1199.98px) {
1523
+ .e-pv-insert-left-button.e-btn {
1524
+ top: -70px;
1525
+ }
1526
+ }
1527
+ @media only screen and (max-width: 991.98px) {
1528
+ .e-pv-insert-left-button.e-btn {
1529
+ top: -70px;
1530
+ }
1531
+ }
1532
+ @media only screen and (max-width: 767.98px) {
1533
+ .e-pv-insert-left-button.e-btn {
1534
+ top: -70px;
1535
+ }
1536
+ }
1537
+ @media only screen and (max-width: 575.98px) {
1538
+ .e-pv-insert-left-button.e-btn {
1539
+ top: -70px;
1540
+ }
1541
+ }
1542
+
1543
+ .e-pv-insert-right-button.e-btn {
1544
+ width: 25px;
1545
+ height: 25px;
1546
+ -ms-flex-pack: center;
1547
+ justify-content: center;
1548
+ -ms-flex-align: center;
1549
+ align-items: center;
1550
+ position: absolute;
1551
+ right: calc(-1 * (25px / 2 + 2px / 2));
1552
+ top: -70px;
1553
+ padding: 0;
1554
+ }
1555
+ @media only screen and (max-width: 1399.98px) {
1556
+ .e-pv-insert-right-button.e-btn {
1557
+ top: -70px;
1558
+ }
1559
+ }
1560
+ @media only screen and (max-width: 1199.98px) {
1561
+ .e-pv-insert-right-button.e-btn {
1562
+ top: -70px;
1563
+ }
1564
+ }
1565
+ @media only screen and (max-width: 991.98px) {
1566
+ .e-pv-insert-right-button.e-btn {
1567
+ top: -70px;
1568
+ }
1569
+ }
1570
+ @media only screen and (max-width: 767.98px) {
1571
+ .e-pv-insert-right-button.e-btn {
1572
+ top: -70px;
1573
+ }
1574
+ }
1575
+ @media only screen and (max-width: 575.98px) {
1576
+ .e-pv-insert-right-button.e-btn {
1577
+ top: -70px;
1578
+ }
1579
+ }
1580
+
1581
+ .e-pv-toolbar-rotate-left-button {
1582
+ height: 32px;
1583
+ width: 32px;
1584
+ padding: 0;
1585
+ top: 7px;
1586
+ position: relative;
1587
+ left: 436px;
1588
+ box-shadow: none;
1589
+ }
1590
+
1591
+ .e-pv-toolbar-rotate-right-button {
1592
+ height: 32px;
1593
+ width: 32px;
1594
+ padding: 0;
1595
+ top: 7px;
1596
+ position: relative;
1597
+ left: 445px;
1598
+ box-shadow: none;
1599
+ }
1600
+
1601
+ .e-pdfviewer .e-pv-organize-window .e-dlg-content {
1602
+ padding: 0;
1603
+ overflow: hidden;
1604
+ border-radius: 0;
1605
+ }
1606
+
1607
+ .e-pv-organize-toolbar-apperance.e-toolbar {
1608
+ width: 1172px;
1609
+ border: 1px solid #505050;
1610
+ border-width: 1px 0;
1611
+ background: transparent !important; /* stylelint-disable-line declaration-no-important */
1612
+ }
1613
+ .e-pv-organize-toolbar-apperance.e-toolbar .e-toolbar-items.e-tbar-pos {
1614
+ background: transparent !important; /* stylelint-disable-line declaration-no-important */
1615
+ }
1616
+
1617
+ .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
1618
+ margin-left: 22px;
1619
+ margin-right: 8px;
1620
+ text-wrap: nowrap;
1621
+ }
1622
+
1623
+ @media screen and (max-width: 480px) {
1624
+ .e-pdfviewer .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
1625
+ width: 35px;
1626
+ margin-left: 22px;
1627
+ }
1628
+ }
1339
1629
  .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
1340
1630
  .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
1341
1631
  background: #131313;
@@ -1421,9 +1711,8 @@ input.e-pv-input-password::-ms-reveal {
1421
1711
  .e-pv-thumbnail-number {
1422
1712
  color: #fff;
1423
1713
  font-family: Roboto;
1424
- padding-left: 50px;
1425
- padding-right: 50px;
1426
1714
  padding-top: 8px;
1715
+ text-align: center;
1427
1716
  }
1428
1717
 
1429
1718
  .e-pv-thumbnail-selection-ring {
@@ -1906,10 +2195,30 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1906
2195
  width: 32px;
1907
2196
  }
1908
2197
 
2198
+ .e-pv-organize-total-page-button {
2199
+ float: left;
2200
+ font-size: 12;
2201
+ font-weight: normal;
2202
+ color: #f0f0f0;
2203
+ }
2204
+
2205
+ .e-pdfviewer .e-pv-organize-window .e-footer-content .e-btn.e-flat:disabled {
2206
+ background-color: transparent;
2207
+ background: transparent;
2208
+ color: #f0f0f0;
2209
+ cursor: default;
2210
+ }
2211
+
1909
2212
  .e-pv-annotation-thickness-slider-container {
1910
2213
  margin-top: -6px;
1911
2214
  }
1912
2215
 
2216
+ .e-pv-organize-image {
2217
+ width: calc(100% - 4px);
2218
+ height: calc(100% - 4px);
2219
+ border: 1px solid #505050;
2220
+ }
2221
+
1913
2222
  .e-pv-annotation-opacity-icon {
1914
2223
  padding-top: 1px;
1915
2224
  }
@@ -2378,6 +2687,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2378
2687
  .e-pdfviewer .e-checkbox-wrapper .e-frame + .e-label,
2379
2688
  .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
2380
2689
  margin-right: 10px;
2690
+ font-size: 14px;
2381
2691
  }
2382
2692
 
2383
2693
  div > .e-pv-bookmark-icon.e-pv-icon.e-right {
@@ -2609,17 +2919,19 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2609
2919
  padding-left: 32px;
2610
2920
  padding-top: 8px;
2611
2921
  font-size: 14px;
2612
- max-width: 237px;
2613
2922
  position: absolute;
2923
+ overflow: hidden;
2924
+ text-overflow: ellipsis;
2614
2925
  }
2615
2926
 
2616
2927
  .e-pv-reply-title {
2617
2928
  color: rgba(255, 255, 255, 0.6);
2618
2929
  font-size: 14px;
2619
- max-width: 212px;
2620
2930
  padding-left: 8px;
2621
2931
  padding-top: 8px;
2622
2932
  position: absolute;
2933
+ overflow: hidden;
2934
+ text-overflow: ellipsis;
2623
2935
  }
2624
2936
 
2625
2937
  .e-pv-comments-hover {