@syncfusion/ej2-filemanager 29.2.10 → 30.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/.eslintrc.json +2 -0
  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 +186 -21
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +186 -20
  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 +11 -11
  13. package/src/file-manager/base/interface.d.ts +10 -0
  14. package/src/file-manager/common/operations.d.ts +18 -1
  15. package/src/file-manager/common/operations.js +59 -0
  16. package/src/file-manager/common/utility.d.ts +3 -3
  17. package/src/file-manager/common/utility.js +23 -6
  18. package/src/file-manager/layout/details-view.js +4 -3
  19. package/src/file-manager/layout/large-icons-view.d.ts +3 -0
  20. package/src/file-manager/layout/large-icons-view.js +67 -9
  21. package/src/file-manager/layout/navigation-pane.js +3 -0
  22. package/src/file-manager/pop-up/dialog.d.ts +3 -3
  23. package/src/file-manager/pop-up/dialog.js +34 -6
  24. package/styles/bds-lite.css +50 -1
  25. package/styles/bds.css +50 -1
  26. package/styles/bootstrap-dark-lite.css +50 -0
  27. package/styles/bootstrap-dark.css +50 -0
  28. package/styles/bootstrap-lite.css +50 -0
  29. package/styles/bootstrap.css +50 -0
  30. package/styles/bootstrap4-lite.css +50 -0
  31. package/styles/bootstrap4.css +50 -0
  32. package/styles/bootstrap5-dark-lite.css +50 -1
  33. package/styles/bootstrap5-dark.css +50 -1
  34. package/styles/bootstrap5-lite.css +50 -1
  35. package/styles/bootstrap5.3-lite.css +50 -0
  36. package/styles/bootstrap5.3.css +50 -0
  37. package/styles/bootstrap5.css +50 -1
  38. package/styles/fabric-dark-lite.css +50 -0
  39. package/styles/fabric-dark.css +50 -0
  40. package/styles/fabric-lite.css +50 -0
  41. package/styles/fabric.css +50 -0
  42. package/styles/file-manager/_bds-definition.scss +1 -0
  43. package/styles/file-manager/_bootstrap5-definition.scss +1 -0
  44. package/styles/file-manager/_layout.scss +46 -4
  45. package/styles/file-manager/_material3-definition.scss +2 -2
  46. package/styles/file-manager/_tailwind-definition.scss +1 -0
  47. package/styles/file-manager/_tailwind3-definition.scss +1 -0
  48. package/styles/file-manager/bds.css +50 -1
  49. package/styles/file-manager/bootstrap-dark.css +50 -0
  50. package/styles/file-manager/bootstrap.css +50 -0
  51. package/styles/file-manager/bootstrap4.css +50 -0
  52. package/styles/file-manager/bootstrap5-dark.css +50 -1
  53. package/styles/file-manager/bootstrap5.3.css +50 -0
  54. package/styles/file-manager/bootstrap5.css +50 -1
  55. package/styles/file-manager/fabric-dark.css +50 -0
  56. package/styles/file-manager/fabric.css +50 -0
  57. package/styles/file-manager/fluent-dark.css +50 -0
  58. package/styles/file-manager/fluent.css +50 -0
  59. package/styles/file-manager/fluent2.css +50 -0
  60. package/styles/file-manager/highcontrast-light.css +50 -0
  61. package/styles/file-manager/highcontrast.css +50 -0
  62. package/styles/file-manager/material-dark.css +50 -0
  63. package/styles/file-manager/material.css +50 -0
  64. package/styles/file-manager/material3-dark.css +52 -2
  65. package/styles/file-manager/material3.css +52 -2
  66. package/styles/file-manager/tailwind-dark.css +50 -1
  67. package/styles/file-manager/tailwind.css +50 -1
  68. package/styles/file-manager/tailwind3.css +50 -0
  69. package/styles/fluent-dark-lite.css +50 -0
  70. package/styles/fluent-dark.css +50 -0
  71. package/styles/fluent-lite.css +50 -0
  72. package/styles/fluent.css +50 -0
  73. package/styles/fluent2-lite.css +50 -0
  74. package/styles/fluent2.css +50 -0
  75. package/styles/highcontrast-light-lite.css +50 -0
  76. package/styles/highcontrast-light.css +50 -0
  77. package/styles/highcontrast-lite.css +50 -0
  78. package/styles/highcontrast.css +50 -0
  79. package/styles/material-dark-lite.css +50 -0
  80. package/styles/material-dark.css +50 -0
  81. package/styles/material-lite.css +50 -0
  82. package/styles/material.css +50 -0
  83. package/styles/material3-dark-lite.css +50 -0
  84. package/styles/material3-dark.css +52 -2
  85. package/styles/material3-lite.css +50 -0
  86. package/styles/material3.css +52 -2
  87. package/styles/tailwind-dark-lite.css +50 -1
  88. package/styles/tailwind-dark.css +50 -1
  89. package/styles/tailwind-lite.css +50 -1
  90. package/styles/tailwind.css +50 -1
  91. package/styles/tailwind3-lite.css +50 -0
  92. package/styles/tailwind3.css +50 -0
@@ -582,7 +582,6 @@ ejs-filemanager {
582
582
  margin: 5px;
583
583
  margin-right: 4px;
584
584
  padding: 3px;
585
- padding: 5px;
586
585
  position: absolute;
587
586
  z-index: 1;
588
587
  }
@@ -841,6 +840,10 @@ ejs-filemanager {
841
840
  position: relative;
842
841
  vertical-align: bottom;
843
842
  }
843
+ .e-filemanager .e-large-icons .image-blur {
844
+ -webkit-filter: blur(8px);
845
+ filter: blur(8px);
846
+ }
844
847
  .e-filemanager .e-large-icons .e-list-text {
845
848
  overflow: hidden;
846
849
  text-overflow: ellipsis;
@@ -1011,6 +1014,17 @@ ejs-filemanager {
1011
1014
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
1012
1015
  visibility: visible;
1013
1016
  }
1017
+ .e-filemanager .e-fm-view-container {
1018
+ display: -webkit-box;
1019
+ display: -ms-flexbox;
1020
+ display: flex;
1021
+ width: 100%;
1022
+ -webkit-box-orient: vertical;
1023
+ -webkit-box-direction: normal;
1024
+ -ms-flex-direction: column;
1025
+ flex-direction: column;
1026
+ height: 100%;
1027
+ }
1014
1028
 
1015
1029
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1016
1030
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -1126,6 +1140,41 @@ ejs-filemanager {
1126
1140
  width: 100%;
1127
1141
  }
1128
1142
 
1143
+ .e-filemanager-dialog {
1144
+ z-index: 1005;
1145
+ display: -webkit-box;
1146
+ display: -ms-flexbox;
1147
+ display: flex;
1148
+ position: absolute;
1149
+ }
1150
+
1151
+ .e-image-wrap-style {
1152
+ height: 100%;
1153
+ }
1154
+
1155
+ .e-fe-popup.e-dialog td.e-permission-content {
1156
+ white-space: unset;
1157
+ }
1158
+
1159
+ .e-large-icon-visible {
1160
+ visibility: visible;
1161
+ }
1162
+
1163
+ .e-large-icon-hidden {
1164
+ visibility: hidden;
1165
+ }
1166
+
1167
+ .e-filemanager .e-empty-state-container {
1168
+ display: -webkit-box;
1169
+ display: -ms-flexbox;
1170
+ display: flex;
1171
+ height: 100%;
1172
+ }
1173
+
1174
+ .e-filemanager .e-empty.e-view-container {
1175
+ margin: auto;
1176
+ }
1177
+
1129
1178
  .e-filemanager {
1130
1179
  background: transparent;
1131
1180
  border-color: var(--color-sf-border-secondary);
@@ -618,6 +618,10 @@ ejs-filemanager {
618
618
  position: relative;
619
619
  vertical-align: bottom;
620
620
  }
621
+ .e-filemanager .e-large-icons .image-blur {
622
+ -webkit-filter: blur(8px);
623
+ filter: blur(8px);
624
+ }
621
625
  .e-filemanager .e-large-icons .e-list-text {
622
626
  overflow: hidden;
623
627
  text-overflow: ellipsis;
@@ -789,6 +793,17 @@ ejs-filemanager {
789
793
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
790
794
  visibility: visible;
791
795
  }
796
+ .e-filemanager .e-fm-view-container {
797
+ display: -webkit-box;
798
+ display: -ms-flexbox;
799
+ display: flex;
800
+ width: 100%;
801
+ -webkit-box-orient: vertical;
802
+ -webkit-box-direction: normal;
803
+ -ms-flex-direction: column;
804
+ flex-direction: column;
805
+ height: 100%;
806
+ }
792
807
 
793
808
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
794
809
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -895,6 +910,41 @@ ejs-filemanager {
895
910
  width: 100%;
896
911
  }
897
912
 
913
+ .e-filemanager-dialog {
914
+ z-index: 1005;
915
+ display: -webkit-box;
916
+ display: -ms-flexbox;
917
+ display: flex;
918
+ position: absolute;
919
+ }
920
+
921
+ .e-image-wrap-style {
922
+ height: 100%;
923
+ }
924
+
925
+ .e-fe-popup.e-dialog td.e-permission-content {
926
+ white-space: unset;
927
+ }
928
+
929
+ .e-large-icon-visible {
930
+ visibility: visible;
931
+ }
932
+
933
+ .e-large-icon-hidden {
934
+ visibility: hidden;
935
+ }
936
+
937
+ .e-filemanager .e-empty-state-container {
938
+ display: -webkit-box;
939
+ display: -ms-flexbox;
940
+ display: flex;
941
+ height: 100%;
942
+ }
943
+
944
+ .e-filemanager .e-empty.e-view-container {
945
+ margin: auto;
946
+ }
947
+
898
948
  .e-filemanager {
899
949
  background: #1a1a1a;
900
950
  border-color: #505050;
@@ -618,6 +618,10 @@ ejs-filemanager {
618
618
  position: relative;
619
619
  vertical-align: bottom;
620
620
  }
621
+ .e-filemanager .e-large-icons .image-blur {
622
+ -webkit-filter: blur(8px);
623
+ filter: blur(8px);
624
+ }
621
625
  .e-filemanager .e-large-icons .e-list-text {
622
626
  overflow: hidden;
623
627
  text-overflow: ellipsis;
@@ -789,6 +793,17 @@ ejs-filemanager {
789
793
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
790
794
  visibility: visible;
791
795
  }
796
+ .e-filemanager .e-fm-view-container {
797
+ display: -webkit-box;
798
+ display: -ms-flexbox;
799
+ display: flex;
800
+ width: 100%;
801
+ -webkit-box-orient: vertical;
802
+ -webkit-box-direction: normal;
803
+ -ms-flex-direction: column;
804
+ flex-direction: column;
805
+ height: 100%;
806
+ }
792
807
 
793
808
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
794
809
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -895,6 +910,41 @@ ejs-filemanager {
895
910
  width: 100%;
896
911
  }
897
912
 
913
+ .e-filemanager-dialog {
914
+ z-index: 1005;
915
+ display: -webkit-box;
916
+ display: -ms-flexbox;
917
+ display: flex;
918
+ position: absolute;
919
+ }
920
+
921
+ .e-image-wrap-style {
922
+ height: 100%;
923
+ }
924
+
925
+ .e-fe-popup.e-dialog td.e-permission-content {
926
+ white-space: unset;
927
+ }
928
+
929
+ .e-large-icon-visible {
930
+ visibility: visible;
931
+ }
932
+
933
+ .e-large-icon-hidden {
934
+ visibility: hidden;
935
+ }
936
+
937
+ .e-filemanager .e-empty-state-container {
938
+ display: -webkit-box;
939
+ display: -ms-flexbox;
940
+ display: flex;
941
+ height: 100%;
942
+ }
943
+
944
+ .e-filemanager .e-empty.e-view-container {
945
+ margin: auto;
946
+ }
947
+
898
948
  .e-filemanager {
899
949
  background: transparent;
900
950
  border-color: #e0e0e0;
@@ -618,6 +618,10 @@ ejs-filemanager {
618
618
  position: relative;
619
619
  vertical-align: bottom;
620
620
  }
621
+ .e-filemanager .e-large-icons .image-blur {
622
+ -webkit-filter: blur(8px);
623
+ filter: blur(8px);
624
+ }
621
625
  .e-filemanager .e-large-icons .e-list-text {
622
626
  overflow: hidden;
623
627
  text-overflow: ellipsis;
@@ -789,6 +793,17 @@ ejs-filemanager {
789
793
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
790
794
  visibility: visible;
791
795
  }
796
+ .e-filemanager .e-fm-view-container {
797
+ display: -webkit-box;
798
+ display: -ms-flexbox;
799
+ display: flex;
800
+ width: 100%;
801
+ -webkit-box-orient: vertical;
802
+ -webkit-box-direction: normal;
803
+ -ms-flex-direction: column;
804
+ flex-direction: column;
805
+ height: 100%;
806
+ }
792
807
 
793
808
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
794
809
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -895,6 +910,41 @@ ejs-filemanager {
895
910
  width: 100%;
896
911
  }
897
912
 
913
+ .e-filemanager-dialog {
914
+ z-index: 1005;
915
+ display: -webkit-box;
916
+ display: -ms-flexbox;
917
+ display: flex;
918
+ position: absolute;
919
+ }
920
+
921
+ .e-image-wrap-style {
922
+ height: 100%;
923
+ }
924
+
925
+ .e-fe-popup.e-dialog td.e-permission-content {
926
+ white-space: unset;
927
+ }
928
+
929
+ .e-large-icon-visible {
930
+ visibility: visible;
931
+ }
932
+
933
+ .e-large-icon-hidden {
934
+ visibility: hidden;
935
+ }
936
+
937
+ .e-filemanager .e-empty-state-container {
938
+ display: -webkit-box;
939
+ display: -ms-flexbox;
940
+ display: flex;
941
+ height: 100%;
942
+ }
943
+
944
+ .e-filemanager .e-empty.e-view-container {
945
+ margin: auto;
946
+ }
947
+
898
948
  .e-filemanager {
899
949
  background: #fff;
900
950
  border-color: #dee2e6;
@@ -360,7 +360,6 @@ ejs-filemanager {
360
360
  margin: 5px;
361
361
  margin-right: 4px;
362
362
  padding: 3px;
363
- padding: 5px;
364
363
  position: absolute;
365
364
  z-index: 1;
366
365
  }
@@ -621,6 +620,10 @@ ejs-filemanager {
621
620
  position: relative;
622
621
  vertical-align: bottom;
623
622
  }
623
+ .e-filemanager .e-large-icons .image-blur {
624
+ -webkit-filter: blur(8px);
625
+ filter: blur(8px);
626
+ }
624
627
  .e-filemanager .e-large-icons .e-list-text {
625
628
  overflow: hidden;
626
629
  text-overflow: ellipsis;
@@ -783,6 +786,17 @@ ejs-filemanager {
783
786
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
784
787
  visibility: visible;
785
788
  }
789
+ .e-filemanager .e-fm-view-container {
790
+ display: -webkit-box;
791
+ display: -ms-flexbox;
792
+ display: flex;
793
+ width: 100%;
794
+ -webkit-box-orient: vertical;
795
+ -webkit-box-direction: normal;
796
+ -ms-flex-direction: column;
797
+ flex-direction: column;
798
+ height: 100%;
799
+ }
786
800
 
787
801
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
788
802
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -898,6 +912,41 @@ ejs-filemanager {
898
912
  width: 100%;
899
913
  }
900
914
 
915
+ .e-filemanager-dialog {
916
+ z-index: 1005;
917
+ display: -webkit-box;
918
+ display: -ms-flexbox;
919
+ display: flex;
920
+ position: absolute;
921
+ }
922
+
923
+ .e-image-wrap-style {
924
+ height: 100%;
925
+ }
926
+
927
+ .e-fe-popup.e-dialog td.e-permission-content {
928
+ white-space: unset;
929
+ }
930
+
931
+ .e-large-icon-visible {
932
+ visibility: visible;
933
+ }
934
+
935
+ .e-large-icon-hidden {
936
+ visibility: hidden;
937
+ }
938
+
939
+ .e-filemanager .e-empty-state-container {
940
+ display: -webkit-box;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ height: 100%;
944
+ }
945
+
946
+ .e-filemanager .e-empty.e-view-container {
947
+ margin: auto;
948
+ }
949
+
901
950
  .e-filemanager {
902
951
  background: transparent;
903
952
  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
@@ -620,6 +620,10 @@ ejs-filemanager {
620
620
  position: relative;
621
621
  vertical-align: bottom;
622
622
  }
623
+ .e-filemanager .e-large-icons .image-blur {
624
+ -webkit-filter: blur(8px);
625
+ filter: blur(8px);
626
+ }
623
627
  .e-filemanager .e-large-icons .e-list-text {
624
628
  overflow: hidden;
625
629
  text-overflow: ellipsis;
@@ -780,6 +784,17 @@ ejs-filemanager {
780
784
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
781
785
  visibility: visible;
782
786
  }
787
+ .e-filemanager .e-fm-view-container {
788
+ display: -webkit-box;
789
+ display: -ms-flexbox;
790
+ display: flex;
791
+ width: 100%;
792
+ -webkit-box-orient: vertical;
793
+ -webkit-box-direction: normal;
794
+ -ms-flex-direction: column;
795
+ flex-direction: column;
796
+ height: 100%;
797
+ }
783
798
 
784
799
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
785
800
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -886,6 +901,41 @@ ejs-filemanager {
886
901
  width: 100%;
887
902
  }
888
903
 
904
+ .e-filemanager-dialog {
905
+ z-index: 1005;
906
+ display: -webkit-box;
907
+ display: -ms-flexbox;
908
+ display: flex;
909
+ position: absolute;
910
+ }
911
+
912
+ .e-image-wrap-style {
913
+ height: 100%;
914
+ }
915
+
916
+ .e-fe-popup.e-dialog td.e-permission-content {
917
+ white-space: unset;
918
+ }
919
+
920
+ .e-large-icon-visible {
921
+ visibility: visible;
922
+ }
923
+
924
+ .e-large-icon-hidden {
925
+ visibility: hidden;
926
+ }
927
+
928
+ .e-filemanager .e-empty-state-container {
929
+ display: -webkit-box;
930
+ display: -ms-flexbox;
931
+ display: flex;
932
+ height: 100%;
933
+ }
934
+
935
+ .e-filemanager .e-empty.e-view-container {
936
+ margin: auto;
937
+ }
938
+
889
939
  .e-filemanager {
890
940
  background: transparent;
891
941
  border-color: var(--color-sf-border-light);
@@ -360,7 +360,6 @@ ejs-filemanager {
360
360
  margin: 5px;
361
361
  margin-right: 4px;
362
362
  padding: 3px;
363
- padding: 5px;
364
363
  position: absolute;
365
364
  z-index: 1;
366
365
  }
@@ -621,6 +620,10 @@ ejs-filemanager {
621
620
  position: relative;
622
621
  vertical-align: bottom;
623
622
  }
623
+ .e-filemanager .e-large-icons .image-blur {
624
+ -webkit-filter: blur(8px);
625
+ filter: blur(8px);
626
+ }
624
627
  .e-filemanager .e-large-icons .e-list-text {
625
628
  overflow: hidden;
626
629
  text-overflow: ellipsis;
@@ -783,6 +786,17 @@ ejs-filemanager {
783
786
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
784
787
  visibility: visible;
785
788
  }
789
+ .e-filemanager .e-fm-view-container {
790
+ display: -webkit-box;
791
+ display: -ms-flexbox;
792
+ display: flex;
793
+ width: 100%;
794
+ -webkit-box-orient: vertical;
795
+ -webkit-box-direction: normal;
796
+ -ms-flex-direction: column;
797
+ flex-direction: column;
798
+ height: 100%;
799
+ }
786
800
 
787
801
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
788
802
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -898,6 +912,41 @@ ejs-filemanager {
898
912
  width: 100%;
899
913
  }
900
914
 
915
+ .e-filemanager-dialog {
916
+ z-index: 1005;
917
+ display: -webkit-box;
918
+ display: -ms-flexbox;
919
+ display: flex;
920
+ position: absolute;
921
+ }
922
+
923
+ .e-image-wrap-style {
924
+ height: 100%;
925
+ }
926
+
927
+ .e-fe-popup.e-dialog td.e-permission-content {
928
+ white-space: unset;
929
+ }
930
+
931
+ .e-large-icon-visible {
932
+ visibility: visible;
933
+ }
934
+
935
+ .e-large-icon-hidden {
936
+ visibility: hidden;
937
+ }
938
+
939
+ .e-filemanager .e-empty-state-container {
940
+ display: -webkit-box;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ height: 100%;
944
+ }
945
+
946
+ .e-filemanager .e-empty.e-view-container {
947
+ margin: auto;
948
+ }
949
+
901
950
  .e-filemanager {
902
951
  background: transparent;
903
952
  border-color: #dee2e6;
@@ -617,6 +617,10 @@ ejs-filemanager {
617
617
  position: relative;
618
618
  vertical-align: bottom;
619
619
  }
620
+ .e-filemanager .e-large-icons .image-blur {
621
+ -webkit-filter: blur(8px);
622
+ filter: blur(8px);
623
+ }
620
624
  .e-filemanager .e-large-icons .e-list-text {
621
625
  overflow: hidden;
622
626
  text-overflow: ellipsis;
@@ -787,6 +791,17 @@ ejs-filemanager {
787
791
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
788
792
  visibility: visible;
789
793
  }
794
+ .e-filemanager .e-fm-view-container {
795
+ display: -webkit-box;
796
+ display: -ms-flexbox;
797
+ display: flex;
798
+ width: 100%;
799
+ -webkit-box-orient: vertical;
800
+ -webkit-box-direction: normal;
801
+ -ms-flex-direction: column;
802
+ flex-direction: column;
803
+ height: 100%;
804
+ }
790
805
 
791
806
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
792
807
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -893,6 +908,41 @@ ejs-filemanager {
893
908
  width: 100%;
894
909
  }
895
910
 
911
+ .e-filemanager-dialog {
912
+ z-index: 1005;
913
+ display: -webkit-box;
914
+ display: -ms-flexbox;
915
+ display: flex;
916
+ position: absolute;
917
+ }
918
+
919
+ .e-image-wrap-style {
920
+ height: 100%;
921
+ }
922
+
923
+ .e-fe-popup.e-dialog td.e-permission-content {
924
+ white-space: unset;
925
+ }
926
+
927
+ .e-large-icon-visible {
928
+ visibility: visible;
929
+ }
930
+
931
+ .e-large-icon-hidden {
932
+ visibility: hidden;
933
+ }
934
+
935
+ .e-filemanager .e-empty-state-container {
936
+ display: -webkit-box;
937
+ display: -ms-flexbox;
938
+ display: flex;
939
+ height: 100%;
940
+ }
941
+
942
+ .e-filemanager .e-empty.e-view-container {
943
+ margin: auto;
944
+ }
945
+
896
946
  .e-filemanager {
897
947
  background: #201f1f;
898
948
  border-color: #414040;
@@ -618,6 +618,10 @@ ejs-filemanager {
618
618
  position: relative;
619
619
  vertical-align: bottom;
620
620
  }
621
+ .e-filemanager .e-large-icons .image-blur {
622
+ -webkit-filter: blur(8px);
623
+ filter: blur(8px);
624
+ }
621
625
  .e-filemanager .e-large-icons .e-list-text {
622
626
  overflow: hidden;
623
627
  text-overflow: ellipsis;
@@ -788,6 +792,17 @@ ejs-filemanager {
788
792
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
789
793
  visibility: visible;
790
794
  }
795
+ .e-filemanager .e-fm-view-container {
796
+ display: -webkit-box;
797
+ display: -ms-flexbox;
798
+ display: flex;
799
+ width: 100%;
800
+ -webkit-box-orient: vertical;
801
+ -webkit-box-direction: normal;
802
+ -ms-flex-direction: column;
803
+ flex-direction: column;
804
+ height: 100%;
805
+ }
791
806
 
792
807
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
793
808
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -894,6 +909,41 @@ ejs-filemanager {
894
909
  width: 100%;
895
910
  }
896
911
 
912
+ .e-filemanager-dialog {
913
+ z-index: 1005;
914
+ display: -webkit-box;
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ position: absolute;
918
+ }
919
+
920
+ .e-image-wrap-style {
921
+ height: 100%;
922
+ }
923
+
924
+ .e-fe-popup.e-dialog td.e-permission-content {
925
+ white-space: unset;
926
+ }
927
+
928
+ .e-large-icon-visible {
929
+ visibility: visible;
930
+ }
931
+
932
+ .e-large-icon-hidden {
933
+ visibility: hidden;
934
+ }
935
+
936
+ .e-filemanager .e-empty-state-container {
937
+ display: -webkit-box;
938
+ display: -ms-flexbox;
939
+ display: flex;
940
+ height: 100%;
941
+ }
942
+
943
+ .e-filemanager .e-empty.e-view-container {
944
+ margin: auto;
945
+ }
946
+
897
947
  .e-filemanager {
898
948
  background: transparent;
899
949
  border-color: #e0e0e0;
@@ -614,6 +614,10 @@ ejs-filemanager {
614
614
  position: relative;
615
615
  vertical-align: bottom;
616
616
  }
617
+ .e-filemanager .e-large-icons .image-blur {
618
+ -webkit-filter: blur(8px);
619
+ filter: blur(8px);
620
+ }
617
621
  .e-filemanager .e-large-icons .e-list-text {
618
622
  overflow: hidden;
619
623
  text-overflow: ellipsis;
@@ -779,6 +783,17 @@ ejs-filemanager {
779
783
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
780
784
  visibility: visible;
781
785
  }
786
+ .e-filemanager .e-fm-view-container {
787
+ display: -webkit-box;
788
+ display: -ms-flexbox;
789
+ display: flex;
790
+ width: 100%;
791
+ -webkit-box-orient: vertical;
792
+ -webkit-box-direction: normal;
793
+ -ms-flex-direction: column;
794
+ flex-direction: column;
795
+ height: 100%;
796
+ }
782
797
 
783
798
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
784
799
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
@@ -894,6 +909,41 @@ ejs-filemanager {
894
909
  width: 100%;
895
910
  }
896
911
 
912
+ .e-filemanager-dialog {
913
+ z-index: 1005;
914
+ display: -webkit-box;
915
+ display: -ms-flexbox;
916
+ display: flex;
917
+ position: absolute;
918
+ }
919
+
920
+ .e-image-wrap-style {
921
+ height: 100%;
922
+ }
923
+
924
+ .e-fe-popup.e-dialog td.e-permission-content {
925
+ white-space: unset;
926
+ }
927
+
928
+ .e-large-icon-visible {
929
+ visibility: visible;
930
+ }
931
+
932
+ .e-large-icon-hidden {
933
+ visibility: hidden;
934
+ }
935
+
936
+ .e-filemanager .e-empty-state-container {
937
+ display: -webkit-box;
938
+ display: -ms-flexbox;
939
+ display: flex;
940
+ height: 100%;
941
+ }
942
+
943
+ .e-filemanager .e-empty.e-view-container {
944
+ margin: auto;
945
+ }
946
+
897
947
  .e-filemanager {
898
948
  background: transparent;
899
949
  border-color: #292827;