@syncfusion/ej2-filemanager 26.2.10 → 26.2.11-21788

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 26.2.10
-*  Copyright Syncfusion Inc. 2001 - 2023. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _filemanager from '@syncfusion/ej2-filemanager';
 
 export declare namespace ej {

package/package.json

@@ -1,80 +1,80 @@
 {
-  "_from": "@syncfusion/ej2-filemanager@*",
-  "_id": "@syncfusion/ej2-filemanager@26.2.7",
-  "_inBundle": false,
-  "_integrity": "sha512-WBLVyIiVrlyLJO0YbLcMYkHc+eJvQSwHeUsr5JWhapUTSo3L0u5Z6Mb0K3BV5q7X6VesEExXXqYXH+OKL4FUaw==",
-  "_location": "/@syncfusion/ej2-filemanager",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-filemanager@*",
-    "name": "@syncfusion/ej2-filemanager",
-    "escapedName": "@syncfusion%2fej2-filemanager",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-filemanager",
-    "/@syncfusion/ej2-react-filemanager",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-vue-filemanager"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-26.2.7.tgz",
-  "_shasum": "823145120e2b236a4907d250a101ac8e1da431f6",
-  "_spec": "@syncfusion/ej2-filemanager@*",
-  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~26.2.10",
-    "@syncfusion/ej2-buttons": "~26.2.10",
-    "@syncfusion/ej2-data": "~26.2.10",
-    "@syncfusion/ej2-grids": "~26.2.10",
-    "@syncfusion/ej2-inputs": "~26.2.10",
-    "@syncfusion/ej2-layouts": "~26.2.10",
-    "@syncfusion/ej2-lists": "~26.2.10",
-    "@syncfusion/ej2-navigations": "~26.2.10",
-    "@syncfusion/ej2-popups": "~26.2.10",
-    "@syncfusion/ej2-splitbuttons": "~26.2.10"
-  },
-  "deprecated": false,
-  "description": "Essential JS 2 FileManager Component",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-filemanager.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "JavaScript",
-    "TypeScript",
-    "filemanager",
-    "file organizer",
-    "file organizing tool",
-    "file picker",
-    "file viewer",
-    "file browser",
-    "file selector",
-    "directory viewer"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-filemanager.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-filemanager",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-  },
-  "typings": "index.d.ts",
-  "version": "26.2.10",
-  "sideEffects": false
-}
+	"_from": "@syncfusion/ej2-filemanager@*",
+	"_id": "@syncfusion/ej2-filemanager@26.2.10",
+	"_inBundle": false,
+	"_integrity": "sha512-oiNkHvO8aEgTFU9PVi+t/aw3isJHPEDUoClk68yJ0zSfEnv6tawYHEAVYfQItpmRGvEGLI43gLdn6ePdoeSdiA==",
+	"_location": "/@syncfusion/ej2-filemanager",
+	"_phantomChildren": {},
+	"_requested": {
+	  "type": "range",
+	  "registry": true,
+	  "raw": "@syncfusion/ej2-filemanager@*",
+	  "name": "@syncfusion/ej2-filemanager",
+	  "escapedName": "@syncfusion%2fej2-filemanager",
+	  "scope": "@syncfusion",
+	  "rawSpec": "*",
+	  "saveSpec": null,
+	  "fetchSpec": "*"
+	},
+	"_requiredBy": [
+	  "/",
+	  "/@syncfusion/ej2",
+	  "/@syncfusion/ej2-angular-filemanager",
+	  "/@syncfusion/ej2-react-filemanager",
+	  "/@syncfusion/ej2-richtexteditor",
+	  "/@syncfusion/ej2-vue-filemanager"
+	],
+	"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-26.2.10.tgz",
+	"_shasum": "304c8eee30929973f64d0924c1f8bb67ba8b5db9",
+	"_spec": "@syncfusion/ej2-filemanager@*",
+	"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
+	"author": {
+	  "name": "Syncfusion Inc."
+	},
+	"bugs": {
+	  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
+	},
+	"bundleDependencies": false,
+	"dependencies": {
+	  "@syncfusion/ej2-base": "~26.2.10",
+	  "@syncfusion/ej2-buttons": "~26.2.10",
+	  "@syncfusion/ej2-data": "~26.2.10",
+	  "@syncfusion/ej2-grids": "~26.2.11",
+	  "@syncfusion/ej2-inputs": "~26.2.11",
+	  "@syncfusion/ej2-layouts": "~26.2.10",
+	  "@syncfusion/ej2-lists": "~26.2.11",
+	  "@syncfusion/ej2-navigations": "~26.2.11",
+	  "@syncfusion/ej2-popups": "~26.2.11",
+	  "@syncfusion/ej2-splitbuttons": "~26.2.10"
+	},
+	"deprecated": false,
+	"description": "Essential JS 2 FileManager Component",
+	"devDependencies": {},
+	"es2015": "./dist/es6/ej2-filemanager.es5.js",
+	"homepage": "https://www.syncfusion.com/javascript-ui-controls",
+	"keywords": [
+	  "ej2",
+	  "syncfusion",
+	  "JavaScript",
+	  "TypeScript",
+	  "filemanager",
+	  "file organizer",
+	  "file organizing tool",
+	  "file picker",
+	  "file viewer",
+	  "file browser",
+	  "file selector",
+	  "directory viewer"
+	],
+	"license": "SEE LICENSE IN license",
+	"main": "./dist/ej2-filemanager.umd.min.js",
+	"module": "./index.js",
+	"name": "@syncfusion/ej2-filemanager",
+	"repository": {
+	  "type": "git",
+	  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+	},
+	"typings": "index.d.ts",
+	"version": "26.2.11-21788",
+	"sideEffects": false
+  }

package/src/file-manager/base/file-manager-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection } 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 { ToolbarItem, ToolbarItemModel } 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, CancelEventArgs } 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, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } 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, closePopup } 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 { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
+import { Component, EmitType, ModuleDeclaration, isNullOrUndefined, L10n, closest, Collection } 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 { ToolbarItem, ToolbarItemModel } 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, CancelEventArgs } 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, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from './interface';import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs, MenuCloseEventArgs } 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, closePopup } 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 { Virtualization } from '../actions/virtualization';import { SortComparer } from './interface';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -451,6 +451,13 @@ export interface FileManagerModel extends ComponentModel{
      */
     menuOpen?: EmitType<MenuOpenEventArgs>;
 
+    /**
+     * Triggers before the context menu is closed.
+     *
+     * @event menuClose
+     */
+    menuClose?: EmitType<MenuCloseEventArgs>;
+
     /**
      * Triggers when the AJAX request is failed.
      *

package/src/file-manager/base/file-manager.d.ts

@@ -14,7 +14,7 @@ import { UploadSettingsModel } from '../models/upload-settings-model';
 import { FileManagerModel } from './file-manager-model';
 import { ITreeView, IContextMenu, ViewType, SortOrder, FileDragEventArgs, RetryArgs, FileSelectionEventArgs } from './interface';
 import { BeforeSendEventArgs, SuccessEventArgs, FailureEventArgs, FileLoadEventArgs, FolderCreateEventArgs, DeleteEventArgs, RenameEventArgs, MoveEventArgs, SearchEventArgs } from './interface';
-import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs } from './interface';
+import { FileOpenEventArgs, FileSelectEventArgs, MenuClickEventArgs, MenuOpenEventArgs, MenuCloseEventArgs } from './interface';
 import { ToolbarClickEventArgs, ToolbarCreateEventArgs, UploadListCreateArgs } from './interface';
 import { PopupOpenCloseEventArgs, BeforePopupOpenCloseEventArgs, BeforeDownloadEventArgs, BeforeImageLoadEventArgs } from './interface';
 import { TreeView as BaseTreeView } from '@syncfusion/ej2-navigations';
@@ -545,6 +545,12 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
      * @event menuOpen
      */
     menuOpen: EmitType<MenuOpenEventArgs>;
+    /**
+     * Triggers before the context menu is closed.
+     *
+     * @event menuClose
+     */
+    menuClose: EmitType<MenuCloseEventArgs>;
     /**
      * Triggers when the AJAX request is failed.
      *

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

@@ -1313,6 +1313,9 @@ var FileManager = /** @class */ (function (_super) {
     __decorate([
         Event()
     ], FileManager.prototype, "menuOpen", void 0);
+    __decorate([
+        Event()
+    ], FileManager.prototype, "menuClose", void 0);
     __decorate([
         Event()
     ], FileManager.prototype, "failure", void 0);

package/src/file-manager/base/interface.d.ts

@@ -678,6 +678,43 @@ export interface MenuOpenEventArgs {
      */
     menuType?: string;
 }
+/**
+ * Interface for MenuClose event arguments.
+ */
+export interface MenuCloseEventArgs {
+    /**
+     * If you want to cancel this event then, set cancel to true. Otherwise, false.
+     */
+    cancel?: boolean;
+    /**
+     * Returns the current context menu element.
+     */
+    element?: HTMLElement;
+    /**
+     * Specifies the actual event.
+     */
+    event?: Event;
+    /**
+     * Returns whether the current context menu is focused or not.
+     */
+    isFocused?: boolean;
+    /**
+     * Returns the target folder/file item as an array of JSON object.
+     */
+    fileDetails?: Object[];
+    /**
+     * Returns the current context menu items as JSON object.
+     */
+    items?: MenuItemModel[];
+    /**
+     * Returns the parent context menu item as JSON object.
+     */
+    parentItem?: MenuItemModel;
+    /**
+     * Returns the current context menu type based on current target.
+     */
+    menuType?: string;
+}
 /**
  * Interface for UploadListCreate event arguments.
  */

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

@@ -880,6 +880,9 @@ export function pasteHandler(parent) {
     parent.isDragDrop = false;
     if (parent.selectedNodes.length !== 0 && parent.enablePaste) {
         var path = (parent.folderPath === '') ? parent.path : parent.folderPath;
+        if (parent.activeModule === 'navigationpane' && !parent.selectedNodes[0].includes('/')) {
+            parent.targetPath = getValue('filterPath', parent.actionRecords[0]).replace(/\\/g, '/');
+        }
         var subFolder = validateSubFolder(parent, parent.actionRecords, path, parent.path);
         if (!subFolder) {
             if ((parent.fileAction === 'move' && parent.targetPath !== path) || parent.fileAction === 'copy') {

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

@@ -1033,10 +1033,7 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.createDragObj = function () {
         var _this = this;
         if (this.gridObj) {
-            if (this.parent.allowDragAndDrop) {
-                if (this.dragObj) {
-                    this.dragObj.destroy();
-                }
+            if (this.parent.allowDragAndDrop && isNullOrUndefined(this.dragObj)) {
                 this.dragObj = new Draggable(this.gridObj.element, {
                     cursorAt: this.parent.dragCursorPosition,
                     distance: 5,
@@ -1054,6 +1051,7 @@ var DetailsView = /** @class */ (function () {
             }
             else if (!this.parent.allowDragAndDrop && this.dragObj) {
                 this.dragObj.destroy();
+                this.dragObj = null;
             }
         }
     };
@@ -1082,7 +1080,7 @@ var DetailsView = /** @class */ (function () {
     DetailsView.prototype.onpasteEnd = function (args) {
         if (this.parent.view === 'Details') {
             this.isPasteOperation = true;
-            if (this.parent.path === this.parent.destinationPath || this.parent.path === getDirectoryPath(this.parent, args)) {
+            if (this.parent.path === this.parent.destinationPath || this.parent.path === getDirectoryPath(this.parent, args) || this.parent.hasId) {
                 this.onPathChanged(args);
             }
         }

package/src/file-manager/layout/large-icons-view.js

@@ -599,7 +599,7 @@ var LargeIconsView = /** @class */ (function () {
     LargeIconsView.prototype.onpasteEnd = function (args) {
         if (this.parent.view === 'LargeIcons') {
             this.isPasteOperation = true;
-            if (this.parent.path === this.parent.destinationPath || this.parent.path === getDirectoryPath(this.parent, args)) {
+            if (this.parent.path === this.parent.destinationPath || this.parent.path === getDirectoryPath(this.parent, args) || this.parent.hasId) {
                 this.onPathChanged(args);
             }
         }

package/src/file-manager/layout/navigation-pane.js

@@ -93,10 +93,7 @@ var NavigationPane = /** @class */ (function () {
     NavigationPane.prototype.addDragDrop = function () {
         var _this = this;
         if (!this.parent.isMobile && this.treeObj) {
-            if (this.parent.allowDragAndDrop) {
-                if (this.dragObj) {
-                    this.dragObj.destroy();
-                }
+            if (this.parent.allowDragAndDrop && isNOU(this.dragObj)) {
                 this.dragObj = new Draggable(this.treeObj.element, {
                     cursorAt: this.parent.dragCursorPosition,
                     dragTarget: '.' + CLS.FULLROW,
@@ -114,6 +111,7 @@ var NavigationPane = /** @class */ (function () {
             }
             else if (!this.parent.allowDragAndDrop && this.dragObj) {
                 this.dragObj.destroy();
+                this.dragObj = null;
             }
         }
     };
@@ -623,7 +621,7 @@ var NavigationPane = /** @class */ (function () {
     };
     /* istanbul ignore next */
     NavigationPane.prototype.checkDropPath = function (args) {
-        if (isFileSystemData(this.parent) && this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane') {
+        if (isFileSystemData(this.parent) && (this.parent.path === this.parent.dropPath || this.parent.targetModule === 'navigationpane')) {
             return;
         }
         if (this.parent.hasId) {

package/src/file-manager/models/column-model.d.ts

@@ -147,7 +147,7 @@ export interface ColumnModel {
     /**
      * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
      *
-
+     * @deprecated
      * @default false
      */
     isPrimaryKey?: boolean;

package/src/file-manager/models/column.d.ts

@@ -172,7 +172,7 @@ export declare class Column extends ChildProperty<Column> {
     /**
      * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
      *
-
+     * @deprecated
      * @default false
      */
     isPrimaryKey: boolean;

package/src/file-manager/pop-up/context-menu.d.ts

@@ -27,7 +27,7 @@ export declare class ContextMenu {
     constructor(parent?: IFileManager);
     private render;
     onBeforeItemRender(args: MenuEventArgs): void;
-    onBeforeClose(): void;
+    onBeforeClose(args: BeforeOpenCloseMenuEventArgs): void;
     onBeforeOpen(args: BeforeOpenCloseMenuEventArgs): void;
     private updateActiveModule;
     /**

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

@@ -61,7 +61,23 @@ var ContextMenu = /** @class */ (function () {
             iconSpan.setAttribute('class', CLS.ICON_GRID + ' ' + CLS.MENU_ICON);
         }
     };
-    ContextMenu.prototype.onBeforeClose = function () {
+    ContextMenu.prototype.onBeforeClose = function (args) {
+        var eventArgs = {
+            cancel: false,
+            element: args.element,
+            event: args.event,
+            isFocused: args.isFocused,
+            fileDetails: [this.menuItemData],
+            items: args.items,
+            parentItem: args.parentItem,
+            menuType: this.menuType
+        };
+        this.parent.trigger('menuClose', eventArgs, function (menuCloseArgs) {
+            if (menuCloseArgs.cancel) {
+                args.cancel = menuCloseArgs.cancel;
+                return;
+            }
+        });
         this.menuTarget = null;
         if (!this.isMenuItemClicked && this.parent.pathId.length > 1 && this.parent.activeModule === 'navigationpane') {
             this.parent.pathId.pop();
@@ -398,6 +414,9 @@ var ContextMenu = /** @class */ (function () {
                         break;
                     case 'paste':
                         if (_this.menuType === 'folder') {
+                            if (_this.parent.activeModule === 'navigationpane') {
+                                _this.parent.navigationpaneModule.openFileOnContextMenuClick(closest(_this.targetNodeElement, 'li'));
+                            }
                             _this.parent.folderPath = getFullPath(_this.parent, _this.menuItemData, _this.parent.path);
                         }
                         else {

package/styles/file-manager/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-inputs/styles/textbox/material3-dark-definition.scss';

package/styles/file-manager/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-inputs/styles/textbox/material3-definition.scss';

package/styles/material3-dark.scss

@@ -1,5 +1,5 @@
 
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-inputs/styles/textbox/material3-dark-definition.scss';

package/styles/material3.scss

@@ -1,5 +1,5 @@
 
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-inputs/styles/textbox/material3-definition.scss';