@syncfusion/ej2-filemanager 29.2.10 → 30.1.38

package/styles/bootstrap5-lite.css

@@ -360,7 +360,6 @@ ejs-filemanager {
   margin: 5px;
   margin-right: 4px;
   padding: 3px;
-  padding: 5px;
   position: absolute;
   z-index: 1;
 }
@@ -621,6 +620,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;
@@ -783,6 +786,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,
@@ -898,6 +912,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: #dee2e6;

package/styles/bootstrap5.3-lite.css

@@ -620,6 +620,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;
@@ -780,6 +784,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,
@@ -886,6 +901,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: var(--color-sf-border-light);

package/styles/bootstrap5.3.css

@@ -620,6 +620,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;
@@ -780,6 +784,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,
@@ -886,6 +901,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: var(--color-sf-border-light);

package/styles/bootstrap5.css

@@ -360,7 +360,6 @@ ejs-filemanager {
   margin: 5px;
   margin-right: 4px;
   padding: 3px;
-  padding: 5px;
   position: absolute;
   z-index: 1;
 }
@@ -621,6 +620,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;
@@ -783,6 +786,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,
@@ -898,6 +912,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: #dee2e6;

package/styles/fabric-dark-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;
@@ -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: #201f1f;
   border-color: #414040;

package/styles/fabric-dark.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: #201f1f;
   border-color: #414040;

package/styles/fabric-lite.css

@@ -618,6 +618,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;
@@ -788,6 +792,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: #e0e0e0;

package/styles/fabric.css

@@ -618,6 +618,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;
@@ -788,6 +792,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: #e0e0e0;

package/styles/file-manager/_bds-definition.scss

@@ -63,6 +63,7 @@ $fe-search-icon-margin: 5px !default;
 $fe-search-icon-font-size : 14px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-margin: 0 0 0 29px !default;
+$fe-search-input-padding: 3px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 8px 12px 8px 18px !default;
 $fe-rtl-bc-padding: 8px 18px 8px 12px !default;

package/styles/file-manager/_bootstrap5-definition.scss

@@ -29,6 +29,7 @@ $fe-search-icon-font-size : 14px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-height: 26px !default;
 $fe-search-input-margin: 0 0 0 29px !default;
+$fe-search-input-padding: 3px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 8px 16px 8px !default;
 $fe-rtl-bc-padding: 8px 18px 8px 12px !default;

package/styles/file-manager/_layout.scss

@@ -343,18 +343,18 @@
         @if ($fm-skin-name != 'fluent2') {
           margin: $fe-search-icon-margin;
         }
-        @if $fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5' {
+        @if ($fm-skin-name == 'tailwind' or $fm-skin-name == 'bootstrap5') {
           margin-right: 4px;
-          padding: 3px;
+          padding: $fe-search-input-padding;
         }
-        @if ($fm-skin-name == 'Material3') {
+        @else if ($fm-skin-name == 'Material3') {
           padding: $fe-search-input-padding;
         }
         @else if ($fm-skin-name == 'fluent2') {
           padding: $fe-search-input-padding;
         }
         @else if ($fm-skin-name == 'tailwind3') {
-          padding: 3px;
+          padding: $fe-search-input-padding;
         }
         @else {
           padding: 5px;
@@ -847,6 +847,10 @@
         vertical-align: bottom;
       }
 
+      .image-blur {
+        filter: blur(8px);
+      }
+      
       .e-list-text {
         @include ellipsis;
         display: block;
@@ -1156,6 +1160,13 @@
         visibility: visible;
       }
     }
+    
+    .e-fm-view-container {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+      height: 100%;
+    }
   }
 
   .e-fe-popup {
@@ -1318,4 +1329,35 @@
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     @include size(100%, 100%);
   }
+
+  .e-filemanager-dialog {
+    z-index: 1005;
+    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: flex;
+    height: 100%;
+  }
+
+  .e-filemanager .e-empty.e-view-container {
+    margin: auto;
+  }
 }

package/styles/file-manager/_material3-definition.scss

@@ -83,7 +83,7 @@ $fe-big-search-padding: 6px 16px 6px 0 !default;
 $fe-big-search-height: 40px !default;
 $fe-big-search-input-margin: 0 0 0 48px !default;
 $fe-big-search-input-height: 40px !default;
-$fe-big-search-input-padding: 10px 18px 10px 10px !default;
+$fe-big-search-input-padding: 9px 18px 10px 10px !default;
 $fe-big-bc-padding: 16px 16px 16px 12px !default;
 $fe-big-bc-text-size: 20px !default;
 $fe-big-bc-text-padding: 6px 12px !default;
@@ -108,7 +108,7 @@ $fe-big-grid-content-font-size: 14px !default;
 $fe-big-grid-content-name-font-size: 16px !default;
 $fe-big-cb-line-height: 14px !default;
 $fe-big-rtl-search-input-margin: 0 48px 0 0 !default;
-$fe-big-rtl-search-input-padding: 10px 10px 10px 18px !default;
+$fe-big-rtl-search-input-padding: 10px 10px 9px 18px !default;
 $fe-rtl-grid-icon-margin: 0 0 0 8px !default;
 $fe-mobile-tb-height: 56px !default;
 $fe-mobile-lg-item-height: 155px !default;

package/styles/file-manager/_tailwind-definition.scss

@@ -63,6 +63,7 @@ $fe-search-icon-margin: 5px !default;
 $fe-search-icon-font-size : 14px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-margin: 0 0 0 29px !default;
+$fe-search-input-padding: 3px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 8px 12px 8px 18px !default;
 $fe-rtl-bc-padding: 8px 18px 8px 12px !default;

package/styles/file-manager/_tailwind3-definition.scss

@@ -29,6 +29,7 @@ $fe-search-icon-font-size : 14px !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-height: 26px !default;
 $fe-search-input-margin: 0 0 0 34px !default;
+$fe-search-input-padding: 3px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 14px 16px 14px !default;
 $fe-rtl-bc-padding: 8px 18px 8px 12px !default;