@syncfusion/ej2-filemanager 22.2.12 → 23.1.38
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.
- package/CHANGELOG.md +9 -72
- package/dist/ej2-filemanager.min.js +3 -3
- package/dist/ej2-filemanager.umd.min.js +3 -3
- package/dist/ej2-filemanager.umd.min.js.map +1 -1
- package/dist/es6/ej2-filemanager.es2015.js +191 -30
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +205 -28
- package/dist/es6/ej2-filemanager.es5.js.map +1 -1
- package/dist/global/ej2-filemanager.min.js +3 -3
- package/dist/global/ej2-filemanager.min.js.map +1 -1
- package/dist/global/index.d.ts +2 -2
- package/package.json +16 -16
- package/src/file-manager/actions/toolbar.d.ts +1 -0
- package/src/file-manager/actions/toolbar.js +117 -8
- package/src/file-manager/base/file-manager-model.d.ts +12 -1
- package/src/file-manager/base/file-manager.d.ts +11 -0
- package/src/file-manager/base/file-manager.js +9 -4
- package/src/file-manager/base/interface.d.ts +2 -1
- package/src/file-manager/layout/details-view.d.ts +1 -0
- package/src/file-manager/layout/details-view.js +9 -4
- package/src/file-manager/layout/large-icons-view.js +1 -1
- package/src/file-manager/layout/navigation-pane.js +6 -3
- package/src/file-manager/models/details-view-settings-model.d.ts +1 -1
- package/src/file-manager/models/toolbar-settings-model.d.ts +177 -2
- package/src/file-manager/models/toolbar-settings.d.ts +157 -2
- package/src/file-manager/models/toolbar-settings.js +64 -2
- package/src/file-manager/pop-up/dialog.js +0 -5
- package/styles/file-manager/_material3-definition.scss +1 -1
- package/styles/file-manager/bootstrap-dark.scss +1 -1
- package/styles/file-manager/bootstrap.scss +1 -1
- package/styles/file-manager/bootstrap4.scss +1 -1
- package/styles/file-manager/bootstrap5-dark.scss +1 -1
- package/styles/file-manager/bootstrap5.scss +1 -1
- package/styles/file-manager/fabric-dark.scss +1 -1
- package/styles/file-manager/fabric.scss +1 -1
- package/styles/file-manager/fluent-dark.scss +1 -1
- package/styles/file-manager/fluent.scss +1 -1
- package/styles/file-manager/highcontrast-light.scss +1 -1
- package/styles/file-manager/highcontrast.scss +1 -1
- package/styles/file-manager/material-dark.css +0 -1
- package/styles/file-manager/material-dark.scss +1 -1
- package/styles/file-manager/material.css +0 -1
- package/styles/file-manager/material.scss +1 -1
- package/styles/file-manager/material3-dark.css +1 -2
- package/styles/file-manager/material3-dark.scss +1 -1
- package/styles/file-manager/material3.css +1 -2
- package/styles/file-manager/material3.scss +1 -1
- package/styles/file-manager/tailwind-dark.css +0 -1
- package/styles/file-manager/tailwind-dark.scss +1 -1
- package/styles/file-manager/tailwind.css +0 -1
- package/styles/file-manager/tailwind.scss +1 -1
- package/styles/material-dark.css +0 -1
- package/styles/material.css +0 -1
- package/styles/material3-dark.css +1 -2
- package/styles/material3-dark.scss +1 -1
- package/styles/material3.css +1 -2
- package/styles/material3.scss +1 -1
- package/styles/tailwind-dark.css +0 -1
- 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
|
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(
|
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.
|
@@ -3956,7 +4007,7 @@ class LargeIconsView {
|
|
3956
4007
|
}
|
3957
4008
|
}
|
3958
4009
|
createDragObj() {
|
3959
|
-
if (
|
4010
|
+
if (this.listObj) {
|
3960
4011
|
if (this.parent.allowDragAndDrop) {
|
3961
4012
|
if (this.dragObj) {
|
3962
4013
|
this.dragObj.destroy();
|
@@ -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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
8109
|
-
|
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
|
}
|
@@ -8666,8 +8819,12 @@ class NavigationPane {
|
|
8666
8819
|
}
|
8667
8820
|
length++;
|
8668
8821
|
}
|
8669
|
-
|
8670
|
-
|
8822
|
+
const element = select('[data-uid="' + target + '"]', this.treeObj.element);
|
8823
|
+
const childElements = select('ul', element);
|
8824
|
+
if (isNullOrUndefined(childElements)) {
|
8825
|
+
// eslint-disable-next-line
|
8826
|
+
this.treeObj.addNodes(directories, target, null, prevent);
|
8827
|
+
}
|
8671
8828
|
}
|
8672
8829
|
}
|
8673
8830
|
// Node Selecting event handler
|
@@ -8752,7 +8909,6 @@ class NavigationPane {
|
|
8752
8909
|
this.parent.pathId = getPathId(args.node);
|
8753
8910
|
this.parent.visitedItem = args.node;
|
8754
8911
|
}
|
8755
|
-
this.expandNodeTarget = null;
|
8756
8912
|
if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
|
8757
8913
|
this.expandNodeTarget = 'add';
|
8758
8914
|
}
|
@@ -9514,11 +9670,16 @@ class DetailsView {
|
|
9514
9670
|
}
|
9515
9671
|
reactTemplateRender(args) {
|
9516
9672
|
this.parent[`portals`] = args;
|
9673
|
+
if (this.parent.portals && this.parent.toolbarModule && this.parent.toolbarModule.toolbarObj &&
|
9674
|
+
this.parent.toolbarModule.toolbarObj.portals) {
|
9675
|
+
this.parent[`portals`] = this.parent[`portals`].concat(this.parent.toolbarModule.toolbarObj.portals);
|
9676
|
+
}
|
9517
9677
|
this.parent.notify('renderReactTemplate', this.parent[`portals`]);
|
9518
9678
|
this.parent[`renderReactTemplates`]();
|
9519
9679
|
}
|
9520
9680
|
/**
|
9521
9681
|
* Gets the grid height.
|
9682
|
+
*
|
9522
9683
|
* @returns The grid height.
|
9523
9684
|
* @private
|
9524
9685
|
*/
|
@@ -9586,7 +9747,7 @@ class DetailsView {
|
|
9586
9747
|
}), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
|
9587
9748
|
headerTemplate: initializeCSPTemplate(function () {
|
9588
9749
|
return `<span class="e-fe-icon e-fe-folder"></span>`;
|
9589
|
-
})
|
9750
|
+
})
|
9590
9751
|
};
|
9591
9752
|
columns.unshift(icon);
|
9592
9753
|
if (this.parent.showItemCheckBoxes) {
|
@@ -9668,7 +9829,7 @@ class DetailsView {
|
|
9668
9829
|
break;
|
9669
9830
|
}
|
9670
9831
|
}
|
9671
|
-
|
9832
|
+
const value = intl.formatNumber((sizeValue / 1024), { format: sizeFormat });
|
9672
9833
|
modifiedSize = value + ' ' + getLocaleText(this.parent, 'KB');
|
9673
9834
|
}
|
9674
9835
|
sizeEle.innerHTML = modifiedSize;
|
@@ -10317,8 +10478,8 @@ class DetailsView {
|
|
10317
10478
|
if (dragLi.getElementsByClassName('e-fe-text')[0]) {
|
10318
10479
|
name = dragLi.getElementsByClassName('e-fe-text')[0].innerText;
|
10319
10480
|
}
|
10320
|
-
else if (dragLi.getElementsByClassName(
|
10321
|
-
name = dragLi.getElementsByClassName(
|
10481
|
+
else if (dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling) {
|
10482
|
+
name = dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling.innerText;
|
10322
10483
|
}
|
10323
10484
|
if (dragLi && !dragLi.querySelector('.e-active')) {
|
10324
10485
|
this.selectRecords([name]);
|
@@ -10386,7 +10547,7 @@ class DetailsView {
|
|
10386
10547
|
}
|
10387
10548
|
}
|
10388
10549
|
createDragObj() {
|
10389
|
-
if (
|
10550
|
+
if (this.gridObj) {
|
10390
10551
|
if (this.parent.allowDragAndDrop) {
|
10391
10552
|
if (this.dragObj) {
|
10392
10553
|
this.dragObj.destroy();
|
@@ -11304,5 +11465,5 @@ class DetailsView {
|
|
11304
11465
|
* File Manager all modules
|
11305
11466
|
*/
|
11306
11467
|
|
11307
|
-
export { AjaxSettings,
|
11468
|
+
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 };
|
11308
11469
|
//# sourceMappingURL=ej2-filemanager.es2015.js.map
|