@syncfusion/ej2-vue-filemanager 19.3.53 → 19.4.43

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 (41) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-filemanager.umd.min.js +10 -1
  4. package/dist/es6/ej2-vue-filemanager.es2015.js +26 -2
  5. package/dist/es6/ej2-vue-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-filemanager.es5.js +28 -2
  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 +8 -8
  10. package/src/file-manager/filemanager.component.d.ts +2 -0
  11. package/src/file-manager/filemanager.component.js +28 -2
  12. package/styles/bootstrap-dark.css +8 -4
  13. package/styles/bootstrap.css +9 -5
  14. package/styles/bootstrap4.css +12 -4
  15. package/styles/bootstrap5-dark.css +1978 -0
  16. package/styles/bootstrap5-dark.scss +1 -0
  17. package/styles/bootstrap5.css +1978 -0
  18. package/styles/bootstrap5.scss +1 -0
  19. package/styles/fabric-dark.css +11 -7
  20. package/styles/fabric.css +10 -6
  21. package/styles/file-manager/bootstrap-dark.css +8 -4
  22. package/styles/file-manager/bootstrap.css +9 -5
  23. package/styles/file-manager/bootstrap4.css +12 -4
  24. package/styles/file-manager/bootstrap5-dark.css +1978 -0
  25. package/styles/file-manager/bootstrap5-dark.scss +1 -0
  26. package/styles/file-manager/bootstrap5.css +1978 -0
  27. package/styles/file-manager/bootstrap5.scss +1 -0
  28. package/styles/file-manager/fabric-dark.css +11 -7
  29. package/styles/file-manager/fabric.css +10 -6
  30. package/styles/file-manager/highcontrast-light.css +6 -2
  31. package/styles/file-manager/highcontrast.css +8 -4
  32. package/styles/file-manager/material-dark.css +27 -17
  33. package/styles/file-manager/material.css +12 -2
  34. package/styles/file-manager/tailwind-dark.css +16 -9
  35. package/styles/file-manager/tailwind.css +14 -7
  36. package/styles/highcontrast-light.css +6 -2
  37. package/styles/highcontrast.css +8 -4
  38. package/styles/material-dark.css +27 -17
  39. package/styles/material.css +12 -2
  40. package/styles/tailwind-dark.css +16 -9
  41. package/styles/tailwind.css +14 -7
package/styles/material-dark.css CHANGED
@@ -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;
@@ -431,6 +435,7 @@ ejs-filemanager {
431
435
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
432
436
  margin: 0 0 0 24px;
433
437
  padding: 0;
438
+ height: 30px;
434
439
  }
435
440
 
436
441
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -577,15 +582,15 @@ ejs-filemanager {
577
582
  }
578
583
 
579
584
  .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;
585
+ box-shadow: 1px 0 0 1px #00b0ff inset;
581
586
  }
582
587
 
583
588
  .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;
589
+ box-shadow: -1px 0 0 1px #00b0ff inset;
585
590
  }
586
591
 
587
592
  .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;
593
+ box-shadow: 0 2px 0 -1px #00b0ff inset, 0 -2px 0 -1px #00b0ff inset;
589
594
  }
590
595
 
591
596
  .e-filemanager .e-grid .e-empty {
@@ -938,7 +943,7 @@ ejs-filemanager {
938
943
  }
939
944
 
940
945
  .e-filemanager .e-fe-overlay {
941
- border: 3px dashed #ff80ab;
946
+ border: 3px dashed #00b0ff;
942
947
  bottom: 0;
943
948
  display: block;
944
949
  height: calc(100% - 34px);
@@ -1525,6 +1530,11 @@ ejs-filemanager {
1525
1530
  padding: 0;
1526
1531
  }
1527
1532
 
1533
+ .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-input,
1534
+ .e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-input {
1535
+ height: 39px;
1536
+ }
1537
+
1528
1538
  .e-bigger .e-filemanager .e-address .e-fe-search,
1529
1539
  .e-filemanager.e-bigger .e-address .e-fe-search {
1530
1540
  margin: 7px 0;
@@ -1564,7 +1574,7 @@ ejs-filemanager {
1564
1574
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1565
1575
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1566
1576
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1567
- padding-left: 16px;
1577
+ padding-left: 10px;
1568
1578
  }
1569
1579
 
1570
1580
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
@@ -1751,16 +1761,16 @@ ejs-filemanager {
1751
1761
  }
1752
1762
 
1753
1763
  .e-filemanager .e-address .e-list-text {
1754
- color: #ff80ab;
1764
+ color: #00b0ff;
1755
1765
  }
1756
1766
 
1757
1767
  .e-filemanager .e-address .e-address-list-item {
1758
- color: #ff80ab;
1768
+ color: #00b0ff;
1759
1769
  }
1760
1770
 
1761
1771
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1762
1772
  background: rgba(255, 255, 255, 0.1);
1763
- color: #ffb3cd;
1773
+ color: #33c0ff;
1764
1774
  }
1765
1775
 
1766
1776
  .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
@@ -1769,17 +1779,17 @@ ejs-filemanager {
1769
1779
 
1770
1780
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1771
1781
  background: rgba(255, 255, 255, 0.1);
1772
- color: #ffb3cd;
1782
+ color: #33c0ff;
1773
1783
  }
1774
1784
 
1775
1785
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1776
1786
  background: rgba(255, 255, 255, 0.1);
1777
- color: #ffb3cd;
1787
+ color: #33c0ff;
1778
1788
  }
1779
1789
 
1780
1790
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1781
1791
  background: rgba(255, 255, 255, 0.1);
1782
- color: #ffb3cd;
1792
+ color: #33c0ff;
1783
1793
  }
1784
1794
 
1785
1795
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
@@ -1796,7 +1806,7 @@ ejs-filemanager {
1796
1806
  }
1797
1807
 
1798
1808
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
1799
- border-color: #ff80ab;
1809
+ border-color: #00b0ff;
1800
1810
  }
1801
1811
 
1802
1812
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
@@ -1872,11 +1882,11 @@ ejs-filemanager {
1872
1882
  }
1873
1883
 
1874
1884
  .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder {
1875
- border-color: #ff80ab;
1885
+ border-color: #00b0ff;
1876
1886
  }
1877
1887
 
1878
1888
  .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1879
- background-color: #ff80ab;
1889
+ background-color: #00b0ff;
1880
1890
  color: #000;
1881
1891
  }
1882
1892
 
@@ -1886,8 +1896,8 @@ ejs-filemanager {
1886
1896
  }
1887
1897
 
1888
1898
  .e-filemanager .e-fe-clone .e-fe-count {
1889
- background-color: #ff80ab;
1890
- border-color: #ff80ab;
1899
+ background-color: #00b0ff;
1900
+ border-color: #00b0ff;
1891
1901
  color: #000;
1892
1902
  }
1893
1903
 
@@ -1911,7 +1921,7 @@ ejs-filemanager {
1911
1921
  .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick,
1912
1922
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1913
1923
  .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1914
- color: #ff80ab;
1924
+ color: #00b0ff;
1915
1925
  }
1916
1926
 
1917
1927
  .e-fe-popup.e-dialog td {
package/styles/material.css CHANGED
@@ -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;
@@ -426,7 +430,7 @@ ejs-filemanager {
426
430
 
427
431
  .e-filemanager .e-address .e-search-wrap {
428
432
  float: right;
429
- padding: 1px 7px 0 16px;
433
+ padding: 1.5px 7px 1px 16px;
430
434
  position: absolute;
431
435
  right: 0;
432
436
  top: 0;
@@ -442,6 +446,7 @@ ejs-filemanager {
442
446
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
443
447
  margin: 0 0 0 24px;
444
448
  padding: 0;
449
+ height: 30px;
445
450
  }
446
451
 
447
452
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -1532,6 +1537,11 @@ ejs-filemanager {
1532
1537
  padding: 0;
1533
1538
  }
1534
1539
 
1540
+ .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-input,
1541
+ .e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-input {
1542
+ height: 39px;
1543
+ }
1544
+
1535
1545
  .e-bigger .e-filemanager .e-address .e-fe-search,
1536
1546
  .e-filemanager.e-bigger .e-address .e-fe-search {
1537
1547
  margin: 7px 0;
@@ -1571,7 +1581,7 @@ ejs-filemanager {
1571
1581
  .e-bigger .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox,
1572
1582
  .e-filemanager.e-bigger .e-grid .e-gridheader .e-fe-checkbox,
1573
1583
  .e-filemanager.e-bigger .e-grid .e-gridcontent .e-fe-checkbox {
1574
- padding-left: 16px;
1584
+ padding-left: 10px;
1575
1585
  }
1576
1586
 
1577
1587
  .e-bigger .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
package/styles/tailwind-dark.css CHANGED
@@ -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;
@@ -407,7 +410,7 @@ ejs-filemanager {
407
410
 
408
411
  .e-filemanager .e-address .e-search-wrap {
409
412
  float: right;
410
- padding: 3px 12px 2px 0;
413
+ padding: 2.5px 12px 2px 0;
411
414
  position: absolute;
412
415
  right: 0;
413
416
  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;
@@ -1537,7 +1544,7 @@ ejs-filemanager {
1537
1544
  .e-bigger .e-filemanager .e-address .e-search-wrap,
1538
1545
  .e-filemanager.e-bigger .e-address .e-search-wrap {
1539
1546
  min-width: 51px;
1540
- padding: 1px 10px 0 16px;
1547
+ padding: 1.5px 10px 0 16px;
1541
1548
  }
1542
1549
 
1543
1550
  .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,
@@ -1552,8 +1559,8 @@ ejs-filemanager {
1552
1559
 
1553
1560
  .e-bigger .e-filemanager .e-address .e-fe-search,
1554
1561
  .e-filemanager.e-bigger .e-address .e-fe-search {
1555
- font-size: 18px;
1556
- margin: 6px 4px;
1562
+ font-size: 16px;
1563
+ margin: 7px 4px;
1557
1564
  }
1558
1565
 
1559
1566
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
@@ -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,
package/styles/tailwind.css CHANGED
@@ -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;
@@ -407,7 +410,7 @@ ejs-filemanager {
407
410
 
408
411
  .e-filemanager .e-address .e-search-wrap {
409
412
  float: right;
410
- padding: 3px 12px 2px 0;
413
+ padding: 2.5px 12px 2px 0;
411
414
  position: absolute;
412
415
  right: 0;
413
416
  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;
@@ -1537,7 +1544,7 @@ ejs-filemanager {
1537
1544
  .e-bigger .e-filemanager .e-address .e-search-wrap,
1538
1545
  .e-filemanager.e-bigger .e-address .e-search-wrap {
1539
1546
  min-width: 51px;
1540
- padding: 1px 10px 0 16px;
1547
+ padding: 1.5px 10px 0 16px;
1541
1548
  }
1542
1549
 
1543
1550
  .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,
@@ -1552,8 +1559,8 @@ ejs-filemanager {
1552
1559
 
1553
1560
  .e-bigger .e-filemanager .e-address .e-fe-search,
1554
1561
  .e-filemanager.e-bigger .e-address .e-fe-search {
1555
- font-size: 18px;
1556
- margin: 6px 4px;
1562
+ font-size: 16px;
1563
+ margin: 7px 4px;
1557
1564
  }
1558
1565
 
1559
1566
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
@@ -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,