@syncfusion/ej2-filemanager 29.2.10 → 30.1.38

package/styles/file-manager/fluent.css

@@ -614,6 +614,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -779,6 +783,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #edebe9;

package/styles/file-manager/fluent2.css

@@ -838,6 +838,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1019,6 +1023,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: var(--color-sf-content-bg-color-alt1);
   border-color: var(--color-sf-border-light);

package/styles/file-manager/highcontrast-light.css

@@ -617,6 +617,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -787,6 +791,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;

package/styles/file-manager/highcontrast.css

@@ -614,6 +614,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -784,6 +788,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: #000;
   border-color: #969696;

package/styles/file-manager/material-dark.css

@@ -656,6 +656,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -826,6 +830,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: #303030;
   border-color: #616161;

package/styles/file-manager/material.css

@@ -676,6 +676,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -846,6 +850,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;

package/styles/file-manager/material3-dark.css

@@ -676,6 +676,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -837,6 +841,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: rgba(var(--color-sf-outline-variant));
@@ -1441,7 +1491,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-address .e-fe-search,
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 0;
-  padding: 10px 18px 10px 10px;
+  padding: 9px 18px 10px 10px;
 }
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
@@ -1603,7 +1653,7 @@ ejs-filemanager {
 }
 .e-bigger .e-filemanager.e-rtl .e-address .e-fe-search,
 .e-filemanager.e-bigger.e-rtl .e-address .e-fe-search {
-  padding: 10px 10px 10px 18px;
+  padding: 10px 10px 9px 18px;
 }
 .e-bigger .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-checkbox,
 .e-bigger .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-checkbox,

package/styles/file-manager/material3.css

@@ -678,6 +678,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -839,6 +843,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: rgba(var(--color-sf-outline-variant));
@@ -1443,7 +1493,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-address .e-fe-search,
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 0;
-  padding: 10px 18px 10px 10px;
+  padding: 9px 18px 10px 10px;
 }
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
@@ -1605,7 +1655,7 @@ ejs-filemanager {
 }
 .e-bigger .e-filemanager.e-rtl .e-address .e-fe-search,
 .e-filemanager.e-bigger.e-rtl .e-address .e-fe-search {
-  padding: 10px 10px 10px 18px;
+  padding: 10px 10px 9px 18px;
 }
 .e-bigger .e-filemanager.e-rtl .e-grid .e-gridheader .e-fe-checkbox,
 .e-bigger .e-filemanager.e-rtl .e-grid .e-gridcontent .e-fe-checkbox,

package/styles/file-manager/tailwind-dark.css

@@ -358,7 +358,6 @@ ejs-filemanager {
   margin: 5px;
   margin-right: 4px;
   padding: 3px;
-  padding: 5px;
   position: absolute;
   z-index: 1;
 }
@@ -617,6 +616,10 @@ ejs-filemanager {
   position: relative;
   vertical-align: bottom;
 }
+.e-filemanager .e-large-icons .image-blur {
+  -webkit-filter: blur(8px);
+          filter: blur(8px);
+}
 .e-filemanager .e-large-icons .e-list-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -787,6 +790,17 @@ ejs-filemanager {
 .e-filemanager .e-upload-drag-hover .e-fe-overlay {
   visibility: visible;
 }
+.e-filemanager .e-fm-view-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 100%;
+}
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
 .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 {
   width: 100%;
 }
 
+.e-filemanager-dialog {
+  z-index: 1005;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+}
+
+.e-image-wrap-style {
+  height: 100%;
+}
+
+.e-fe-popup.e-dialog td.e-permission-content {
+  white-space: unset;
+}
+
+.e-large-icon-visible {
+  visibility: visible;
+}
+
+.e-large-icon-hidden {
+  visibility: hidden;
+}
+
+.e-filemanager .e-empty-state-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+
+.e-filemanager .e-empty.e-view-container {
+  margin: auto;
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #4b5563;