@syncfusion/ej2-filemanager 29.2.4 → 30.1.37

package/styles/fluent-dark.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;
@@ -894,6 +898,53 @@ 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-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-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: #292827;

package/styles/fluent-lite.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;
@@ -894,6 +898,53 @@ 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-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-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/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;
@@ -894,6 +898,53 @@ 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-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-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/fluent2-lite.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;
@@ -1125,6 +1129,53 @@ 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-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-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/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;
@@ -1125,6 +1129,53 @@ 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-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-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/highcontrast-light-lite.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;
@@ -893,6 +897,53 @@ 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-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-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/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;
@@ -893,6 +897,53 @@ 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-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-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/highcontrast-lite.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;
@@ -890,6 +894,53 @@ 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-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-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/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;
@@ -890,6 +894,53 @@ 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-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-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/material-dark-lite.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;
@@ -932,6 +936,53 @@ 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-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-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/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;
@@ -932,6 +936,53 @@ 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-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-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;