@syncfusion/ej2-filemanager 26.2.11 → 27.1.48

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 (156) hide show
  1. package/.eslintrc.json +2 -4
  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 +164 -20
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +165 -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 +16 -16
  13. package/src/file-manager/base/file-manager-model.d.ts +10 -1
  14. package/src/file-manager/base/file-manager.d.ts +25 -0
  15. package/src/file-manager/base/file-manager.js +145 -1
  16. package/src/file-manager/base/interface.d.ts +1 -0
  17. package/src/file-manager/common/operations.js +1 -0
  18. package/src/file-manager/layout/details-view.js +11 -2
  19. package/src/file-manager/layout/large-icons-view.d.ts +0 -1
  20. package/src/file-manager/layout/large-icons-view.js +5 -17
  21. package/src/file-manager/pop-up/context-menu.js +4 -1
  22. package/styles/bootstrap-dark-lite.css +1058 -0
  23. package/styles/bootstrap-dark-lite.scss +16 -0
  24. package/styles/bootstrap-dark.css +201 -161
  25. package/styles/bootstrap-dark.scss +1 -0
  26. package/styles/bootstrap-lite.css +1040 -0
  27. package/styles/bootstrap-lite.scss +16 -0
  28. package/styles/bootstrap.css +183 -143
  29. package/styles/bootstrap.scss +1 -0
  30. package/styles/bootstrap4-lite.css +1068 -0
  31. package/styles/bootstrap4-lite.scss +16 -0
  32. package/styles/bootstrap4.css +211 -171
  33. package/styles/bootstrap4.scss +1 -0
  34. package/styles/bootstrap5-dark-lite.css +1078 -0
  35. package/styles/bootstrap5-dark-lite.scss +16 -0
  36. package/styles/bootstrap5-dark.css +220 -186
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5-lite.css +1078 -0
  39. package/styles/bootstrap5-lite.scss +16 -0
  40. package/styles/bootstrap5.3-lite.css +1035 -0
  41. package/styles/bootstrap5.3-lite.scss +16 -0
  42. package/styles/bootstrap5.3.css +1603 -0
  43. package/styles/bootstrap5.3.scss +17 -0
  44. package/styles/bootstrap5.css +220 -186
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark-lite.css +1039 -0
  47. package/styles/fabric-dark-lite.scss +16 -0
  48. package/styles/fabric-dark.css +184 -144
  49. package/styles/fabric-dark.scss +1 -0
  50. package/styles/fabric-lite.css +1039 -0
  51. package/styles/fabric-lite.scss +16 -0
  52. package/styles/fabric.css +183 -143
  53. package/styles/fabric.scss +1 -0
  54. package/styles/file-manager/_bds-definition.scss +2 -0
  55. package/styles/file-manager/_bigger.scss +758 -0
  56. package/styles/file-manager/_bootstrap-dark-definition.scss +2 -0
  57. package/styles/file-manager/_bootstrap-definition.scss +2 -0
  58. package/styles/file-manager/_bootstrap4-definition.scss +2 -0
  59. package/styles/file-manager/_bootstrap5-definition.scss +2 -0
  60. package/styles/file-manager/_bootstrap5.3-definition.scss +22 -20
  61. package/styles/file-manager/_fabric-dark-definition.scss +2 -0
  62. package/styles/file-manager/_fabric-definition.scss +2 -0
  63. package/styles/file-manager/_fluent-definition.scss +2 -0
  64. package/styles/file-manager/_fluent2-definition.scss +15 -9
  65. package/styles/file-manager/_fusionnew-definition.scss +2 -0
  66. package/styles/file-manager/_highcontrast-definition.scss +2 -0
  67. package/styles/file-manager/_highcontrast-light-definition.scss +2 -0
  68. package/styles/file-manager/_layout.scss +45 -663
  69. package/styles/file-manager/_material-dark-definition.scss +2 -0
  70. package/styles/file-manager/_material-definition.scss +2 -0
  71. package/styles/file-manager/_material3-definition.scss +2 -0
  72. package/styles/file-manager/_tailwind-definition.scss +2 -0
  73. package/styles/file-manager/_theme.scss +38 -7
  74. package/styles/file-manager/bootstrap-dark.css +201 -161
  75. package/styles/file-manager/bootstrap-dark.scss +1 -0
  76. package/styles/file-manager/bootstrap.css +183 -143
  77. package/styles/file-manager/bootstrap.scss +1 -0
  78. package/styles/file-manager/bootstrap4.css +211 -171
  79. package/styles/file-manager/bootstrap4.scss +1 -0
  80. package/styles/file-manager/bootstrap5-dark.css +220 -186
  81. package/styles/file-manager/bootstrap5-dark.scss +1 -0
  82. package/styles/file-manager/bootstrap5.3.css +1603 -0
  83. package/styles/file-manager/bootstrap5.3.scss +17 -0
  84. package/styles/file-manager/bootstrap5.css +220 -186
  85. package/styles/file-manager/bootstrap5.scss +1 -0
  86. package/styles/file-manager/fabric-dark.css +184 -144
  87. package/styles/file-manager/fabric-dark.scss +1 -0
  88. package/styles/file-manager/fabric.css +183 -143
  89. package/styles/file-manager/fabric.scss +1 -0
  90. package/styles/file-manager/fluent-dark.css +187 -147
  91. package/styles/file-manager/fluent-dark.scss +1 -0
  92. package/styles/file-manager/fluent.css +186 -146
  93. package/styles/file-manager/fluent.scss +1 -0
  94. package/styles/file-manager/fluent2.css +204 -158
  95. package/styles/file-manager/fluent2.scss +1 -0
  96. package/styles/file-manager/highcontrast-light.css +184 -144
  97. package/styles/file-manager/highcontrast-light.scss +1 -0
  98. package/styles/file-manager/highcontrast.css +207 -167
  99. package/styles/file-manager/highcontrast.scss +1 -0
  100. package/styles/file-manager/material-dark.css +198 -158
  101. package/styles/file-manager/material-dark.scss +1 -0
  102. package/styles/file-manager/material.css +183 -143
  103. package/styles/file-manager/material.scss +1 -0
  104. package/styles/file-manager/material3-dark.css +185 -145
  105. package/styles/file-manager/material3-dark.scss +1 -0
  106. package/styles/file-manager/material3.css +185 -145
  107. package/styles/file-manager/material3.scss +1 -0
  108. package/styles/file-manager/tailwind-dark.css +198 -164
  109. package/styles/file-manager/tailwind-dark.scss +1 -0
  110. package/styles/file-manager/tailwind.css +198 -164
  111. package/styles/file-manager/tailwind.scss +1 -0
  112. package/styles/fluent-dark-lite.css +1037 -0
  113. package/styles/fluent-dark-lite.scss +16 -0
  114. package/styles/fluent-dark.css +187 -147
  115. package/styles/fluent-dark.scss +1 -0
  116. package/styles/fluent-lite.css +1036 -0
  117. package/styles/fluent-lite.scss +16 -0
  118. package/styles/fluent.css +186 -146
  119. package/styles/fluent.scss +1 -0
  120. package/styles/fluent2-lite.css +1272 -0
  121. package/styles/fluent2-lite.scss +16 -0
  122. package/styles/fluent2.css +204 -158
  123. package/styles/fluent2.scss +1 -0
  124. package/styles/highcontrast-light-lite.css +1039 -0
  125. package/styles/highcontrast-light-lite.scss +16 -0
  126. package/styles/highcontrast-light.css +184 -144
  127. package/styles/highcontrast-light.scss +1 -0
  128. package/styles/highcontrast-lite.css +1059 -0
  129. package/styles/highcontrast-lite.scss +16 -0
  130. package/styles/highcontrast.css +207 -167
  131. package/styles/highcontrast.scss +1 -0
  132. package/styles/material-dark-lite.css +1092 -0
  133. package/styles/material-dark-lite.scss +16 -0
  134. package/styles/material-dark.css +198 -158
  135. package/styles/material-dark.scss +1 -0
  136. package/styles/material-lite.css +1097 -0
  137. package/styles/material-lite.scss +16 -0
  138. package/styles/material.css +183 -143
  139. package/styles/material.scss +1 -0
  140. package/styles/material3-dark-lite.css +1090 -0
  141. package/styles/material3-dark-lite.scss +16 -0
  142. package/styles/material3-dark.css +185 -145
  143. package/styles/material3-dark.scss +1 -0
  144. package/styles/material3-lite.css +1092 -0
  145. package/styles/material3-lite.scss +16 -0
  146. package/styles/material3.css +185 -145
  147. package/styles/material3.scss +1 -0
  148. package/styles/tailwind-dark-lite.css +1060 -0
  149. package/styles/tailwind-dark-lite.scss +16 -0
  150. package/styles/tailwind-dark.css +198 -164
  151. package/styles/tailwind-dark.scss +1 -0
  152. package/styles/tailwind-lite.css +1060 -0
  153. package/styles/tailwind-lite.scss +16 -0
  154. package/styles/tailwind.css +198 -164
  155. package/styles/tailwind.scss +1 -0
  156. package/tslint.json +0 -111
package/styles/material3-lite.scss ADDED
@@ -0,0 +1,16 @@
1
+ @import 'ej2-base/styles/definition/material3.scss';
2
+ @import 'ej2-inputs/styles/input/material3-definition.scss';
3
+ @import 'ej2-inputs/styles/textbox/material3-definition.scss';
4
+ @import 'ej2-inputs/styles/uploader/material3-definition.scss';
5
+ @import 'ej2-popups/styles/dialog/material3-definition.scss';
6
+ @import 'ej2-popups/styles/spinner/material3-definition.scss';
7
+ @import 'ej2-buttons/styles/check-box/material3-definition.scss';
8
+ @import 'ej2-splitbuttons/styles/drop-down-button/material3-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/material3-definition.scss';
10
+ @import 'ej2-navigations/styles/treeview/material3-definition.scss';
11
+ @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
12
+ @import 'ej2-layouts/styles/splitter/material3-definition.scss';
13
+ @import 'ej2-grids/styles/grid/material3-definition.scss';
14
+ @import 'file-manager/material3-definition.scss';
15
+ @import 'file-manager/icons/material3.scss';
16
+ @import 'file-manager/all.scss';
package/styles/material3.css CHANGED
@@ -611,6 +611,7 @@ ejs-filemanager {
611
611
  float: left;
612
612
  overflow: auto;
613
613
  width: 100%;
614
+ height: calc(100% - 36px);
614
615
  }
615
616
  .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
616
617
  border-width: 1px;
@@ -704,6 +705,15 @@ ejs-filemanager {
704
705
  width: 32px;
705
706
  background-position: center;
706
707
  }
708
+ .e-filemanager.e-drag-select {
709
+ position: absolute;
710
+ background-color: rgba(var(--color-sf-primary));
711
+ opacity: 0.3;
712
+ border: none;
713
+ width: 0;
714
+ height: 0;
715
+ z-index: 1;
716
+ }
707
717
  .e-filemanager .e-fe-clone {
708
718
  pointer-events: none;
709
719
  z-index: 20;
@@ -812,6 +822,9 @@ ejs-filemanager {
812
822
  .e-filemanager .e-layout-content {
813
823
  position: relative;
814
824
  }
825
+ .e-filemanager .e-pager {
826
+ border-width: 1px 0 0;
827
+ }
815
828
  .e-filemanager .e-fe-overlay {
816
829
  border: 2px dashed rgba(var(--color-sf-primary));
817
830
  bottom: 0;
@@ -915,6 +928,169 @@ ejs-filemanager {
915
928
  display: none;
916
929
  }
917
930
 
931
+ @media (max-width: 469px) {
932
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
933
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
934
+ min-width: 140px;
935
+ width: calc(50% - 17px);
936
+ }
937
+ }
938
+ @media (min-width: 470px) and (max-width: 625px) {
939
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
940
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
941
+ min-width: 140px;
942
+ width: calc(33.33% - 17px);
943
+ }
944
+ }
945
+ .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
946
+ height: 100%;
947
+ width: 100%;
948
+ }
949
+
950
+ .e-filemanager {
951
+ background: transparent;
952
+ border-color: rgba(var(--color-sf-outline-variant));
953
+ }
954
+ .e-filemanager .e-toolbar {
955
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
956
+ }
957
+ .e-filemanager .e-address {
958
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
959
+ }
960
+ .e-filemanager .e-address .e-icons {
961
+ color: rgba(var(--color-sf-on-surface-variant));
962
+ }
963
+ .e-filemanager .e-address .e-list-text {
964
+ color: rgba(var(--color-sf-on-surface-variant));
965
+ }
966
+ .e-filemanager .e-address .e-address-list-item {
967
+ color: rgba(var(--color-sf-on-surface-variant));
968
+ }
969
+ .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
970
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
971
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
972
+ color: rgba(var(--color-sf-on-surface));
973
+ }
974
+ .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
975
+ color: rgba(var(--color-sf-on-surface-variant));
976
+ }
977
+ .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
978
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
979
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
980
+ color: rgba(var(--color-sf-on-surface));
981
+ }
982
+ .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
983
+ color: rgba(var(--color-sf-on-surface));
984
+ }
985
+ .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
986
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
987
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
988
+ border-color: rgba(var(--color-sf-outline-variant));
989
+ border: none;
990
+ border-bottom: 1px solid var(--color-sf-outline);
991
+ border-radius: 0;
992
+ }
993
+ .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
994
+ border: rgba(var(--color-sf-primary-container));
995
+ }
996
+ .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
997
+ border-color: rgba(var(--color-sf-primary));
998
+ }
999
+ .e-filemanager .e-grid .e-gridheader tr:first-child th {
1000
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1001
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1002
+ }
1003
+ .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1004
+ background: rgba(var(--color-sf-on-surface), 0.05);
1005
+ }
1006
+ .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1007
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1008
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1009
+ }
1010
+ .e-filemanager .e-grid .e-empty-inner-content {
1011
+ color: rgba(var(--color-sf-on-surface-variant));
1012
+ }
1013
+ .e-filemanager .e-grid td.e-active {
1014
+ background-color: rgba(var(--color-sf-primary-container));
1015
+ color: rgba(var(--color-sf-on-surface));
1016
+ }
1017
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1018
+ background-color: transparent;
1019
+ }
1020
+ .e-filemanager .e-large-icons .e-list-img {
1021
+ border-color: rgba(var(--color-sf-outline-variant));
1022
+ }
1023
+ .e-filemanager .e-large-icons .e-active {
1024
+ color: rgba(var(--color-sf-on-surface));
1025
+ }
1026
+ .e-filemanager .e-large-icons .e-empty-inner-content {
1027
+ color: rgba(var(--color-sf-on-surface-variant));
1028
+ }
1029
+ .e-filemanager .e-large-icons .e-large-icon {
1030
+ border-color: transparent;
1031
+ }
1032
+ .e-filemanager .e-large-icons .e-large-icon.e-active {
1033
+ background: rgba(var(--color-sf-primary-container));
1034
+ border-color: rgba(var(--color-sf-primary-container));
1035
+ }
1036
+ .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
1037
+ background: rgba(var(--color-sf-on-surface), 0.05);
1038
+ border-color: rgba(var(--color-sf-on-surface), 0.05);
1039
+ }
1040
+ .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
1041
+ background: rgba(var(--color-sf-primary-container));
1042
+ border-color: rgba(var(--color-sf-primary-container));
1043
+ }
1044
+ .e-filemanager .e-large-icons .e-large-icon.e-focus {
1045
+ border-color: rgba(var(--color-sf-outline-variant));
1046
+ }
1047
+ .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
1048
+ border-color: rgba(var(--color-sf-primary));
1049
+ }
1050
+ .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1051
+ background-color: rgba(var(--color-sf-primary));
1052
+ color: rgba(var(--color-sf-on-primary));
1053
+ }
1054
+ .e-filemanager .e-fe-clone .e-fe-content {
1055
+ background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1056
+ color: rgba(var(--color-sf-on-surface-variant));
1057
+ }
1058
+ .e-filemanager .e-fe-clone .e-fe-count {
1059
+ background-color: rgba(var(--color-sf-primary));
1060
+ border-color: rgba(var(--color-sf-on-primary));
1061
+ color: rgba(var(--color-sf-on-primary));
1062
+ }
1063
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
1064
+ background: transparent;
1065
+ border-color: transparent;
1066
+ }
1067
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
1068
+ border-color: transparent;
1069
+ }
1070
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
1071
+ background: rgba(var(--color-sf-primary-container));
1072
+ border-color: rgba(var(--color-sf-primary-container));
1073
+ }
1074
+
1075
+ .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1076
+ .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,
1077
+ .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1078
+ .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1079
+ color: rgba(var(--color-sf-on-surface-variant));
1080
+ }
1081
+ .e-fe-popup.e-dialog td {
1082
+ color: rgba(var(--color-sf-on-surface));
1083
+ }
1084
+ .e-fe-popup.e-dialog td:first-child {
1085
+ color: rgba(var(--color-sf-on-surface));
1086
+ }
1087
+ .e-fe-popup .e-fe-error {
1088
+ color: rgba(var(--color-sf-error));
1089
+ }
1090
+ .e-fe-popup .e-upload .e-upload-actions {
1091
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
1092
+ }
1093
+
918
1094
  .e-filemanager.e-fe-mobile .e-toolbar,
919
1095
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar,
920
1096
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar {
@@ -1043,6 +1219,11 @@ ejs-filemanager {
1043
1219
  text-overflow: ellipsis;
1044
1220
  white-space: nowrap;
1045
1221
  }
1222
+ .e-filemanager.e-fe-mobile .e-large-icons,
1223
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons,
1224
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons {
1225
+ height: calc(100% - 40px);
1226
+ }
1046
1227
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
1047
1228
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
1048
1229
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent {
@@ -1347,6 +1528,10 @@ ejs-filemanager {
1347
1528
  .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1348
1529
  margin-right: -10px;
1349
1530
  }
1531
+ .e-bigger .e-filemanager .e-large-icons,
1532
+ .e-filemanager.e-bigger .e-large-icons {
1533
+ height: calc(100% - 52px);
1534
+ }
1350
1535
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1351
1536
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1352
1537
  border-width: 1px;
@@ -1447,149 +1632,4 @@ ejs-filemanager {
1447
1632
  min-width: 140px;
1448
1633
  width: calc(33.33% - 17px);
1449
1634
  }
1450
- }
1451
- .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
1452
- height: 100%;
1453
- width: 100%;
1454
- }
1455
-
1456
- .e-filemanager {
1457
- background: transparent;
1458
- border-color: rgba(var(--color-sf-outline-variant));
1459
- }
1460
- .e-filemanager .e-toolbar {
1461
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1462
- }
1463
- .e-filemanager .e-address {
1464
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1465
- }
1466
- .e-filemanager .e-address .e-icons {
1467
- color: rgba(var(--color-sf-on-surface-variant));
1468
- }
1469
- .e-filemanager .e-address .e-list-text {
1470
- color: rgba(var(--color-sf-on-surface-variant));
1471
- }
1472
- .e-filemanager .e-address .e-address-list-item {
1473
- color: rgba(var(--color-sf-on-surface-variant));
1474
- }
1475
- .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1476
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1477
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1478
- color: rgba(var(--color-sf-on-surface));
1479
- }
1480
- .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
1481
- color: rgba(var(--color-sf-on-surface-variant));
1482
- }
1483
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1484
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1485
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1486
- color: rgba(var(--color-sf-on-surface));
1487
- }
1488
- .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1489
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1490
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1491
- border-color: rgba(var(--color-sf-outline-variant));
1492
- border: none;
1493
- border-bottom: 1px solid var(--color-sf-outline);
1494
- border-radius: 0;
1495
- }
1496
- .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
1497
- border: rgba(var(--color-sf-primary-container));
1498
- }
1499
- .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
1500
- border-color: rgba(var(--color-sf-primary));
1501
- }
1502
- .e-filemanager .e-grid .e-gridheader tr:first-child th {
1503
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1504
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1505
- }
1506
- .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1507
- background: rgba(var(--color-sf-on-surface), 0.05);
1508
- }
1509
- .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1510
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1511
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1512
- }
1513
- .e-filemanager .e-grid .e-empty-inner-content {
1514
- color: rgba(var(--color-sf-on-surface-variant));
1515
- }
1516
- .e-filemanager .e-grid td.e-active {
1517
- background-color: rgba(var(--color-sf-primary-container));
1518
- color: rgba(var(--color-sf-on-surface));
1519
- }
1520
- .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1521
- background-color: transparent;
1522
- }
1523
- .e-filemanager .e-large-icons .e-list-img {
1524
- border-color: rgba(var(--color-sf-outline-variant));
1525
- }
1526
- .e-filemanager .e-large-icons .e-active {
1527
- color: rgba(var(--color-sf-on-surface));
1528
- }
1529
- .e-filemanager .e-large-icons .e-empty-inner-content {
1530
- color: rgba(var(--color-sf-on-surface-variant));
1531
- }
1532
- .e-filemanager .e-large-icons .e-large-icon {
1533
- border-color: transparent;
1534
- }
1535
- .e-filemanager .e-large-icons .e-large-icon.e-active {
1536
- background: rgba(var(--color-sf-primary-container));
1537
- border-color: rgba(var(--color-sf-primary-container));
1538
- }
1539
- .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
1540
- background: rgba(var(--color-sf-on-surface), 0.05);
1541
- border-color: rgba(var(--color-sf-on-surface), 0.05);
1542
- }
1543
- .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
1544
- background: rgba(var(--color-sf-primary-container));
1545
- border-color: rgba(var(--color-sf-primary-container));
1546
- }
1547
- .e-filemanager .e-large-icons .e-large-icon.e-focus {
1548
- border-color: rgba(var(--color-sf-outline-variant));
1549
- }
1550
- .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
1551
- border-color: rgba(var(--color-sf-primary));
1552
- }
1553
- .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1554
- background-color: rgba(var(--color-sf-primary));
1555
- color: rgba(var(--color-sf-on-primary));
1556
- }
1557
- .e-filemanager .e-fe-clone .e-fe-content {
1558
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1559
- color: rgba(var(--color-sf-on-surface-variant));
1560
- }
1561
- .e-filemanager .e-fe-clone .e-fe-count {
1562
- background-color: rgba(var(--color-sf-primary));
1563
- border-color: rgba(var(--color-sf-on-primary));
1564
- color: rgba(var(--color-sf-on-primary));
1565
- }
1566
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
1567
- background: transparent;
1568
- border-color: transparent;
1569
- }
1570
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
1571
- border-color: transparent;
1572
- }
1573
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
1574
- background: rgba(var(--color-sf-primary-container));
1575
- border-color: rgba(var(--color-sf-primary-container));
1576
- }
1577
-
1578
- .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1579
- .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,
1580
- .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1581
- .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1582
- color: rgba(var(--color-sf-on-surface-variant));
1583
- }
1584
- .e-fe-popup.e-dialog td {
1585
- color: rgba(var(--color-sf-on-surface));
1586
- }
1587
- .e-fe-popup.e-dialog td:first-child {
1588
- color: rgba(var(--color-sf-on-surface));
1589
- }
1590
- .e-fe-popup .e-fe-error {
1591
- color: rgba(var(--color-sf-error));
1592
- }
1593
- .e-fe-popup .e-upload .e-upload-actions {
1594
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1595
1635
  }
package/styles/material3.scss CHANGED
@@ -16,3 +16,4 @@
16
16
  @import 'file-manager/material3-definition.scss';
17
17
  @import 'file-manager/icons/material3.scss';
18
18
  @import 'file-manager/all.scss';
19
+ @import 'file-manager/bigger.scss';