@syncfusion/ej2-filemanager 19.3.55 → 19.4.38

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 (48) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +6 -3
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +6 -3
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -15
  12. package/src/file-manager/actions/breadcrumb-bar.js +1 -1
  13. package/src/file-manager/models/search-settings-model.d.ts +8 -0
  14. package/src/file-manager/models/search-settings.d.ts +7 -0
  15. package/src/file-manager/models/search-settings.js +3 -0
  16. package/src/file-manager/pop-up/context-menu.js +2 -2
  17. package/styles/bootstrap-dark.css +2 -2
  18. package/styles/bootstrap.css +1 -1
  19. package/styles/bootstrap4.css +2 -2
  20. package/styles/bootstrap5-dark.css +8 -3
  21. package/styles/bootstrap5.css +8 -3
  22. package/styles/fabric-dark.css +3 -3
  23. package/styles/fabric.css +4 -4
  24. package/styles/file-manager/_bootstrap-dark-definition.scss +1 -1
  25. package/styles/file-manager/_bootstrap-definition.scss +1 -1
  26. package/styles/file-manager/_bootstrap4-definition.scss +1 -1
  27. package/styles/file-manager/_fabric-dark-definition.scss +2 -2
  28. package/styles/file-manager/_fabric-definition.scss +3 -3
  29. package/styles/file-manager/_fluent-definition.scss +245 -0
  30. package/styles/file-manager/_layout.scss +29 -5
  31. package/styles/file-manager/_material-definition.scss +1 -1
  32. package/styles/file-manager/_tailwind-definition.scss +2 -2
  33. package/styles/file-manager/bootstrap-dark.css +2 -2
  34. package/styles/file-manager/bootstrap.css +1 -1
  35. package/styles/file-manager/bootstrap4.css +2 -2
  36. package/styles/file-manager/bootstrap5-dark.css +8 -3
  37. package/styles/file-manager/bootstrap5.css +8 -3
  38. package/styles/file-manager/fabric-dark.css +3 -3
  39. package/styles/file-manager/fabric.css +4 -4
  40. package/styles/file-manager/icons/_fluent.scss +235 -0
  41. package/styles/file-manager/material-dark.css +6 -0
  42. package/styles/file-manager/material.css +7 -1
  43. package/styles/file-manager/tailwind-dark.css +4 -4
  44. package/styles/file-manager/tailwind.css +4 -4
  45. package/styles/material-dark.css +6 -0
  46. package/styles/material.css +7 -1
  47. package/styles/tailwind-dark.css +4 -4
  48. package/styles/tailwind.css +4 -4
package/styles/file-manager/_layout.scss CHANGED
@@ -241,12 +241,18 @@
241
241
  margin: $fe-search-input-margin;
242
242
  padding: 0;
243
243
  @if $skin-name == 'bootstrap5' {
244
+ height: 26px;
245
+ }
246
+ @if $skin-name == 'material' {
244
247
  height: 30px;
245
248
  }
246
249
  }
247
250
 
248
251
  .e-clear-icon {
249
252
  margin: $fe-search-clear-icon-padding;
253
+ @if $skin-name == 'FluentUI' {
254
+ padding: $fe-search-clear-icon-margin;
255
+ }
250
256
  }
251
257
  }
252
258
  }
@@ -405,6 +411,10 @@
405
411
  border: 0;
406
412
  font-size: $fe-grid-content-font-size;
407
413
 
414
+ @if $fm-skin-name == 'FluentUI' {
415
+ padding: 8px;
416
+ }
417
+
408
418
  .e-fe-text {
409
419
  font-size: $fe-grid-content-name-font-size;
410
420
  }
@@ -650,6 +660,11 @@
650
660
  border: 1px dashed $fe-drop-folder-bg-color;
651
661
  }
652
662
  }
663
+ @if $fm-skin-name == 'FluentUI' {
664
+ &.e-fe-drop-folder {
665
+ border: 2px dashed $fe-drop-folder-bg-color;
666
+ }
667
+ }
653
668
  @if $fm-skin-name == 'bootstrap4' or $fm-skin-name == 'bootstrap-dark' or $fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5' {
654
669
  border-radius: 4px;
655
670
  }
@@ -1404,9 +1419,6 @@
1404
1419
 
1405
1420
  .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1406
1421
  font-size: $fe-mobile-icon-font-size;
1407
- @if $skin-name == 'bootstrap5' {
1408
- padding-bottom: 0;
1409
- }
1410
1422
  }
1411
1423
 
1412
1424
  .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn {
@@ -1533,15 +1545,27 @@
1533
1545
  .e-input:focus {
1534
1546
  padding: 0;
1535
1547
  }
1548
+
1549
+ .e-input {
1550
+ @if ($fm-skin-name == 'material' or $fm-skin-name == 'material-dark') {
1551
+ height: 39px;
1552
+ }
1553
+ }
1554
+
1555
+ .e-clear-icon::before {
1556
+ @if ($fm-skin-name == 'bootstrap5') {
1557
+ margin: 0;
1558
+ }
1559
+ }
1536
1560
  }
1537
1561
  }
1538
1562
 
1539
1563
  .e-fe-search {
1540
1564
  @if $fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5' {
1541
- font-size: 18px;
1565
+ font-size: 16px;
1542
1566
  }
1543
1567
  @if $fm-skin-name == 'tailwind' {
1544
- margin: 6px 4px;
1568
+ margin: 7px 4px;
1545
1569
  }
1546
1570
  @else if $fm-skin-name == 'bootstrap5' {
1547
1571
  margin: 4px;
package/styles/file-manager/_material-definition.scss CHANGED
@@ -60,7 +60,7 @@ $fe-tb-ddb-btn-padding: 0 !default;
60
60
  $fe-tb-ddb-border: 0 !default;
61
61
  $fe-tb-ddb-caret-size: 8px !default;
62
62
  $fe-upload-overlay-border: 3px !default;
63
- $fe-search-padding: 1px 7px 0 16px !default;
63
+ $fe-search-padding: 1.5px 7px 1px 16px !default;
64
64
  $fe-search-height: 29px !default;
65
65
  $fe-search-icon-margin: 3px 0 !default;
66
66
  $fe-search-clear-icon-padding: 8px 8px 0 8px !default;
package/styles/file-manager/_tailwind-definition.scss CHANGED
@@ -57,7 +57,7 @@ $fe-tb-ddb-btn-padding: 0 !default;
57
57
  $fe-tb-ddb-border: 0 !default;
58
58
  $fe-tb-ddb-caret-size: 18px !default;
59
59
  $fe-upload-overlay-border: 2px !default;
60
- $fe-search-padding: 3px 12px 2px 0 !default;
60
+ $fe-search-padding: 2.5px 12px 2px 0 !default;
61
61
  $fe-search-height: 29px !default;
62
62
  $fe-search-icon-margin: 5px !default;
63
63
  $fe-search-clear-icon-padding: 0 !default;
@@ -106,7 +106,7 @@ $fe-big-address-height: 40px !default;
106
106
  $fe-big-tv-node-height: 38px !default;
107
107
  $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
108
108
  $fe-big-tb-ddb-btn-padding: 0 6px !default;
109
- $fe-big-search-padding: 1px 10px 0 16px !default;
109
+ $fe-big-search-padding: 1.5px 10px 0 16px !default;
110
110
  $fe-big-search-height: 36px !default;
111
111
  $fe-big-bc-padding: 6px 12px !default;
112
112
  $fe-big-bc-text-size: 28px !default;
package/styles/file-manager/bootstrap-dark.css CHANGED
@@ -414,7 +414,7 @@ ejs-filemanager {
414
414
  }
415
415
 
416
416
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
417
- margin: -2px 0 0 24px;
417
+ margin: -1px 0 0 24px;
418
418
  padding: 0;
419
419
  }
420
420
 
@@ -1207,7 +1207,7 @@ ejs-filemanager {
1207
1207
  .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1208
1208
  .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1209
1209
  .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
1210
- margin: -2px 0 0 24px;
1210
+ margin: -1px 0 0 24px;
1211
1211
  }
1212
1212
 
1213
1213
  .e-filemanager.e-fe-mobile .e-address .e-fe-search,
package/styles/file-manager/bootstrap.css CHANGED
@@ -426,7 +426,7 @@ ejs-filemanager {
426
426
 
427
427
  .e-filemanager .e-address .e-fe-search {
428
428
  font-size: 14px;
429
- margin: 5px 0;
429
+ margin: 3px 0;
430
430
  padding: 5px;
431
431
  position: absolute;
432
432
  z-index: 1;
package/styles/file-manager/bootstrap4.css CHANGED
@@ -414,7 +414,7 @@ ejs-filemanager {
414
414
  }
415
415
 
416
416
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
417
- margin: -2px 0 0 24px;
417
+ margin: 0 0 0 24px;
418
418
  padding: 0;
419
419
  }
420
420
 
@@ -1207,7 +1207,7 @@ ejs-filemanager {
1207
1207
  .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1208
1208
  .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1209
1209
  .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
1210
- margin: -2px 0 0 24px;
1210
+ margin: 0 0 0 24px;
1211
1211
  }
1212
1212
 
1213
1213
  .e-filemanager.e-fe-mobile .e-address .e-fe-search,
package/styles/file-manager/bootstrap5-dark.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
 
25
25
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
26
+ /*! Toolbar's bootstrap5 theme wise override definitions and variables */
26
27
  /*! FileManager's tailwind theme wise override definitions and variables */
27
28
  .e-filemanager .e-fe-icon,
28
29
  .e-filemanager .e-list-icon {
@@ -429,7 +430,7 @@ ejs-filemanager {
429
430
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
430
431
  margin: 0 0 0 29px;
431
432
  padding: 0;
432
- height: 30px;
433
+ height: 26px;
433
434
  }
434
435
 
435
436
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -1424,7 +1425,6 @@ ejs-filemanager {
1424
1425
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
1425
1426
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1426
1427
  font-size: 20px;
1427
- padding-bottom: 0;
1428
1428
  }
1429
1429
 
1430
1430
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn,
@@ -1545,9 +1545,14 @@ ejs-filemanager {
1545
1545
  padding: 0;
1546
1546
  }
1547
1547
 
1548
+ .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon::before,
1549
+ .e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-clear-icon::before {
1550
+ margin: 0;
1551
+ }
1552
+
1548
1553
  .e-bigger .e-filemanager .e-address .e-fe-search,
1549
1554
  .e-filemanager.e-bigger .e-address .e-fe-search {
1550
- font-size: 18px;
1555
+ font-size: 16px;
1551
1556
  margin: 4px;
1552
1557
  }
1553
1558
 
package/styles/file-manager/bootstrap5.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
 
25
25
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
26
+ /*! Toolbar's bootstrap5 theme wise override definitions and variables */
26
27
  /*! FileManager's tailwind theme wise override definitions and variables */
27
28
  .e-filemanager .e-fe-icon,
28
29
  .e-filemanager .e-list-icon {
@@ -429,7 +430,7 @@ ejs-filemanager {
429
430
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
430
431
  margin: 0 0 0 29px;
431
432
  padding: 0;
432
- height: 30px;
433
+ height: 26px;
433
434
  }
434
435
 
435
436
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -1424,7 +1425,6 @@ ejs-filemanager {
1424
1425
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
1425
1426
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1426
1427
  font-size: 20px;
1427
- padding-bottom: 0;
1428
1428
  }
1429
1429
 
1430
1430
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn,
@@ -1545,9 +1545,14 @@ ejs-filemanager {
1545
1545
  padding: 0;
1546
1546
  }
1547
1547
 
1548
+ .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon::before,
1549
+ .e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-clear-icon::before {
1550
+ margin: 0;
1551
+ }
1552
+
1548
1553
  .e-bigger .e-filemanager .e-address .e-fe-search,
1549
1554
  .e-filemanager.e-bigger .e-address .e-fe-search {
1550
- font-size: 18px;
1555
+ font-size: 16px;
1551
1556
  margin: 4px;
1552
1557
  }
1553
1558
 
package/styles/file-manager/fabric-dark.css CHANGED
@@ -408,7 +408,7 @@ ejs-filemanager {
408
408
  }
409
409
 
410
410
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
411
- margin: -1px 0 0 24px;
411
+ margin: -2px 0 0 24px;
412
412
  padding: 0;
413
413
  }
414
414
 
@@ -418,7 +418,7 @@ ejs-filemanager {
418
418
 
419
419
  .e-filemanager .e-address .e-fe-search {
420
420
  font-size: 14px;
421
- margin: 5px 0;
421
+ margin: 4px 0;
422
422
  padding: 5px;
423
423
  position: absolute;
424
424
  z-index: 1;
@@ -1199,7 +1199,7 @@ ejs-filemanager {
1199
1199
  .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1200
1200
  .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1201
1201
  .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
1202
- margin: -1px 0 0 24px;
1202
+ margin: -2px 0 0 24px;
1203
1203
  }
1204
1204
 
1205
1205
  .e-filemanager.e-fe-mobile .e-address .e-fe-search,
package/styles/file-manager/fabric.css CHANGED
@@ -409,7 +409,7 @@ ejs-filemanager {
409
409
  }
410
410
 
411
411
  .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
412
- margin: -1px 0 0 24px;
412
+ margin: -2px 0 0 24px;
413
413
  padding: 0;
414
414
  }
415
415
 
@@ -419,7 +419,7 @@ ejs-filemanager {
419
419
 
420
420
  .e-filemanager .e-address .e-fe-search {
421
421
  font-size: 14px;
422
- margin: 5px 0;
422
+ margin: 4px 0;
423
423
  padding: 5px;
424
424
  position: absolute;
425
425
  z-index: 1;
@@ -1200,7 +1200,7 @@ ejs-filemanager {
1200
1200
  .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1201
1201
  .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
1202
1202
  .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
1203
- margin: -1px 0 0 24px;
1203
+ margin: -2px 0 0 24px;
1204
1204
  }
1205
1205
 
1206
1206
  .e-filemanager.e-fe-mobile .e-address .e-fe-search,
@@ -1488,7 +1488,7 @@ ejs-filemanager {
1488
1488
  .e-bigger .e-filemanager .e-address .e-search-wrap,
1489
1489
  .e-filemanager.e-bigger .e-address .e-search-wrap {
1490
1490
  min-width: 51px;
1491
- padding: 2px 12px 0 1px;
1491
+ padding: 1.5px 12px 0 1px;
1492
1492
  }
1493
1493
 
1494
1494
  .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,