@syncfusion/ej2-filemanager 25.2.6 → 26.1.40

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 (104) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-filemanager.min.js +2 -2
  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 +931 -462
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +975 -515
  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 +16 -16
  13. package/src/file-manager/actions/breadcrumb-bar.js +0 -4
  14. package/src/file-manager/actions/toolbar.js +1 -13
  15. package/src/file-manager/actions/virtualization.d.ts +28 -8
  16. package/src/file-manager/actions/virtualization.js +37 -13
  17. package/src/file-manager/base/file-manager-model.d.ts +107 -36
  18. package/src/file-manager/base/file-manager.d.ts +100 -25
  19. package/src/file-manager/base/file-manager.js +46 -20
  20. package/src/file-manager/base/interface.d.ts +224 -2
  21. package/src/file-manager/base/interface.js +0 -1
  22. package/src/file-manager/common/operations.d.ts +7 -0
  23. package/src/file-manager/common/operations.js +596 -94
  24. package/src/file-manager/common/utility.d.ts +22 -0
  25. package/src/file-manager/common/utility.js +117 -65
  26. package/src/file-manager/layout/details-view.d.ts +1 -1
  27. package/src/file-manager/layout/details-view.js +23 -68
  28. package/src/file-manager/layout/large-icons-view.js +24 -46
  29. package/src/file-manager/layout/navigation-pane.js +18 -41
  30. package/src/file-manager/models/column-model.d.ts +1 -3
  31. package/src/file-manager/models/default-locale.js +0 -1
  32. package/src/file-manager/models/details-view-settings.js +2 -1
  33. package/src/file-manager/pop-up/context-menu.js +25 -24
  34. package/src/file-manager/pop-up/dialog.d.ts +1 -2
  35. package/src/file-manager/pop-up/dialog.js +12 -35
  36. package/styles/bootstrap-dark.css +116 -105
  37. package/styles/bootstrap-dark.scss +16 -1
  38. package/styles/bootstrap.css +117 -106
  39. package/styles/bootstrap.scss +16 -1
  40. package/styles/bootstrap4.css +116 -105
  41. package/styles/bootstrap4.scss +16 -1
  42. package/styles/bootstrap5-dark.css +98 -98
  43. package/styles/bootstrap5-dark.scss +16 -1
  44. package/styles/bootstrap5.css +98 -98
  45. package/styles/bootstrap5.scss +16 -1
  46. package/styles/fabric-dark.css +116 -105
  47. package/styles/fabric-dark.scss +16 -1
  48. package/styles/fabric.css +116 -105
  49. package/styles/fabric.scss +16 -1
  50. package/styles/file-manager/_bds-definition.scss +1 -1
  51. package/styles/file-manager/_bootstrap5-definition.scss +2 -1
  52. package/styles/file-manager/_bootstrap5.3-definition.scss +240 -0
  53. package/styles/file-manager/_fluent-definition.scss +1 -1
  54. package/styles/file-manager/_fluent2-definition.scss +249 -0
  55. package/styles/file-manager/_layout.scss +260 -396
  56. package/styles/file-manager/_material-dark-definition.scss +1 -0
  57. package/styles/file-manager/_material-definition.scss +1 -0
  58. package/styles/file-manager/_material3-definition.scss +1 -27
  59. package/styles/file-manager/_tailwind-definition.scss +1 -1
  60. package/styles/file-manager/_theme.scss +37 -85
  61. package/styles/file-manager/bootstrap-dark.css +116 -105
  62. package/styles/file-manager/bootstrap.css +117 -106
  63. package/styles/file-manager/bootstrap4.css +116 -105
  64. package/styles/file-manager/bootstrap5-dark.css +98 -98
  65. package/styles/file-manager/bootstrap5.css +98 -98
  66. package/styles/file-manager/fabric-dark.css +116 -105
  67. package/styles/file-manager/fabric.css +116 -105
  68. package/styles/file-manager/fluent-dark.css +107 -102
  69. package/styles/file-manager/fluent.css +107 -102
  70. package/styles/file-manager/fluent2.css +2868 -0
  71. package/styles/file-manager/fluent2.scss +16 -0
  72. package/styles/file-manager/highcontrast-light.css +116 -105
  73. package/styles/file-manager/highcontrast.css +116 -105
  74. package/styles/file-manager/icons/_bootstrap5.3.scss +235 -0
  75. package/styles/file-manager/icons/_fluent2.scss +235 -0
  76. package/styles/file-manager/material-dark.css +140 -108
  77. package/styles/file-manager/material.css +156 -112
  78. package/styles/file-manager/material3-dark.css +134 -109
  79. package/styles/file-manager/material3.css +134 -109
  80. package/styles/file-manager/tailwind-dark.css +93 -95
  81. package/styles/file-manager/tailwind.css +93 -95
  82. package/styles/fluent-dark.css +107 -102
  83. package/styles/fluent-dark.scss +16 -1
  84. package/styles/fluent.css +107 -102
  85. package/styles/fluent.scss +16 -1
  86. package/styles/fluent2.css +2868 -0
  87. package/styles/fluent2.scss +16 -0
  88. package/styles/highcontrast-light.css +116 -105
  89. package/styles/highcontrast-light.scss +16 -1
  90. package/styles/highcontrast.css +116 -105
  91. package/styles/highcontrast.scss +16 -1
  92. package/styles/material-dark.css +140 -108
  93. package/styles/material-dark.scss +16 -1
  94. package/styles/material.css +156 -112
  95. package/styles/material.scss +16 -1
  96. package/styles/material3-dark.css +134 -109
  97. package/styles/material3-dark.scss +16 -1
  98. package/styles/material3.css +134 -109
  99. package/styles/material3.scss +16 -1
  100. package/styles/tailwind-dark.css +93 -95
  101. package/styles/tailwind-dark.scss +16 -1
  102. package/styles/tailwind.css +93 -95
  103. package/styles/tailwind.scss +16 -1
  104. package/CHANGELOG.md +0 -475
package/styles/fluent.css CHANGED
@@ -7,19 +7,43 @@
7
7
  }
8
8
 
9
9
  /* stylelint-disable property-no-vendor-prefix */
10
+ @-webkit-keyframes material-spinner-rotate {
11
+ 0% {
12
+ -webkit-transform: rotate(0);
13
+ transform: rotate(0);
14
+ }
15
+ 100% {
16
+ -webkit-transform: rotate(360deg);
17
+ transform: rotate(360deg);
18
+ }
19
+ }
10
20
  @keyframes material-spinner-rotate {
11
21
  0% {
22
+ -webkit-transform: rotate(0);
23
+ transform: rotate(0);
24
+ }
25
+ 100% {
26
+ -webkit-transform: rotate(360deg);
27
+ transform: rotate(360deg);
28
+ }
29
+ }
30
+ @-webkit-keyframes fabric-spinner-rotate {
31
+ 0% {
32
+ -webkit-transform: rotate(0);
12
33
  transform: rotate(0);
13
34
  }
14
35
  100% {
36
+ -webkit-transform: rotate(360deg);
15
37
  transform: rotate(360deg);
16
38
  }
17
39
  }
18
40
  @keyframes fabric-spinner-rotate {
19
41
  0% {
42
+ -webkit-transform: rotate(0);
20
43
  transform: rotate(0);
21
44
  }
22
45
  100% {
46
+ -webkit-transform: rotate(360deg);
23
47
  transform: rotate(360deg);
24
48
  }
25
49
  }
@@ -213,6 +237,7 @@ ejs-filemanager {
213
237
  }
214
238
 
215
239
  .e-filemanager {
240
+ -moz-user-select: none;
216
241
  -ms-user-select: none;
217
242
  -webkit-user-select: none;
218
243
  user-select: none;
@@ -222,10 +247,8 @@ ejs-filemanager {
222
247
  .e-filemanager .e-blur {
223
248
  opacity: 0.5;
224
249
  }
225
- .e-filemanager .e-display-none {
226
- display: none;
227
- }
228
250
  .e-filemanager.e-fe-drop, .e-filemanager.e-fe-drop .e-treeview .e-text-content, .e-filemanager.e-fe-drop .e-treeview .e-fullrow, .e-filemanager.e-fe-drop .e-address .e-address-list-item:last-child .e-list-text, .e-filemanager.e-fe-drop .e-grid .e-columnheader {
251
+ cursor: -webkit-grab;
229
252
  cursor: grab;
230
253
  }
231
254
  .e-filemanager.e-no-drop {
@@ -237,7 +260,8 @@ ejs-filemanager {
237
260
  }
238
261
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
239
262
  border: 0;
240
- box-shadow: none;
263
+ -webkit-box-shadow: none;
264
+ box-shadow: none;
241
265
  font-weight: normal;
242
266
  height: calc(100% - 18px);
243
267
  padding: 0;
@@ -252,15 +276,7 @@ ejs-filemanager {
252
276
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-tbar-btn-text.e-tbar-ddb-text {
253
277
  padding-right: 0;
254
278
  }
255
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
256
- border: 0;
257
- padding: 0;
258
- }
259
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
260
- border: 0;
261
- padding: 0;
262
- }
263
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
279
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
264
280
  border: 0;
265
281
  padding: 0;
266
282
  }
@@ -273,15 +289,14 @@ ejs-filemanager {
273
289
  padding-right: 0;
274
290
  }
275
291
  .e-filemanager .e-toolbar .e-toolbar-pop {
292
+ width: -webkit-max-content;
293
+ width: -moz-max-content;
276
294
  width: max-content;
277
295
  }
278
296
  .e-filemanager .e-treeview > .e-ul {
279
297
  overflow: initial;
280
298
  padding-left: 8px;
281
299
  }
282
- .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
283
- display: none;
284
- }
285
300
  .e-filemanager .e-treeview .e-list-parent {
286
301
  margin-bottom: 0;
287
302
  margin-top: 0;
@@ -299,7 +314,8 @@ ejs-filemanager {
299
314
  }
300
315
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder > .e-fullrow {
301
316
  border: 1px solid;
302
- box-sizing: border-box;
317
+ -webkit-box-sizing: border-box;
318
+ box-sizing: border-box;
303
319
  }
304
320
  .e-filemanager .e-treeview .e-text-content {
305
321
  overflow: hidden;
@@ -312,12 +328,6 @@ ejs-filemanager {
312
328
  .e-filemanager .e-splitter {
313
329
  border-width: 0;
314
330
  }
315
- .e-filemanager .e-splitter .e-split-bar .e-resize-handler {
316
- display: none;
317
- }
318
- .e-filemanager .e-splitter .e-display-none {
319
- display: none;
320
- }
321
331
  .e-filemanager .e-address {
322
332
  border-bottom: 1px solid;
323
333
  height: 40px;
@@ -348,10 +358,9 @@ ejs-filemanager {
348
358
  padding: 10px;
349
359
  }
350
360
  .e-filemanager .e-address .e-fe-search {
351
- font-size: 14px;
361
+ font-size: 16px;
352
362
  margin: 4px;
353
363
  padding: 5px;
354
- font-size: 16px;
355
364
  position: absolute;
356
365
  z-index: 1;
357
366
  }
@@ -410,9 +419,6 @@ ejs-filemanager {
410
419
  border-width: 1px;
411
420
  line-height: 16px;
412
421
  }
413
- .e-filemanager .e-grid .e-spin-show {
414
- display: none;
415
- }
416
422
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
417
423
  height: 0;
418
424
  padding: 0;
@@ -457,13 +463,16 @@ ejs-filemanager {
457
463
  padding: 8px;
458
464
  }
459
465
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
460
- box-shadow: 1px 0 0 1px #0078d4 inset;
466
+ -webkit-box-shadow: 1px 0 0 1px #0078d4 inset;
467
+ box-shadow: 1px 0 0 1px #0078d4 inset;
461
468
  }
462
469
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:last-child {
463
- box-shadow: -1px 0 0 1px #0078d4 inset;
470
+ -webkit-box-shadow: -1px 0 0 1px #0078d4 inset;
471
+ box-shadow: -1px 0 0 1px #0078d4 inset;
464
472
  }
465
473
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell {
466
- box-shadow: 0 2px 0 -1px #0078d4 inset, 0 -2px 0 -1px #0078d4 inset;
474
+ -webkit-box-shadow: 0 2px 0 -1px #0078d4 inset, 0 -2px 0 -1px #0078d4 inset;
475
+ box-shadow: 0 2px 0 -1px #0078d4 inset, 0 -2px 0 -1px #0078d4 inset;
467
476
  }
468
477
  .e-filemanager .e-grid .e-empty {
469
478
  min-width: 200px;
@@ -482,23 +491,20 @@ ejs-filemanager {
482
491
  .e-filemanager .e-grid .e-empty-inner-content {
483
492
  font-size: 14px;
484
493
  margin: 0 auto;
485
- opacity: 0.5;
486
494
  padding: 0;
487
495
  text-align: center;
496
+ opacity: 0.5;
488
497
  }
489
498
  .e-filemanager .e-grid .e-gridpopup {
490
499
  display: none !important; /* stylelint-disable-line declaration-no-important */
491
500
  }
492
- .e-filemanager .e-grid .e-gridheader .e-emptyrow,
493
- .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
494
- display: none;
495
- }
496
501
  .e-filemanager .e-grid .e-gridheader .e-fe-checkbox,
497
502
  .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox {
498
503
  overflow: inherit;
499
504
  padding-left: 5px;
500
505
  padding-right: 0;
501
- box-shadow: none;
506
+ -webkit-box-shadow: none;
507
+ box-shadow: none;
502
508
  }
503
509
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
504
510
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -522,7 +528,8 @@ ejs-filemanager {
522
528
  visibility: hidden;
523
529
  }
524
530
  .e-filemanager .e-grid .e-row.e-focused {
525
- box-shadow: none;
531
+ -webkit-box-shadow: none;
532
+ box-shadow: none;
526
533
  }
527
534
  .e-filemanager .e-grid .e-row:hover .e-checkbox-wrapper,
528
535
  .e-filemanager .e-grid .e-row .e-active .e-checkbox-wrapper {
@@ -541,8 +548,8 @@ ejs-filemanager {
541
548
  display: inline-block;
542
549
  height: 20px;
543
550
  margin: 0;
544
- vertical-align: middle;
545
551
  width: 20px;
552
+ vertical-align: middle;
546
553
  }
547
554
  .e-filemanager .e-view-container .e-grid .e-gridheader {
548
555
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -576,16 +583,16 @@ ejs-filemanager {
576
583
  .e-filemanager .e-large-icons .e-empty-inner-content {
577
584
  font-size: 14px;
578
585
  margin: 0 auto;
579
- opacity: 0.5;
580
586
  padding: 0;
581
587
  text-align: center;
588
+ opacity: 0.5;
582
589
  }
583
590
  .e-filemanager .e-large-icons .e-list-parent {
584
591
  display: block;
585
592
  height: 100%;
586
593
  margin: 0;
587
- overflow: auto;
588
594
  padding: 0 12px;
595
+ overflow: auto;
589
596
  }
590
597
  .e-filemanager .e-large-icons .e-checkbox-wrapper {
591
598
  float: left;
@@ -598,9 +605,9 @@ ejs-filemanager {
598
605
  float: left;
599
606
  height: 94px;
600
607
  margin: 12px 8px;
608
+ width: 94px;
601
609
  overflow: hidden;
602
610
  padding: 2px;
603
- width: 94px;
604
611
  }
605
612
  .e-filemanager .e-large-icons .e-list-item.e-fe-drop-folder {
606
613
  border: 2px dashed #0078d4;
@@ -626,7 +633,8 @@ ejs-filemanager {
626
633
  }
627
634
  .e-filemanager .e-large-icons .e-list-img {
628
635
  border: 2px solid;
629
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
636
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
637
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
630
638
  display: block;
631
639
  margin: 0 auto;
632
640
  max-height: 40px;
@@ -645,7 +653,9 @@ ejs-filemanager {
645
653
  }
646
654
  .e-filemanager .e-fe-clone .e-fe-content {
647
655
  border: none;
648
- box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
656
+ -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
657
+ box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
658
+ display: -webkit-inline-box;
649
659
  display: -ms-inline-flexbox;
650
660
  display: inline-flex;
651
661
  height: 36px;
@@ -671,9 +681,9 @@ ejs-filemanager {
671
681
  border-radius: 50%;
672
682
  font-size: 12px;
673
683
  height: 22px;
684
+ width: 22px;
674
685
  line-height: 22px;
675
686
  margin-left: -12px;
676
- width: 22px;
677
687
  position: relative;
678
688
  text-align: center;
679
689
  top: 0;
@@ -683,14 +693,17 @@ ejs-filemanager {
683
693
  }
684
694
  .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
685
695
  display: inline-table;
686
- transform: rotate(180deg);
696
+ -webkit-transform: rotate(180deg);
697
+ transform: rotate(180deg);
687
698
  }
688
699
  .e-filemanager.e-rtl .e-toolbar .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
689
700
  line-height: 16px;
690
701
  }
691
702
  .e-filemanager.e-rtl .e-splitter.e-splitter-horizontal {
692
703
  -ms-flex-direction: row-reverse;
693
- flex-direction: row-reverse;
704
+ -webkit-box-orient: horizontal;
705
+ -webkit-box-direction: reverse;
706
+ flex-direction: row-reverse;
694
707
  }
695
708
  .e-filemanager.e-rtl .e-address .e-search-wrap {
696
709
  float: left;
@@ -702,12 +715,14 @@ ejs-filemanager {
702
715
  padding: 0;
703
716
  }
704
717
  .e-filemanager.e-rtl .e-address .e-addressbar-ul {
718
+ display: -webkit-box;
705
719
  display: -ms-flexbox;
706
720
  display: flex;
707
721
  }
708
722
  .e-filemanager.e-rtl .e-address .e-addressbar-ul .e-icons::before {
709
723
  display: inline-block;
710
- transform: rotate(180deg);
724
+ -webkit-transform: rotate(180deg);
725
+ transform: rotate(180deg);
711
726
  }
712
727
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-checkbox,
713
728
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-checkbox {
@@ -748,10 +763,10 @@ ejs-filemanager {
748
763
  bottom: 0;
749
764
  display: block;
750
765
  height: calc(100% - 34px);
766
+ width: 100%;
751
767
  pointer-events: none;
752
768
  position: absolute;
753
769
  visibility: hidden;
754
- width: 100%;
755
770
  }
756
771
  .e-filemanager .e-upload-drag-hover {
757
772
  outline: none;
@@ -777,7 +792,8 @@ ejs-filemanager {
777
792
  }
778
793
  .e-fe-popup.e-rtl .e-fe-grid {
779
794
  display: inline-table;
780
- transform: rotate(180deg);
795
+ -webkit-transform: rotate(180deg);
796
+ transform: rotate(180deg);
781
797
  }
782
798
  .e-fe-popup.e-dialog td {
783
799
  overflow: hidden;
@@ -832,18 +848,30 @@ ejs-filemanager {
832
848
  border-bottom-width: 0;
833
849
  border-top-width: 0;
834
850
  }
835
- .e-fe-popup .e-upload .e-file-select-wrap {
836
- display: none;
851
+ .e-fe-popup .e-upload .e-upload-actions {
852
+ border-bottom: 1px solid;
837
853
  }
854
+
855
+ .e-filemanager .e-display-none,
856
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner,
857
+ .e-filemanager .e-splitter .e-split-bar .e-resize-handler,
858
+ .e-filemanager .e-splitter .e-display-none,
859
+ .e-filemanager .e-grid .e-spin-show,
860
+ .e-filemanager .e-grid .e-gridheader .e-emptyrow,
861
+ .e-filemanager .e-grid .e-gridcontent .e-emptyrow,
862
+ .e-fe-popup .e-upload .e-file-select-wrap,
838
863
  .e-fe-popup .e-upload .e-icons.e-file-delete-btn {
839
864
  display: none;
840
865
  }
841
- .e-fe-popup .e-upload .e-upload-actions {
842
- border-bottom: 1px solid;
843
- }
844
866
 
867
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
868
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
845
869
  .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
870
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
871
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
846
872
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
873
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
874
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
847
875
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
848
876
  font-size: 20px;
849
877
  }
@@ -914,14 +942,6 @@ ejs-filemanager {
914
942
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
915
943
  padding-left: 4px;
916
944
  }
917
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
918
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
919
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
920
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
921
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
922
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons {
923
- font-size: 20px;
924
- }
925
945
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
926
946
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
927
947
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -930,12 +950,10 @@ ejs-filemanager {
930
950
  width: 14px;
931
951
  }
932
952
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
933
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
934
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text {
935
- display: none;
936
- }
937
953
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
954
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
938
955
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
956
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
939
957
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text {
940
958
  display: none;
941
959
  }
@@ -1080,12 +1098,10 @@ ejs-filemanager {
1080
1098
  width: 40px;
1081
1099
  }
1082
1100
  .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1083
- .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1084
- .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper {
1085
- visibility: visible;
1086
- }
1087
1101
  .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1102
+ .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1088
1103
  .e-bigger .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1104
+ .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1089
1105
  .e-filemanager.e-bigger.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper {
1090
1106
  visibility: visible;
1091
1107
  }
@@ -1100,6 +1116,7 @@ ejs-filemanager {
1100
1116
  .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1101
1117
  .e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1102
1118
  .e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-input-group {
1119
+ display: -webkit-inline-box;
1103
1120
  display: -ms-inline-flexbox;
1104
1121
  display: inline-flex;
1105
1122
  }
@@ -1130,7 +1147,8 @@ ejs-filemanager {
1130
1147
  .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1131
1148
  .e-bigger .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1132
1149
  .e-filemanager.e-bigger.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search {
1133
- transform: rotate(180deg);
1150
+ -webkit-transform: rotate(180deg);
1151
+ transform: rotate(180deg);
1134
1152
  }
1135
1153
  .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
1136
1154
  .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon,
@@ -1156,7 +1174,11 @@ ejs-filemanager {
1156
1174
  padding: 8px 30px 8px 0;
1157
1175
  }
1158
1176
 
1177
+ .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1178
+ .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1159
1179
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
1180
+ .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1181
+ .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons,
1160
1182
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1161
1183
  font-size: 20px;
1162
1184
  }
@@ -1164,15 +1186,9 @@ ejs-filemanager {
1164
1186
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
1165
1187
  padding: 0 6px;
1166
1188
  }
1167
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1168
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
1169
- padding: 0 6px;
1170
- }
1171
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1172
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
1173
- padding: 0 6px;
1174
- }
1175
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus,
1189
+ .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active, .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover, .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus,
1190
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1191
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1176
1192
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
1177
1193
  padding: 0 6px;
1178
1194
  }
@@ -1184,12 +1200,6 @@ ejs-filemanager {
1184
1200
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-btn-icon.e-icons.e-caret {
1185
1201
  padding: 0 10px;
1186
1202
  }
1187
- .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1188
- .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1189
- .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1190
- .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons {
1191
- font-size: 20px;
1192
- }
1193
1203
  .e-bigger .e-filemanager .e-treeview > .e-ul,
1194
1204
  .e-filemanager.e-bigger .e-treeview > .e-ul {
1195
1205
  padding-left: 12px;
@@ -1313,10 +1323,13 @@ ejs-filemanager {
1313
1323
  .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1314
1324
  font-size: 14px;
1315
1325
  margin: 0 auto;
1316
- opacity: 0.5;
1317
1326
  padding: 6px;
1318
1327
  text-align: center;
1319
1328
  }
1329
+ .e-bigger .e-filemanager .e-grid .e-empty-inner-content,
1330
+ .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1331
+ opacity: 0.5;
1332
+ }
1320
1333
  .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1321
1334
  .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1322
1335
  margin-right: -16px;
@@ -1378,10 +1391,13 @@ ejs-filemanager {
1378
1391
  .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1379
1392
  font-size: 14px;
1380
1393
  margin: 0 auto;
1381
- opacity: 0.5;
1382
1394
  padding: 4px;
1383
1395
  text-align: center;
1384
1396
  }
1397
+ .e-bigger .e-filemanager .e-large-icons .e-empty-inner-content,
1398
+ .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1399
+ opacity: 0.5;
1400
+ }
1385
1401
  .e-bigger .e-filemanager.e-rtl .e-treeview > .e-ul,
1386
1402
  .e-filemanager.e-bigger.e-rtl .e-treeview > .e-ul {
1387
1403
  padding: 0 12px 0 0;
@@ -1460,15 +1476,7 @@ ejs-filemanager {
1460
1476
  .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
1461
1477
  color: #323130;
1462
1478
  }
1463
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1464
- background: #f3f2f1;
1465
- color: #201f1e;
1466
- }
1467
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1468
- background: #f3f2f1;
1469
- color: #201f1e;
1470
- }
1471
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1479
+ .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1472
1480
  background: #f3f2f1;
1473
1481
  color: #201f1e;
1474
1482
  }
@@ -1482,15 +1490,12 @@ ejs-filemanager {
1482
1490
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
1483
1491
  border-color: #0078d4;
1484
1492
  }
1485
- .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover {
1493
+ .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1486
1494
  background: #f3f2f1;
1487
1495
  }
1488
1496
  .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1489
1497
  background: #fff;
1490
1498
  }
1491
- .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1492
- background: #f3f2f1;
1493
- }
1494
1499
  .e-filemanager .e-grid td.e-active {
1495
1500
  background-color: #edebe9;
1496
1501
  color: #323130;
@@ -1 +1,16 @@
1
- @import 'file-manager/fluent.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
+ @import 'ej2-inputs/styles/input/fluent-definition.scss';
3
+ @import 'ej2-inputs/styles/textbox/fluent-definition.scss';
4
+ @import 'ej2-inputs/styles/uploader/fluent-definition.scss';
5
+ @import 'ej2-popups/styles/dialog/fluent-definition.scss';
6
+ @import 'ej2-popups/styles/spinner/fluent-definition.scss';
7
+ @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
8
+ @import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
10
+ @import 'ej2-navigations/styles/treeview/fluent-definition.scss';
11
+ @import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
12
+ @import 'ej2-layouts/styles/splitter/fluent-definition.scss';
13
+ @import 'ej2-grids/styles/grid/fluent-definition.scss';
14
+ @import 'file-manager/fluent-definition.scss';
15
+ @import 'file-manager/icons/fluent.scss';
16
+ @import 'file-manager/all.scss';