@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
@@ -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;
@@ -784,6 +788,17 @@ ejs-filemanager {
784
788
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
785
789
  visibility: visible;
786
790
  }
791
+ .e-filemanager .e-fm-view-container {
792
+ display: -webkit-box;
793
+ display: -ms-flexbox;
794
+ display: flex;
795
+ width: 100%;
796
+ -webkit-box-orient: vertical;
797
+ -webkit-box-direction: normal;
798
+ -ms-flex-direction: column;
799
+ flex-direction: column;
800
+ height: 100%;
801
+ }
787
802
 
788
803
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
789
804
  .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,
@@ -890,6 +905,41 @@ ejs-filemanager {
890
905
  width: 100%;
891
906
  }
892
907
 
908
+ .e-filemanager-dialog {
909
+ z-index: 1005;
910
+ display: -webkit-box;
911
+ display: -ms-flexbox;
912
+ display: flex;
913
+ position: absolute;
914
+ }
915
+
916
+ .e-image-wrap-style {
917
+ height: 100%;
918
+ }
919
+
920
+ .e-fe-popup.e-dialog td.e-permission-content {
921
+ white-space: unset;
922
+ }
923
+
924
+ .e-large-icon-visible {
925
+ visibility: visible;
926
+ }
927
+
928
+ .e-large-icon-hidden {
929
+ visibility: hidden;
930
+ }
931
+
932
+ .e-filemanager .e-empty-state-container {
933
+ display: -webkit-box;
934
+ display: -ms-flexbox;
935
+ display: flex;
936
+ height: 100%;
937
+ }
938
+
939
+ .e-filemanager .e-empty.e-view-container {
940
+ margin: auto;
941
+ }
942
+
893
943
  .e-filemanager {
894
944
  background: #000;
895
945
  border-color: #969696;
@@ -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;
@@ -784,6 +788,17 @@ ejs-filemanager {
784
788
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
785
789
  visibility: visible;
786
790
  }
791
+ .e-filemanager .e-fm-view-container {
792
+ display: -webkit-box;
793
+ display: -ms-flexbox;
794
+ display: flex;
795
+ width: 100%;
796
+ -webkit-box-orient: vertical;
797
+ -webkit-box-direction: normal;
798
+ -ms-flex-direction: column;
799
+ flex-direction: column;
800
+ height: 100%;
801
+ }
787
802
 
788
803
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
789
804
  .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,
@@ -890,6 +905,41 @@ ejs-filemanager {
890
905
  width: 100%;
891
906
  }
892
907
 
908
+ .e-filemanager-dialog {
909
+ z-index: 1005;
910
+ display: -webkit-box;
911
+ display: -ms-flexbox;
912
+ display: flex;
913
+ position: absolute;
914
+ }
915
+
916
+ .e-image-wrap-style {
917
+ height: 100%;
918
+ }
919
+
920
+ .e-fe-popup.e-dialog td.e-permission-content {
921
+ white-space: unset;
922
+ }
923
+
924
+ .e-large-icon-visible {
925
+ visibility: visible;
926
+ }
927
+
928
+ .e-large-icon-hidden {
929
+ visibility: hidden;
930
+ }
931
+
932
+ .e-filemanager .e-empty-state-container {
933
+ display: -webkit-box;
934
+ display: -ms-flexbox;
935
+ display: flex;
936
+ height: 100%;
937
+ }
938
+
939
+ .e-filemanager .e-empty.e-view-container {
940
+ margin: auto;
941
+ }
942
+
893
943
  .e-filemanager {
894
944
  background: #000;
895
945
  border-color: #969696;
@@ -656,6 +656,10 @@ ejs-filemanager {
656
656
  position: relative;
657
657
  vertical-align: bottom;
658
658
  }
659
+ .e-filemanager .e-large-icons .image-blur {
660
+ -webkit-filter: blur(8px);
661
+ filter: blur(8px);
662
+ }
659
663
  .e-filemanager .e-large-icons .e-list-text {
660
664
  overflow: hidden;
661
665
  text-overflow: ellipsis;
@@ -826,6 +830,17 @@ ejs-filemanager {
826
830
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
827
831
  visibility: visible;
828
832
  }
833
+ .e-filemanager .e-fm-view-container {
834
+ display: -webkit-box;
835
+ display: -ms-flexbox;
836
+ display: flex;
837
+ width: 100%;
838
+ -webkit-box-orient: vertical;
839
+ -webkit-box-direction: normal;
840
+ -ms-flex-direction: column;
841
+ flex-direction: column;
842
+ height: 100%;
843
+ }
829
844
 
830
845
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
831
846
  .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,
@@ -932,6 +947,41 @@ ejs-filemanager {
932
947
  width: 100%;
933
948
  }
934
949
 
950
+ .e-filemanager-dialog {
951
+ z-index: 1005;
952
+ display: -webkit-box;
953
+ display: -ms-flexbox;
954
+ display: flex;
955
+ position: absolute;
956
+ }
957
+
958
+ .e-image-wrap-style {
959
+ height: 100%;
960
+ }
961
+
962
+ .e-fe-popup.e-dialog td.e-permission-content {
963
+ white-space: unset;
964
+ }
965
+
966
+ .e-large-icon-visible {
967
+ visibility: visible;
968
+ }
969
+
970
+ .e-large-icon-hidden {
971
+ visibility: hidden;
972
+ }
973
+
974
+ .e-filemanager .e-empty-state-container {
975
+ display: -webkit-box;
976
+ display: -ms-flexbox;
977
+ display: flex;
978
+ height: 100%;
979
+ }
980
+
981
+ .e-filemanager .e-empty.e-view-container {
982
+ margin: auto;
983
+ }
984
+
935
985
  .e-filemanager {
936
986
  background: #303030;
937
987
  border-color: #616161;
@@ -656,6 +656,10 @@ ejs-filemanager {
656
656
  position: relative;
657
657
  vertical-align: bottom;
658
658
  }
659
+ .e-filemanager .e-large-icons .image-blur {
660
+ -webkit-filter: blur(8px);
661
+ filter: blur(8px);
662
+ }
659
663
  .e-filemanager .e-large-icons .e-list-text {
660
664
  overflow: hidden;
661
665
  text-overflow: ellipsis;
@@ -826,6 +830,17 @@ ejs-filemanager {
826
830
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
827
831
  visibility: visible;
828
832
  }
833
+ .e-filemanager .e-fm-view-container {
834
+ display: -webkit-box;
835
+ display: -ms-flexbox;
836
+ display: flex;
837
+ width: 100%;
838
+ -webkit-box-orient: vertical;
839
+ -webkit-box-direction: normal;
840
+ -ms-flex-direction: column;
841
+ flex-direction: column;
842
+ height: 100%;
843
+ }
829
844
 
830
845
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
831
846
  .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,
@@ -932,6 +947,41 @@ ejs-filemanager {
932
947
  width: 100%;
933
948
  }
934
949
 
950
+ .e-filemanager-dialog {
951
+ z-index: 1005;
952
+ display: -webkit-box;
953
+ display: -ms-flexbox;
954
+ display: flex;
955
+ position: absolute;
956
+ }
957
+
958
+ .e-image-wrap-style {
959
+ height: 100%;
960
+ }
961
+
962
+ .e-fe-popup.e-dialog td.e-permission-content {
963
+ white-space: unset;
964
+ }
965
+
966
+ .e-large-icon-visible {
967
+ visibility: visible;
968
+ }
969
+
970
+ .e-large-icon-hidden {
971
+ visibility: hidden;
972
+ }
973
+
974
+ .e-filemanager .e-empty-state-container {
975
+ display: -webkit-box;
976
+ display: -ms-flexbox;
977
+ display: flex;
978
+ height: 100%;
979
+ }
980
+
981
+ .e-filemanager .e-empty.e-view-container {
982
+ margin: auto;
983
+ }
984
+
935
985
  .e-filemanager {
936
986
  background: #303030;
937
987
  border-color: #616161;
@@ -676,6 +676,10 @@ ejs-filemanager {
676
676
  position: relative;
677
677
  vertical-align: bottom;
678
678
  }
679
+ .e-filemanager .e-large-icons .image-blur {
680
+ -webkit-filter: blur(8px);
681
+ filter: blur(8px);
682
+ }
679
683
  .e-filemanager .e-large-icons .e-list-text {
680
684
  overflow: hidden;
681
685
  text-overflow: ellipsis;
@@ -846,6 +850,17 @@ ejs-filemanager {
846
850
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
847
851
  visibility: visible;
848
852
  }
853
+ .e-filemanager .e-fm-view-container {
854
+ display: -webkit-box;
855
+ display: -ms-flexbox;
856
+ display: flex;
857
+ width: 100%;
858
+ -webkit-box-orient: vertical;
859
+ -webkit-box-direction: normal;
860
+ -ms-flex-direction: column;
861
+ flex-direction: column;
862
+ height: 100%;
863
+ }
849
864
 
850
865
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
851
866
  .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,
@@ -952,6 +967,41 @@ ejs-filemanager {
952
967
  width: 100%;
953
968
  }
954
969
 
970
+ .e-filemanager-dialog {
971
+ z-index: 1005;
972
+ display: -webkit-box;
973
+ display: -ms-flexbox;
974
+ display: flex;
975
+ position: absolute;
976
+ }
977
+
978
+ .e-image-wrap-style {
979
+ height: 100%;
980
+ }
981
+
982
+ .e-fe-popup.e-dialog td.e-permission-content {
983
+ white-space: unset;
984
+ }
985
+
986
+ .e-large-icon-visible {
987
+ visibility: visible;
988
+ }
989
+
990
+ .e-large-icon-hidden {
991
+ visibility: hidden;
992
+ }
993
+
994
+ .e-filemanager .e-empty-state-container {
995
+ display: -webkit-box;
996
+ display: -ms-flexbox;
997
+ display: flex;
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-filemanager .e-empty.e-view-container {
1002
+ margin: auto;
1003
+ }
1004
+
955
1005
  .e-filemanager {
956
1006
  background: transparent;
957
1007
  border-color: #e0e0e0;
@@ -676,6 +676,10 @@ ejs-filemanager {
676
676
  position: relative;
677
677
  vertical-align: bottom;
678
678
  }
679
+ .e-filemanager .e-large-icons .image-blur {
680
+ -webkit-filter: blur(8px);
681
+ filter: blur(8px);
682
+ }
679
683
  .e-filemanager .e-large-icons .e-list-text {
680
684
  overflow: hidden;
681
685
  text-overflow: ellipsis;
@@ -846,6 +850,17 @@ ejs-filemanager {
846
850
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
847
851
  visibility: visible;
848
852
  }
853
+ .e-filemanager .e-fm-view-container {
854
+ display: -webkit-box;
855
+ display: -ms-flexbox;
856
+ display: flex;
857
+ width: 100%;
858
+ -webkit-box-orient: vertical;
859
+ -webkit-box-direction: normal;
860
+ -ms-flex-direction: column;
861
+ flex-direction: column;
862
+ height: 100%;
863
+ }
849
864
 
850
865
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
851
866
  .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,
@@ -952,6 +967,41 @@ ejs-filemanager {
952
967
  width: 100%;
953
968
  }
954
969
 
970
+ .e-filemanager-dialog {
971
+ z-index: 1005;
972
+ display: -webkit-box;
973
+ display: -ms-flexbox;
974
+ display: flex;
975
+ position: absolute;
976
+ }
977
+
978
+ .e-image-wrap-style {
979
+ height: 100%;
980
+ }
981
+
982
+ .e-fe-popup.e-dialog td.e-permission-content {
983
+ white-space: unset;
984
+ }
985
+
986
+ .e-large-icon-visible {
987
+ visibility: visible;
988
+ }
989
+
990
+ .e-large-icon-hidden {
991
+ visibility: hidden;
992
+ }
993
+
994
+ .e-filemanager .e-empty-state-container {
995
+ display: -webkit-box;
996
+ display: -ms-flexbox;
997
+ display: flex;
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-filemanager .e-empty.e-view-container {
1002
+ margin: auto;
1003
+ }
1004
+
955
1005
  .e-filemanager {
956
1006
  background: transparent;
957
1007
  border-color: #e0e0e0;
@@ -676,6 +676,10 @@ ejs-filemanager {
676
676
  position: relative;
677
677
  vertical-align: bottom;
678
678
  }
679
+ .e-filemanager .e-large-icons .image-blur {
680
+ -webkit-filter: blur(8px);
681
+ filter: blur(8px);
682
+ }
679
683
  .e-filemanager .e-large-icons .e-list-text {
680
684
  overflow: hidden;
681
685
  text-overflow: ellipsis;
@@ -837,6 +841,17 @@ ejs-filemanager {
837
841
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
838
842
  visibility: visible;
839
843
  }
844
+ .e-filemanager .e-fm-view-container {
845
+ display: -webkit-box;
846
+ display: -ms-flexbox;
847
+ display: flex;
848
+ width: 100%;
849
+ -webkit-box-orient: vertical;
850
+ -webkit-box-direction: normal;
851
+ -ms-flex-direction: column;
852
+ flex-direction: column;
853
+ height: 100%;
854
+ }
840
855
 
841
856
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
842
857
  .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,
@@ -943,6 +958,41 @@ ejs-filemanager {
943
958
  width: 100%;
944
959
  }
945
960
 
961
+ .e-filemanager-dialog {
962
+ z-index: 1005;
963
+ display: -webkit-box;
964
+ display: -ms-flexbox;
965
+ display: flex;
966
+ position: absolute;
967
+ }
968
+
969
+ .e-image-wrap-style {
970
+ height: 100%;
971
+ }
972
+
973
+ .e-fe-popup.e-dialog td.e-permission-content {
974
+ white-space: unset;
975
+ }
976
+
977
+ .e-large-icon-visible {
978
+ visibility: visible;
979
+ }
980
+
981
+ .e-large-icon-hidden {
982
+ visibility: hidden;
983
+ }
984
+
985
+ .e-filemanager .e-empty-state-container {
986
+ display: -webkit-box;
987
+ display: -ms-flexbox;
988
+ display: flex;
989
+ height: 100%;
990
+ }
991
+
992
+ .e-filemanager .e-empty.e-view-container {
993
+ margin: auto;
994
+ }
995
+
946
996
  .e-filemanager {
947
997
  background: transparent;
948
998
  border-color: rgba(var(--color-sf-outline-variant));
@@ -676,6 +676,10 @@ ejs-filemanager {
676
676
  position: relative;
677
677
  vertical-align: bottom;
678
678
  }
679
+ .e-filemanager .e-large-icons .image-blur {
680
+ -webkit-filter: blur(8px);
681
+ filter: blur(8px);
682
+ }
679
683
  .e-filemanager .e-large-icons .e-list-text {
680
684
  overflow: hidden;
681
685
  text-overflow: ellipsis;
@@ -837,6 +841,17 @@ ejs-filemanager {
837
841
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
838
842
  visibility: visible;
839
843
  }
844
+ .e-filemanager .e-fm-view-container {
845
+ display: -webkit-box;
846
+ display: -ms-flexbox;
847
+ display: flex;
848
+ width: 100%;
849
+ -webkit-box-orient: vertical;
850
+ -webkit-box-direction: normal;
851
+ -ms-flex-direction: column;
852
+ flex-direction: column;
853
+ height: 100%;
854
+ }
840
855
 
841
856
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
842
857
  .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,
@@ -943,6 +958,41 @@ ejs-filemanager {
943
958
  width: 100%;
944
959
  }
945
960
 
961
+ .e-filemanager-dialog {
962
+ z-index: 1005;
963
+ display: -webkit-box;
964
+ display: -ms-flexbox;
965
+ display: flex;
966
+ position: absolute;
967
+ }
968
+
969
+ .e-image-wrap-style {
970
+ height: 100%;
971
+ }
972
+
973
+ .e-fe-popup.e-dialog td.e-permission-content {
974
+ white-space: unset;
975
+ }
976
+
977
+ .e-large-icon-visible {
978
+ visibility: visible;
979
+ }
980
+
981
+ .e-large-icon-hidden {
982
+ visibility: hidden;
983
+ }
984
+
985
+ .e-filemanager .e-empty-state-container {
986
+ display: -webkit-box;
987
+ display: -ms-flexbox;
988
+ display: flex;
989
+ height: 100%;
990
+ }
991
+
992
+ .e-filemanager .e-empty.e-view-container {
993
+ margin: auto;
994
+ }
995
+
946
996
  .e-filemanager {
947
997
  background: transparent;
948
998
  border-color: rgba(var(--color-sf-outline-variant));
@@ -1441,7 +1491,7 @@ ejs-filemanager {
1441
1491
  .e-bigger .e-filemanager .e-address .e-fe-search,
1442
1492
  .e-filemanager.e-bigger .e-address .e-fe-search {
1443
1493
  margin: 0;
1444
- padding: 10px 18px 10px 10px;
1494
+ padding: 9px 18px 10px 10px;
1445
1495
  }
1446
1496
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1447
1497
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
@@ -1603,7 +1653,7 @@ ejs-filemanager {
1603
1653
  }
1604
1654
  .e-bigger .e-filemanager.e-rtl .e-address .e-fe-search,
1605
1655
  .e-filemanager.e-bigger.e-rtl .e-address .e-fe-search {
1606
- padding: 10px 10px 10px 18px;
1656
+ padding: 10px 10px 9px 18px;
1607
1657
  }
1608
1658
  .e-bigger .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-checkbox,
1609
1659
  .e-bigger .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-checkbox,
@@ -678,6 +678,10 @@ ejs-filemanager {
678
678
  position: relative;
679
679
  vertical-align: bottom;
680
680
  }
681
+ .e-filemanager .e-large-icons .image-blur {
682
+ -webkit-filter: blur(8px);
683
+ filter: blur(8px);
684
+ }
681
685
  .e-filemanager .e-large-icons .e-list-text {
682
686
  overflow: hidden;
683
687
  text-overflow: ellipsis;
@@ -839,6 +843,17 @@ ejs-filemanager {
839
843
  .e-filemanager .e-upload-drag-hover .e-fe-overlay {
840
844
  visibility: visible;
841
845
  }
846
+ .e-filemanager .e-fm-view-container {
847
+ display: -webkit-box;
848
+ display: -ms-flexbox;
849
+ display: flex;
850
+ width: 100%;
851
+ -webkit-box-orient: vertical;
852
+ -webkit-box-direction: normal;
853
+ -ms-flex-direction: column;
854
+ flex-direction: column;
855
+ height: 100%;
856
+ }
842
857
 
843
858
  .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
844
859
  .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,
@@ -945,6 +960,41 @@ ejs-filemanager {
945
960
  width: 100%;
946
961
  }
947
962
 
963
+ .e-filemanager-dialog {
964
+ z-index: 1005;
965
+ display: -webkit-box;
966
+ display: -ms-flexbox;
967
+ display: flex;
968
+ position: absolute;
969
+ }
970
+
971
+ .e-image-wrap-style {
972
+ height: 100%;
973
+ }
974
+
975
+ .e-fe-popup.e-dialog td.e-permission-content {
976
+ white-space: unset;
977
+ }
978
+
979
+ .e-large-icon-visible {
980
+ visibility: visible;
981
+ }
982
+
983
+ .e-large-icon-hidden {
984
+ visibility: hidden;
985
+ }
986
+
987
+ .e-filemanager .e-empty-state-container {
988
+ display: -webkit-box;
989
+ display: -ms-flexbox;
990
+ display: flex;
991
+ height: 100%;
992
+ }
993
+
994
+ .e-filemanager .e-empty.e-view-container {
995
+ margin: auto;
996
+ }
997
+
948
998
  .e-filemanager {
949
999
  background: transparent;
950
1000
  border-color: rgba(var(--color-sf-outline-variant));