@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
@@ -358,7 +358,6 @@ ejs-filemanager {
358
358
  margin: 5px;
359
359
  margin-right: 4px;
360
360
  padding: 3px;
361
- padding: 5px;
362
361
  position: absolute;
363
362
  z-index: 1;
364
363
  }
@@ -617,6 +616,10 @@ ejs-filemanager {
617
616
  position: relative;
618
617
  vertical-align: bottom;
619
618
  }
619
+ .e-filemanager .e-large-icons .image-blur {
620
+ -webkit-filter: blur(8px);
621
+ filter: blur(8px);
622
+ }
620
623
  .e-filemanager .e-large-icons .e-list-text {
621
624
  overflow: hidden;
622
625
  text-overflow: ellipsis;
@@ -787,6 +790,17 @@ ejs-filemanager {
787
790
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
788
791
  visibility: visible;
789
792
  }
793
+ .e-filemanager .e-fm-view-container {
794
+ display: -webkit-box;
795
+ display: -ms-flexbox;
796
+ display: flex;
797
+ width: 100%;
798
+ -webkit-box-orient: vertical;
799
+ -webkit-box-direction: normal;
800
+ -ms-flex-direction: column;
801
+ flex-direction: column;
802
+ height: 100%;
803
+ }
790
804
 
791
805
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
792
806
  .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,
@@ -902,6 +916,41 @@ ejs-filemanager {
902
916
  width: 100%;
903
917
  }
904
918
 
919
+ .e-filemanager-dialog {
920
+ z-index: 1005;
921
+ display: -webkit-box;
922
+ display: -ms-flexbox;
923
+ display: flex;
924
+ position: absolute;
925
+ }
926
+
927
+ .e-image-wrap-style {
928
+ height: 100%;
929
+ }
930
+
931
+ .e-fe-popup.e-dialog td.e-permission-content {
932
+ white-space: unset;
933
+ }
934
+
935
+ .e-large-icon-visible {
936
+ visibility: visible;
937
+ }
938
+
939
+ .e-large-icon-hidden {
940
+ visibility: hidden;
941
+ }
942
+
943
+ .e-filemanager .e-empty-state-container {
944
+ display: -webkit-box;
945
+ display: -ms-flexbox;
946
+ display: flex;
947
+ height: 100%;
948
+ }
949
+
950
+ .e-filemanager .e-empty.e-view-container {
951
+ margin: auto;
952
+ }
953
+
905
954
  .e-filemanager {
906
955
  background: transparent;
907
956
  border-color: #e5e7eb;
@@ -654,6 +654,10 @@ ejs-filemanager {
654
654
  position: relative;
655
655
  vertical-align: bottom;
656
656
  }
657
+ .e-filemanager .e-large-icons .image-blur {
658
+ -webkit-filter: blur(8px);
659
+ filter: blur(8px);
660
+ }
657
661
  .e-filemanager .e-large-icons .e-list-text {
658
662
  overflow: hidden;
659
663
  text-overflow: ellipsis;
@@ -814,6 +818,17 @@ ejs-filemanager {
814
818
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
815
819
  visibility: visible;
816
820
  }
821
+ .e-filemanager .e-fm-view-container {
822
+ display: -webkit-box;
823
+ display: -ms-flexbox;
824
+ display: flex;
825
+ width: 100%;
826
+ -webkit-box-orient: vertical;
827
+ -webkit-box-direction: normal;
828
+ -ms-flex-direction: column;
829
+ flex-direction: column;
830
+ height: 100%;
831
+ }
817
832
 
818
833
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
819
834
  .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,
@@ -920,6 +935,41 @@ ejs-filemanager {
920
935
  width: 100%;
921
936
  }
922
937
 
938
+ .e-filemanager-dialog {
939
+ z-index: 1005;
940
+ display: -webkit-box;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ position: absolute;
944
+ }
945
+
946
+ .e-image-wrap-style {
947
+ height: 100%;
948
+ }
949
+
950
+ .e-fe-popup.e-dialog td.e-permission-content {
951
+ white-space: unset;
952
+ }
953
+
954
+ .e-large-icon-visible {
955
+ visibility: visible;
956
+ }
957
+
958
+ .e-large-icon-hidden {
959
+ visibility: hidden;
960
+ }
961
+
962
+ .e-filemanager .e-empty-state-container {
963
+ display: -webkit-box;
964
+ display: -ms-flexbox;
965
+ display: flex;
966
+ height: 100%;
967
+ }
968
+
969
+ .e-filemanager .e-empty.e-view-container {
970
+ margin: auto;
971
+ }
972
+
923
973
  .e-filemanager {
924
974
  background: transparent;
925
975
  border-color: var(--color-sf-border);
@@ -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;
@@ -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;
@@ -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: #edebe9;
package/styles/fluent.css CHANGED
@@ -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: #edebe9;
@@ -838,6 +838,10 @@ ejs-filemanager {
838
838
  position: relative;
839
839
  vertical-align: bottom;
840
840
  }
841
+ .e-filemanager .e-large-icons .image-blur {
842
+ -webkit-filter: blur(8px);
843
+ filter: blur(8px);
844
+ }
841
845
  .e-filemanager .e-large-icons .e-list-text {
842
846
  overflow: hidden;
843
847
  text-overflow: ellipsis;
@@ -1019,6 +1023,17 @@ ejs-filemanager {
1019
1023
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
1020
1024
  visibility: visible;
1021
1025
  }
1026
+ .e-filemanager .e-fm-view-container {
1027
+ display: -webkit-box;
1028
+ display: -ms-flexbox;
1029
+ display: flex;
1030
+ width: 100%;
1031
+ -webkit-box-orient: vertical;
1032
+ -webkit-box-direction: normal;
1033
+ -ms-flex-direction: column;
1034
+ flex-direction: column;
1035
+ height: 100%;
1036
+ }
1022
1037
 
1023
1038
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1024
1039
  .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,
@@ -1125,6 +1140,41 @@ ejs-filemanager {
1125
1140
  width: 100%;
1126
1141
  }
1127
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
+
1128
1178
  .e-filemanager {
1129
1179
  background: var(--color-sf-content-bg-color-alt1);
1130
1180
  border-color: var(--color-sf-border-light);
@@ -838,6 +838,10 @@ ejs-filemanager {
838
838
  position: relative;
839
839
  vertical-align: bottom;
840
840
  }
841
+ .e-filemanager .e-large-icons .image-blur {
842
+ -webkit-filter: blur(8px);
843
+ filter: blur(8px);
844
+ }
841
845
  .e-filemanager .e-large-icons .e-list-text {
842
846
  overflow: hidden;
843
847
  text-overflow: ellipsis;
@@ -1019,6 +1023,17 @@ ejs-filemanager {
1019
1023
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
1020
1024
  visibility: visible;
1021
1025
  }
1026
+ .e-filemanager .e-fm-view-container {
1027
+ display: -webkit-box;
1028
+ display: -ms-flexbox;
1029
+ display: flex;
1030
+ width: 100%;
1031
+ -webkit-box-orient: vertical;
1032
+ -webkit-box-direction: normal;
1033
+ -ms-flex-direction: column;
1034
+ flex-direction: column;
1035
+ height: 100%;
1036
+ }
1022
1037
 
1023
1038
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1024
1039
  .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,
@@ -1125,6 +1140,41 @@ ejs-filemanager {
1125
1140
  width: 100%;
1126
1141
  }
1127
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
+
1128
1178
  .e-filemanager {
1129
1179
  background: var(--color-sf-content-bg-color-alt1);
1130
1180
  border-color: var(--color-sf-border-light);
@@ -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: transparent;
898
948
  border-color: #e0e0e0;
@@ -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: transparent;
898
948
  border-color: #e0e0e0;