@syncfusion/ej2-filemanager 22.2.12 → 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.
- package/CHANGELOG.md +4 -77
- package/dist/ej2-filemanager.min.js +2 -2
- package/dist/ej2-filemanager.umd.min.js +2 -2
- package/dist/ej2-filemanager.umd.min.js.map +1 -1
- package/dist/es6/ej2-filemanager.es2015.js +183 -26
- package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
- package/dist/es6/ej2-filemanager.es5.js +197 -24
- package/dist/es6/ej2-filemanager.es5.js.map +1 -1
- package/dist/global/ej2-filemanager.min.js +2 -2
- package/dist/global/ej2-filemanager.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- 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 +8 -3
- package/src/file-manager/layout/navigation-pane.js +0 -1
- 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.
|
@@ -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
|
}
|
@@ -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
|
-
|
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(
|
10321
|
-
name = dragLi.getElementsByClassName(
|
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]);
|
@@ -11304,5 +11461,5 @@ class DetailsView {
|
|
11304
11461
|
* File Manager all modules
|
11305
11462
|
*/
|
11306
11463
|
|
11307
|
-
export { AjaxSettings,
|
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 };
|
11308
11465
|
//# sourceMappingURL=ej2-filemanager.es2015.js.map
|