@syncfusion/ej2-filemanager 20.4.54 → 21.1.37

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 (69) hide show
  1. package/CHANGELOG.md +3 -39
  2. package/dist/ej2-filemanager.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +72 -28
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +72 -28
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/file-manager/base/file-manager.js +4 -2
  14. package/src/file-manager/base/interface.d.ts +130 -5
  15. package/src/file-manager/layout/details-view.js +11 -1
  16. package/src/file-manager/layout/navigation-pane.d.ts +1 -0
  17. package/src/file-manager/layout/navigation-pane.js +49 -21
  18. package/src/file-manager/models/details-view-settings.js +1 -1
  19. package/src/file-manager/models/search-settings.d.ts +13 -1
  20. package/src/file-manager/pop-up/context-menu.js +7 -3
  21. package/styles/bootstrap-dark.css +2 -5
  22. package/styles/bootstrap.css +1 -4
  23. package/styles/bootstrap4.css +1 -4
  24. package/styles/bootstrap5-dark.css +3 -5
  25. package/styles/bootstrap5.css +3 -5
  26. package/styles/fabric-dark.css +1 -4
  27. package/styles/fabric.css +1 -4
  28. package/styles/file-manager/_bootstrap-dark-definition.scss +2 -0
  29. package/styles/file-manager/_bootstrap-definition.scss +2 -0
  30. package/styles/file-manager/_bootstrap4-definition.scss +2 -0
  31. package/styles/file-manager/_bootstrap5-definition.scss +13 -11
  32. package/styles/file-manager/_fabric-dark-definition.scss +2 -0
  33. package/styles/file-manager/_fabric-definition.scss +2 -0
  34. package/styles/file-manager/_fluent-definition.scss +13 -11
  35. package/styles/file-manager/_fusionnew-definition.scss +2 -0
  36. package/styles/file-manager/_highcontrast-definition.scss +2 -0
  37. package/styles/file-manager/_highcontrast-light-definition.scss +2 -0
  38. package/styles/file-manager/_layout.scss +74 -13
  39. package/styles/file-manager/_material-dark-definition.scss +2 -0
  40. package/styles/file-manager/_material-definition.scss +2 -0
  41. package/styles/file-manager/_tailwind-definition.scss +14 -12
  42. package/styles/file-manager/_theme.scss +15 -3
  43. package/styles/file-manager/bootstrap-dark.css +2 -5
  44. package/styles/file-manager/bootstrap.css +1 -4
  45. package/styles/file-manager/bootstrap4.css +1 -4
  46. package/styles/file-manager/bootstrap5-dark.css +3 -5
  47. package/styles/file-manager/bootstrap5.css +3 -5
  48. package/styles/file-manager/fabric-dark.css +1 -4
  49. package/styles/file-manager/fabric.css +1 -4
  50. package/styles/file-manager/fluent-dark.css +2 -5
  51. package/styles/file-manager/fluent.css +2 -5
  52. package/styles/file-manager/highcontrast-light.css +1 -4
  53. package/styles/file-manager/highcontrast.css +1 -4
  54. package/styles/file-manager/material-dark.css +2 -6
  55. package/styles/file-manager/material.css +1 -4
  56. package/styles/file-manager/tailwind-dark.css +3 -5
  57. package/styles/file-manager/tailwind.css +3 -5
  58. package/styles/fluent-dark.css +2 -5
  59. package/styles/fluent.css +2 -5
  60. package/styles/highcontrast-light.css +1 -4
  61. package/styles/highcontrast.css +1 -4
  62. package/styles/material-dark.css +2 -6
  63. package/styles/material.css +1 -4
  64. package/styles/tailwind-dark.css +3 -5
  65. package/styles/tailwind.css +3 -5
  66. package/src/file-manager/models/virtualization-settings-model.d.ts +0 -29
  67. package/src/file-manager/models/virtualization-settings.d.ts +0 -24
  68. package/src/file-manager/models/virtualization-settings.js +0 -40
  69. package/styles/file-manager/_material3-definition.scss +0 -237
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #0070f0 inset;
452
449
  }
@@ -1492,11 +1489,11 @@ ejs-filemanager {
1492
1489
  background-color: #1a1a1a;
1493
1490
  color: #f0f0f0;
1494
1491
  }
1495
- .e-filemanager .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1492
+ .e-filemanager .e-grid.e-gridhover .e-row:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
1493
  background-color: #393939;
1497
1494
  color: #acacac;
1498
1495
  }
1499
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1500
1497
  background-color: transparent;
1501
1498
  }
1502
1499
  .e-filemanager .e-large-icons .e-list-img {
@@ -445,9 +445,6 @@ ejs-filemanager {
445
445
  border: 0;
446
446
  font-size: 12px;
447
447
  }
448
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
449
- font-size: 13px;
450
- }
451
448
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
452
449
  box-shadow: 1px 0 0 1px #317ab9 inset;
453
450
  }
@@ -1479,7 +1476,7 @@ ejs-filemanager {
1479
1476
  background-color: #317ab9;
1480
1477
  color: #fff;
1481
1478
  }
1482
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1479
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1483
1480
  background-color: transparent;
1484
1481
  }
1485
1482
  .e-filemanager .e-large-icons .e-list-img {
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #007bff inset;
452
449
  }
@@ -1504,7 +1501,7 @@ ejs-filemanager {
1504
1501
  background-color: #fff;
1505
1502
  color: #212529;
1506
1503
  }
1507
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1504
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1508
1505
  background-color: transparent;
1509
1506
  }
1510
1507
  .e-filemanager .e-large-icons .e-list-img {
@@ -359,6 +359,7 @@ ejs-filemanager {
359
359
  margin: 5px;
360
360
  margin-right: 4px;
361
361
  padding: 3px;
362
+ padding: 5px;
362
363
  position: absolute;
363
364
  z-index: 1;
364
365
  }
@@ -459,9 +460,6 @@ ejs-filemanager {
459
460
  border: 0;
460
461
  font-size: 12px;
461
462
  }
462
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
463
- font-size: 14px;
464
- }
465
463
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
466
464
  box-shadow: 1px 0 0 1px #0d6efd inset;
467
465
  }
@@ -1167,7 +1165,7 @@ ejs-filemanager {
1167
1165
  overflow: hidden;
1168
1166
  text-overflow: ellipsis;
1169
1167
  white-space: nowrap;
1170
- font-size: 15px;
1168
+ font-size: 16px;
1171
1169
  max-width: 205px;
1172
1170
  min-width: 45px;
1173
1171
  padding: 8px 30px 8px 0;
@@ -1542,7 +1540,7 @@ ejs-filemanager {
1542
1540
  background-color: #fff;
1543
1541
  color: #0d6efd;
1544
1542
  }
1545
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1543
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1546
1544
  background-color: transparent;
1547
1545
  }
1548
1546
  .e-filemanager .e-large-icons .e-list-img {
@@ -359,6 +359,7 @@ ejs-filemanager {
359
359
  margin: 5px;
360
360
  margin-right: 4px;
361
361
  padding: 3px;
362
+ padding: 5px;
362
363
  position: absolute;
363
364
  z-index: 1;
364
365
  }
@@ -459,9 +460,6 @@ ejs-filemanager {
459
460
  border: 0;
460
461
  font-size: 12px;
461
462
  }
462
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
463
- font-size: 14px;
464
- }
465
463
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
466
464
  box-shadow: 1px 0 0 1px #0d6efd inset;
467
465
  }
@@ -1167,7 +1165,7 @@ ejs-filemanager {
1167
1165
  overflow: hidden;
1168
1166
  text-overflow: ellipsis;
1169
1167
  white-space: nowrap;
1170
- font-size: 15px;
1168
+ font-size: 16px;
1171
1169
  max-width: 205px;
1172
1170
  min-width: 45px;
1173
1171
  padding: 8px 30px 8px 0;
@@ -1542,7 +1540,7 @@ ejs-filemanager {
1542
1540
  background-color: #fff;
1543
1541
  color: #0d6efd;
1544
1542
  }
1545
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1543
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1546
1544
  background-color: transparent;
1547
1545
  }
1548
1546
  .e-filemanager .e-large-icons .e-list-img {
@@ -440,9 +440,6 @@ ejs-filemanager {
440
440
  border: 0;
441
441
  font-size: 12px;
442
442
  }
443
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
444
- font-size: 13px;
445
- }
446
443
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
447
444
  box-shadow: 1px 0 0 1px #0074cc inset;
448
445
  }
@@ -1473,7 +1470,7 @@ ejs-filemanager {
1473
1470
  background-color: #514f4f;
1474
1471
  color: #fff;
1475
1472
  }
1476
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1473
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1477
1474
  background-color: transparent;
1478
1475
  }
1479
1476
  .e-filemanager .e-large-icons .e-list-img {
@@ -441,9 +441,6 @@ ejs-filemanager {
441
441
  border: 0;
442
442
  font-size: 12px;
443
443
  }
444
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
445
- font-size: 13px;
446
- }
447
444
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
448
445
  box-shadow: 1px 0 0 1px #0078d6 inset;
449
446
  }
@@ -1474,7 +1471,7 @@ ejs-filemanager {
1474
1471
  background-color: #d1ebff;
1475
1472
  color: #333;
1476
1473
  }
1477
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1474
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1478
1475
  background-color: transparent;
1479
1476
  }
1480
1477
  .e-filemanager .e-large-icons .e-list-img {
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -1151,7 +1148,7 @@ ejs-filemanager {
1151
1148
  overflow: hidden;
1152
1149
  text-overflow: ellipsis;
1153
1150
  white-space: nowrap;
1154
- font-size: 15px;
1151
+ font-size: 16px;
1155
1152
  max-width: 205px;
1156
1153
  min-width: 45px;
1157
1154
  padding: 8px 30px 8px 0;
@@ -1493,7 +1490,7 @@ ejs-filemanager {
1493
1490
  background-color: #292827;
1494
1491
  color: #fff;
1495
1492
  }
1496
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1493
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
1494
  background-color: transparent;
1498
1495
  }
1499
1496
  .e-filemanager .e-large-icons .e-list-img {
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -1151,7 +1148,7 @@ ejs-filemanager {
1151
1148
  overflow: hidden;
1152
1149
  text-overflow: ellipsis;
1153
1150
  white-space: nowrap;
1154
- font-size: 15px;
1151
+ font-size: 16px;
1155
1152
  max-width: 205px;
1156
1153
  min-width: 45px;
1157
1154
  padding: 8px 30px 8px 0;
@@ -1492,7 +1489,7 @@ ejs-filemanager {
1492
1489
  background-color: #edebe9;
1493
1490
  color: #323130;
1494
1491
  }
1495
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1492
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
1493
  background-color: transparent;
1497
1494
  }
1498
1495
  .e-filemanager .e-large-icons .e-list-img {
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #ffd939 inset;
452
449
  }
@@ -1477,7 +1474,7 @@ ejs-filemanager {
1477
1474
  background-color: #e0e0e0;
1478
1475
  color: #fff;
1479
1476
  }
1480
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1477
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1481
1478
  background-color: transparent;
1482
1479
  }
1483
1480
  .e-filemanager .e-large-icons .e-list-img {
@@ -441,9 +441,6 @@ ejs-filemanager {
441
441
  border: 0;
442
442
  font-size: 12px;
443
443
  }
444
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
445
- font-size: 13px;
446
- }
447
444
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
448
445
  box-shadow: 1px 0 0 1px #ffd939 inset;
449
446
  }
@@ -1497,7 +1494,7 @@ ejs-filemanager {
1497
1494
  background-color: #000;
1498
1495
  color: #ffd939;
1499
1496
  }
1500
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1501
1498
  background-color: transparent;
1502
1499
  }
1503
1500
  .e-filemanager .e-large-icons .e-list-img {
@@ -352,7 +352,6 @@ ejs-filemanager {
352
352
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
353
353
  margin: 0 0 0 24px;
354
354
  padding: 0;
355
- height: 30px;
356
355
  }
357
356
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
358
357
  margin: 8px 8px 0 8px;
@@ -464,9 +463,6 @@ ejs-filemanager {
464
463
  border: 0;
465
464
  font-size: 12px;
466
465
  }
467
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
468
- font-size: 13px;
469
- }
470
466
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
471
467
  box-shadow: 1px 0 0 1px #00b0ff inset;
472
468
  }
@@ -1514,11 +1510,11 @@ ejs-filemanager {
1514
1510
  .e-filemanager .e-grid tr:hover td.e-active {
1515
1511
  background-color: rgba(255, 255, 255, 0.22);
1516
1512
  }
1517
- .e-filemanager .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1513
+ .e-filemanager .e-grid.e-gridhover .e-row:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1518
1514
  background-color: rgba(255, 255, 255, 0.1);
1519
1515
  color: rgba(255, 255, 255, 0.7);
1520
1516
  }
1521
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1517
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1522
1518
  background-color: transparent;
1523
1519
  }
1524
1520
  .e-filemanager .e-large-icons .e-list-img {
@@ -471,9 +471,6 @@ ejs-filemanager {
471
471
  border: 0;
472
472
  font-size: 12px;
473
473
  }
474
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
475
- font-size: 13px;
476
- }
477
474
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
478
475
  box-shadow: 1px 0 0 1px #e3165b inset;
479
476
  }
@@ -1508,7 +1505,7 @@ ejs-filemanager {
1508
1505
  background-color: #e0e0e0;
1509
1506
  color: rgba(0, 0, 0, 0.87);
1510
1507
  }
1511
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1508
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1512
1509
  background-color: transparent;
1513
1510
  }
1514
1511
  .e-filemanager .e-large-icons .e-list-img {
@@ -357,6 +357,7 @@ ejs-filemanager {
357
357
  margin: 5px;
358
358
  margin-right: 4px;
359
359
  padding: 3px;
360
+ padding: 5px;
360
361
  position: absolute;
361
362
  z-index: 1;
362
363
  }
@@ -455,9 +456,6 @@ ejs-filemanager {
455
456
  border: 0;
456
457
  font-size: 12px;
457
458
  }
458
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
459
- font-size: 14px;
460
- }
461
459
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
462
460
  border-bottom: 1px dashed #22d3ee;
463
461
  border-left: 1px dashed #22d3ee;
@@ -1174,7 +1172,7 @@ ejs-filemanager {
1174
1172
  overflow: hidden;
1175
1173
  text-overflow: ellipsis;
1176
1174
  white-space: nowrap;
1177
- font-size: 15px;
1175
+ font-size: 16px;
1178
1176
  max-width: 205px;
1179
1177
  min-width: 45px;
1180
1178
  padding: 8px 30px 8px 0;
@@ -1533,7 +1531,7 @@ ejs-filemanager {
1533
1531
  background-color: #6b7280;
1534
1532
  color: #fff;
1535
1533
  }
1536
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1534
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1537
1535
  background-color: transparent;
1538
1536
  }
1539
1537
  .e-filemanager .e-large-icons .e-list-img {
@@ -357,6 +357,7 @@ ejs-filemanager {
357
357
  margin: 5px;
358
358
  margin-right: 4px;
359
359
  padding: 3px;
360
+ padding: 5px;
360
361
  position: absolute;
361
362
  z-index: 1;
362
363
  }
@@ -455,9 +456,6 @@ ejs-filemanager {
455
456
  border: 0;
456
457
  font-size: 12px;
457
458
  }
458
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
459
- font-size: 14px;
460
- }
461
459
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
462
460
  border-bottom: 1px dashed #4f46e5;
463
461
  border-left: 1px dashed #4f46e5;
@@ -1174,7 +1172,7 @@ ejs-filemanager {
1174
1172
  overflow: hidden;
1175
1173
  text-overflow: ellipsis;
1176
1174
  white-space: nowrap;
1177
- font-size: 15px;
1175
+ font-size: 16px;
1178
1176
  max-width: 205px;
1179
1177
  min-width: 45px;
1180
1178
  padding: 8px 30px 8px 0;
@@ -1533,7 +1531,7 @@ ejs-filemanager {
1533
1531
  background-color: #e5e7eb;
1534
1532
  color: #111827;
1535
1533
  }
1536
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1534
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1537
1535
  background-color: transparent;
1538
1536
  }
1539
1537
  .e-filemanager .e-large-icons .e-list-img {
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -1151,7 +1148,7 @@ ejs-filemanager {
1151
1148
  overflow: hidden;
1152
1149
  text-overflow: ellipsis;
1153
1150
  white-space: nowrap;
1154
- font-size: 15px;
1151
+ font-size: 16px;
1155
1152
  max-width: 205px;
1156
1153
  min-width: 45px;
1157
1154
  padding: 8px 30px 8px 0;
@@ -1493,7 +1490,7 @@ ejs-filemanager {
1493
1490
  background-color: #292827;
1494
1491
  color: #fff;
1495
1492
  }
1496
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1493
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
1494
  background-color: transparent;
1498
1495
  }
1499
1496
  .e-filemanager .e-large-icons .e-list-img {
package/styles/fluent.css CHANGED
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -1151,7 +1148,7 @@ ejs-filemanager {
1151
1148
  overflow: hidden;
1152
1149
  text-overflow: ellipsis;
1153
1150
  white-space: nowrap;
1154
- font-size: 15px;
1151
+ font-size: 16px;
1155
1152
  max-width: 205px;
1156
1153
  min-width: 45px;
1157
1154
  padding: 8px 30px 8px 0;
@@ -1492,7 +1489,7 @@ ejs-filemanager {
1492
1489
  background-color: #edebe9;
1493
1490
  color: #323130;
1494
1491
  }
1495
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1492
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
1493
  background-color: transparent;
1497
1494
  }
1498
1495
  .e-filemanager .e-large-icons .e-list-img {
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #ffd939 inset;
452
449
  }
@@ -1477,7 +1474,7 @@ ejs-filemanager {
1477
1474
  background-color: #e0e0e0;
1478
1475
  color: #fff;
1479
1476
  }
1480
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1477
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1481
1478
  background-color: transparent;
1482
1479
  }
1483
1480
  .e-filemanager .e-large-icons .e-list-img {
@@ -441,9 +441,6 @@ ejs-filemanager {
441
441
  border: 0;
442
442
  font-size: 12px;
443
443
  }
444
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
445
- font-size: 13px;
446
- }
447
444
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
448
445
  box-shadow: 1px 0 0 1px #ffd939 inset;
449
446
  }
@@ -1497,7 +1494,7 @@ ejs-filemanager {
1497
1494
  background-color: #000;
1498
1495
  color: #ffd939;
1499
1496
  }
1500
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1501
1498
  background-color: transparent;
1502
1499
  }
1503
1500
  .e-filemanager .e-large-icons .e-list-img {
@@ -352,7 +352,6 @@ ejs-filemanager {
352
352
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
353
353
  margin: 0 0 0 24px;
354
354
  padding: 0;
355
- height: 30px;
356
355
  }
357
356
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
358
357
  margin: 8px 8px 0 8px;
@@ -464,9 +463,6 @@ ejs-filemanager {
464
463
  border: 0;
465
464
  font-size: 12px;
466
465
  }
467
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
468
- font-size: 13px;
469
- }
470
466
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
471
467
  box-shadow: 1px 0 0 1px #00b0ff inset;
472
468
  }
@@ -1514,11 +1510,11 @@ ejs-filemanager {
1514
1510
  .e-filemanager .e-grid tr:hover td.e-active {
1515
1511
  background-color: rgba(255, 255, 255, 0.22);
1516
1512
  }
1517
- .e-filemanager .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1513
+ .e-filemanager .e-grid.e-gridhover .e-row:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1518
1514
  background-color: rgba(255, 255, 255, 0.1);
1519
1515
  color: rgba(255, 255, 255, 0.7);
1520
1516
  }
1521
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1517
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1522
1518
  background-color: transparent;
1523
1519
  }
1524
1520
  .e-filemanager .e-large-icons .e-list-img {
@@ -471,9 +471,6 @@ ejs-filemanager {
471
471
  border: 0;
472
472
  font-size: 12px;
473
473
  }
474
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
475
- font-size: 13px;
476
- }
477
474
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
478
475
  box-shadow: 1px 0 0 1px #e3165b inset;
479
476
  }
@@ -1508,7 +1505,7 @@ ejs-filemanager {
1508
1505
  background-color: #e0e0e0;
1509
1506
  color: rgba(0, 0, 0, 0.87);
1510
1507
  }
1511
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1508
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1512
1509
  background-color: transparent;
1513
1510
  }
1514
1511
  .e-filemanager .e-large-icons .e-list-img {
@@ -357,6 +357,7 @@ ejs-filemanager {
357
357
  margin: 5px;
358
358
  margin-right: 4px;
359
359
  padding: 3px;
360
+ padding: 5px;
360
361
  position: absolute;
361
362
  z-index: 1;
362
363
  }
@@ -455,9 +456,6 @@ ejs-filemanager {
455
456
  border: 0;
456
457
  font-size: 12px;
457
458
  }
458
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
459
- font-size: 14px;
460
- }
461
459
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
462
460
  border-bottom: 1px dashed #22d3ee;
463
461
  border-left: 1px dashed #22d3ee;
@@ -1174,7 +1172,7 @@ ejs-filemanager {
1174
1172
  overflow: hidden;
1175
1173
  text-overflow: ellipsis;
1176
1174
  white-space: nowrap;
1177
- font-size: 15px;
1175
+ font-size: 16px;
1178
1176
  max-width: 205px;
1179
1177
  min-width: 45px;
1180
1178
  padding: 8px 30px 8px 0;
@@ -1533,7 +1531,7 @@ ejs-filemanager {
1533
1531
  background-color: #6b7280;
1534
1532
  color: #fff;
1535
1533
  }
1536
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1534
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1537
1535
  background-color: transparent;
1538
1536
  }
1539
1537
  .e-filemanager .e-large-icons .e-list-img {
@@ -357,6 +357,7 @@ ejs-filemanager {
357
357
  margin: 5px;
358
358
  margin-right: 4px;
359
359
  padding: 3px;
360
+ padding: 5px;
360
361
  position: absolute;
361
362
  z-index: 1;
362
363
  }
@@ -455,9 +456,6 @@ ejs-filemanager {
455
456
  border: 0;
456
457
  font-size: 12px;
457
458
  }
458
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
459
- font-size: 14px;
460
- }
461
459
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
462
460
  border-bottom: 1px dashed #4f46e5;
463
461
  border-left: 1px dashed #4f46e5;
@@ -1174,7 +1172,7 @@ ejs-filemanager {
1174
1172
  overflow: hidden;
1175
1173
  text-overflow: ellipsis;
1176
1174
  white-space: nowrap;
1177
- font-size: 15px;
1175
+ font-size: 16px;
1178
1176
  max-width: 205px;
1179
1177
  min-width: 45px;
1180
1178
  padding: 8px 30px 8px 0;
@@ -1533,7 +1531,7 @@ ejs-filemanager {
1533
1531
  background-color: #e5e7eb;
1534
1532
  color: #111827;
1535
1533
  }
1536
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1534
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1537
1535
  background-color: transparent;
1538
1536
  }
1539
1537
  .e-filemanager .e-large-icons .e-list-img {
@@ -1,29 +0,0 @@
1
- import { Property, ChildProperty } from '@syncfusion/ej2-base';
2
-
3
- /**
4
- * Interface for a class VirtualizationSettings
5
- */
6
- export interface VirtualizationSettingsModel {
7
-
8
- /**
9
- * If `enable` is set to true, it will increase the FileManager performance, while loading a large number of files/folders.
10
- *
11
- * @default false
12
- */
13
- enable?: boolean;
14
-
15
- /**
16
- * Defines the number of records to be displayed in the details view.
17
- *
18
- * @default 20
19
- */
20
- detailsViewItemsCount?: number;
21
-
22
- /**
23
- * Defines the number of records to be displayed in large icons view.
24
- *
25
- * @default 40
26
- */
27
- largeIconsViewItemsCount?: number;
28
-
29
- }
@@ -1,24 +0,0 @@
1
- import { ChildProperty } from '@syncfusion/ej2-base';
2
- /**
3
- * Specifies the virtualization settings of the File Manager.
4
- */
5
- export declare class VirtualizationSettings extends ChildProperty<VirtualizationSettings> {
6
- /**
7
- * If `enable` is set to true, it will increase the FileManager performance, while loading a large number of files/folders.
8
- *
9
- * @default false
10
- */
11
- private enable;
12
- /**
13
- * Defines the number of records to be displayed in the details view.
14
- *
15
- * @default 20
16
- */
17
- private detailsViewItemsCount;
18
- /**
19
- * Defines the number of records to be displayed in large icons view.
20
- *
21
- * @default 40
22
- */
23
- private largeIconsViewItemsCount;
24
- }