@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/material3.scss ADDED
@@ -0,0 +1,2 @@
1
+
2
+ @import 'file-manager/material3.scss';
package/styles/tailwind-dark.css CHANGED
@@ -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;
@@ -508,6 +506,7 @@ ejs-filemanager {
508
506
  overflow: inherit;
509
507
  padding-left: 12px;
510
508
  padding-right: 0;
509
+ box-shadow: none;
511
510
  }
512
511
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
513
512
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {
@@ -1076,7 +1075,7 @@ ejs-filemanager {
1076
1075
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1077
1076
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1078
1077
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1079
- z-index: 1000;
1078
+ z-index: 999;
1080
1079
  }
1081
1080
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1082
1081
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1174,7 +1173,7 @@ ejs-filemanager {
1174
1173
  overflow: hidden;
1175
1174
  text-overflow: ellipsis;
1176
1175
  white-space: nowrap;
1177
- font-size: 15px;
1176
+ font-size: 16px;
1178
1177
  max-width: 205px;
1179
1178
  min-width: 45px;
1180
1179
  padding: 8px 30px 8px 0;
@@ -1361,6 +1360,10 @@ ejs-filemanager {
1361
1360
  padding: 6px;
1362
1361
  text-align: center;
1363
1362
  }
1363
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1364
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1365
+ margin-right: -10px;
1366
+ }
1364
1367
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1365
1368
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1366
1369
  border-width: 1px;
@@ -1533,7 +1536,7 @@ ejs-filemanager {
1533
1536
  background-color: #6b7280;
1534
1537
  color: #fff;
1535
1538
  }
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) {
1539
+ .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
1540
  background-color: transparent;
1538
1541
  }
1539
1542
  .e-filemanager .e-large-icons .e-list-img {
package/styles/tailwind.css CHANGED
@@ -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;
@@ -508,6 +506,7 @@ ejs-filemanager {
508
506
  overflow: inherit;
509
507
  padding-left: 12px;
510
508
  padding-right: 0;
509
+ box-shadow: none;
511
510
  }
512
511
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
513
512
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {
@@ -1076,7 +1075,7 @@ ejs-filemanager {
1076
1075
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1077
1076
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1078
1077
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1079
- z-index: 1000;
1078
+ z-index: 999;
1080
1079
  }
1081
1080
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1082
1081
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1174,7 +1173,7 @@ ejs-filemanager {
1174
1173
  overflow: hidden;
1175
1174
  text-overflow: ellipsis;
1176
1175
  white-space: nowrap;
1177
- font-size: 15px;
1176
+ font-size: 16px;
1178
1177
  max-width: 205px;
1179
1178
  min-width: 45px;
1180
1179
  padding: 8px 30px 8px 0;
@@ -1361,6 +1360,10 @@ ejs-filemanager {
1361
1360
  padding: 6px;
1362
1361
  text-align: center;
1363
1362
  }
1363
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1364
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1365
+ margin-right: -10px;
1366
+ }
1364
1367
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1365
1368
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1366
1369
  border-width: 1px;
@@ -1533,7 +1536,7 @@ ejs-filemanager {
1533
1536
  background-color: #e5e7eb;
1534
1537
  color: #111827;
1535
1538
  }
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) {
1539
+ .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
1540
  background-color: transparent;
1538
1541
  }
1539
1542
  .e-filemanager .e-large-icons .e-list-img {