@syncfusion/ej2-filemanager 32.2.3 → 33.1.44

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 (84) hide show
  1. package/dist/ej2-filemanager.min.js +2 -2
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +10 -4
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +12 -4
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/file-manager/actions/toolbar.js +8 -0
  13. package/src/file-manager/models/default-locale.js +2 -2
  14. package/src/file-manager/pop-up/context-menu.js +2 -2
  15. package/styles/bds-lite.css +8 -0
  16. package/styles/bds.css +8 -0
  17. package/styles/bootstrap-dark-lite.css +8 -0
  18. package/styles/bootstrap-dark.css +8 -0
  19. package/styles/bootstrap-lite.css +8 -0
  20. package/styles/bootstrap.css +8 -0
  21. package/styles/bootstrap4-lite.css +13 -1
  22. package/styles/bootstrap4.css +13 -1
  23. package/styles/bootstrap5-dark-lite.css +12 -0
  24. package/styles/bootstrap5-dark.css +12 -0
  25. package/styles/bootstrap5-lite.css +13 -1
  26. package/styles/bootstrap5.3-lite.css +12 -8
  27. package/styles/bootstrap5.3.css +12 -8
  28. package/styles/bootstrap5.css +13 -1
  29. package/styles/fabric-dark-lite.css +8 -0
  30. package/styles/fabric-dark.css +8 -0
  31. package/styles/fabric-lite.css +8 -0
  32. package/styles/fabric.css +8 -0
  33. package/styles/file-manager/_bigger.scss +1 -1
  34. package/styles/file-manager/_bootstrap4-definition.scss +3 -0
  35. package/styles/file-manager/_bootstrap5-dark-definition.scss +3 -0
  36. package/styles/file-manager/_bootstrap5-definition.scss +3 -0
  37. package/styles/file-manager/_fluent2-definition.scss +1 -0
  38. package/styles/file-manager/_layout.scss +9 -1
  39. package/styles/file-manager/_theme.scss +10 -1
  40. package/styles/file-manager/bds.css +8 -0
  41. package/styles/file-manager/bootstrap-dark.css +8 -0
  42. package/styles/file-manager/bootstrap.css +8 -0
  43. package/styles/file-manager/bootstrap4.css +13 -1
  44. package/styles/file-manager/bootstrap5-dark.css +12 -0
  45. package/styles/file-manager/bootstrap5.3.css +12 -8
  46. package/styles/file-manager/bootstrap5.css +13 -1
  47. package/styles/file-manager/fabric-dark.css +8 -0
  48. package/styles/file-manager/fabric.css +8 -0
  49. package/styles/file-manager/fluent-dark.css +8 -0
  50. package/styles/file-manager/fluent.css +8 -0
  51. package/styles/file-manager/fluent2.css +9 -0
  52. package/styles/file-manager/highcontrast-light.css +8 -0
  53. package/styles/file-manager/highcontrast.css +8 -0
  54. package/styles/file-manager/material-dark.css +8 -0
  55. package/styles/file-manager/material.css +8 -0
  56. package/styles/file-manager/material3-dark.css +8 -5
  57. package/styles/file-manager/material3.css +8 -5
  58. package/styles/file-manager/tailwind-dark.css +8 -0
  59. package/styles/file-manager/tailwind.css +8 -0
  60. package/styles/file-manager/tailwind3.css +8 -0
  61. package/styles/fluent-dark-lite.css +8 -0
  62. package/styles/fluent-dark.css +8 -0
  63. package/styles/fluent-lite.css +8 -0
  64. package/styles/fluent.css +8 -0
  65. package/styles/fluent2-lite.css +9 -0
  66. package/styles/fluent2.css +9 -0
  67. package/styles/highcontrast-light-lite.css +8 -0
  68. package/styles/highcontrast-light.css +8 -0
  69. package/styles/highcontrast-lite.css +8 -0
  70. package/styles/highcontrast.css +8 -0
  71. package/styles/material-dark-lite.css +8 -0
  72. package/styles/material-dark.css +8 -0
  73. package/styles/material-lite.css +8 -0
  74. package/styles/material.css +8 -0
  75. package/styles/material3-dark-lite.css +8 -5
  76. package/styles/material3-dark.css +8 -5
  77. package/styles/material3-lite.css +8 -5
  78. package/styles/material3.css +8 -5
  79. package/styles/tailwind-dark-lite.css +8 -0
  80. package/styles/tailwind-dark.css +8 -0
  81. package/styles/tailwind-lite.css +8 -0
  82. package/styles/tailwind.css +8 -0
  83. package/styles/tailwind3-lite.css +8 -0
  84. package/styles/tailwind3.css +8 -0
@@ -235,7 +235,7 @@
235
235
 
236
236
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
237
237
  td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
238
- color: $fe-active-font-color;
238
+ color: $fe-grid-active-font-color;
239
239
  }
240
240
  }
241
241
 
@@ -244,6 +244,9 @@
244
244
  @if $fm-skin-name != 'material-dark' {
245
245
  color: $fe-active-font-color;
246
246
  }
247
+ @if $fm-skin-name == 'bootstrap5' or $fm-skin-name == 'bootstrap4' or $fm-skin-name == 'fluent2'{
248
+ background-color: $fe-grid-active-bg-color;
249
+ }
247
250
  }
248
251
 
249
252
  tr:hover td.e-active {
@@ -278,6 +281,12 @@
278
281
  &.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) {
279
282
  background-color: transparent;
280
283
  }
284
+
285
+ &.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
286
+ @if $fm-skin-name == 'bootstrap5' or $fm-skin-name == 'bootstrap4' {
287
+ color: $fe-selected-hover-font-color;
288
+ }
289
+ }
281
290
  }
282
291
 
283
292
  .e-large-icons {
@@ -1258,6 +1258,14 @@ ejs-filemanager {
1258
1258
  height: calc(100% - 35px);
1259
1259
  }
1260
1260
 
1261
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1262
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1263
+ position: absolute;
1264
+ display: block;
1265
+ overflow: hidden;
1266
+ clip: rect(1px, 1px, 1px, 1px);
1267
+ }
1268
+
1261
1269
 
1262
1270
 
1263
1271
 
@@ -965,6 +965,14 @@ ejs-filemanager {
965
965
  height: calc(100% - 34px);
966
966
  }
967
967
 
968
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
969
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
970
+ position: absolute;
971
+ display: block;
972
+ overflow: hidden;
973
+ clip: rect(1px, 1px, 1px, 1px);
974
+ }
975
+
968
976
  /*! FileManager's bootstrap theme wise override definitions and variables */
969
977
  .e-filemanager {
970
978
  background: #1a1a1a;
@@ -965,6 +965,14 @@ ejs-filemanager {
965
965
  height: calc(100% - 34px);
966
966
  }
967
967
 
968
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
969
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
970
+ position: absolute;
971
+ display: block;
972
+ overflow: hidden;
973
+ clip: rect(1px, 1px, 1px, 1px);
974
+ }
975
+
968
976
  /*! FileManager's bootstrap theme wise override definitions and variables */
969
977
  .e-filemanager {
970
978
  background: transparent;
@@ -965,6 +965,14 @@ ejs-filemanager {
965
965
  height: calc(100% - 34px);
966
966
  }
967
967
 
968
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
969
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
970
+ position: absolute;
971
+ display: block;
972
+ overflow: hidden;
973
+ clip: rect(1px, 1px, 1px, 1px);
974
+ }
975
+
968
976
  /*! FileManager's bootstrap theme wise override definitions and variables */
969
977
  .e-filemanager {
970
978
  background: #fff;
@@ -1045,11 +1053,12 @@ ejs-filemanager {
1045
1053
  background: #fff;
1046
1054
  }
1047
1055
  .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1048
- color: #fff;
1056
+ color: #212529;
1049
1057
  }
1050
1058
  .e-filemanager .e-grid td.e-active {
1051
1059
  background-color: #007bff;
1052
1060
  color: #fff;
1061
+ background-color: #ced4da;
1053
1062
  }
1054
1063
  .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
1055
1064
  background-color: #fff;
@@ -1062,6 +1071,9 @@ ejs-filemanager {
1062
1071
  .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) {
1063
1072
  background-color: transparent;
1064
1073
  }
1074
+ .e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1075
+ color: #212529;
1076
+ }
1065
1077
  .e-filemanager .e-large-icons .e-list-img {
1066
1078
  border-color: #dee2e6;
1067
1079
  }
@@ -967,6 +967,14 @@ ejs-filemanager {
967
967
  height: calc(100% - 36px);
968
968
  }
969
969
 
970
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
971
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
972
+ position: absolute;
973
+ display: block;
974
+ overflow: hidden;
975
+ clip: rect(1px, 1px, 1px, 1px);
976
+ }
977
+
970
978
  /*! FileManager's tailwind theme wise override definitions and variables */
971
979
  .e-filemanager {
972
980
  background: transparent;
@@ -1053,6 +1061,7 @@ ejs-filemanager {
1053
1061
  .e-filemanager .e-grid td.e-active {
1054
1062
  background-color: #0d6efd;
1055
1063
  color: #fff;
1064
+ background-color: rgb(60.2918918919, 67.6, 74.9081081081);
1056
1065
  }
1057
1066
  .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
1058
1067
  background-color: #fff;
@@ -1065,6 +1074,9 @@ ejs-filemanager {
1065
1074
  .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) {
1066
1075
  background-color: transparent;
1067
1076
  }
1077
+ .e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1078
+ color: #e9ecef;
1079
+ }
1068
1080
  .e-filemanager .e-large-icons .e-list-img {
1069
1081
  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
1070
1082
  }
@@ -559,8 +559,7 @@ ejs-filemanager {
559
559
  text-decoration: none;
560
560
  }
561
561
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text {
562
- -webkit-text-decoration: underline var(--color-sf-primary-border-color);
563
- text-decoration: underline var(--color-sf-primary-border-color);
562
+ text-decoration: underline var(--color-sf-primary-border-color);
564
563
  }
565
564
  .e-filemanager .e-address .e-address-list-item {
566
565
  display: inline-block;
@@ -1120,6 +1119,14 @@ ejs-filemanager {
1120
1119
  height: calc(100% - 36px);
1121
1120
  }
1122
1121
 
1122
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1123
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1124
+ position: absolute;
1125
+ display: block;
1126
+ overflow: hidden;
1127
+ clip: rect(1px, 1px, 1px, 1px);
1128
+ }
1129
+
1123
1130
 
1124
1131
 
1125
1132
 
@@ -1245,20 +1252,17 @@ ejs-filemanager {
1245
1252
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover {
1246
1253
  background-color: var(--color-sf-content-bg-color-hover);
1247
1254
  color: var(--color-sf-primary-bg-color-hover);
1248
- -webkit-text-decoration: underline var(--color-sf-primary-bg-color-hover);
1249
- text-decoration: underline var(--color-sf-primary-bg-color-hover);
1255
+ text-decoration: underline var(--color-sf-primary-bg-color-hover);
1250
1256
  }
1251
1257
  .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active {
1252
1258
  color: var(--color-sf-primary-bg-color-hover);
1253
1259
  border: 1px solid var(--color-sf-primary-bg-color-hover);
1254
- -webkit-text-decoration: underline var(--color-sf-primary-bg-color-hover);
1255
- text-decoration: underline var(--color-sf-primary-bg-color-hover);
1260
+ text-decoration: underline var(--color-sf-primary-bg-color-hover);
1256
1261
  }
1257
1262
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1258
1263
  color: var(--color-sf-primary-bg-color-hover);
1259
1264
  border: 1px solid var(--color-sf-primary-bg-color-hover);
1260
- -webkit-text-decoration: underline var(--color-sf-primary-bg-color-hover);
1261
- text-decoration: underline var(--color-sf-primary-bg-color-hover);
1265
+ text-decoration: underline var(--color-sf-primary-bg-color-hover);
1262
1266
  }
1263
1267
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1264
1268
  background: var(--color-sf-content-bg-color);
@@ -967,6 +967,14 @@ ejs-filemanager {
967
967
  height: calc(100% - 36px);
968
968
  }
969
969
 
970
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
971
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
972
+ position: absolute;
973
+ display: block;
974
+ overflow: hidden;
975
+ clip: rect(1px, 1px, 1px, 1px);
976
+ }
977
+
970
978
  /*! FileManager's tailwind theme wise override definitions and variables */
971
979
  .e-filemanager {
972
980
  background: transparent;
@@ -1048,11 +1056,12 @@ ejs-filemanager {
1048
1056
  color: #495057;
1049
1057
  }
1050
1058
  .e-filemanager .e-grid td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1051
- color: #fff;
1059
+ color: #212529;
1052
1060
  }
1053
1061
  .e-filemanager .e-grid td.e-active {
1054
1062
  background-color: #0d6efd;
1055
1063
  color: #fff;
1064
+ background-color: rgb(230.15, 233.7, 237.25);
1056
1065
  }
1057
1066
  .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
1058
1067
  background-color: #fff;
@@ -1065,6 +1074,9 @@ ejs-filemanager {
1065
1074
  .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) {
1066
1075
  background-color: transparent;
1067
1076
  }
1077
+ .e-filemanager .e-grid.e-gridhover tr.e-row:not(.e-disable-gridhover):not(.e-detailrow):hover td.e-active.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
1078
+ color: #343a40;
1079
+ }
1068
1080
  .e-filemanager .e-large-icons .e-list-img {
1069
1081
  border-color: #dee2e6;
1070
1082
  }
@@ -963,6 +963,14 @@ ejs-filemanager {
963
963
  height: calc(100% - 34px);
964
964
  }
965
965
 
966
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
967
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
968
+ position: absolute;
969
+ display: block;
970
+ overflow: hidden;
971
+ clip: rect(1px, 1px, 1px, 1px);
972
+ }
973
+
966
974
  /*! FileManager's fabric theme wise override definitions and variables */
967
975
  .e-filemanager {
968
976
  background: #201f1f;
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 34px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's fabric theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -1394,6 +1394,14 @@ ejs-filemanager {
1394
1394
  height: calc(100% - 40px);
1395
1395
  }
1396
1396
 
1397
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1398
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1399
+ position: absolute;
1400
+ display: block;
1401
+ overflow: hidden;
1402
+ clip: rect(1px, 1px, 1px, 1px);
1403
+ }
1404
+
1397
1405
 
1398
1406
 
1399
1407
 
@@ -1547,6 +1555,7 @@ ejs-filemanager {
1547
1555
  .e-filemanager .e-grid td.e-active {
1548
1556
  background-color: var(--color-sf-content-bg-color-selected);
1549
1557
  color: var(--color-sf-content-text-color);
1558
+ background-color: var(--color-sf-table-bg-color-selected);
1550
1559
  }
1551
1560
  .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) {
1552
1561
  background-color: transparent;
@@ -963,6 +963,14 @@ ejs-filemanager {
963
963
  height: calc(100% - 34px);
964
964
  }
965
965
 
966
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
967
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
968
+ position: absolute;
969
+ display: block;
970
+ overflow: hidden;
971
+ clip: rect(1px, 1px, 1px, 1px);
972
+ }
973
+
966
974
  /*! FileManager's highcontrast theme wise override definitions and variables */
967
975
  .e-filemanager {
968
976
  background: transparent;
@@ -960,6 +960,14 @@ ejs-filemanager {
960
960
  height: calc(100% - 34px);
961
961
  }
962
962
 
963
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
964
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
965
+ position: absolute;
966
+ display: block;
967
+ overflow: hidden;
968
+ clip: rect(1px, 1px, 1px, 1px);
969
+ }
970
+
963
971
  /*! FileManager's highcontrast theme wise override definitions and variables */
964
972
  .e-filemanager {
965
973
  background: #000;
@@ -1002,6 +1002,14 @@ ejs-filemanager {
1002
1002
  height: calc(100% - 34px);
1003
1003
  }
1004
1004
 
1005
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1006
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1007
+ position: absolute;
1008
+ display: block;
1009
+ overflow: hidden;
1010
+ clip: rect(1px, 1px, 1px, 1px);
1011
+ }
1012
+
1005
1013
  /*! FileManager's material theme wise override definitions and variables */
1006
1014
  .e-filemanager {
1007
1015
  background: #303030;
@@ -1022,6 +1022,14 @@ ejs-filemanager {
1022
1022
  height: calc(100% - 34px);
1023
1023
  }
1024
1024
 
1025
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1026
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1027
+ position: absolute;
1028
+ display: block;
1029
+ overflow: hidden;
1030
+ clip: rect(1px, 1px, 1px, 1px);
1031
+ }
1032
+
1025
1033
  /*! FileManager's material theme wise override definitions and variables */
1026
1034
  .e-filemanager {
1027
1035
  background: transparent;
@@ -1167,6 +1167,14 @@ ejs-filemanager {
1167
1167
  height: calc(100% - 36px);
1168
1168
  }
1169
1169
 
1170
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1171
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1172
+ position: absolute;
1173
+ display: block;
1174
+ overflow: hidden;
1175
+ clip: rect(1px, 1px, 1px, 1px);
1176
+ }
1177
+
1170
1178
 
1171
1179
 
1172
1180
 
@@ -1269,7 +1277,6 @@ ejs-filemanager {
1269
1277
  color: rgba(var(--color-sf-on-surface-variant));
1270
1278
  }
1271
1279
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1272
- 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));
1273
1280
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1274
1281
  color: rgba(var(--color-sf-on-surface));
1275
1282
  }
@@ -1277,7 +1284,6 @@ ejs-filemanager {
1277
1284
  color: rgba(var(--color-sf-on-surface-variant));
1278
1285
  }
1279
1286
  .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 {
1280
- 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));
1281
1287
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1282
1288
  color: rgba(var(--color-sf-on-surface));
1283
1289
  }
@@ -1285,7 +1291,6 @@ ejs-filemanager {
1285
1291
  color: rgba(var(--color-sf-on-surface));
1286
1292
  }
1287
1293
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1288
- 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));
1289
1294
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1290
1295
  border-color: rgba(var(--color-sf-outline-variant));
1291
1296
  border: none;
@@ -1299,14 +1304,12 @@ ejs-filemanager {
1299
1304
  border-color: rgba(var(--color-sf-primary));
1300
1305
  }
1301
1306
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
1302
- 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));
1303
1307
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1304
1308
  }
1305
1309
  .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 {
1306
1310
  background: rgba(var(--color-sf-on-surface), 0.05);
1307
1311
  }
1308
1312
  .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1309
- 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));
1310
1313
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1311
1314
  }
1312
1315
  .e-filemanager .e-grid .e-empty-inner-content {
@@ -1171,6 +1171,14 @@ ejs-filemanager {
1171
1171
  height: calc(100% - 36px);
1172
1172
  }
1173
1173
 
1174
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1175
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1176
+ position: absolute;
1177
+ display: block;
1178
+ overflow: hidden;
1179
+ clip: rect(1px, 1px, 1px, 1px);
1180
+ }
1181
+
1174
1182
 
1175
1183
 
1176
1184
 
@@ -1275,7 +1283,6 @@ ejs-filemanager {
1275
1283
  color: rgba(var(--color-sf-on-surface-variant));
1276
1284
  }
1277
1285
  .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1278
- 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));
1279
1286
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1280
1287
  color: rgba(var(--color-sf-on-surface));
1281
1288
  }
@@ -1283,7 +1290,6 @@ ejs-filemanager {
1283
1290
  color: rgba(var(--color-sf-on-surface-variant));
1284
1291
  }
1285
1292
  .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 {
1286
- 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));
1287
1293
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1288
1294
  color: rgba(var(--color-sf-on-surface));
1289
1295
  }
@@ -1291,7 +1297,6 @@ ejs-filemanager {
1291
1297
  color: rgba(var(--color-sf-on-surface));
1292
1298
  }
1293
1299
  .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1294
- 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));
1295
1300
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1296
1301
  border-color: rgba(var(--color-sf-outline-variant));
1297
1302
  border: none;
@@ -1305,14 +1310,12 @@ ejs-filemanager {
1305
1310
  border-color: rgba(var(--color-sf-primary));
1306
1311
  }
1307
1312
  .e-filemanager .e-grid .e-gridheader tr:first-child th {
1308
- 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));
1309
1313
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1310
1314
  }
1311
1315
  .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 {
1312
1316
  background: rgba(var(--color-sf-on-surface), 0.05);
1313
1317
  }
1314
1318
  .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1315
- 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));
1316
1319
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1317
1320
  }
1318
1321
  .e-filemanager .e-grid .e-empty-inner-content {
@@ -971,6 +971,14 @@ ejs-filemanager {
971
971
  height: calc(100% - 36px);
972
972
  }
973
973
 
974
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
975
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
976
+ position: absolute;
977
+ display: block;
978
+ overflow: hidden;
979
+ clip: rect(1px, 1px, 1px, 1px);
980
+ }
981
+
974
982
  /*! FileManager's tailwind theme wise override definitions and variables */
975
983
  .e-filemanager {
976
984
  background: transparent;
@@ -971,6 +971,14 @@ ejs-filemanager {
971
971
  height: calc(100% - 36px);
972
972
  }
973
973
 
974
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
975
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
976
+ position: absolute;
977
+ display: block;
978
+ overflow: hidden;
979
+ clip: rect(1px, 1px, 1px, 1px);
980
+ }
981
+
974
982
  /*! FileManager's tailwind theme wise override definitions and variables */
975
983
  .e-filemanager {
976
984
  background: transparent;
@@ -1179,6 +1179,14 @@ ejs-filemanager {
1179
1179
  height: calc(100% - 48px);
1180
1180
  }
1181
1181
 
1182
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1183
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1184
+ position: absolute;
1185
+ display: block;
1186
+ overflow: hidden;
1187
+ clip: rect(1px, 1px, 1px, 1px);
1188
+ }
1189
+
1182
1190
 
1183
1191
 
1184
1192
 
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
package/styles/fluent.css CHANGED
@@ -964,6 +964,14 @@ ejs-filemanager {
964
964
  height: calc(100% - 40px);
965
965
  }
966
966
 
967
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
968
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
969
+ position: absolute;
970
+ display: block;
971
+ overflow: hidden;
972
+ clip: rect(1px, 1px, 1px, 1px);
973
+ }
974
+
967
975
  /*! FileManager's tailwind theme wise override definitions and variables */
968
976
  .e-filemanager {
969
977
  background: transparent;
@@ -1394,6 +1394,14 @@ ejs-filemanager {
1394
1394
  height: calc(100% - 40px);
1395
1395
  }
1396
1396
 
1397
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1398
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1399
+ position: absolute;
1400
+ display: block;
1401
+ overflow: hidden;
1402
+ clip: rect(1px, 1px, 1px, 1px);
1403
+ }
1404
+
1397
1405
 
1398
1406
 
1399
1407
 
@@ -1547,6 +1555,7 @@ ejs-filemanager {
1547
1555
  .e-filemanager .e-grid td.e-active {
1548
1556
  background-color: var(--color-sf-content-bg-color-selected);
1549
1557
  color: var(--color-sf-content-text-color);
1558
+ background-color: var(--color-sf-table-bg-color-selected);
1550
1559
  }
1551
1560
  .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) {
1552
1561
  background-color: transparent;
@@ -1394,6 +1394,14 @@ ejs-filemanager {
1394
1394
  height: calc(100% - 40px);
1395
1395
  }
1396
1396
 
1397
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
1398
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
1399
+ position: absolute;
1400
+ display: block;
1401
+ overflow: hidden;
1402
+ clip: rect(1px, 1px, 1px, 1px);
1403
+ }
1404
+
1397
1405
 
1398
1406
 
1399
1407
 
@@ -1547,6 +1555,7 @@ ejs-filemanager {
1547
1555
  .e-filemanager .e-grid td.e-active {
1548
1556
  background-color: var(--color-sf-content-bg-color-selected);
1549
1557
  color: var(--color-sf-content-text-color);
1558
+ background-color: var(--color-sf-table-bg-color-selected);
1550
1559
  }
1551
1560
  .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) {
1552
1561
  background-color: transparent;
@@ -963,6 +963,14 @@ ejs-filemanager {
963
963
  height: calc(100% - 34px);
964
964
  }
965
965
 
966
+ .e-filemanager .e-dropdown-btn.e-caret-hide .e-caret,
967
+ .e-filemanager .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
968
+ position: absolute;
969
+ display: block;
970
+ overflow: hidden;
971
+ clip: rect(1px, 1px, 1px, 1px);
972
+ }
973
+
966
974
  /*! FileManager's highcontrast theme wise override definitions and variables */
967
975
  .e-filemanager {
968
976
  background: transparent;