@syncfusion/ej2-filemanager 29.2.10 → 30.1.37

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;
@@ -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/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;
@@ -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/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;
@@ -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/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;
@@ -952,6 +956,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/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;
@@ -943,6 +947,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: rgba(var(--color-sf-outline-variant));
@@ -1441,7 +1492,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 +1654,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;
@@ -945,6 +949,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: rgba(var(--color-sf-outline-variant));
@@ -1443,7 +1494,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 +1656,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;
@@ -902,6 +905,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: #4b5563;

package/styles/file-manager/tailwind.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;
@@ -902,6 +905,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: #e5e7eb;

package/styles/file-manager/tailwind3.css

@@ -654,6 +654,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;
@@ -920,6 +924,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: var(--color-sf-border);

package/styles/fluent-dark-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: #292827;