@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
@@ -1,19 +1,43 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  /* stylelint-disable-line no-empty-source */
3
3
  /* stylelint-disable property-no-vendor-prefix */
4
+ @-webkit-keyframes material-spinner-rotate {
5
+ 0% {
6
+ -webkit-transform: rotate(0);
7
+ transform: rotate(0);
8
+ }
9
+ 100% {
10
+ -webkit-transform: rotate(360deg);
11
+ transform: rotate(360deg);
12
+ }
13
+ }
4
14
  @keyframes material-spinner-rotate {
5
15
  0% {
16
+ -webkit-transform: rotate(0);
17
+ transform: rotate(0);
18
+ }
19
+ 100% {
20
+ -webkit-transform: rotate(360deg);
21
+ transform: rotate(360deg);
22
+ }
23
+ }
24
+ @-webkit-keyframes fabric-spinner-rotate {
25
+ 0% {
26
+ -webkit-transform: rotate(0);
6
27
  transform: rotate(0);
7
28
  }
8
29
  100% {
30
+ -webkit-transform: rotate(360deg);
9
31
  transform: rotate(360deg);
10
32
  }
11
33
  }
12
34
  @keyframes fabric-spinner-rotate {
13
35
  0% {
36
+ -webkit-transform: rotate(0);
14
37
  transform: rotate(0);
15
38
  }
16
39
  100% {
40
+ -webkit-transform: rotate(360deg);
17
41
  transform: rotate(360deg);
18
42
  }
19
43
  }
@@ -206,6 +230,7 @@ ejs-filemanager {
206
230
  }
207
231
 
208
232
  .e-filemanager {
233
+ -moz-user-select: none;
209
234
  -ms-user-select: none;
210
235
  -webkit-user-select: none;
211
236
  user-select: none;
@@ -215,10 +240,8 @@ ejs-filemanager {
215
240
  .e-filemanager .e-blur {
216
241
  opacity: 0.5;
217
242
  }
218
- .e-filemanager .e-display-none {
219
- display: none;
220
- }
221
243
  .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 {
244
+ cursor: -webkit-grab;
222
245
  cursor: grab;
223
246
  }
224
247
  .e-filemanager.e-no-drop {
@@ -230,7 +253,8 @@ ejs-filemanager {
230
253
  }
231
254
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
232
255
  border: 0;
233
- box-shadow: none;
256
+ -webkit-box-shadow: none;
257
+ box-shadow: none;
234
258
  font-weight: normal;
235
259
  height: calc(100% - 2px);
236
260
  padding: 1px 2.5px;
@@ -245,15 +269,7 @@ ejs-filemanager {
245
269
  .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 {
246
270
  padding-right: 0;
247
271
  }
248
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
249
- border: 0;
250
- padding: 1px 2.5px;
251
- }
252
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
253
- border: 0;
254
- padding: 1px 2.5px;
255
- }
256
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
272
+ .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 {
257
273
  border: 0;
258
274
  padding: 1px 2.5px;
259
275
  }
@@ -266,15 +282,14 @@ ejs-filemanager {
266
282
  padding-right: 0;
267
283
  }
268
284
  .e-filemanager .e-toolbar .e-toolbar-pop {
285
+ width: -webkit-max-content;
286
+ width: -moz-max-content;
269
287
  width: max-content;
270
288
  }
271
289
  .e-filemanager .e-treeview > .e-ul {
272
290
  overflow: initial;
273
291
  padding-left: 8px;
274
292
  }
275
- .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
276
- display: none;
277
- }
278
293
  .e-filemanager .e-treeview .e-list-parent {
279
294
  margin-bottom: 0;
280
295
  margin-top: 0;
@@ -292,7 +307,8 @@ ejs-filemanager {
292
307
  }
293
308
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder > .e-fullrow {
294
309
  border: 1px solid;
295
- box-sizing: border-box;
310
+ -webkit-box-sizing: border-box;
311
+ box-sizing: border-box;
296
312
  }
297
313
  .e-filemanager .e-treeview .e-text-content {
298
314
  overflow: hidden;
@@ -305,12 +321,6 @@ ejs-filemanager {
305
321
  .e-filemanager .e-splitter {
306
322
  border-width: 0;
307
323
  }
308
- .e-filemanager .e-splitter .e-split-bar .e-resize-handler {
309
- display: none;
310
- }
311
- .e-filemanager .e-splitter .e-display-none {
312
- display: none;
313
- }
314
324
  .e-filemanager .e-address {
315
325
  border-bottom: 1px solid;
316
326
  height: 34px;
@@ -401,9 +411,6 @@ ejs-filemanager {
401
411
  border-width: 1px;
402
412
  line-height: 10px;
403
413
  }
404
- .e-filemanager .e-grid .e-spin-show {
405
- display: none;
406
- }
407
414
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
408
415
  height: 0;
409
416
  padding: 0;
@@ -444,13 +451,16 @@ ejs-filemanager {
444
451
  font-size: 12px;
445
452
  }
446
453
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
447
- box-shadow: 1px 0 0 1px #007bff inset;
454
+ -webkit-box-shadow: 1px 0 0 1px #007bff inset;
455
+ box-shadow: 1px 0 0 1px #007bff inset;
448
456
  }
449
457
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:last-child {
450
- box-shadow: -1px 0 0 1px #007bff inset;
458
+ -webkit-box-shadow: -1px 0 0 1px #007bff inset;
459
+ box-shadow: -1px 0 0 1px #007bff inset;
451
460
  }
452
461
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell {
453
- box-shadow: 0 2px 0 -1px #007bff inset, 0 -2px 0 -1px #007bff inset;
462
+ -webkit-box-shadow: 0 2px 0 -1px #007bff inset, 0 -2px 0 -1px #007bff inset;
463
+ box-shadow: 0 2px 0 -1px #007bff inset, 0 -2px 0 -1px #007bff inset;
454
464
  }
455
465
  .e-filemanager .e-grid .e-empty {
456
466
  min-width: 200px;
@@ -469,23 +479,20 @@ ejs-filemanager {
469
479
  .e-filemanager .e-grid .e-empty-inner-content {
470
480
  font-size: 14px;
471
481
  margin: 0 auto;
472
- opacity: 0.5;
473
482
  padding: 6px;
474
483
  text-align: center;
484
+ opacity: 0.5;
475
485
  }
476
486
  .e-filemanager .e-grid .e-gridpopup {
477
487
  display: none !important; /* stylelint-disable-line declaration-no-important */
478
488
  }
479
- .e-filemanager .e-grid .e-gridheader .e-emptyrow,
480
- .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
481
- display: none;
482
- }
483
489
  .e-filemanager .e-grid .e-gridheader .e-fe-checkbox,
484
490
  .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox {
485
491
  overflow: inherit;
486
492
  padding-left: 8px;
487
493
  padding-right: 0;
488
- box-shadow: none;
494
+ -webkit-box-shadow: none;
495
+ box-shadow: none;
489
496
  }
490
497
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
491
498
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -509,16 +516,20 @@ ejs-filemanager {
509
516
  visibility: hidden;
510
517
  }
511
518
  .e-filemanager .e-grid .e-row.e-focused {
512
- box-shadow: none;
519
+ -webkit-box-shadow: none;
520
+ box-shadow: none;
513
521
  }
514
522
  .e-filemanager .e-grid .e-row.e-focused td {
515
- box-shadow: inset 0 1px 0 0 #66afe9, inset 0 -1px 0 0 #66afe9;
523
+ -webkit-box-shadow: inset 0 1px 0 0 #66afe9, inset 0 -1px 0 0 #66afe9;
524
+ box-shadow: inset 0 1px 0 0 #66afe9, inset 0 -1px 0 0 #66afe9;
516
525
  }
517
526
  .e-filemanager .e-grid .e-row.e-focused td:first-child {
518
- box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
527
+ -webkit-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
528
+ box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
519
529
  }
520
530
  .e-filemanager .e-grid .e-row.e-focused td:last-child {
521
- box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
531
+ -webkit-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
532
+ box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
522
533
  }
523
534
  .e-filemanager .e-grid .e-row:hover .e-checkbox-wrapper,
524
535
  .e-filemanager .e-grid .e-row .e-active .e-checkbox-wrapper {
@@ -537,8 +548,8 @@ ejs-filemanager {
537
548
  display: inline-block;
538
549
  height: 18px;
539
550
  margin: 0 8px 0 0;
540
- vertical-align: middle;
541
551
  width: 18px;
552
+ vertical-align: middle;
542
553
  }
543
554
  .e-filemanager .e-view-container .e-grid .e-gridheader {
544
555
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -572,16 +583,16 @@ ejs-filemanager {
572
583
  .e-filemanager .e-large-icons .e-empty-inner-content {
573
584
  font-size: 14px;
574
585
  margin: 0 auto;
575
- opacity: 0.5;
576
586
  padding: 6px;
577
587
  text-align: center;
588
+ opacity: 0.5;
578
589
  }
579
590
  .e-filemanager .e-large-icons .e-list-parent {
580
591
  display: block;
581
592
  height: 100%;
582
593
  margin: 0;
583
- overflow: auto;
584
594
  padding: 0 4px;
595
+ overflow: auto;
585
596
  }
586
597
  .e-filemanager .e-large-icons .e-checkbox-wrapper {
587
598
  float: left;
@@ -594,9 +605,9 @@ ejs-filemanager {
594
605
  float: left;
595
606
  height: 85px;
596
607
  margin: 8px 4px;
608
+ width: 80px;
597
609
  overflow: hidden;
598
610
  padding: 2px;
599
- width: 80px;
600
611
  border-radius: 4px;
601
612
  }
602
613
  .e-filemanager .e-large-icons .e-list-item.e-active .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item.e-hover .e-checkbox-wrapper, .e-filemanager .e-large-icons .e-list-item:hover .e-checkbox-wrapper {
@@ -620,7 +631,8 @@ ejs-filemanager {
620
631
  }
621
632
  .e-filemanager .e-large-icons .e-list-img {
622
633
  border: 2px solid;
623
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
634
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
635
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05);
624
636
  display: block;
625
637
  margin: 0 auto;
626
638
  max-height: 62px;
@@ -639,7 +651,9 @@ ejs-filemanager {
639
651
  }
640
652
  .e-filemanager .e-fe-clone .e-fe-content {
641
653
  border: none;
642
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
654
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
655
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
656
+ display: -webkit-inline-box;
643
657
  display: -ms-inline-flexbox;
644
658
  display: inline-flex;
645
659
  height: 36px;
@@ -666,9 +680,9 @@ ejs-filemanager {
666
680
  border-radius: 50%;
667
681
  font-size: 12px;
668
682
  height: 22px;
683
+ width: 22px;
669
684
  line-height: 22px;
670
685
  margin-left: -12px;
671
- width: 22px;
672
686
  position: relative;
673
687
  text-align: center;
674
688
  top: 0;
@@ -678,11 +692,14 @@ ejs-filemanager {
678
692
  }
679
693
  .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
680
694
  display: inline-table;
681
- transform: rotate(180deg);
695
+ -webkit-transform: rotate(180deg);
696
+ transform: rotate(180deg);
682
697
  }
683
698
  .e-filemanager.e-rtl .e-splitter.e-splitter-horizontal {
684
699
  -ms-flex-direction: row-reverse;
685
- flex-direction: row-reverse;
700
+ -webkit-box-orient: horizontal;
701
+ -webkit-box-direction: reverse;
702
+ flex-direction: row-reverse;
686
703
  }
687
704
  .e-filemanager.e-rtl .e-address .e-search-wrap {
688
705
  float: left;
@@ -694,18 +711,22 @@ ejs-filemanager {
694
711
  padding: 0;
695
712
  }
696
713
  .e-filemanager.e-rtl .e-address .e-addressbar-ul {
714
+ display: -webkit-box;
697
715
  display: -ms-flexbox;
698
716
  display: flex;
699
717
  }
700
718
  .e-filemanager.e-rtl .e-address .e-addressbar-ul .e-icons::before {
701
719
  display: inline-block;
702
- transform: rotate(180deg);
720
+ -webkit-transform: rotate(180deg);
721
+ transform: rotate(180deg);
703
722
  }
704
723
  .e-filemanager.e-rtl .e-grid.e-rtl .e-row.e-focused td:first-child {
705
- box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
724
+ -webkit-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
725
+ box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9;
706
726
  }
707
727
  .e-filemanager.e-rtl .e-grid.e-rtl .e-row.e-focused td:last-child {
708
- box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
728
+ -webkit-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
729
+ box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9;
709
730
  }
710
731
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-checkbox,
711
732
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-checkbox {
@@ -746,10 +767,10 @@ ejs-filemanager {
746
767
  bottom: 0;
747
768
  display: block;
748
769
  height: calc(100% - 34px);
770
+ width: 100%;
749
771
  pointer-events: none;
750
772
  position: absolute;
751
773
  visibility: hidden;
752
- width: 100%;
753
774
  }
754
775
  .e-filemanager .e-upload-drag-hover {
755
776
  outline: none;
@@ -775,7 +796,8 @@ ejs-filemanager {
775
796
  }
776
797
  .e-fe-popup.e-rtl .e-fe-grid {
777
798
  display: inline-table;
778
- transform: rotate(180deg);
799
+ -webkit-transform: rotate(180deg);
800
+ transform: rotate(180deg);
779
801
  }
780
802
  .e-fe-popup.e-dialog td {
781
803
  overflow: hidden;
@@ -827,18 +849,30 @@ ejs-filemanager {
827
849
  border-bottom-width: 0;
828
850
  border-top-width: 0;
829
851
  }
830
- .e-fe-popup .e-upload .e-file-select-wrap {
831
- display: none;
852
+ .e-fe-popup .e-upload .e-upload-actions {
853
+ border-bottom: 1px solid;
832
854
  }
855
+
856
+ .e-filemanager .e-display-none,
857
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner,
858
+ .e-filemanager .e-splitter .e-split-bar .e-resize-handler,
859
+ .e-filemanager .e-splitter .e-display-none,
860
+ .e-filemanager .e-grid .e-spin-show,
861
+ .e-filemanager .e-grid .e-gridheader .e-emptyrow,
862
+ .e-filemanager .e-grid .e-gridcontent .e-emptyrow,
863
+ .e-fe-popup .e-upload .e-file-select-wrap,
833
864
  .e-fe-popup .e-upload .e-icons.e-file-delete-btn {
834
865
  display: none;
835
866
  }
836
- .e-fe-popup .e-upload .e-upload-actions {
837
- border-bottom: 1px solid;
838
- }
839
867
 
868
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
869
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
840
870
  .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
871
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
872
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
841
873
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
874
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
875
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
842
876
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
843
877
  font-size: 20px;
844
878
  }
@@ -909,14 +943,6 @@ ejs-filemanager {
909
943
  .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 {
910
944
  padding-left: 4px;
911
945
  }
912
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
913
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
914
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
915
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
916
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
917
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons {
918
- font-size: 20px;
919
- }
920
946
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
921
947
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
922
948
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -925,12 +951,10 @@ ejs-filemanager {
925
951
  width: 14px;
926
952
  }
927
953
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
928
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
929
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text {
930
- display: none;
931
- }
932
954
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
955
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
933
956
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
957
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
934
958
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text {
935
959
  display: none;
936
960
  }
@@ -1075,12 +1099,10 @@ ejs-filemanager {
1075
1099
  width: 110px;
1076
1100
  }
1077
1101
  .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1078
- .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1079
- .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper {
1080
- visibility: visible;
1081
- }
1082
1102
  .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1103
+ .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1083
1104
  .e-bigger .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1105
+ .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1084
1106
  .e-filemanager.e-bigger.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper {
1085
1107
  visibility: visible;
1086
1108
  }
@@ -1095,6 +1117,7 @@ ejs-filemanager {
1095
1117
  .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1096
1118
  .e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1097
1119
  .e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-input-group {
1120
+ display: -webkit-inline-box;
1098
1121
  display: -ms-inline-flexbox;
1099
1122
  display: inline-flex;
1100
1123
  }
@@ -1125,7 +1148,8 @@ ejs-filemanager {
1125
1148
  .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1126
1149
  .e-bigger .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1127
1150
  .e-filemanager.e-bigger.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search {
1128
- transform: rotate(180deg);
1151
+ -webkit-transform: rotate(180deg);
1152
+ transform: rotate(180deg);
1129
1153
  }
1130
1154
  .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
1131
1155
  .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon,
@@ -1151,7 +1175,11 @@ ejs-filemanager {
1151
1175
  padding: 8px 30px 8px 0;
1152
1176
  }
1153
1177
 
1178
+ .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1179
+ .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1154
1180
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
1181
+ .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1182
+ .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons,
1155
1183
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1156
1184
  font-size: 20px;
1157
1185
  }
@@ -1159,15 +1187,9 @@ ejs-filemanager {
1159
1187
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
1160
1188
  padding: 1px 7px;
1161
1189
  }
1162
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1163
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
1164
- padding: 1px 7px;
1165
- }
1166
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1167
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
1168
- padding: 1px 7px;
1169
- }
1170
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus,
1190
+ .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,
1191
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1192
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1171
1193
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
1172
1194
  padding: 1px 7px;
1173
1195
  }
@@ -1179,12 +1201,6 @@ ejs-filemanager {
1179
1201
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-btn-icon.e-icons.e-caret {
1180
1202
  padding: 0 10px;
1181
1203
  }
1182
- .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1183
- .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1184
- .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1185
- .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons {
1186
- font-size: 20px;
1187
- }
1188
1204
  .e-bigger .e-filemanager .e-treeview > .e-ul,
1189
1205
  .e-filemanager.e-bigger .e-treeview > .e-ul {
1190
1206
  padding-left: 12px;
@@ -1303,10 +1319,13 @@ ejs-filemanager {
1303
1319
  .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1304
1320
  font-size: 16px;
1305
1321
  margin: 0 auto;
1306
- opacity: 0.5;
1307
1322
  padding: 6px;
1308
1323
  text-align: center;
1309
1324
  }
1325
+ .e-bigger .e-filemanager .e-grid .e-empty-inner-content,
1326
+ .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1327
+ opacity: 0.5;
1328
+ }
1310
1329
  .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1311
1330
  .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1312
1331
  margin-right: -10px;
@@ -1368,10 +1387,13 @@ ejs-filemanager {
1368
1387
  .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1369
1388
  font-size: 16px;
1370
1389
  margin: 0 auto;
1371
- opacity: 0.5;
1372
1390
  padding: 6px;
1373
1391
  text-align: center;
1374
1392
  }
1393
+ .e-bigger .e-filemanager .e-large-icons .e-empty-inner-content,
1394
+ .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1395
+ opacity: 0.5;
1396
+ }
1375
1397
  .e-bigger .e-filemanager.e-rtl .e-treeview > .e-ul,
1376
1398
  .e-filemanager.e-bigger.e-rtl .e-treeview > .e-ul {
1377
1399
  padding: 0 12px 0 0;
@@ -1458,15 +1480,7 @@ ejs-filemanager {
1458
1480
  .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
1459
1481
  color: #6c757d;
1460
1482
  }
1461
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1462
- background: #fff;
1463
- color: #0056b3;
1464
- }
1465
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1466
- background: #fff;
1467
- color: #0056b3;
1468
- }
1469
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1483
+ .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 {
1470
1484
  background: #fff;
1471
1485
  color: #0056b3;
1472
1486
  }
@@ -1483,15 +1497,12 @@ ejs-filemanager {
1483
1497
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
1484
1498
  background: #fff;
1485
1499
  }
1486
- .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover {
1500
+ .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 {
1487
1501
  background: #f2f4f6;
1488
1502
  }
1489
1503
  .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1490
1504
  background: #fff;
1491
1505
  }
1492
- .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1493
- background: #f2f4f6;
1494
- }
1495
1506
  .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1496
1507
  color: #fff;
1497
1508
  }
@@ -1 +1,16 @@
1
- @import 'file-manager/bootstrap4.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
+ @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
3
+ @import 'ej2-inputs/styles/textbox/bootstrap4-definition.scss';
4
+ @import 'ej2-inputs/styles/uploader/bootstrap4-definition.scss';
5
+ @import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
6
+ @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
7
+ @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
8
+ @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
10
+ @import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
11
+ @import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
12
+ @import 'ej2-layouts/styles/splitter/bootstrap4-definition.scss';
13
+ @import 'ej2-grids/styles/grid/bootstrap4-definition.scss';
14
+ @import 'file-manager/bootstrap4-definition.scss';
15
+ @import 'file-manager/icons/bootstrap4.scss';
16
+ @import 'file-manager/all.scss';