@syncfusion/ej2-filemanager 22.2.10 → 23.1.36

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 (58) hide show
  1. package/CHANGELOG.md +4 -69
  2. package/dist/ej2-filemanager.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +183 -30
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +197 -28
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/file-manager/actions/toolbar.d.ts +1 -0
  14. package/src/file-manager/actions/toolbar.js +117 -8
  15. package/src/file-manager/base/file-manager-model.d.ts +12 -1
  16. package/src/file-manager/base/file-manager.d.ts +11 -0
  17. package/src/file-manager/base/file-manager.js +9 -4
  18. package/src/file-manager/base/interface.d.ts +2 -1
  19. package/src/file-manager/layout/details-view.d.ts +1 -0
  20. package/src/file-manager/layout/details-view.js +8 -7
  21. package/src/file-manager/layout/navigation-pane.js +0 -1
  22. package/src/file-manager/models/details-view-settings-model.d.ts +1 -1
  23. package/src/file-manager/models/toolbar-settings-model.d.ts +177 -2
  24. package/src/file-manager/models/toolbar-settings.d.ts +157 -2
  25. package/src/file-manager/models/toolbar-settings.js +64 -2
  26. package/src/file-manager/pop-up/dialog.js +0 -5
  27. package/styles/file-manager/_material3-definition.scss +1 -1
  28. package/styles/file-manager/bootstrap-dark.scss +1 -1
  29. package/styles/file-manager/bootstrap.scss +1 -1
  30. package/styles/file-manager/bootstrap4.scss +1 -1
  31. package/styles/file-manager/bootstrap5-dark.scss +1 -1
  32. package/styles/file-manager/bootstrap5.scss +1 -1
  33. package/styles/file-manager/fabric-dark.scss +1 -1
  34. package/styles/file-manager/fabric.scss +1 -1
  35. package/styles/file-manager/fluent-dark.scss +1 -1
  36. package/styles/file-manager/fluent.scss +1 -1
  37. package/styles/file-manager/highcontrast-light.scss +1 -1
  38. package/styles/file-manager/highcontrast.scss +1 -1
  39. package/styles/file-manager/material-dark.css +0 -1
  40. package/styles/file-manager/material-dark.scss +1 -1
  41. package/styles/file-manager/material.css +0 -1
  42. package/styles/file-manager/material.scss +1 -1
  43. package/styles/file-manager/material3-dark.css +1 -2
  44. package/styles/file-manager/material3-dark.scss +1 -1
  45. package/styles/file-manager/material3.css +1 -2
  46. package/styles/file-manager/material3.scss +1 -1
  47. package/styles/file-manager/tailwind-dark.css +0 -1
  48. package/styles/file-manager/tailwind-dark.scss +1 -1
  49. package/styles/file-manager/tailwind.css +0 -1
  50. package/styles/file-manager/tailwind.scss +1 -1
  51. package/styles/material-dark.css +0 -1
  52. package/styles/material.css +0 -1
  53. package/styles/material3-dark.css +1 -2
  54. package/styles/material3-dark.scss +1 -1
  55. package/styles/material3.css +1 -2
  56. package/styles/material3.scss +1 -1
  57. package/styles/tailwind-dark.css +0 -1
  58. package/styles/tailwind.css +0 -1
@@ -1,4 +1,4 @@
1
- import { Ajax, Browser, ChildProperty, Complex, Component, Draggable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, closest, createElement, detach, extend, formatUnit, getUniqueID, getValue, initializeCSPTemplate, isNullOrUndefined, isVisible, matches, remove, removeClass, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
1
+ import { Ajax, Browser, ChildProperty, Collection, Complex, Component, Draggable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, Touch, addClass, closest, createElement, detach, extend, formatUnit, getUniqueID, getValue, initializeCSPTemplate, isNullOrUndefined, isVisible, matches, remove, removeClass, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
2
2
  import { Splitter } from '@syncfusion/ej2-layouts';
3
3
  import { Dialog, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
4
4
  import { DataManager, Query } from '@syncfusion/ej2-data';
@@ -39,7 +39,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
39
39
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
40
40
  return c > 3 && r && Object.defineProperty(target, key, r), r;
41
41
  };
42
- const toolbarItems = ['NewFolder', 'Upload', 'Cut', 'Copy', 'Paste', 'Delete', 'Download', 'Rename',
42
+ const defaultToolbarItems = ['NewFolder', 'Upload', 'Cut', 'Copy', 'Paste', 'Delete', 'Download', 'Rename',
43
43
  'SortBy', 'Refresh', 'Selection', 'View', 'Details'];
44
44
  /**
45
45
  * Specifies the Toolbar settings of the FileManager.
@@ -47,11 +47,67 @@ const toolbarItems = ['NewFolder', 'Upload', 'Cut', 'Copy', 'Paste', 'Delete', '
47
47
  class ToolbarSettings extends ChildProperty {
48
48
  }
49
49
  __decorate$1([
50
- Property(toolbarItems)
50
+ Property(defaultToolbarItems)
51
51
  ], ToolbarSettings.prototype, "items", void 0);
52
52
  __decorate$1([
53
53
  Property(true)
54
54
  ], ToolbarSettings.prototype, "visible", void 0);
55
+ class ToolbarItem extends ChildProperty {
56
+ }
57
+ __decorate$1([
58
+ Property('')
59
+ ], ToolbarItem.prototype, "id", void 0);
60
+ __decorate$1([
61
+ Property('')
62
+ ], ToolbarItem.prototype, "text", void 0);
63
+ __decorate$1([
64
+ Property('auto')
65
+ ], ToolbarItem.prototype, "width", void 0);
66
+ __decorate$1([
67
+ Property('')
68
+ ], ToolbarItem.prototype, "cssClass", void 0);
69
+ __decorate$1([
70
+ Property(false)
71
+ ], ToolbarItem.prototype, "showAlwaysInPopup", void 0);
72
+ __decorate$1([
73
+ Property(false)
74
+ ], ToolbarItem.prototype, "disabled", void 0);
75
+ __decorate$1([
76
+ Property('')
77
+ ], ToolbarItem.prototype, "prefixIcon", void 0);
78
+ __decorate$1([
79
+ Property('')
80
+ ], ToolbarItem.prototype, "suffixIcon", void 0);
81
+ __decorate$1([
82
+ Property(true)
83
+ ], ToolbarItem.prototype, "visible", void 0);
84
+ __decorate$1([
85
+ Property('None')
86
+ ], ToolbarItem.prototype, "overflow", void 0);
87
+ __decorate$1([
88
+ Property('')
89
+ ], ToolbarItem.prototype, "template", void 0);
90
+ __decorate$1([
91
+ Property('Button')
92
+ ], ToolbarItem.prototype, "type", void 0);
93
+ __decorate$1([
94
+ Property('Both')
95
+ ], ToolbarItem.prototype, "showTextOn", void 0);
96
+ __decorate$1([
97
+ Property(null)
98
+ ], ToolbarItem.prototype, "htmlAttributes", void 0);
99
+ __decorate$1([
100
+ Property('')
101
+ ], ToolbarItem.prototype, "tooltipText", void 0);
102
+ __decorate$1([
103
+ Property('Left')
104
+ ], ToolbarItem.prototype, "align", void 0);
105
+ __decorate$1([
106
+ Property(-1)
107
+ ], ToolbarItem.prototype, "tabIndex", void 0);
108
+ __decorate$1([
109
+ Property()
110
+ ], ToolbarItem.prototype, "name", void 0);
55
111
 
56
112
  var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
57
113
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2797,7 +2853,6 @@ function Download(parent, path, items) {
2797
2853
  });
2798
2854
  }
2799
2855
 
2800
- // eslint:disable-next-line
2801
2856
  /**
2802
2857
  *
2803
2858
  * @param {IFileManager} parent - Specifies the parent element
@@ -2957,7 +3012,6 @@ function triggerPopupClose(parent, dlgModule, dialogName) {
2957
3012
  const args = { popupModule: dlgModule, element: dlgModule.element, popupName: dialogName };
2958
3013
  parent.trigger('popupClose', args);
2959
3014
  }
2960
- // eslint:disable-next-line
2961
3015
  /**
2962
3016
  *
2963
3017
  * @param {IFileManager} parent - Specifies the parent element.
@@ -3177,7 +3231,6 @@ function retryDlgClose(parent) {
3177
3231
  * @returns {void}
3178
3232
  * @private
3179
3233
  */
3180
- // eslint-disable-next-line
3181
3234
  function onRetryOpen(parent, args) {
3182
3235
  parent.isRetryOpened = true;
3183
3236
  const dialogEle = getValue('element', args);
@@ -3326,8 +3379,6 @@ function createInput(ele, placeholder) {
3326
3379
  }
3327
3380
  });
3328
3381
  }
3329
- /* istanbul ignore next */
3330
- // eslint:disable-next-line
3331
3382
  /**
3332
3383
  *
3333
3384
  * @param {IFileManager} parent - specifies the parent element.
@@ -7240,6 +7291,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7240
7291
  this.notify(modelChanged, { module: 'largeiconsview', newProp: newProp, oldProp: oldProp });
7241
7292
  break;
7242
7293
  case 'toolbarSettings':
7294
+ case 'toolbarItems':
7243
7295
  this.adjustHeight();
7244
7296
  this.notify(modelChanged, { module: 'toolbar', newProp: newProp, oldProp: oldProp });
7245
7297
  break;
@@ -7348,10 +7400,10 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7348
7400
  this.element.innerHTML = '';
7349
7401
  this.breadCrumbBarNavigation = null;
7350
7402
  this.activeElements = null;
7351
- this.virtualizationModule = null;
7352
7403
  this.virtualDragElement = null;
7353
7404
  this.visitedItem = null;
7354
7405
  super.destroy();
7406
+ this.virtualizationModule = null;
7355
7407
  this.navigationpaneModule = null;
7356
7408
  this.toolbarModule = null;
7357
7409
  this.contextmenuModule = null;
@@ -7416,7 +7468,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7416
7468
  * @returns {void}
7417
7469
  */
7418
7470
  disableToolbarItems(items) {
7419
- if (!isNullOrUndefined(items)) {
7471
+ if (!isNullOrUndefined(items) && this.toolbarModule) {
7420
7472
  this.toolbarModule.enableItems(items, false);
7421
7473
  }
7422
7474
  }
@@ -7440,7 +7492,7 @@ let FileManager = FileManager_1 = class FileManager extends Component {
7440
7492
  * @returns {void}
7441
7493
  */
7442
7494
  enableToolbarItems(items) {
7443
- if (!isNullOrUndefined(items)) {
7495
+ if (!isNullOrUndefined(items) && this.toolbarModule) {
7444
7496
  this.toolbarModule.enableItems(items, true);
7445
7497
  }
7446
7498
  }
@@ -7675,6 +7727,9 @@ __decorate$8([
7675
7727
  __decorate$8([
7676
7728
  Complex({}, ToolbarSettings)
7677
7729
  ], FileManager.prototype, "toolbarSettings", void 0);
7730
+ __decorate$8([
7731
+ Collection([], ToolbarItem)
7732
+ ], FileManager.prototype, "toolbarItems", void 0);
7678
7733
  __decorate$8([
7679
7734
  Complex({}, UploadSettings)
7680
7735
  ], FileManager.prototype, "uploadSettings", void 0);
@@ -7761,6 +7816,7 @@ FileManager = FileManager_1 = __decorate$8([
7761
7816
  * File Manager base modules
7762
7817
  */
7763
7818
 
7819
+ /* eslint-disable @typescript-eslint/no-explicit-any */
7764
7820
  /**
7765
7821
  * Toolbar module
7766
7822
  */
@@ -7795,6 +7851,7 @@ class Toolbar$1 {
7795
7851
  enableRtl: this.parent.enableRtl
7796
7852
  });
7797
7853
  this.toolbarObj.isStringTemplate = true;
7854
+ this.toolbarObj.root = this.parent.root ? this.parent.root : this.parent;
7798
7855
  this.toolbarObj.appendTo('#' + this.parent.element.id + TOOLBAR_ID);
7799
7856
  });
7800
7857
  }
@@ -7808,10 +7865,13 @@ class Toolbar$1 {
7808
7865
  return -1;
7809
7866
  }
7810
7867
  getItems(items) {
7811
- const currItems = items.slice();
7868
+ let currItems = items.slice();
7812
7869
  if (this.parent.isDevice && this.parent.allowMultiSelection) {
7813
7870
  currItems.push('SelectAll');
7814
7871
  }
7872
+ if (this.parent.toolbarItems.length > 0) {
7873
+ currItems = this.parent.toolbarItems.map((item) => item.name);
7874
+ }
7815
7875
  return currItems;
7816
7876
  }
7817
7877
  /* istanbul ignore next */
@@ -7951,6 +8011,10 @@ class Toolbar$1 {
7951
8011
  }
7952
8012
  this.hideItems(this.default, true);
7953
8013
  this.hideStatus();
8014
+ if (this.parent.portals && this.toolbarObj.portals) {
8015
+ this.parent.portals = this.parent.portals.concat(this.toolbarObj.portals);
8016
+ this.parent['renderReactTemplates']();
8017
+ }
7954
8018
  const btnElement = selectAll('.e-btn', this.toolbarObj.element);
7955
8019
  for (let btnCount = 0; btnCount < btnElement.length; btnCount++) {
7956
8020
  /* istanbul ignore next */
@@ -8020,10 +8084,13 @@ class Toolbar$1 {
8020
8084
  }
8021
8085
  for (let i = 0; i < data.length; i++) {
8022
8086
  let item;
8087
+ let propItem;
8088
+ if (this.parent.toolbarItems.length > 0) {
8089
+ propItem = this.getItemModel(this.parent.toolbarItems[parseInt(i.toString(), 10)]);
8090
+ }
8023
8091
  const itemId = this.getId(data[i]);
8024
8092
  const itemText = getLocaleText(this.parent, data[i]);
8025
8093
  const itemTooltip = getLocaleText(this.parent, 'Tooltip-' + data[i]);
8026
- const spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + itemText + '</span>';
8027
8094
  switch (data[i]) {
8028
8095
  case '|':
8029
8096
  item = { type: 'Separator' };
@@ -8031,12 +8098,17 @@ class Toolbar$1 {
8031
8098
  case 'Upload':
8032
8099
  item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_UPLOAD, showTextOn: mode };
8033
8100
  break;
8034
- case 'SortBy':
8101
+ case 'SortBy': {
8102
+ let spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + itemText + '</span>';
8103
+ if (propItem && propItem.text) {
8104
+ spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + propItem.text + '</span>';
8105
+ }
8035
8106
  item = {
8036
8107
  id: itemId, tooltipText: itemTooltip,
8037
8108
  template: '<button id="' + itemId + '" class="e-tbar-btn e-tbtn-txt" tabindex="-1">' + spanElement + '</button>'
8038
8109
  };
8039
8110
  break;
8111
+ }
8040
8112
  case 'Refresh':
8041
8113
  item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_REFRESH, showTextOn: mode };
8042
8114
  break;
@@ -8046,14 +8118,22 @@ class Toolbar$1 {
8046
8118
  align: 'Right'
8047
8119
  };
8048
8120
  break;
8049
- case 'View':
8121
+ case 'View': {
8122
+ let viewText;
8123
+ if (propItem && propItem.text) {
8124
+ viewText = propItem.text;
8125
+ }
8126
+ else {
8127
+ viewText = getLocaleText(this.parent, 'View');
8128
+ }
8050
8129
  item = {
8051
8130
  id: itemId, tooltipText: itemTooltip, prefixIcon: this.parent.view === 'Details' ? ICON_GRID : ICON_LARGE,
8052
8131
  overflow: 'Show', align: 'Right', text: itemText, showTextOn: 'Overflow',
8053
8132
  template: '<button id="' + itemId + '" class="e-tbar-btn e-tbtn-txt" tabindex="-1" aria-label=' +
8054
- getLocaleText(this.parent, 'View') + '></button>'
8133
+ viewText + '></button>'
8055
8134
  };
8056
8135
  break;
8136
+ }
8057
8137
  case 'Details':
8058
8138
  item = {
8059
8139
  id: itemId, tooltipText: itemTooltip, prefixIcon: ICON_DETAILS, overflow: 'Show', align: 'Right',
@@ -8085,13 +8165,74 @@ class Toolbar$1 {
8085
8165
  item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_SELECTALL, showTextOn: mode };
8086
8166
  break;
8087
8167
  default:
8088
- item = { id: itemId, text: itemText, tooltipText: itemTooltip };
8168
+ item = { id: itemId, text: itemText, tooltipText: itemTooltip, template: '' };
8089
8169
  break;
8090
8170
  }
8091
- items.push(item);
8171
+ if (this.parent.toolbarItems.length > 0 && propItem) {
8172
+ const mergedItems = Object.assign({}, item, propItem);
8173
+ items.push(mergedItems);
8174
+ }
8175
+ else {
8176
+ items.push(item);
8177
+ }
8092
8178
  }
8093
8179
  return items;
8094
8180
  }
8181
+ getItemModel(propItem) {
8182
+ const item = {};
8183
+ if (propItem.id) {
8184
+ item.id = propItem.id;
8185
+ }
8186
+ if (propItem.text) {
8187
+ item.text = propItem.text;
8188
+ }
8189
+ if (propItem.tooltipText) {
8190
+ item.tooltipText = propItem.tooltipText;
8191
+ }
8192
+ if (propItem.prefixIcon) {
8193
+ item.prefixIcon = propItem.prefixIcon;
8194
+ }
8195
+ if (propItem.cssClass) {
8196
+ item.cssClass = propItem.cssClass;
8197
+ }
8198
+ if (propItem.showTextOn !== 'Both') {
8199
+ item.showTextOn = propItem.showTextOn;
8200
+ }
8201
+ if (propItem.template) {
8202
+ item.template = propItem.template;
8203
+ }
8204
+ if (propItem.disabled) {
8205
+ item.disabled = propItem.disabled;
8206
+ }
8207
+ if (propItem.width !== 'auto') {
8208
+ item.width = propItem.width;
8209
+ }
8210
+ if (propItem.suffixIcon) {
8211
+ item.suffixIcon = propItem.suffixIcon;
8212
+ }
8213
+ if (propItem.align !== 'Left') {
8214
+ item.align = propItem.align;
8215
+ }
8216
+ if (propItem.overflow !== 'None') {
8217
+ item.overflow = propItem.overflow;
8218
+ }
8219
+ if (propItem.htmlAttributes) {
8220
+ item.htmlAttributes = propItem.htmlAttributes;
8221
+ }
8222
+ if (propItem.type !== 'Button') {
8223
+ item.type = propItem.type;
8224
+ }
8225
+ if (propItem.visible !== true) {
8226
+ item.visible = propItem.visible;
8227
+ }
8228
+ if (propItem.showAlwaysInPopup) {
8229
+ item.showAlwaysInPopup = propItem.showAlwaysInPopup;
8230
+ }
8231
+ if (propItem.tabIndex !== -1) {
8232
+ item.tabIndex = propItem.tabIndex;
8233
+ }
8234
+ return item;
8235
+ }
8095
8236
  getId(id) {
8096
8237
  return this.parent.element.id + '_tb_' + id.toLowerCase();
8097
8238
  }
@@ -8105,8 +8246,19 @@ class Toolbar$1 {
8105
8246
  this.parent.on(sortByChange, this.updateSortByButton, this);
8106
8247
  }
8107
8248
  reRenderToolbar(e) {
8108
- if (e.newProp.toolbarSettings.items !== undefined) {
8109
- this.items = this.toolbarItemData(this.getItems(e.newProp.toolbarSettings.items.map((item) => item.trim())));
8249
+ let itemsToProcess = [];
8250
+ if (this.parent.toolbarItems.length > 0) {
8251
+ itemsToProcess = this.parent.toolbarItems.map((item) => {
8252
+ return item.name;
8253
+ });
8254
+ }
8255
+ else if (e.newProp.toolbarSettings.items !== undefined) {
8256
+ itemsToProcess = e.newProp.toolbarSettings.items.map((item) => {
8257
+ return item.trim();
8258
+ });
8259
+ }
8260
+ if (itemsToProcess.length > 0) {
8261
+ this.items = this.toolbarItemData(this.getItems(itemsToProcess));
8110
8262
  const eventArgs = { items: this.items };
8111
8263
  this.parent.trigger('toolbarCreate', eventArgs, (toolbarCreateArgs) => {
8112
8264
  if (this.buttonObj) {
@@ -8219,6 +8371,7 @@ class Toolbar$1 {
8219
8371
  this.toolbarObj.refreshOverflow();
8220
8372
  break;
8221
8373
  case 'toolbarSettings':
8374
+ case 'toolbarItems':
8222
8375
  this.reRenderToolbar(e);
8223
8376
  break;
8224
8377
  }
@@ -8752,7 +8905,6 @@ class NavigationPane {
8752
8905
  this.parent.pathId = getPathId(args.node);
8753
8906
  this.parent.visitedItem = args.node;
8754
8907
  }
8755
- this.expandNodeTarget = null;
8756
8908
  if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
8757
8909
  this.expandNodeTarget = 'add';
8758
8910
  }
@@ -9514,11 +9666,16 @@ class DetailsView {
9514
9666
  }
9515
9667
  reactTemplateRender(args) {
9516
9668
  this.parent[`portals`] = args;
9669
+ if (this.parent.portals && this.parent.toolbarModule && this.parent.toolbarModule.toolbarObj &&
9670
+ this.parent.toolbarModule.toolbarObj.portals) {
9671
+ this.parent[`portals`] = this.parent[`portals`].concat(this.parent.toolbarModule.toolbarObj.portals);
9672
+ }
9517
9673
  this.parent.notify('renderReactTemplate', this.parent[`portals`]);
9518
9674
  this.parent[`renderReactTemplates`]();
9519
9675
  }
9520
9676
  /**
9521
9677
  * Gets the grid height.
9678
+ *
9522
9679
  * @returns The grid height.
9523
9680
  * @private
9524
9681
  */
@@ -9586,7 +9743,7 @@ class DetailsView {
9586
9743
  }), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
9587
9744
  headerTemplate: initializeCSPTemplate(function () {
9588
9745
  return `<span class="e-fe-icon e-fe-folder"></span>`;
9589
- }),
9746
+ })
9590
9747
  };
9591
9748
  columns.unshift(icon);
9592
9749
  if (this.parent.showItemCheckBoxes) {
@@ -9668,7 +9825,7 @@ class DetailsView {
9668
9825
  break;
9669
9826
  }
9670
9827
  }
9671
- let value = intl.formatNumber((sizeValue / 1024), { format: sizeFormat });
9828
+ const value = intl.formatNumber((sizeValue / 1024), { format: sizeFormat });
9672
9829
  modifiedSize = value + ' ' + getLocaleText(this.parent, 'KB');
9673
9830
  }
9674
9831
  sizeEle.innerHTML = modifiedSize;
@@ -10317,8 +10474,8 @@ class DetailsView {
10317
10474
  if (dragLi.getElementsByClassName('e-fe-text')[0]) {
10318
10475
  name = dragLi.getElementsByClassName('e-fe-text')[0].innerText;
10319
10476
  }
10320
- else if (dragLi.getElementsByClassName("e-rowcell e-templatecell")[0].nextElementSibling) {
10321
- name = dragLi.getElementsByClassName("e-rowcell e-templatecell")[0].nextElementSibling.innerText;
10477
+ else if (dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling) {
10478
+ name = dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling.innerText;
10322
10479
  }
10323
10480
  if (dragLi && !dragLi.querySelector('.e-active')) {
10324
10481
  this.selectRecords([name]);
@@ -10539,10 +10696,6 @@ class DetailsView {
10539
10696
  }
10540
10697
  this.parent.visitedItem = args.row;
10541
10698
  if ((!this.parent.enableVirtualization) || (!args.isHeaderCheckboxClicked)) {
10542
- if (this.parent.allowMultiSelection && !isNullOrUndefined(item) && !isNullOrUndefined(item.querySelector('.e-checkselect'))) {
10543
- const checkItem = item.querySelector('.e-checkselect');
10544
- checkItem.focus();
10545
- }
10546
10699
  this.addFocus(this.gridObj.selectedRowIndex);
10547
10700
  }
10548
10701
  if (!this.parent.isLayoutChange) {
@@ -11308,5 +11461,5 @@ class DetailsView {
11308
11461
  * File Manager all modules
11309
11462
  */
11310
11463
 
11311
- 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, Virtualization, NavigationPane, DetailsView, LargeIconsView, createDialog, createExtDialog, createImageDialog, ContextMenu$2 as ContextMenu };
11464
+ export { AjaxSettings, defaultToolbarItems, ToolbarSettings, ToolbarItem, 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, Virtualization, NavigationPane, DetailsView, LargeIconsView, createDialog, createExtDialog, createImageDialog, ContextMenu$2 as ContextMenu };
11312
11465
  //# sourceMappingURL=ej2-filemanager.es2015.js.map