@syncfusion/ej2-filemanager 19.2.60 → 19.3.55

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 (62) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +16 -0
  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 +9 -4
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +9 -4
  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 +15 -15
  13. package/src/file-manager/base/file-manager-model.d.ts +1 -1
  14. package/src/file-manager/common/utility.js +1 -1
  15. package/src/file-manager/layout/details-view.js +1 -1
  16. package/src/file-manager/models/default-locale.js +1 -1
  17. package/src/file-manager/pop-up/dialog.js +6 -1
  18. package/styles/bootstrap-dark.css +6 -2
  19. package/styles/bootstrap.css +8 -4
  20. package/styles/bootstrap4.css +10 -2
  21. package/styles/bootstrap5-dark.css +1973 -0
  22. package/styles/bootstrap5-dark.scss +1 -0
  23. package/styles/bootstrap5.css +1973 -0
  24. package/styles/bootstrap5.scss +1 -0
  25. package/styles/fabric-dark.css +8 -4
  26. package/styles/fabric.css +6 -2
  27. package/styles/file-manager/_bootstrap-dark-definition.scss +1 -1
  28. package/styles/file-manager/_bootstrap-definition.scss +2 -2
  29. package/styles/file-manager/_bootstrap4-definition.scss +1 -1
  30. package/styles/file-manager/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/file-manager/_bootstrap5-definition.scss +237 -0
  32. package/styles/file-manager/_fabric-dark-definition.scss +1 -1
  33. package/styles/file-manager/_fabric-definition.scss +1 -1
  34. package/styles/file-manager/_highcontrast-definition.scss +3 -3
  35. package/styles/file-manager/_highcontrast-light-definition.scss +1 -1
  36. package/styles/file-manager/_layout.scss +86 -52
  37. package/styles/file-manager/_tailwind-dark-definition.scss +1 -232
  38. package/styles/file-manager/_theme.scss +17 -11
  39. package/styles/file-manager/bootstrap-dark.css +6 -2
  40. package/styles/file-manager/bootstrap.css +8 -4
  41. package/styles/file-manager/bootstrap4.css +10 -2
  42. package/styles/file-manager/bootstrap5-dark.css +1973 -0
  43. package/styles/file-manager/bootstrap5-dark.scss +16 -0
  44. package/styles/file-manager/bootstrap5.css +1973 -0
  45. package/styles/file-manager/bootstrap5.scss +16 -0
  46. package/styles/file-manager/fabric-dark.css +8 -4
  47. package/styles/file-manager/fabric.css +6 -2
  48. package/styles/file-manager/highcontrast-light.css +6 -2
  49. package/styles/file-manager/highcontrast.css +8 -4
  50. package/styles/file-manager/icons/_bootstrap5-dark.scss +1 -0
  51. package/styles/file-manager/icons/_bootstrap5.scss +235 -0
  52. package/styles/file-manager/icons/_tailwind-dark.scss +1 -235
  53. package/styles/file-manager/material-dark.css +21 -17
  54. package/styles/file-manager/material.css +5 -1
  55. package/styles/file-manager/tailwind-dark.css +12 -5
  56. package/styles/file-manager/tailwind.css +10 -3
  57. package/styles/highcontrast-light.css +6 -2
  58. package/styles/highcontrast.css +8 -4
  59. package/styles/material-dark.css +21 -17
  60. package/styles/material.css +5 -1
  61. package/styles/tailwind-dark.css +12 -5
  62. package/styles/tailwind.css +10 -3
@@ -333,6 +333,10 @@ ejs-filemanager {
333
333
  padding-left: 8px;
334
334
  }
335
335
 
336
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
337
+ display: none;
338
+ }
339
+
336
340
  .e-filemanager .e-treeview .e-list-parent {
337
341
  margin-bottom: 0;
338
342
  margin-top: 0;
@@ -391,7 +395,7 @@ ejs-filemanager {
391
395
 
392
396
  .e-filemanager .e-address .e-search-wrap {
393
397
  float: right;
394
- padding: 1px 8px 0 8px;
398
+ padding: 1.5px 8px 0 8px;
395
399
  position: absolute;
396
400
  right: 0;
397
401
  top: 0;
@@ -1484,7 +1488,7 @@ ejs-filemanager {
1484
1488
  .e-bigger .e-filemanager .e-address .e-search-wrap,
1485
1489
  .e-filemanager.e-bigger .e-address .e-search-wrap {
1486
1490
  min-width: 51px;
1487
- padding: 3px 12px 0 12px;
1491
+ padding: 2.5px 12px 0 12px;
1488
1492
  }
1489
1493
 
1490
1494
  .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,
@@ -1536,7 +1540,7 @@ ejs-filemanager {
1536
1540
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1537
1541
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1538
1542
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1539
- padding-left: 16px;
1543
+ padding-left: 10px;
1540
1544
  }
1541
1545
 
1542
1546
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
@@ -1869,7 +1873,7 @@ ejs-filemanager {
1869
1873
  .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick,
1870
1874
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1871
1875
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1872
- color: #ff6161;
1876
+ color: #fff;
1873
1877
  }
1874
1878
 
1875
1879
  .e-fe-popup.e-dialog td {
@@ -356,6 +356,10 @@ ejs-filemanager {
356
356
  padding-left: 8px;
357
357
  }
358
358
 
359
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
360
+ display: none;
361
+ }
362
+
359
363
  .e-filemanager .e-treeview .e-list-parent {
360
364
  margin-bottom: 0;
361
365
  margin-top: 0;
@@ -577,15 +581,15 @@ ejs-filemanager {
577
581
  }
578
582
 
579
583
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
580
- box-shadow: 1px 0 0 1px #ff80ab inset;
584
+ box-shadow: 1px 0 0 1px #00b0ff inset;
581
585
  }
582
586
 
583
587
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:last-child {
584
- box-shadow: -1px 0 0 1px #ff80ab inset;
588
+ box-shadow: -1px 0 0 1px #00b0ff inset;
585
589
  }
586
590
 
587
591
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell {
588
- box-shadow: 0 2px 0 -1px #ff80ab inset, 0 -2px 0 -1px #ff80ab inset;
592
+ box-shadow: 0 2px 0 -1px #00b0ff inset, 0 -2px 0 -1px #00b0ff inset;
589
593
  }
590
594
 
591
595
  .e-filemanager .e-grid .e-empty {
@@ -938,7 +942,7 @@ ejs-filemanager {
938
942
  }
939
943
 
940
944
  .e-filemanager .e-fe-overlay {
941
- border: 3px dashed #ff80ab;
945
+ border: 3px dashed #00b0ff;
942
946
  bottom: 0;
943
947
  display: block;
944
948
  height: calc(100% - 34px);
@@ -1564,7 +1568,7 @@ ejs-filemanager {
1564
1568
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1565
1569
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1566
1570
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1567
- padding-left: 16px;
1571
+ padding-left: 10px;
1568
1572
  }
1569
1573
 
1570
1574
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
@@ -1751,16 +1755,16 @@ ejs-filemanager {
1751
1755
  }
1752
1756
 
1753
1757
  .e-filemanager .e-address .e-list-text {
1754
- color: #ff80ab;
1758
+ color: #00b0ff;
1755
1759
  }
1756
1760
 
1757
1761
  .e-filemanager .e-address .e-address-list-item {
1758
- color: #ff80ab;
1762
+ color: #00b0ff;
1759
1763
  }
1760
1764
 
1761
1765
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1762
1766
  background: rgba(255, 255, 255, 0.1);
1763
- color: #ffb3cd;
1767
+ color: #33c0ff;
1764
1768
  }
1765
1769
 
1766
1770
  .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
@@ -1769,17 +1773,17 @@ ejs-filemanager {
1769
1773
 
1770
1774
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1771
1775
  background: rgba(255, 255, 255, 0.1);
1772
- color: #ffb3cd;
1776
+ color: #33c0ff;
1773
1777
  }
1774
1778
 
1775
1779
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1776
1780
  background: rgba(255, 255, 255, 0.1);
1777
- color: #ffb3cd;
1781
+ color: #33c0ff;
1778
1782
  }
1779
1783
 
1780
1784
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1781
1785
  background: rgba(255, 255, 255, 0.1);
1782
- color: #ffb3cd;
1786
+ color: #33c0ff;
1783
1787
  }
1784
1788
 
1785
1789
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
@@ -1796,7 +1800,7 @@ ejs-filemanager {
1796
1800
  }
1797
1801
 
1798
1802
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
1799
- border-color: #ff80ab;
1803
+ border-color: #00b0ff;
1800
1804
  }
1801
1805
 
1802
1806
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
@@ -1872,11 +1876,11 @@ ejs-filemanager {
1872
1876
  }
1873
1877
 
1874
1878
  .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder {
1875
- border-color: #ff80ab;
1879
+ border-color: #00b0ff;
1876
1880
  }
1877
1881
 
1878
1882
  .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1879
- background-color: #ff80ab;
1883
+ background-color: #00b0ff;
1880
1884
  color: #000;
1881
1885
  }
1882
1886
 
@@ -1886,8 +1890,8 @@ ejs-filemanager {
1886
1890
  }
1887
1891
 
1888
1892
  .e-filemanager .e-fe-clone .e-fe-count {
1889
- background-color: #ff80ab;
1890
- border-color: #ff80ab;
1893
+ background-color: #00b0ff;
1894
+ border-color: #00b0ff;
1891
1895
  color: #000;
1892
1896
  }
1893
1897
 
@@ -1911,7 +1915,7 @@ ejs-filemanager {
1911
1915
  .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick,
1912
1916
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1913
1917
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1914
- color: #ff80ab;
1918
+ color: #00b0ff;
1915
1919
  }
1916
1920
 
1917
1921
  .e-fe-popup.e-dialog td {
@@ -368,6 +368,10 @@ ejs-filemanager {
368
368
  padding-left: 8px;
369
369
  }
370
370
 
371
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
372
+ display: none;
373
+ }
374
+
371
375
  .e-filemanager .e-treeview .e-list-parent {
372
376
  margin-bottom: 0;
373
377
  margin-top: 0;
@@ -1571,7 +1575,7 @@ ejs-filemanager {
1571
1575
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1572
1576
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1573
1577
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1574
- padding-left: 16px;
1578
+ padding-left: 10px;
1575
1579
  }
1576
1580
 
1577
1581
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
@@ -23,9 +23,8 @@
23
23
  }
24
24
  }
25
25
 
26
- /*! TreeView's tailwind-dark theme wise override definitions and variables */
27
- /*! component's default definitions and variables */
28
- /*! FileManager's tailwind dark theme wise override definitions and variables */
26
+ /*! TreeView's tailwind theme wise override definitions and variables */
27
+ /*! FileManager's tailwind theme wise override definitions and variables */
29
28
  .e-filemanager .e-fe-icon,
30
29
  .e-filemanager .e-list-icon {
31
30
  background-repeat: no-repeat;
@@ -349,6 +348,10 @@ ejs-filemanager {
349
348
  overflow: initial;
350
349
  }
351
350
 
351
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
352
+ display: none;
353
+ }
354
+
352
355
  .e-filemanager .e-treeview .e-list-parent {
353
356
  margin-bottom: 0;
354
357
  margin-top: 0;
@@ -420,6 +423,10 @@ ejs-filemanager {
420
423
  margin: 0;
421
424
  }
422
425
 
426
+ .e-filemanager .e-address .e-search-wrap .e-input-group.e-input-focus .e-input {
427
+ padding: 0;
428
+ }
429
+
423
430
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
424
431
  margin: 0 0 0 29px;
425
432
  padding: 0;
@@ -1590,14 +1597,14 @@ ejs-filemanager {
1590
1597
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1591
1598
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1592
1599
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1593
- padding-left: 16px;
1600
+ padding-left: 10px;
1594
1601
  }
1595
1602
 
1596
1603
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
1597
1604
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon,
1598
1605
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-grid-icon,
1599
1606
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-grid-icon {
1600
- padding-left: 16px;
1607
+ padding-left: 10px;
1601
1608
  }
1602
1609
 
1603
1610
  .e-bigger .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell,
@@ -24,7 +24,6 @@
24
24
  }
25
25
 
26
26
  /*! TreeView's tailwind theme wise override definitions and variables */
27
- /*! component's default definitions and variables */
28
27
  /*! FileManager's tailwind theme wise override definitions and variables */
29
28
  .e-filemanager .e-fe-icon,
30
29
  .e-filemanager .e-list-icon {
@@ -349,6 +348,10 @@ ejs-filemanager {
349
348
  overflow: initial;
350
349
  }
351
350
 
351
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
352
+ display: none;
353
+ }
354
+
352
355
  .e-filemanager .e-treeview .e-list-parent {
353
356
  margin-bottom: 0;
354
357
  margin-top: 0;
@@ -420,6 +423,10 @@ ejs-filemanager {
420
423
  margin: 0;
421
424
  }
422
425
 
426
+ .e-filemanager .e-address .e-search-wrap .e-input-group.e-input-focus .e-input {
427
+ padding: 0;
428
+ }
429
+
423
430
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
424
431
  margin: 0 0 0 29px;
425
432
  padding: 0;
@@ -1590,14 +1597,14 @@ ejs-filemanager {
1590
1597
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1591
1598
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1592
1599
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1593
- padding-left: 16px;
1600
+ padding-left: 10px;
1594
1601
  }
1595
1602
 
1596
1603
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
1597
1604
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon,
1598
1605
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-grid-icon,
1599
1606
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-grid-icon {
1600
- padding-left: 16px;
1607
+ padding-left: 10px;
1601
1608
  }
1602
1609
 
1603
1610
  .e-bigger .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell,