@syncfusion/ej2-filemanager 19.3.55 → 19.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.55
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@19.3.53",
+  "_id": "@syncfusion/ej2-filemanager@18.6.2",
   "_inBundle": false,
-  "_integrity": "sha512-y+rU7IeFzxiAwMQdhwlvddw38ICY0HKcyYY7uur3ltJbGxmR+m037nXA4Yj1+oLRfpURVYp63F/MtX147nZCog==",
+  "_integrity": "sha512-W8m3Joo+a9Z7owMAvRIhark+b5t/eUMNF4IAtUBuS6gqlEWpdHz7SCyW2k/IYj9skFWFuFwMQOW4uv7zPJZpzg==",
   "_location": "/@syncfusion/ej2-filemanager",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-filemanager"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.3.53.tgz",
-  "_shasum": "46218763e324cfee9ae9342adfecf7c093e5ef7e",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.6.2.tgz",
+  "_shasum": "1adf5496fea6cbb42836e2df0d07b84d995249e7",
   "_spec": "@syncfusion/ej2-filemanager@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -37,16 +37,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.54",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-data": "~19.3.53",
-    "@syncfusion/ej2-grids": "~19.3.55",
-    "@syncfusion/ej2-inputs": "~19.3.53",
-    "@syncfusion/ej2-layouts": "~19.3.53",
-    "@syncfusion/ej2-lists": "~19.3.53",
-    "@syncfusion/ej2-navigations": "~19.3.54",
-    "@syncfusion/ej2-popups": "~19.3.53",
-    "@syncfusion/ej2-splitbuttons": "~19.3.53",
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-buttons": "~19.4.38",
+    "@syncfusion/ej2-data": "~19.4.38",
+    "@syncfusion/ej2-grids": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-layouts": "~19.4.38",
+    "@syncfusion/ej2-lists": "~19.4.38",
+    "@syncfusion/ej2-navigations": "~19.4.38",
+    "@syncfusion/ej2-popups": "~19.4.38",
+    "@syncfusion/ej2-splitbuttons": "~19.4.38",
     "selenium-webdriver": "^4.0.0-alpha.1"
   },
   "deprecated": false,
@@ -68,6 +68,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.55",
+  "version": "19.4.38",
   "sideEffects": false
 }

package/src/file-manager/actions/breadcrumb-bar.js

@@ -405,7 +405,7 @@ var BreadCrumbBar = /** @class */ (function () {
         }
     };
     BreadCrumbBar.prototype.onSearchTextChange = function (args) {
-        this.searchObj.element.placeholder = getLocaleText(this.parent, 'Search') + ' ' + args.cwd.name;
+        this.searchObj.element.placeholder = (this.parent.searchSettings.placeholder != null) ? this.parent.searchSettings.placeholder : getLocaleText(this.parent, 'Search') + ' ' + args.cwd.name;
     };
     return BreadCrumbBar;
 }());

package/src/file-manager/models/search-settings-model.d.ts

@@ -31,4 +31,12 @@ export interface SearchSettingsModel {
      */
     ignoreCase?: boolean;
 
+    /**
+     * Specifies the placeholder value to the search input of the File Manager component.
+     * It accepts string.
+     *
+     * @default null
+     */
+    placeholder?: string;
+
 }

package/src/file-manager/models/search-settings.d.ts

@@ -29,4 +29,11 @@ export declare class SearchSettings extends ChildProperty<SearchSettings> {
      * @default true
      */
     ignoreCase: boolean;
+    /**
+     * Specifies the placeholder value to the search input of the File Manager component.
+     * It accepts string.
+     *
+     * @default null
+     */
+    placeholder: string;
 }

package/src/file-manager/models/search-settings.js

@@ -35,6 +35,9 @@ var SearchSettings = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], SearchSettings.prototype, "ignoreCase", void 0);
+    __decorate([
+        Property(null)
+    ], SearchSettings.prototype, "placeholder", void 0);
     return SearchSettings;
 }(ChildProperty));
 export { SearchSettings };

package/src/file-manager/pop-up/context-menu.js

@@ -82,7 +82,7 @@ var ContextMenu = /** @class */ (function () {
         if (target.classList.contains(CLS.FULLROW)) {
             this.parent.selectedItems.length = 0;
         }
-        this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr') : target;
+        this.targetElement = this.parent.view === 'Details' ? closest(target, 'tr.e-row') : target;
         var view = this.getTargetView(target);
         this.updateActiveModule();
         /* istanbul ignore next */
@@ -114,7 +114,7 @@ var ContextMenu = /** @class */ (function () {
                 data = this.parent.visitedData;
                 selected = true;
             }
-            else if (!isNOU(closest(target, 'tr'))) {
+            else if (!isNOU(closest(target, 'tr.e-row'))) {
                 uid = this.targetElement.getAttribute('data-uid');
                 // eslint-disable-next-line
                 data = this.parent.detailsviewModule.gridObj.getRowObjectFromUID(uid).data;

package/styles/bootstrap-dark.css

@@ -414,7 +414,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
   padding: 0;
 }
 
@@ -1207,7 +1207,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: -1px 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,

package/styles/bootstrap.css

@@ -426,7 +426,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-fe-search {
   font-size: 14px;
-  margin: 5px 0;
+  margin: 3px 0;
   padding: 5px;
   position: absolute;
   z-index: 1;

package/styles/bootstrap4.css

@@ -414,7 +414,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: 0 0 0 24px;
   padding: 0;
 }
 
@@ -1207,7 +1207,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -2px 0 0 24px;
+  margin: 0 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,

package/styles/bootstrap5-dark.css

@@ -23,6 +23,7 @@
 }
 
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -429,7 +430,7 @@ ejs-filemanager {
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
   margin: 0 0 0 29px;
   padding: 0;
-  height: 30px;
+  height: 26px;
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -1424,7 +1425,6 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
 .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
   font-size: 20px;
-  padding-bottom: 0;
 }
 
 .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn,
@@ -1545,9 +1545,14 @@ ejs-filemanager {
   padding: 0;
 }
 
+.e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon::before,
+.e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-clear-icon::before {
+  margin: 0;
+}
+
 .e-bigger .e-filemanager .e-address .e-fe-search,
 .e-filemanager.e-bigger .e-address .e-fe-search {
-  font-size: 18px;
+  font-size: 16px;
   margin: 4px;
 }
 

package/styles/bootstrap5.css

@@ -23,6 +23,7 @@
 }
 
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
 /*! FileManager's tailwind theme wise override definitions and variables */
 .e-filemanager .e-fe-icon,
 .e-filemanager .e-list-icon {
@@ -429,7 +430,7 @@ ejs-filemanager {
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
   margin: 0 0 0 29px;
   padding: 0;
-  height: 30px;
+  height: 26px;
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
@@ -1424,7 +1425,6 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons,
 .e-filemanager.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-btn-icon.e-icons {
   font-size: 20px;
-  padding-bottom: 0;
 }
 
 .e-bigger .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn,
@@ -1545,9 +1545,14 @@ ejs-filemanager {
   padding: 0;
 }
 
+.e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon::before,
+.e-filemanager.e-bigger .e-address .e-search-wrap .e-input-group .e-clear-icon::before {
+  margin: 0;
+}
+
 .e-bigger .e-filemanager .e-address .e-fe-search,
 .e-filemanager.e-bigger .e-address .e-fe-search {
-  font-size: 18px;
+  font-size: 16px;
   margin: 4px;
 }
 

package/styles/fabric-dark.css

@@ -408,7 +408,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -1px 0 0 24px;
+  margin: -2px 0 0 24px;
   padding: 0;
 }
 
@@ -418,7 +418,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-fe-search {
   font-size: 14px;
-  margin: 5px 0;
+  margin: 4px 0;
   padding: 5px;
   position: absolute;
   z-index: 1;
@@ -1199,7 +1199,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -1px 0 0 24px;
+  margin: -2px 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,

package/styles/fabric.css

@@ -409,7 +409,7 @@ ejs-filemanager {
 }
 
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -1px 0 0 24px;
+  margin: -2px 0 0 24px;
   padding: 0;
 }
 
@@ -419,7 +419,7 @@ ejs-filemanager {
 
 .e-filemanager .e-address .e-fe-search {
   font-size: 14px;
-  margin: 5px 0;
+  margin: 4px 0;
   padding: 5px;
   position: absolute;
   z-index: 1;
@@ -1200,7 +1200,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-bigger .e-filemanager.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input,
 .e-filemanager.e-bigger.e-fe-mobile .e-address .e-search-wrap .e-input-group .e-input {
-  margin: -1px 0 0 24px;
+  margin: -2px 0 0 24px;
 }
 
 .e-filemanager.e-fe-mobile .e-address .e-fe-search,
@@ -1488,7 +1488,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager .e-address .e-search-wrap,
 .e-filemanager.e-bigger .e-address .e-search-wrap {
   min-width: 51px;
-  padding: 2px 12px 0 1px;
+  padding: 1.5px 12px 0 1px;
 }
 
 .e-bigger .e-filemanager .e-address .e-search-wrap .e-input-group,

package/styles/file-manager/_bootstrap-dark-definition.scss

@@ -64,7 +64,7 @@ $fe-search-padding: 1.5px 8px 0 1px !default;
 $fe-search-height: 30px !default;
 $fe-search-icon-margin: 3px 0 !default;
 $fe-search-clear-icon-padding: 0 !default;
-$fe-search-input-margin: -2px 0 0 24px !default;
+$fe-search-input-margin: -1px 0 0 24px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 2px 8px !default;
 $fe-bc-text-padding: 4px 4px 5px !default;

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

@@ -62,7 +62,7 @@ $fe-tb-ddb-caret-size: 8px !default;
 $fe-search-padding: 1.5px 8px 0 1px !default;
 $fe-upload-overlay-border: 3px !default;
 $fe-search-height: 30px !default;
-$fe-search-icon-margin: 5px 0 !default;
+$fe-search-icon-margin: 3px 0 !default;
 $fe-search-clear-icon-padding: 0 !default;
 $fe-search-input-margin: -1px 0 0 24px !default;
 $fe-bc-margin: 0 !default;

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

@@ -66,7 +66,7 @@ $fe-search-padding: 1.5px 8px 0 1px !default;
 $fe-search-height: 30px !default;
 $fe-search-icon-margin: 3px 0 !default;
 $fe-search-clear-icon-padding: 0 !default;
-$fe-search-input-margin: -2px 0 0 24px !default;
+$fe-search-input-margin: 0 0 0 24px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 2px 8px !default;
 $fe-bc-text-padding: 4px 4px 5px !default;

package/styles/file-manager/_fabric-dark-definition.scss

@@ -60,9 +60,9 @@ $fe-tb-ddb-caret-size: 10px !default;
 $fe-search-padding: 2px 4px 2px 8px !default;
 $fe-upload-overlay-border: 3px !default;
 $fe-search-height: 29px !default;
-$fe-search-icon-margin: 5px 0 !default;
+$fe-search-icon-margin: 4px 0 !default;
 $fe-search-clear-icon-padding: 0 !default;
-$fe-search-input-margin: -1px 0 0 24px !default;
+$fe-search-input-margin: -2px 0 0 24px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 6px 8px !default;
 $fe-bc-text-padding: 4px 4px 5px !default;

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

@@ -62,9 +62,9 @@ $fe-tb-ddb-caret-size: 10px !default;
 $fe-search-padding: 1.5px 8px 0 1px !default;
 $fe-upload-overlay-border: 3px !default;
 $fe-search-height: 30px !default;
-$fe-search-icon-margin: 5px 0 !default;
+$fe-search-icon-margin: 4px 0 !default;
 $fe-search-clear-icon-padding: 0 !default;
-$fe-search-input-margin: -1px 0 0 24px !default;
+$fe-search-input-margin: -2px 0 0 24px !default;
 $fe-bc-margin: 0 !default;
 $fe-bc-padding: 2px 8px !default;
 $fe-bc-text-padding: 4px 4px 5px !default;
@@ -113,7 +113,7 @@ $fe-big-address-height: 40px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 !default;
 $fe-big-tb-ddb-btn-padding: 0 !default;
-$fe-big-search-padding: 2px 12px 0 1px !default;
+$fe-big-search-padding: 1.5px 12px 0 1px !default;
 $fe-big-search-height: 36px !default;
 $fe-big-bc-padding: 3px 12px !default;
 $fe-big-bc-text-size: 32px !default;

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

@@ -0,0 +1,245 @@
+/*! FileManager's tailwind theme wise override definitions and variables */
+//layout variables
+$fm-skin-name: $skin-name !default;
+$fe-bc-font-size: $text-xs !default;
+$fe-bc-icon-font-size: 8px !default;
+$fe-dg-td-font-size: $text-sm !default;
+$fe-lg-text-font-size: $text-sm !default;
+$fe-ddl-icon-font-size: $text-sm !default;
+$fe-bc-li-item-height: 22px !default;
+$fe-lg-icon-empty-inner-content-opacity: .5 !default;
+$fe-grid-row-ie-box-shadow: inset 0 1px 0 0 #66afe9, inset 0 -1px 0 0 #66afe9 !default;
+$fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66afe9 !default;
+$fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9 !default;
+$fe-img-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .05) !default;
+
+
+$fe-big-bc-font-size: $text-sm !default;
+$fe-big-bc-icon-font-size: 10px !default;
+$fe-big-lg-text-font-size: $text-sm !default;
+$fe-big-dg-header-font-size: 21px !default;
+$fe-big-dg-td-font-size: 15px !default;
+
+$fe-clone-box-shadow: $shadow-sm !default;
+$fe-clone-border: none !default;
+$fe-tb-ddb-icon-padding: 0 !default;
+$fe-tb-ddb-height: calc(100% - 18px) !default;
+$fe-tb-ddb-btn-hvr-padding: 0 !default;
+$fe-tb-ddb-btn-padding: 0 !default;
+$fe-tb-ddb-border: 0 !default;
+$fe-tb-ddb-caret-size: 8px !default;
+$fe-upload-overlay-border: 2px !default;
+$fe-search-padding: 4px 8px 5px 0 !default;
+$fe-search-height: 32px !default;
+$fe-search-icon-margin: 5px !default;
+$fe-search-clear-icon-margin: 10px !default;
+$fe-search-clear-icon-padding: 0 !default;
+$fe-search-input-margin: 0 0 0 38px !default;
+$fe-bc-margin: 0 !default;
+$fe-bc-padding: 9px 8px 9px 8px !default;
+$fe-rtl-bc-padding: 8px 18px 8px 12px !default;
+$fe-bc-text-padding: 0 !default;
+$fe-bc-text-size: 22px !default;
+$fe-bc-icon-margin: 16px 14px !default;
+$fe-bc-search-border-bottom: 1px !default;
+$fe-bc-submenu-height: 26px !default;
+$fe-bc-li-text-decoration: none;
+$fe-grid-icon-size: 20px !default;
+$fe-grid-icon-margin: 0 !default;
+$fe-dg-td-padding: 4px 24px 4px 0 !default;
+$fe-dg-rtl-td-padding: 8px 0 8px 24px !default;
+$fe-grid-header-height: 36px !default;
+$fe-grid-header-font-size: 14px !default;
+$fe-grid-header-cb-padding-left: 12px !default;
+$fe-grid-content-font-size: 14px !default;
+$fe-grid-content-name-font-size: 14px !default;
+$fe-grid-icon-sort-margin: 0 !default;
+$fe-lg-margin: 0 !default;
+$fe-lg-padding: 0 12px !default;
+$fe-lg-item-height: 94px !default;
+$fe-lg-item-width: 94px !default;
+$fe-lg-item-margin: 12px 8px !default;
+$fe-lg-item-padding: 2px !default;
+$fe-lg-item-inner-height: 74px !default;
+$fe-lg-item-inner-width: 90px !default;
+$fe-lg-icon-height: 40px !default;
+$fe-lg-icon-width: 40px !default;
+$fe-lg-icon-margin: 18px 25px 8px !default;
+$fe-lg-img-height: 40px !default;
+$fe-lg-text-padding: 2px 0 0 0 !default;
+$fe-cm-separator-margin: 0 0 !default;
+$fe-cb-line-height: 12px !default;
+$fe-dd-popup-blank-icon-padding-left: 40px !default;
+$fe-tv-fullrow-height: 38px !default;
+$fe-address-height: 40px !default;
+$fe-tv-node-height: 36px !default;
+
+$fe-big-tv-fullrow-height: 40px !default;
+$fe-big-address-height: 40px !default;
+$fe-big-tv-node-height: 38px !default;
+$fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
+$fe-big-tb-ddb-btn-padding: 0 6px !default;
+$fe-big-search-padding: 4px 10px 0 16px !default;
+$fe-big-search-height: 30px !default;
+$fe-big-bc-padding: 6px 12px !default;
+$fe-big-bc-text-size: 28px !default;
+$fe-big-bc-text-padding: 5px 4px !default;
+$fe-big-bc-li-item-height: 28px !default;
+$fe-big-bc-submenu-height: 27px !default;
+$fe-big-grid-icon-margin: 0 12px 0 0 !default;
+$fe-big-grid-header-height: 36px !default;
+$fe-big-dg-td-padding: 8px 30px 8px 0 !default;
+$fe-big-lg-padding: 0 6px !default;
+$fe-big-lg-item-height: 106px !default;
+$fe-big-lg-item-width: 100px !default;
+$fe-big-lg-item-margin: 12px 6px !default;
+$fe-big-lg-item-inner-height: 100px !default;
+$fe-big-lg-item-inner-width: 94px !default;
+$fe-big-lg-icon-height: 52px !default;
+$fe-big-lg-icon-width: 52px !default;
+$fe-big-lg-icon-margin: 11px auto !default;
+$fe-big-lg-img-height: 79px !default;
+$fe-big-lg-text-padding: 4px 2px 2px !default;
+$fe-big-grid-header-font-size: 14px !default;
+$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-rtl-grid-icon-margin: 0 0 0 8px !default;
+
+$fe-mobile-lg-item-height: 94px !default;
+$fe-mobile-lg-item-width: 94px !default;
+$fe-mobile-lg-item-margin: 12px 8px !default;
+$fe-mobile-lg-item-inner-width: 110px !default;
+$fe-mobile-lg-icon-height: 40px !default;
+$fe-mobile-lg-icon-width: 40px !default;
+$fe-mobile-lg-icon-margin: 0 auto !default;
+$fe-mobile-lg-img-height: 40px !default;
+$fe-mobile-grid-icon-size: 35px !default;
+$fe-mobile-icon-font-size: 20px !default;
+$fe-mobile-newfolder-padding-top: 0 !default;
+$fe-mobile-upload-padding-left: 0 !default;
+$fe-mobile-sort-padding-top: 3px !default;
+$fe-mobile-refresh-padding-top: 3px !default;
+$fe-mobile-select-padding-top: 2px !default;
+$fe-mobile-large-padding: 4px 0 0 2px !default;
+$fe-mobile-grid-padding: 4px 2px 0 2px !default;
+$fe-mobile-details-padding-top: 3px !default;
+$fe-mobile-delete-padding-left: 4px !default;
+$fe-mobile-rename-padding-left: 2px !default;
+$fe-mobile-rename-padding-top: 3px !default;
+$fe-mobile-download-padding-left: 4px !default;
+$fe-mobile-cut-padding-left: 2px !default;
+$fe-mobile-cut-padding-top: 1px !default;
+$fe-mobile-copy-padding-left: 4px !default;
+$fe-mobile-search-height: 40px !default;
+$fe-mobile-lg-item-minwidth: 140px !default;
+$fe-mobile-lg-item-width-two: calc(50% - 17px) !default;
+$fe-mobile-lg-item-width-three: calc(33.33% - 17px) !default;
+
+$fe-big-lg-icon-empty-min-width: 300px !default;
+
+$fe-big-lg-icon-empty-content-font-size: 22px !default;
+$fe-big-lg-icon-empty-content-margin: 0 auto !default;
+$fe-big-lg-icon-empty-content-padding: 12px !default;
+$fe-big-lg-icon-empty-content-text-align: center !default;
+
+$fe-big-lg-icon-empty-icon-height: 92px !default;
+$fe-big-lg-icon-empty-icon-margin: 0 auto !default;
+$fe-big-lg-icon-empty-icon-width: 92px !default;
+
+$fe-big-lg-icon-empty-inner-content-font-size: 14px !default;
+$fe-big-lg-icon-empty-inner-content-margin: 0 auto !default;
+$fe-big-lg-icon-empty-inner-content-opacity: .5 !default;
+$fe-big-lg-icon-empty-inner-content-padding: 4px !default;
+$fe-big-lg-icon-empty-inner-content-text-align: center !default;
+
+$fe-big-grid-empty-min-width: 300px !default;
+
+$fe-big-grid-empty-content-font-size: 22px !default;
+$fe-big-grid-empty-content-margin: 0 auto !default;
+$fe-big-grid-empty-content-padding: 12px !default;
+$fe-big-grid-empty-content-text-align: center !default;
+
+$fe-big-grid-empty-icon-height: 92px !default;
+$fe-big-grid-empty-icon-margin: 0 auto !default;
+$fe-big-grid-empty-icon-width: 92px !default;
+
+$fe-big-grid-empty-inner-content-font-size: 14px !default;
+$fe-big-grid-empty-inner-content-margin: 0 auto !default;
+$fe-big-grid-empty-inner-content-opacity: .5 !default;
+$fe-big-grid-empty-inner-content-padding: 6px !default;
+$fe-big-grid-empty-inner-content-text-align: center !default;
+
+$fe-grid-empty-min-width: 200px !default;
+
+$fe-grid-empty-content-font-size: $text-sm !default;
+$fe-grid-empty-content-margin: 0 auto !default;
+$fe-grid-empty-content-padding: 8px 0 8px 0  !default;
+$fe-grid-empty-content-text-align: center !default;
+
+$fe-grid-empty-icon-height: 52px !default;
+$fe-grid-empty-icon-margin: 0 auto !default;
+$fe-grid-empty-icon-width: 52px !default;
+
+$fe-grid-empty-inner-content-font-size: $text-sm !default;
+$fe-grid-empty-inner-content-margin: 0 auto !default;
+$fe-grid-empty-inner-content-opacity: .5 !default;
+$fe-grid-empty-inner-content-padding: 0 !default;
+$fe-grid-empty-inner-content-text-align: center !default;
+
+$fe-lg-icon-empty-min-width: 200px !default;
+
+$fe-lg-icon-empty-content-font-size: $text-sm !default;
+$fe-lg-icon-empty-content-margin: 0 auto !default;
+$fe-lg-icon-empty-content-padding: 8px 0 8px 0 !default;
+$fe-lg-icon-empty-content-text-align: center !default;
+
+$fe-lg-icon-empty-icon-height: 52px !default;
+$fe-lg-icon-empty-icon-margin: 0 auto !default;
+$fe-lg-icon-empty-icon-width: 52px !default;
+
+$fe-lg-icon-empty-inner-content-font-size: $text-sm !default;
+$fe-lg-icon-empty-inner-content-margin: 0 auto !default;
+$fe-lg-icon-empty-inner-content-padding: 0 !default;
+$fe-lg-icon-empty-inner-content-text-align: center !default;
+
+$fe-bc-icon-padding: 5px !default;
+
+// color variables
+$fe-border-color: $border-light !default;
+$fe-background: transparent;
+$fe-icon-color: $icon-color !default;
+$fe-label-color: $content-text-color-alt2 !default;
+$fe-text-color: $content-text-color !default;
+$fe-active-border-color: $content-bg-color-selected !default;
+$fe-tb-active-color: $secondary-text-color !default;
+$fe-active-bg-color: $content-bg-color-selected !default;
+$fe-active-font-color: $secondary-text-color !default;
+$fe-hover-border-color: $content-bg-color-hover !default;
+$fe-hover-bg-color: $content-bg-color-hover !default;
+$fe-ah-border-color: $content-bg-color-selected !default;
+$fe-ah-bg-color: $content-bg-color-selected !default;
+$fe-focus-border-color: $border-light !default;
+$fe-bc-color: $content-text-color-alt1 !default;
+$fe-bc-link-color: $content-text-color-alt2 !default;
+$fe-bc-hover-bg-color: $content-bg-color-alt2 !default;
+$fe-bc-hover-font-color: $content-text-color !default;
+$fe-grid-header-bg-color: $content-bg-color-alt1 !default;
+$fe-ddl-icon-color: $icon-color !default;
+$fe-error-color: $danger !default;
+$fe-img-border-color: $border-light !default;
+$fe-search-bg-color: $content-bg-color !default;
+$fe-tb-hover-border-color: $secondary-border-color-hover !default;
+$fe-tb-focus-border-color: $fe-tb-hover-border-color !default;
+$fe-tb-focus-bg: $secondary-bg-color-hover !default;
+$fe-checkbox-color: $primary !default;
+$fe-checkbox-bg-color: $primary-text-color !default;
+$fe-drop-border-color: $primary !default;
+$fe-up-list-border-color: $border-light !default;
+$fe-clone-bg-color: $content-bg-color-alt2 !default;
+$fe-clone-border-color: none !default ;
+$fe-clone-count-border-color: $primary-text-color !default;
+$fe-clone-count-font-color: $primary-text-color !default;
+$fe-clone-count-bg-color: $primary !default;
+$fe-drop-folder-bg-color: $primary !default;