@syncfusion/ej2-vue-filemanager 20.4.54 → 21.1.36

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 (49) hide show
  1. package/CHANGELOG.md +19 -19
  2. package/dist/ej2-vue-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-vue-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-filemanager.es2015.js +122 -143
  5. package/dist/es6/ej2-vue-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-filemanager.es5.js +134 -160
  7. package/dist/es6/ej2-vue-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-filemanager.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/file-manager/filemanager.component.d.ts +3 -39
  11. package/src/file-manager/filemanager.component.js +135 -164
  12. package/styles/bootstrap-dark.css +8 -6
  13. package/styles/bootstrap.css +7 -5
  14. package/styles/bootstrap4.css +7 -5
  15. package/styles/bootstrap5-dark.css +9 -6
  16. package/styles/bootstrap5.css +9 -6
  17. package/styles/fabric-dark.css +7 -5
  18. package/styles/fabric.css +7 -5
  19. package/styles/file-manager/bootstrap-dark.css +8 -6
  20. package/styles/file-manager/bootstrap.css +7 -5
  21. package/styles/file-manager/bootstrap4.css +7 -5
  22. package/styles/file-manager/bootstrap5-dark.css +9 -6
  23. package/styles/file-manager/bootstrap5.css +9 -6
  24. package/styles/file-manager/fabric-dark.css +7 -5
  25. package/styles/file-manager/fabric.css +7 -5
  26. package/styles/file-manager/fluent-dark.css +8 -6
  27. package/styles/file-manager/fluent.css +8 -6
  28. package/styles/file-manager/highcontrast-light.css +7 -5
  29. package/styles/file-manager/highcontrast.css +7 -5
  30. package/styles/file-manager/material-dark.css +8 -7
  31. package/styles/file-manager/material.css +7 -5
  32. package/styles/file-manager/material3-dark.css +1622 -0
  33. package/styles/file-manager/material3-dark.scss +2 -0
  34. package/styles/file-manager/material3.css +1678 -0
  35. package/styles/file-manager/material3.scss +2 -0
  36. package/styles/file-manager/tailwind-dark.css +9 -6
  37. package/styles/file-manager/tailwind.css +9 -6
  38. package/styles/fluent-dark.css +8 -6
  39. package/styles/fluent.css +8 -6
  40. package/styles/highcontrast-light.css +7 -5
  41. package/styles/highcontrast.css +7 -5
  42. package/styles/material-dark.css +8 -7
  43. package/styles/material.css +7 -5
  44. package/styles/material3-dark.css +1622 -0
  45. package/styles/material3-dark.scss +2 -0
  46. package/styles/material3.css +1678 -0
  47. package/styles/material3.scss +2 -0
  48. package/styles/tailwind-dark.css +9 -6
  49. package/styles/tailwind.css +9 -6
package/styles/file-manager/highcontrast.css CHANGED
@@ -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
  }
@@ -486,6 +483,7 @@ ejs-filemanager {
486
483
  overflow: inherit;
487
484
  padding-left: 10px;
488
485
  padding-right: 0;
486
+ box-shadow: none;
489
487
  }
490
488
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
491
489
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1048,7 +1046,7 @@ ejs-filemanager {
1048
1046
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1049
1047
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1050
1048
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1051
- z-index: 1000;
1049
+ z-index: 999;
1052
1050
  }
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1303,6 +1301,10 @@ ejs-filemanager {
1303
1301
  padding: 4px;
1304
1302
  text-align: center;
1305
1303
  }
1304
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1305
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1306
+ margin-right: -10px;
1307
+ }
1306
1308
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1307
1309
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1308
1310
  border-width: 1px;
@@ -1497,7 +1499,7 @@ ejs-filemanager {
1497
1499
  background-color: #000;
1498
1500
  color: #ffd939;
1499
1501
  }
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) {
1502
+ .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
1503
  background-color: transparent;
1502
1504
  }
1503
1505
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/material-dark.css CHANGED
@@ -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
  }
@@ -509,6 +505,7 @@ ejs-filemanager {
509
505
  overflow: inherit;
510
506
  padding-left: 12px;
511
507
  padding-right: 0;
508
+ box-shadow: none;
512
509
  }
513
510
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
514
511
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1072,7 +1069,7 @@ ejs-filemanager {
1072
1069
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1073
1070
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1074
1071
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1075
- z-index: 1000;
1072
+ z-index: 999;
1076
1073
  }
1077
1074
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1078
1075
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1332,6 +1329,10 @@ ejs-filemanager {
1332
1329
  padding: 4px;
1333
1330
  text-align: center;
1334
1331
  }
1332
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1333
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1334
+ margin-right: -10px;
1335
+ }
1335
1336
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1336
1337
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1337
1338
  border-width: 1px;
@@ -1514,11 +1515,11 @@ ejs-filemanager {
1514
1515
  .e-filemanager .e-grid tr:hover td.e-active {
1515
1516
  background-color: rgba(255, 255, 255, 0.22);
1516
1517
  }
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) {
1518
+ .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
1519
  background-color: rgba(255, 255, 255, 0.1);
1519
1520
  color: rgba(255, 255, 255, 0.7);
1520
1521
  }
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) {
1522
+ .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
1523
  background-color: transparent;
1523
1524
  }
1524
1525
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/material.css CHANGED
@@ -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
  }
@@ -516,6 +513,7 @@ ejs-filemanager {
516
513
  overflow: inherit;
517
514
  padding-left: 12px;
518
515
  padding-right: 0;
516
+ box-shadow: none;
519
517
  }
520
518
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
521
519
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1078,7 +1076,7 @@ ejs-filemanager {
1078
1076
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1079
1077
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1080
1078
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1081
- z-index: 1000;
1079
+ z-index: 999;
1082
1080
  }
1083
1081
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1084
1082
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1337,6 +1335,10 @@ ejs-filemanager {
1337
1335
  padding: 4px;
1338
1336
  text-align: center;
1339
1337
  }
1338
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1339
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1340
+ margin-right: -10px;
1341
+ }
1340
1342
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1341
1343
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1342
1344
  border-width: 1px;
@@ -1508,7 +1510,7 @@ ejs-filemanager {
1508
1510
  background-color: #e0e0e0;
1509
1511
  color: rgba(0, 0, 0, 0.87);
1510
1512
  }
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) {
1513
+ .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
1514
  background-color: transparent;
1513
1515
  }
1514
1516
  .e-filemanager .e-large-icons .e-list-img {