@syncfusion/ej2-filemanager 19.3.44 → 19.4.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.44
+*  version : 19.4.42
 *  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@18.5.10",
+  "_id": "@syncfusion/ej2-filemanager@19.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-7wl/Y86Qa3vJoDam94ni6cGKleEPIN4r+OW10OnY4jZSTcPCylyYEQ92uU13CWfYoBN5a6OIR/rZcBpzVwpXCw==",
+  "_integrity": "sha512-rJDFRFW8bZ+YAALkJ2EqB9SpF/U+meeTFCim7f35CXLugxZLlGoHpwzHm93PWTbpLjMETYqZFJZ2eWtMW+uR3A==",
   "_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-18.5.10.tgz",
-  "_shasum": "a6e4c63146e14bd897402fc8326bce5dea3c2b1c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-19.4.38.tgz",
+  "_shasum": "fbe4cf4e95eba896e82d8ac698135179dd008039",
   "_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.43",
-    "@syncfusion/ej2-buttons": "~19.3.44",
-    "@syncfusion/ej2-data": "~19.3.44",
-    "@syncfusion/ej2-grids": "~19.3.44",
-    "@syncfusion/ej2-inputs": "~19.3.44",
-    "@syncfusion/ej2-layouts": "~19.3.44",
-    "@syncfusion/ej2-lists": "~19.3.44",
-    "@syncfusion/ej2-navigations": "~19.3.44",
-    "@syncfusion/ej2-popups": "~19.3.43",
-    "@syncfusion/ej2-splitbuttons": "~19.3.44",
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-buttons": "~19.4.42",
+    "@syncfusion/ej2-data": "~19.4.42",
+    "@syncfusion/ej2-grids": "~19.4.42",
+    "@syncfusion/ej2-inputs": "~19.4.42",
+    "@syncfusion/ej2-layouts": "~19.4.38",
+    "@syncfusion/ej2-lists": "~19.4.38",
+    "@syncfusion/ej2-navigations": "~19.4.41",
+    "@syncfusion/ej2-popups": "~19.4.41",
+    "@syncfusion/ej2-splitbuttons": "~19.4.40",
     "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.44",
+  "version": "19.4.42",
   "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/base/file-manager-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';
+import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest } from '@syncfusion/ej2-base';import { Property, INotifyPropertyChanged, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';import { Splitter, PanePropertiesModel } from '@syncfusion/ej2-layouts';import { Dialog, createSpinner, hideSpinner, showSpinner, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import { createDialog, createExtDialog } from '../pop-up/dialog';import { ToolbarSettings, ToolbarSettingsModel, AjaxSettings, NavigationPaneSettings, DetailsViewSettings } from '../models/index';import { NavigationPaneSettingsModel, DetailsViewSettingsModel } from '../models/index';import { AjaxSettingsModel, SearchSettings, SearchSettingsModel } from '../models/index';import { Toolbar } from '../actions/toolbar';import { DetailsView } from '../layout/details-view';import { LargeIconsView } from '../layout/large-icons-view';import { Uploader, UploadingEventArgs, SelectedEventArgs, FileInfo } from '@syncfusion/ej2-inputs';import { UploadSettingsModel } from '../models/upload-settings-model';import { UploadSettings } from '../models/upload-settings';import * as events from './constant';import * as CLS from './classes';import { read, filter, createFolder } from '../common/operations';import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, ReadArgs, FileSelectionEventArgs } from './interface';import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';import { refresh, getPathObject, getLocaleText, setNextPath, createDeniedDialog, getCssClass } from '../common/utility';import { hasContentAccess, hasUploadAccess, updateLayout, createNewFolder, uploadItem } from '../common/utility';import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';import { ContextMenuSettingsModel } from '../models/contextMenu-settings-model';import { ContextMenuSettings } from '../models/contextMenu-settings';import { BreadCrumbBar } from '../actions/breadcrumb-bar';import { ContextMenu } from '../pop-up/context-menu';import { defaultLocale } from '../models/default-locale';import { PositionModel } from '@syncfusion/ej2-base/src/draggable-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

package/src/file-manager/base/file-manager.js

@@ -19,7 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, isNullOrUndefined, L10n, closest } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, Complex, select } from '@syncfusion/ej2-base';
-import { createElement, addClass, removeClass, setStyleAttribute as setAttr } from '@syncfusion/ej2-base';
+import { createElement, addClass, removeClass, setStyleAttribute as setAttr, getUniqueID } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, formatUnit, Browser, KeyboardEvents } from '@syncfusion/ej2-base';
 import { Event, EventHandler, getValue, setValue } from '@syncfusion/ej2-base';
 import { Splitter } from '@syncfusion/ej2-layouts';
@@ -120,6 +120,9 @@ var FileManager = /** @class */ (function (_super) {
      * @returns {void}
      */
     FileManager.prototype.preRender = function () {
+        if (isNOU(this.element.id) || this.element.id === '') {
+            this.element.setAttribute('id', getUniqueID('filemanager'));
+        }
         this.ensurePath();
         this.feParent = [];
         this.feFiles = [];

package/src/file-manager/common/operations.js

@@ -53,7 +53,7 @@ export function filter(parent, event) {
     var filterData;
     // eslint-disable-next-line
     var filterDataVal = parent.filterData ? extend(filterData, data, parent.filterData) : data;
-    createAjax(parent, filterData, filterSuccess, event, getValue('action', filterDataVal));
+    createAjax(parent, filterDataVal, filterSuccess, event, getValue('action', filterDataVal));
 }
 /**
  * Function to rename the folder/file in File Manager.

package/src/file-manager/common/utility.js

@@ -448,7 +448,7 @@ export function fileType(file) {
 export function getImageUrl(parent, item) {
     var baseUrl = parent.ajaxSettings.getImageUrl ? parent.ajaxSettings.getImageUrl : parent.ajaxSettings.url;
     var imgUrl;
-    var fileName = getValue('name', item);
+    var fileName = encodeURIComponent(getValue('name', item));
     var fPath = getValue('filterPath', item);
     if (parent.hasId) {
         var imgId = getValue('id', item);
@@ -1022,7 +1022,7 @@ export function createVirtualDragElement(parent) {
             parent.dragNodes.push(parent.selectedItems[i]);
             i++;
         }
-        if (parent.selectedItems.length == 0 && parent.dragData && parent.dragData.length == 1) {
+        if (parent.selectedItems.length === 0 && parent.dragData && parent.dragData.length === 1) {
             parent.dragNodes.push(getItemName(parent, parent.dragData[0]));
         }
     }

package/src/file-manager/layout/details-view.js

@@ -894,7 +894,7 @@ var DetailsView = /** @class */ (function () {
         // eslint-disable-next-line
         this.parent.dragData = this.gridObj.getSelectedRecords();
         var dragRow;
-        if (this.parent.dragData.length == 0 && dragLi) {
+        if (this.parent.dragData.length === 0 && dragLi) {
             dragRow = this.gridObj.getRowInfo(dragLi);
         }
         if (dragRow) {

package/src/file-manager/models/default-locale.js

@@ -85,7 +85,7 @@ export var defaultLocale = {
     'Filter-Empty': 'No results found',
     'Filter-Key': 'Try with different filter',
     'Sub-Folder-Error': 'The destination folder is the subfolder of the source folder.',
-    "Same-Folder-Error": "The destination folder is the same as the source folder.",
+    'Same-Folder-Error': 'The destination folder is the same as the source folder.',
     'Access-Denied': 'Access Denied',
     'Access-Details': 'You don"t have permission to access this folder.',
     'Header-Retry': 'File Already Exists',

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;