@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
package/styles/bds.css CHANGED
@@ -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: #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: 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;
@@ -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);
@@ -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);