@syncfusion/ej2-filemanager 25.2.6 → 26.1.35

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 +914 -462
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +958 -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 +36 -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 +9 -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 +255 -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 +2872 -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 +2872 -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
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -54,43 +54,83 @@
54
54
  }
55
55
 
56
56
  /* stylelint-disable property-no-vendor-prefix */
57
+ @-webkit-keyframes e-input-ripple {
58
+ 100% {
59
+ opacity: 0;
60
+ -webkit-transform: scale(4);
61
+ transform: scale(4);
62
+ }
63
+ }
57
64
  @keyframes e-input-ripple {
58
65
  100% {
59
66
  opacity: 0;
60
- transform: scale(4);
67
+ -webkit-transform: scale(4);
68
+ transform: scale(4);
69
+ }
70
+ }
71
+ @-webkit-keyframes slideTopUp {
72
+ from {
73
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
74
+ transform: translate3d(0, 0, 0) scale(1);
75
+ }
76
+ to {
77
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
78
+ transform: translate3d(0, 0, 0) scale(1);
61
79
  }
62
80
  }
63
81
  @keyframes slideTopUp {
64
82
  from {
65
- transform: translate3d(0, 0, 0) scale(1);
83
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
84
+ transform: translate3d(0, 0, 0) scale(1);
66
85
  }
67
86
  to {
68
- transform: translate3d(0, 0, 0) scale(1);
87
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
88
+ transform: translate3d(0, 0, 0) scale(1);
69
89
  }
70
90
  }
71
91
  /* stylelint-disable-line no-empty-source */
72
92
  /* stylelint-disable property-no-vendor-prefix */
93
+ @-webkit-keyframes material-spinner-rotate {
94
+ 0% {
95
+ -webkit-transform: rotate(0deg);
96
+ transform: rotate(0deg);
97
+ }
98
+ 100% {
99
+ -webkit-transform: rotate(360deg);
100
+ transform: rotate(360deg);
101
+ }
102
+ }
73
103
  @keyframes material-spinner-rotate {
74
104
  0% {
105
+ -webkit-transform: rotate(0deg);
106
+ transform: rotate(0deg);
107
+ }
108
+ 100% {
109
+ -webkit-transform: rotate(360deg);
110
+ transform: rotate(360deg);
111
+ }
112
+ }
113
+ @-webkit-keyframes fabric-spinner-rotate {
114
+ 0% {
115
+ -webkit-transform: rotate(0deg);
75
116
  transform: rotate(0deg);
76
117
  }
77
118
  100% {
119
+ -webkit-transform: rotate(360deg);
78
120
  transform: rotate(360deg);
79
121
  }
80
122
  }
81
123
  @keyframes fabric-spinner-rotate {
82
124
  0% {
125
+ -webkit-transform: rotate(0deg);
83
126
  transform: rotate(0deg);
84
127
  }
85
128
  100% {
129
+ -webkit-transform: rotate(360deg);
86
130
  transform: rotate(360deg);
87
131
  }
88
132
  }
89
- /*! TreeView's Material 3 theme wise override definitions and variables */
90
- /* stylelint-disable */
91
- /*! Toolbar's material3 theme wise override definitions and variables */
92
133
  /* stylelint-disable */
93
- /*! FileManager's material 3 theme wise override definitions and variables */
94
134
  .e-filemanager .e-fe-icon,
95
135
  .e-filemanager .e-list-icon {
96
136
  background-repeat: no-repeat;
@@ -278,6 +318,7 @@ ejs-filemanager {
278
318
  }
279
319
 
280
320
  .e-filemanager {
321
+ -moz-user-select: none;
281
322
  -ms-user-select: none;
282
323
  -webkit-user-select: none;
283
324
  user-select: none;
@@ -287,10 +328,8 @@ ejs-filemanager {
287
328
  .e-filemanager .e-blur {
288
329
  opacity: 0.5;
289
330
  }
290
- .e-filemanager .e-display-none {
291
- display: none;
292
- }
293
331
  .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 {
332
+ cursor: -webkit-grab;
294
333
  cursor: grab;
295
334
  }
296
335
  .e-filemanager.e-no-drop {
@@ -314,7 +353,8 @@ ejs-filemanager {
314
353
  }
315
354
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
316
355
  border: 0;
317
- box-shadow: none;
356
+ -webkit-box-shadow: none;
357
+ box-shadow: none;
318
358
  font-weight: normal;
319
359
  height: calc(100% - 10px);
320
360
  padding: 0;
@@ -329,15 +369,7 @@ ejs-filemanager {
329
369
  .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 {
330
370
  padding-right: 0;
331
371
  }
332
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
333
- border: 0;
334
- padding: 0;
335
- }
336
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
337
- border: 0;
338
- padding: 0;
339
- }
340
- .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
372
+ .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 {
341
373
  border: 0;
342
374
  padding: 0;
343
375
  }
@@ -350,15 +382,14 @@ ejs-filemanager {
350
382
  padding-right: 0;
351
383
  }
352
384
  .e-filemanager .e-toolbar .e-toolbar-pop {
385
+ width: -webkit-max-content;
386
+ width: -moz-max-content;
353
387
  width: max-content;
354
388
  }
355
389
  .e-filemanager .e-treeview > .e-ul {
356
390
  overflow: initial;
357
391
  padding-left: 8px;
358
392
  }
359
- .e-filemanager .e-treeview .e-icons .e-treeview-spinner {
360
- display: none;
361
- }
362
393
  .e-filemanager .e-treeview .e-list-parent {
363
394
  margin-bottom: 0;
364
395
  margin-top: 0;
@@ -376,7 +407,8 @@ ejs-filemanager {
376
407
  }
377
408
  .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder > .e-fullrow {
378
409
  border: 1px solid;
379
- box-sizing: border-box;
410
+ -webkit-box-sizing: border-box;
411
+ box-sizing: border-box;
380
412
  }
381
413
  .e-filemanager .e-treeview .e-text-content {
382
414
  overflow: hidden;
@@ -389,12 +421,6 @@ ejs-filemanager {
389
421
  .e-filemanager .e-splitter {
390
422
  border-width: 0;
391
423
  }
392
- .e-filemanager .e-splitter .e-split-bar .e-resize-handler {
393
- display: none;
394
- }
395
- .e-filemanager .e-splitter .e-display-none {
396
- display: none;
397
- }
398
424
  .e-filemanager .e-address {
399
425
  border-bottom: 1px solid;
400
426
  height: 36px;
@@ -486,9 +512,6 @@ ejs-filemanager {
486
512
  border-width: 1px;
487
513
  line-height: 12px;
488
514
  }
489
- .e-filemanager .e-grid .e-spin-show {
490
- display: none;
491
- }
492
515
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
493
516
  height: 0;
494
517
  padding: 0;
@@ -527,7 +550,7 @@ ejs-filemanager {
527
550
  .e-filemanager .e-grid .e-content .e-rowcell {
528
551
  border: 0;
529
552
  font-size: 12px;
530
- padding: 8px 12px;
553
+ padding: 7px 12px;
531
554
  line-height: 20px;
532
555
  }
533
556
  .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
@@ -535,13 +558,16 @@ ejs-filemanager {
535
558
  line-height: 20px;
536
559
  }
537
560
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
538
- box-shadow: 1px 0 0 1px rgba(var(--color-sf-primary)) inset;
561
+ -webkit-box-shadow: 1px 0 0 1px rgba(var(--color-sf-primary)) inset;
562
+ box-shadow: 1px 0 0 1px rgba(var(--color-sf-primary)) inset;
539
563
  }
540
564
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:last-child {
541
- box-shadow: -1px 0 0 1px rgba(var(--color-sf-primary)) inset;
565
+ -webkit-box-shadow: -1px 0 0 1px rgba(var(--color-sf-primary)) inset;
566
+ box-shadow: -1px 0 0 1px rgba(var(--color-sf-primary)) inset;
542
567
  }
543
568
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell {
544
- box-shadow: 0 2px 0 -1px rgba(var(--color-sf-primary)) inset, 0 -2px 0 -1px rgba(var(--color-sf-primary)) inset;
569
+ -webkit-box-shadow: 0 2px 0 -1px rgba(var(--color-sf-primary)) inset, 0 -2px 0 -1px rgba(var(--color-sf-primary)) inset;
570
+ box-shadow: 0 2px 0 -1px rgba(var(--color-sf-primary)) inset, 0 -2px 0 -1px rgba(var(--color-sf-primary)) inset;
545
571
  }
546
572
  .e-filemanager .e-grid .e-empty {
547
573
  min-width: 200px;
@@ -566,23 +592,20 @@ ejs-filemanager {
566
592
  .e-filemanager .e-grid .e-empty-inner-content {
567
593
  font-size: 14px;
568
594
  margin: 0 auto;
569
- line-height: 22px;
570
595
  padding: 0;
571
596
  text-align: center;
597
+ line-height: 22px;
572
598
  }
573
599
  .e-filemanager .e-grid .e-gridpopup {
574
600
  display: none !important; /* stylelint-disable-line declaration-no-important */
575
601
  }
576
- .e-filemanager .e-grid .e-gridheader .e-emptyrow,
577
- .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
578
- display: none;
579
- }
580
602
  .e-filemanager .e-grid .e-gridheader .e-fe-checkbox,
581
603
  .e-filemanager .e-grid .e-gridcontent .e-fe-checkbox {
582
604
  overflow: inherit;
583
605
  padding-left: 12px;
584
606
  padding-right: 0;
585
- box-shadow: none;
607
+ -webkit-box-shadow: none;
608
+ box-shadow: none;
586
609
  }
587
610
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
588
611
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -606,7 +629,8 @@ ejs-filemanager {
606
629
  visibility: hidden;
607
630
  }
608
631
  .e-filemanager .e-grid .e-row.e-focused {
609
- box-shadow: none;
632
+ -webkit-box-shadow: none;
633
+ box-shadow: none;
610
634
  }
611
635
  .e-filemanager .e-grid .e-row:hover .e-checkbox-wrapper,
612
636
  .e-filemanager .e-grid .e-row .e-active .e-checkbox-wrapper {
@@ -625,8 +649,8 @@ ejs-filemanager {
625
649
  display: inline-block;
626
650
  height: 20px;
627
651
  margin: 0;
628
- vertical-align: middle;
629
652
  width: 20px;
653
+ vertical-align: middle;
630
654
  }
631
655
  .e-filemanager .e-view-container .e-grid .e-gridheader {
632
656
  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -666,16 +690,16 @@ ejs-filemanager {
666
690
  .e-filemanager .e-large-icons .e-empty-inner-content {
667
691
  font-size: 14px;
668
692
  margin: 0 auto;
669
- line-height: 22px;
670
693
  padding: 0;
671
694
  text-align: center;
695
+ line-height: 22px;
672
696
  }
673
697
  .e-filemanager .e-large-icons .e-list-parent {
674
698
  display: block;
675
699
  height: 100%;
676
700
  margin: 0;
677
- overflow: auto;
678
701
  padding: 0 4px;
702
+ overflow: auto;
679
703
  }
680
704
  .e-filemanager .e-large-icons .e-checkbox-wrapper {
681
705
  float: left;
@@ -689,9 +713,9 @@ ejs-filemanager {
689
713
  float: left;
690
714
  height: 96px;
691
715
  margin: 20px 8px;
716
+ width: 96px;
692
717
  overflow: hidden;
693
718
  padding: 0;
694
- width: 96px;
695
719
  border-radius: 4px;
696
720
  }
697
721
  .e-filemanager .e-large-icons .e-list-item.e-fe-drop-folder {
@@ -737,7 +761,9 @@ ejs-filemanager {
737
761
  }
738
762
  .e-filemanager .e-fe-clone .e-fe-content {
739
763
  border: none;
740
- box-shadow: var(--color-sf-shadow);
764
+ -webkit-box-shadow: var(--color-sf-shadow);
765
+ box-shadow: var(--color-sf-shadow);
766
+ display: -webkit-inline-box;
741
767
  display: -ms-inline-flexbox;
742
768
  display: inline-flex;
743
769
  height: 40px;
@@ -762,9 +788,9 @@ ejs-filemanager {
762
788
  border-radius: 50%;
763
789
  font-size: 12px;
764
790
  height: 22px;
791
+ width: 22px;
765
792
  line-height: 22px;
766
793
  margin-left: -12px;
767
- width: 22px;
768
794
  position: relative;
769
795
  text-align: center;
770
796
  top: 0;
@@ -774,11 +800,14 @@ ejs-filemanager {
774
800
  }
775
801
  .e-filemanager.e-rtl .e-toolbar .e-fe-grid {
776
802
  display: inline-table;
777
- transform: rotate(180deg);
803
+ -webkit-transform: rotate(180deg);
804
+ transform: rotate(180deg);
778
805
  }
779
806
  .e-filemanager.e-rtl .e-splitter.e-splitter-horizontal {
780
807
  -ms-flex-direction: row-reverse;
781
- flex-direction: row-reverse;
808
+ -webkit-box-orient: horizontal;
809
+ -webkit-box-direction: reverse;
810
+ flex-direction: row-reverse;
782
811
  }
783
812
  .e-filemanager.e-rtl .e-address .e-search-wrap {
784
813
  float: left;
@@ -791,12 +820,14 @@ ejs-filemanager {
791
820
  padding: 0;
792
821
  }
793
822
  .e-filemanager.e-rtl .e-address .e-addressbar-ul {
823
+ display: -webkit-box;
794
824
  display: -ms-flexbox;
795
825
  display: flex;
796
826
  }
797
827
  .e-filemanager.e-rtl .e-address .e-addressbar-ul .e-icons::before {
798
828
  display: inline-block;
799
- transform: rotate(180deg);
829
+ -webkit-transform: rotate(180deg);
830
+ transform: rotate(180deg);
800
831
  }
801
832
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridheader .e-fe-checkbox,
802
833
  .e-filemanager.e-rtl .e-grid.e-rtl .e-gridcontent .e-fe-checkbox {
@@ -837,10 +868,10 @@ ejs-filemanager {
837
868
  bottom: 0;
838
869
  display: block;
839
870
  height: calc(100% - 34px);
871
+ width: 100%;
840
872
  pointer-events: none;
841
873
  position: absolute;
842
874
  visibility: hidden;
843
- width: 100%;
844
875
  }
845
876
  .e-filemanager .e-upload-drag-hover {
846
877
  outline: none;
@@ -866,7 +897,8 @@ ejs-filemanager {
866
897
  }
867
898
  .e-fe-popup.e-rtl .e-fe-grid {
868
899
  display: inline-table;
869
- transform: rotate(180deg);
900
+ -webkit-transform: rotate(180deg);
901
+ transform: rotate(180deg);
870
902
  }
871
903
  .e-fe-popup.e-dialog td {
872
904
  overflow: hidden;
@@ -918,15 +950,21 @@ ejs-filemanager {
918
950
  border-bottom-width: 0;
919
951
  border-top-width: 0;
920
952
  }
921
- .e-fe-popup .e-upload .e-file-select-wrap {
922
- display: none;
953
+ .e-fe-popup .e-upload .e-upload-actions {
954
+ border-bottom: 1px solid;
923
955
  }
956
+
957
+ .e-filemanager .e-display-none,
958
+ .e-filemanager .e-treeview .e-icons .e-treeview-spinner,
959
+ .e-filemanager .e-splitter .e-split-bar .e-resize-handler,
960
+ .e-filemanager .e-splitter .e-display-none,
961
+ .e-filemanager .e-grid .e-spin-show,
962
+ .e-filemanager .e-grid .e-gridheader .e-emptyrow,
963
+ .e-filemanager .e-grid .e-gridcontent .e-emptyrow,
964
+ .e-fe-popup .e-upload .e-file-select-wrap,
924
965
  .e-fe-popup .e-upload .e-icons.e-file-delete-btn {
925
966
  display: none;
926
967
  }
927
- .e-fe-popup .e-upload .e-upload-actions {
928
- border-bottom: 1px solid;
929
- }
930
968
 
931
969
  .e-filemanager.e-fe-mobile .e-toolbar,
932
970
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar,
@@ -934,8 +972,14 @@ ejs-filemanager {
934
972
  height: 56px;
935
973
  min-height: 56px;
936
974
  }
975
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
976
+ .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
937
977
  .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
978
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
979
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
938
980
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
981
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
982
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
939
983
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
940
984
  font-size: 20px;
941
985
  }
@@ -946,14 +990,6 @@ ejs-filemanager {
946
990
  font-size: 24px;
947
991
  line-height: 24px;
948
992
  }
949
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
950
- .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
951
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
952
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons,
953
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
954
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-popup-down-icon.e-icons {
955
- font-size: 20px;
956
- }
957
993
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
958
994
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
959
995
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -962,12 +998,10 @@ ejs-filemanager {
962
998
  width: 14px;
963
999
  }
964
1000
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
965
- .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
966
- .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text {
967
- display: none;
968
- }
969
1001
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
1002
+ .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
970
1003
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text,
1004
+ .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-tbar-ddb-text,
971
1005
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-toolbar-item .e-tbar-btn-text {
972
1006
  display: none;
973
1007
  }
@@ -1112,12 +1146,10 @@ ejs-filemanager {
1112
1146
  width: 110px;
1113
1147
  }
1114
1148
  .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1115
- .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1116
- .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper {
1117
- visibility: visible;
1118
- }
1119
1149
  .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1150
+ .e-bigger .e-filemanager.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1120
1151
  .e-bigger .e-filemanager.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper,
1152
+ .e-filemanager.e-bigger.e-fe-m-select .e-large-icons .e-list-item.e-large-icon .e-checkbox-wrapper,
1121
1153
  .e-filemanager.e-bigger.e-fe-m-select .e-grid .e-content .e-row .e-rowcell .e-checkbox-wrapper {
1122
1154
  visibility: visible;
1123
1155
  }
@@ -1132,6 +1164,7 @@ ejs-filemanager {
1132
1164
  .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1133
1165
  .e-bigger .e-filemanager.e-fe-m-filter .e-address .e-search-wrap .e-input-group,
1134
1166
  .e-filemanager.e-bigger.e-fe-m-filter .e-address .e-search-wrap .e-input-group {
1167
+ display: -webkit-inline-box;
1135
1168
  display: -ms-inline-flexbox;
1136
1169
  display: inline-flex;
1137
1170
  }
@@ -1162,7 +1195,8 @@ ejs-filemanager {
1162
1195
  .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1163
1196
  .e-bigger .e-filemanager.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search,
1164
1197
  .e-filemanager.e-bigger.e-fe-m-filter.e-rtl .e-address .e-search-wrap .e-fe-search {
1165
- transform: rotate(180deg);
1198
+ -webkit-transform: rotate(180deg);
1199
+ transform: rotate(180deg);
1166
1200
  }
1167
1201
  .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-grid-icon,
1168
1202
  .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-grid-icon,
@@ -1198,7 +1232,11 @@ ejs-filemanager {
1198
1232
  min-height: 48px;
1199
1233
  padding: 4px;
1200
1234
  }
1235
+ .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1236
+ .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1201
1237
  .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
1238
+ .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1239
+ .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons,
1202
1240
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
1203
1241
  font-size: 20px;
1204
1242
  }
@@ -1206,15 +1244,9 @@ ejs-filemanager {
1206
1244
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
1207
1245
  padding: 0 6px;
1208
1246
  }
1209
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1210
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
1211
- padding: 0 6px;
1212
- }
1213
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1214
- .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
1215
- padding: 0 6px;
1216
- }
1217
- .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus,
1247
+ .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,
1248
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active,
1249
+ .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover,
1218
1250
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
1219
1251
  padding: 0 6px;
1220
1252
  }
@@ -1226,12 +1258,6 @@ ejs-filemanager {
1226
1258
  .e-filemanager.e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-btn-icon.e-icons.e-caret {
1227
1259
  padding: 0 10px;
1228
1260
  }
1229
- .e-bigger .e-filemanager .e-toolbar .e-popup-up-icon.e-icons,
1230
- .e-bigger .e-filemanager .e-toolbar .e-popup-down-icon.e-icons,
1231
- .e-filemanager.e-bigger .e-toolbar .e-popup-up-icon.e-icons,
1232
- .e-filemanager.e-bigger .e-toolbar .e-popup-down-icon.e-icons {
1233
- font-size: 20px;
1234
- }
1235
1261
  .e-bigger .e-filemanager .e-treeview > .e-ul,
1236
1262
  .e-filemanager.e-bigger .e-treeview > .e-ul {
1237
1263
  padding-left: 12px;
@@ -1361,10 +1387,13 @@ ejs-filemanager {
1361
1387
  .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1362
1388
  font-size: 14px;
1363
1389
  margin: 0 auto;
1364
- opacity: 0.5;
1365
1390
  padding: 6px;
1366
1391
  text-align: center;
1367
1392
  }
1393
+ .e-bigger .e-filemanager .e-grid .e-empty-inner-content,
1394
+ .e-filemanager.e-bigger .e-grid .e-empty-inner-content {
1395
+ opacity: 0.5;
1396
+ }
1368
1397
  .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1369
1398
  .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1370
1399
  margin-right: -10px;
@@ -1426,10 +1455,13 @@ ejs-filemanager {
1426
1455
  .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1427
1456
  font-size: 14px;
1428
1457
  margin: 0 auto;
1429
- opacity: 0.5;
1430
1458
  padding: 4px;
1431
1459
  text-align: center;
1432
1460
  }
1461
+ .e-bigger .e-filemanager .e-large-icons .e-empty-inner-content,
1462
+ .e-filemanager.e-bigger .e-large-icons .e-empty-inner-content {
1463
+ opacity: 0.5;
1464
+ }
1433
1465
  .e-bigger .e-filemanager.e-rtl .e-treeview > .e-ul,
1434
1466
  .e-filemanager.e-bigger.e-rtl .e-treeview > .e-ul {
1435
1467
  padding: 0 12px 0 0;
@@ -1492,25 +1524,20 @@ ejs-filemanager {
1492
1524
  color: rgba(var(--color-sf-on-surface-variant));
1493
1525
  }
1494
1526
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1527
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1495
1528
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1496
1529
  color: rgba(var(--color-sf-on-surface));
1497
1530
  }
1498
1531
  .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
1499
1532
  color: rgba(var(--color-sf-on-surface-variant));
1500
1533
  }
1501
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1502
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1503
- color: rgba(var(--color-sf-on-surface));
1504
- }
1505
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1506
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1507
- color: rgba(var(--color-sf-on-surface));
1508
- }
1509
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1534
+ .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 {
1535
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1510
1536
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1511
1537
  color: rgba(var(--color-sf-on-surface));
1512
1538
  }
1513
1539
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1540
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1514
1541
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1515
1542
  border-color: rgba(var(--color-sf-outline-variant));
1516
1543
  border: none;
@@ -1524,17 +1551,16 @@ ejs-filemanager {
1524
1551
  border-color: rgba(var(--color-sf-primary));
1525
1552
  }
1526
1553
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
1554
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1527
1555
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1528
1556
  }
1529
- .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover {
1557
+ .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 {
1530
1558
  background: rgba(var(--color-sf-on-surface), 0.05);
1531
1559
  }
1532
1560
  .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1561
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1533
1562
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1534
1563
  }
1535
- .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1536
- background: rgba(var(--color-sf-on-surface), 0.05);
1537
- }
1538
1564
  .e-filemanager .e-grid .e-empty-inner-content {
1539
1565
  color: rgba(var(--color-sf-on-surface-variant));
1540
1566
  }
@@ -1552,7 +1578,6 @@ ejs-filemanager {
1552
1578
  color: rgba(var(--color-sf-on-surface));
1553
1579
  }
1554
1580
  .e-filemanager .e-large-icons .e-empty-inner-content {
1555
- color: var(--color-sf-on-surface-variant);
1556
1581
  color: rgba(var(--color-sf-on-surface-variant));
1557
1582
  }
1558
1583
  .e-filemanager .e-large-icons .e-large-icon {
@@ -1,3 +1,18 @@
1
1
 
2
2
 
3
- @import 'file-manager/material3-dark.scss';
3
+
4
+ @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
5
+ @import 'ej2-inputs/styles/textbox/material3-dark-definition.scss';
6
+ @import 'ej2-inputs/styles/uploader/material3-dark-definition.scss';
7
+ @import 'ej2-popups/styles/dialog/material3-dark-definition.scss';
8
+ @import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
9
+ @import 'ej2-buttons/styles/check-box/material3-dark-definition.scss';
10
+ @import 'ej2-splitbuttons/styles/drop-down-button/material3-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/context-menu/material3-dark-definition.scss';
12
+ @import 'ej2-navigations/styles/treeview/material3-dark-definition.scss';
13
+ @import 'ej2-navigations/styles/toolbar/material3-dark-definition.scss';
14
+ @import 'ej2-layouts/styles/splitter/material3-dark-definition.scss';
15
+ @import 'ej2-grids/styles/grid/material3-dark-definition.scss';
16
+ @import 'file-manager/material3-dark-definition.scss';
17
+ @import 'file-manager/icons/material3-dark.scss';
18
+ @import 'file-manager/all.scss';