@syncfusion/ej2-filemanager 19.4.51 → 20.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +0 -48
  2. package/README.md +1 -1
  3. package/dist/ej2-filemanager.umd.min.js +10 -1
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +23 -8
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +22 -7
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +10 -1
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +9 -0
  12. package/package.json +71 -71
  13. package/src/file-manager/actions/toolbar.js +6 -3
  14. package/src/file-manager/base/classes.d.ts +2 -0
  15. package/src/file-manager/base/classes.js +2 -0
  16. package/src/file-manager/base/file-manager-model.d.ts +7 -0
  17. package/src/file-manager/base/file-manager.d.ts +6 -1
  18. package/src/file-manager/base/file-manager.js +10 -1
  19. package/src/file-manager/common/utility.js +1 -1
  20. package/src/file-manager/layout/details-view.js +1 -0
  21. package/src/file-manager/layout/navigation-pane.js +1 -1
  22. package/src/file-manager/models/navigation-pane-settings.d.ts +8 -8
  23. package/styles/bootstrap5-dark.css +1 -1
  24. package/styles/bootstrap5.css +1 -1
  25. package/styles/file-manager/_bootstrap5-definition.scss +1 -1
  26. package/styles/file-manager/_fluent-dark-definition.scss +1 -0
  27. package/styles/file-manager/_fluent-definition.scss +6 -6
  28. package/styles/file-manager/_layout.scss +18 -3
  29. package/styles/file-manager/_theme.scss +14 -7
  30. package/styles/file-manager/bootstrap5-dark.css +1 -1
  31. package/styles/file-manager/bootstrap5.css +1 -1
  32. package/styles/file-manager/fluent-dark.css +1898 -0
  33. package/styles/file-manager/fluent-dark.scss +16 -0
  34. package/styles/file-manager/fluent.css +1898 -0
  35. package/styles/file-manager/fluent.scss +16 -0
  36. package/styles/file-manager/icons/_fluent-dark.scss +1 -0
  37. package/styles/file-manager/icons/_fluent.scss +19 -19
  38. package/styles/file-manager/icons/_tailwind.scss +49 -49
  39. package/styles/file-manager/tailwind-dark.css +49 -49
  40. package/styles/file-manager/tailwind.css +49 -49
  41. package/styles/fluent-dark.css +1898 -0
  42. package/styles/fluent-dark.scss +1 -0
  43. package/styles/fluent.css +1898 -0
  44. package/styles/fluent.scss +1 -0
  45. package/styles/tailwind-dark.css +49 -49
  46. package/styles/tailwind.css +49 -49
@@ -407,6 +407,8 @@ const SUBMENU_ICON = 'e-caret';
407
407
  /** @hidden */
408
408
  const GRID_VIEW = 'e-content';
409
409
  /** @hidden */
410
+ const GRID_CONTENT = 'e-gridcontent';
411
+ /** @hidden */
410
412
  const ICON_VIEW = 'e-list-parent';
411
413
  /** @hidden */
412
414
  const ICON_OPEN = 'e-icons e-fe-open';
@@ -923,7 +925,7 @@ function updateLayout(parent, view) {
923
925
  function getTargetModule(parent, element) {
924
926
  let tartgetModule = '';
925
927
  if (element) {
926
- if (closest(element, '.e-gridcontent')) {
928
+ if (closest(element, '.' + ROOT + '.' + CONTROL + ' .' + GRID_CONTENT)) {
927
929
  tartgetModule = 'detailsview';
928
930
  }
929
931
  else if (closest(element, '.' + LARGE_ICONS)) {
@@ -6379,7 +6381,6 @@ let FileManager = FileManager_1 = class FileManager extends Component {
6379
6381
  this.uploadItem = [];
6380
6382
  this.deleteRecords = [];
6381
6383
  this.isFile = false;
6382
- this.sortBy = 'name';
6383
6384
  this.isCut = false;
6384
6385
  this.isSearchCut = false;
6385
6386
  this.isSearchDrag = false;
@@ -7099,6 +7100,13 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7099
7100
  refresh(this);
7100
7101
  this.notify(sortByChange, {});
7101
7102
  break;
7103
+ case 'sortBy':
7104
+ refresh(this);
7105
+ this.notify(sortByChange, {});
7106
+ if (this.view === 'Details') {
7107
+ this.notify(sortColumn, {});
7108
+ }
7109
+ break;
7102
7110
  case 'popupTarget':
7103
7111
  if (this.uploadDialogObj) {
7104
7112
  this.uploadDialogObj.target = newProp.popupTarget;
@@ -7482,6 +7490,9 @@ __decorate$8([
7482
7490
  __decorate$8([
7483
7491
  Property('Ascending')
7484
7492
  ], FileManager.prototype, "sortOrder", void 0);
7493
+ __decorate$8([
7494
+ Property('name')
7495
+ ], FileManager.prototype, "sortBy", void 0);
7485
7496
  __decorate$8([
7486
7497
  Complex({}, ToolbarSettings)
7487
7498
  ], FileManager.prototype, "toolbarSettings", void 0);
@@ -7713,9 +7724,12 @@ class Toolbar$1 {
7713
7724
  toolbarCreateHandler() {
7714
7725
  if (!isNullOrUndefined(select('#' + this.getId('SortBy'), this.parent.element))) {
7715
7726
  const items = [
7716
- { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'), iconCss: TB_OPTION_DOT },
7717
- { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size') },
7718
- { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified') },
7727
+ { id: this.getPupupId('name'), text: getLocaleText(this.parent, 'Name'),
7728
+ iconCss: this.parent.sortBy === 'name' ? TB_OPTION_DOT : '' },
7729
+ { id: this.getPupupId('size'), text: getLocaleText(this.parent, 'Size'),
7730
+ iconCss: this.parent.sortBy === 'size' ? TB_OPTION_DOT : '' },
7731
+ { id: this.getPupupId('date'), text: getLocaleText(this.parent, 'DateModified'),
7732
+ iconCss: this.parent.sortBy === '_fm_modified' ? TB_OPTION_DOT : '' },
7719
7733
  { separator: true },
7720
7734
  { id: this.getPupupId('ascending'), text: getLocaleText(this.parent, 'Ascending'),
7721
7735
  iconCss: this.parent.sortOrder === 'Ascending' ? TB_OPTION_TICK : '' },
@@ -8240,7 +8254,7 @@ class NavigationPane {
8240
8254
  this.parent.trigger('fileOpen', eventArgs);
8241
8255
  args.cancel = eventArgs.cancel;
8242
8256
  if (args.cancel) {
8243
- this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] != args.node.getAttribute('data-uid') : false;
8257
+ this.restrictSelecting = this.isNodeClickCalled ? this.previousSelected[0] !== args.node.getAttribute('data-uid') : false;
8244
8258
  this.treeObj.selectedNodes = this.isNodeClickCalled ? this.previousSelected : this.treeObj.selectedNodes;
8245
8259
  this.previousSelected = this.treeObj.selectedNodes;
8246
8260
  if (!isNullOrUndefined(this.parent) && !isNullOrUndefined(this.parent.contextmenuModule)) {
@@ -8278,7 +8292,7 @@ class NavigationPane {
8278
8292
  const nodeData = this.getTreeData(getValue('id', args.nodeData));
8279
8293
  this.parent.selectedItems = [];
8280
8294
  this.parent.itemData = nodeData;
8281
- let previousPath = this.parent.path;
8295
+ const previousPath = this.parent.path;
8282
8296
  updatePath(args.node, this.parent.itemData[0], this.parent);
8283
8297
  if (previousPath !== this.parent.path) {
8284
8298
  this.expandNodeTarget = null;
@@ -10138,6 +10152,7 @@ class DetailsView {
10138
10152
  case 'f2':
10139
10153
  case 'moveDown':
10140
10154
  case 'moveUp':
10155
+ case 'ctrlD':
10141
10156
  e.preventDefault();
10142
10157
  break;
10143
10158
  default:
@@ -10720,5 +10735,5 @@ class DetailsView {
10720
10735
  * File Manager all modules
10721
10736
  */
10722
10737
 
10723
- export { AjaxSettings, toolbarItems, ToolbarSettings, SearchSettings, columnArray, DetailsViewSettings, fileItems, folderItems, layoutItems, ContextMenuSettings, NavigationPaneSettings, UploadSettings, Column, TOOLBAR_ID, LAYOUT_ID, NAVIGATION_ID, TREE_ID, GRID_ID, LARGEICON_ID, DIALOG_ID, ALT_DIALOG_ID, IMG_DIALOG_ID, EXTN_DIALOG_ID, UPLOAD_DIALOG_ID, RETRY_DIALOG_ID, CONTEXT_MENU_ID, SORTBY_ID, VIEW_ID, SPLITTER_ID, CONTENT_ID, BREADCRUMBBAR_ID, UPLOAD_ID, RETRY_ID, SEARCH_ID, ROOT, CONTROL, CHECK_SELECT, ROOT_POPUP, MOBILE, MOB_POPUP, MULTI_SELECT, FILTER, LAYOUT, NAVIGATION, LAYOUT_CONTENT, LARGE_ICONS, TB_ITEM, LIST_ITEM, LIST_TEXT, LIST_PARENT, TB_OPTION_TICK, TB_OPTION_DOT, BLUR, ACTIVE, HOVER, FOCUS, FOCUSED, CHECK, FRAME, CB_WRAP, ROW, ROWCELL, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, CLONE, DROP_FOLDER, DROP_FILE, FOLDER, ICON_IMAGE, ICON_MUSIC, ICON_VIDEO, LARGE_ICON, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON_FOLDER, SELECTED_ITEMS, TEXT_CONTENT, GRID_HEADER, TEMPLATE_CELL, TREE_VIEW, MENU_ITEM, MENU_ICON, SUBMENU_ICON, GRID_VIEW, ICON_VIEW, ICON_OPEN, ICON_UPLOAD, ICON_CUT, ICON_COPY, ICON_PASTE, ICON_DELETE, ICON_RENAME, ICON_NEWFOLDER, ICON_DETAILS, ICON_SHORTBY, ICON_REFRESH, ICON_SELECTALL, ICON_DOWNLOAD, ICON_OPTIONS, ICON_GRID, ICON_LARGE, ICON_BREADCRUMB, ICON_CLEAR, ICON_DROP_IN, ICON_DROP_OUT, ICON_NO_DROP, ICONS, DETAILS_LABEL, ERROR_CONTENT, STATUS, BREADCRUMBS, RTL, DISPLAY_NONE, COLLAPSED, FULLROW, ICON_COLLAPSIBLE, SPLIT_BAR, HEADER_CHECK, OVERLAY, VALUE, isFile, modelChanged, initialEnd, finalizeEnd, createEnd, filterEnd, beforeDelete, pathDrag, deleteInit, deleteEnd, refreshEnd, resizeEnd, splitterResize, pathChanged, destroy, beforeRequest, upload, skipUpload, afterRequest, download, layoutRefresh, actionFailure, search, openInit, openEnd, selectionChanged, selectAllInit, clearAllInit, clearPathInit, layoutChange, sortByChange, nodeExpand, detailsInit, menuItemData, renameInit, renameEndParent, renameEnd, showPaste, hidePaste, selectedData, cutCopyInit, pasteInit, pasteEnd, cutEnd, hideLayout, updateTreeSelection, treeSelect, sortColumn, pathColumn, searchTextChange, beforeDownload, downloadInit, dropInit, dragEnd, dropPath, dragHelper, dragging, updateSelectionData, methodCall, permissionRead, permissionEdit, permissionEditContents, permissionCopy, permissionUpload, permissionDownload, FileManager, Toolbar$1 as Toolbar, BreadCrumbBar, NavigationPane, DetailsView, LargeIconsView, createDialog, createExtDialog, createImageDialog, ContextMenu$2 as ContextMenu };
10738
+ export { AjaxSettings, toolbarItems, ToolbarSettings, SearchSettings, columnArray, DetailsViewSettings, fileItems, folderItems, layoutItems, ContextMenuSettings, NavigationPaneSettings, UploadSettings, Column, TOOLBAR_ID, LAYOUT_ID, NAVIGATION_ID, TREE_ID, GRID_ID, LARGEICON_ID, DIALOG_ID, ALT_DIALOG_ID, IMG_DIALOG_ID, EXTN_DIALOG_ID, UPLOAD_DIALOG_ID, RETRY_DIALOG_ID, CONTEXT_MENU_ID, SORTBY_ID, VIEW_ID, SPLITTER_ID, CONTENT_ID, BREADCRUMBBAR_ID, UPLOAD_ID, RETRY_ID, SEARCH_ID, ROOT, CONTROL, CHECK_SELECT, ROOT_POPUP, MOBILE, MOB_POPUP, MULTI_SELECT, FILTER, LAYOUT, NAVIGATION, LAYOUT_CONTENT, LARGE_ICONS, TB_ITEM, LIST_ITEM, LIST_TEXT, LIST_PARENT, TB_OPTION_TICK, TB_OPTION_DOT, BLUR, ACTIVE, HOVER, FOCUS, FOCUSED, CHECK, FRAME, CB_WRAP, ROW, ROWCELL, EMPTY, EMPTY_CONTENT, EMPTY_INNER_CONTENT, CLONE, DROP_FOLDER, DROP_FILE, FOLDER, ICON_IMAGE, ICON_MUSIC, ICON_VIDEO, LARGE_ICON, LARGE_EMPTY_FOLDER, LARGE_EMPTY_FOLDER_TWO, LARGE_ICON_FOLDER, SELECTED_ITEMS, TEXT_CONTENT, GRID_HEADER, TEMPLATE_CELL, TREE_VIEW, MENU_ITEM, MENU_ICON, SUBMENU_ICON, GRID_VIEW, GRID_CONTENT, ICON_VIEW, ICON_OPEN, ICON_UPLOAD, ICON_CUT, ICON_COPY, ICON_PASTE, ICON_DELETE, ICON_RENAME, ICON_NEWFOLDER, ICON_DETAILS, ICON_SHORTBY, ICON_REFRESH, ICON_SELECTALL, ICON_DOWNLOAD, ICON_OPTIONS, ICON_GRID, ICON_LARGE, ICON_BREADCRUMB, ICON_CLEAR, ICON_DROP_IN, ICON_DROP_OUT, ICON_NO_DROP, ICONS, DETAILS_LABEL, ERROR_CONTENT, STATUS, BREADCRUMBS, RTL, DISPLAY_NONE, COLLAPSED, FULLROW, ICON_COLLAPSIBLE, SPLIT_BAR, HEADER_CHECK, OVERLAY, VALUE, isFile, modelChanged, initialEnd, finalizeEnd, createEnd, filterEnd, beforeDelete, pathDrag, deleteInit, deleteEnd, refreshEnd, resizeEnd, splitterResize, pathChanged, destroy, beforeRequest, upload, skipUpload, afterRequest, download, layoutRefresh, actionFailure, search, openInit, openEnd, selectionChanged, selectAllInit, clearAllInit, clearPathInit, layoutChange, sortByChange, nodeExpand, detailsInit, menuItemData, renameInit, renameEndParent, renameEnd, showPaste, hidePaste, selectedData, cutCopyInit, pasteInit, pasteEnd, cutEnd, hideLayout, updateTreeSelection, treeSelect, sortColumn, pathColumn, searchTextChange, beforeDownload, downloadInit, dropInit, dragEnd, dropPath, dragHelper, dragging, updateSelectionData, methodCall, permissionRead, permissionEdit, permissionEditContents, permissionCopy, permissionUpload, permissionDownload, FileManager, Toolbar$1 as Toolbar, BreadCrumbBar, NavigationPane, DetailsView, LargeIconsView, createDialog, createExtDialog, createImageDialog, ContextMenu$2 as ContextMenu };
10724
10739
  //# sourceMappingURL=ej2-filemanager.es2015.js.map