@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';
|
@@ -70,7 +70,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
70
70
|
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;
|
71
71
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
72
72
|
};
|
73
|
-
var
|
73
|
+
var defaultToolbarItems = ['NewFolder', 'Upload', 'Cut', 'Copy', 'Paste', 'Delete', 'Download', 'Rename',
|
74
74
|
'SortBy', 'Refresh', 'Selection', 'View', 'Details'];
|
75
75
|
/**
|
76
76
|
* Specifies the Toolbar settings of the FileManager.
|
@@ -81,13 +81,74 @@ var ToolbarSettings = /** @__PURE__ @class */ (function (_super) {
|
|
81
81
|
return _super !== null && _super.apply(this, arguments) || this;
|
82
82
|
}
|
83
83
|
__decorate$1([
|
84
|
-
Property(
|
84
|
+
Property(defaultToolbarItems)
|
85
85
|
], ToolbarSettings.prototype, "items", void 0);
|
86
86
|
__decorate$1([
|
87
87
|
Property(true)
|
88
88
|
], ToolbarSettings.prototype, "visible", void 0);
|
89
89
|
return ToolbarSettings;
|
90
90
|
}(ChildProperty));
|
91
|
+
var ToolbarItem = /** @__PURE__ @class */ (function (_super) {
|
92
|
+
__extends$1(ToolbarItem, _super);
|
93
|
+
function ToolbarItem() {
|
94
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
95
|
+
}
|
96
|
+
__decorate$1([
|
97
|
+
Property('')
|
98
|
+
], ToolbarItem.prototype, "id", void 0);
|
99
|
+
__decorate$1([
|
100
|
+
Property('')
|
101
|
+
], ToolbarItem.prototype, "text", void 0);
|
102
|
+
__decorate$1([
|
103
|
+
Property('auto')
|
104
|
+
], ToolbarItem.prototype, "width", void 0);
|
105
|
+
__decorate$1([
|
106
|
+
Property('')
|
107
|
+
], ToolbarItem.prototype, "cssClass", void 0);
|
108
|
+
__decorate$1([
|
109
|
+
Property(false)
|
110
|
+
], ToolbarItem.prototype, "showAlwaysInPopup", void 0);
|
111
|
+
__decorate$1([
|
112
|
+
Property(false)
|
113
|
+
], ToolbarItem.prototype, "disabled", void 0);
|
114
|
+
__decorate$1([
|
115
|
+
Property('')
|
116
|
+
], ToolbarItem.prototype, "prefixIcon", void 0);
|
117
|
+
__decorate$1([
|
118
|
+
Property('')
|
119
|
+
], ToolbarItem.prototype, "suffixIcon", void 0);
|
120
|
+
__decorate$1([
|
121
|
+
Property(true)
|
122
|
+
], ToolbarItem.prototype, "visible", void 0);
|
123
|
+
__decorate$1([
|
124
|
+
Property('None')
|
125
|
+
], ToolbarItem.prototype, "overflow", void 0);
|
126
|
+
__decorate$1([
|
127
|
+
Property('')
|
128
|
+
], ToolbarItem.prototype, "template", void 0);
|
129
|
+
__decorate$1([
|
130
|
+
Property('Button')
|
131
|
+
], ToolbarItem.prototype, "type", void 0);
|
132
|
+
__decorate$1([
|
133
|
+
Property('Both')
|
134
|
+
], ToolbarItem.prototype, "showTextOn", void 0);
|
135
|
+
__decorate$1([
|
136
|
+
Property(null)
|
137
|
+
], ToolbarItem.prototype, "htmlAttributes", void 0);
|
138
|
+
__decorate$1([
|
139
|
+
Property('')
|
140
|
+
], ToolbarItem.prototype, "tooltipText", void 0);
|
141
|
+
__decorate$1([
|
142
|
+
Property('Left')
|
143
|
+
], ToolbarItem.prototype, "align", void 0);
|
144
|
+
__decorate$1([
|
145
|
+
Property(-1)
|
146
|
+
], ToolbarItem.prototype, "tabIndex", void 0);
|
147
|
+
__decorate$1([
|
148
|
+
Property()
|
149
|
+
], ToolbarItem.prototype, "name", void 0);
|
150
|
+
return ToolbarItem;
|
151
|
+
}(ChildProperty));
|
91
152
|
|
92
153
|
var __extends$2 = (undefined && undefined.__extends) || (function () {
|
93
154
|
var extendStatics = function (d, b) {
|
@@ -2941,7 +3002,6 @@ function Download(parent, path, items) {
|
|
2941
3002
|
});
|
2942
3003
|
}
|
2943
3004
|
|
2944
|
-
// eslint:disable-next-line
|
2945
3005
|
/**
|
2946
3006
|
*
|
2947
3007
|
* @param {IFileManager} parent - Specifies the parent element
|
@@ -3101,7 +3161,6 @@ function triggerPopupClose(parent, dlgModule, dialogName) {
|
|
3101
3161
|
var args = { popupModule: dlgModule, element: dlgModule.element, popupName: dialogName };
|
3102
3162
|
parent.trigger('popupClose', args);
|
3103
3163
|
}
|
3104
|
-
// eslint:disable-next-line
|
3105
3164
|
/**
|
3106
3165
|
*
|
3107
3166
|
* @param {IFileManager} parent - Specifies the parent element.
|
@@ -3321,7 +3380,6 @@ function retryDlgClose(parent) {
|
|
3321
3380
|
* @returns {void}
|
3322
3381
|
* @private
|
3323
3382
|
*/
|
3324
|
-
// eslint-disable-next-line
|
3325
3383
|
function onRetryOpen(parent, args) {
|
3326
3384
|
parent.isRetryOpened = true;
|
3327
3385
|
var dialogEle = getValue('element', args);
|
@@ -3470,8 +3528,6 @@ function createInput(ele, placeholder) {
|
|
3470
3528
|
}
|
3471
3529
|
});
|
3472
3530
|
}
|
3473
|
-
/* istanbul ignore next */
|
3474
|
-
// eslint:disable-next-line
|
3475
3531
|
/**
|
3476
3532
|
*
|
3477
3533
|
* @param {IFileManager} parent - specifies the parent element.
|
@@ -7415,6 +7471,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7415
7471
|
this.notify(modelChanged, { module: 'largeiconsview', newProp: newProp, oldProp: oldProp });
|
7416
7472
|
break;
|
7417
7473
|
case 'toolbarSettings':
|
7474
|
+
case 'toolbarItems':
|
7418
7475
|
this.adjustHeight();
|
7419
7476
|
this.notify(modelChanged, { module: 'toolbar', newProp: newProp, oldProp: oldProp });
|
7420
7477
|
break;
|
@@ -7523,10 +7580,10 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7523
7580
|
this.element.innerHTML = '';
|
7524
7581
|
this.breadCrumbBarNavigation = null;
|
7525
7582
|
this.activeElements = null;
|
7526
|
-
this.virtualizationModule = null;
|
7527
7583
|
this.virtualDragElement = null;
|
7528
7584
|
this.visitedItem = null;
|
7529
7585
|
_super.prototype.destroy.call(this);
|
7586
|
+
this.virtualizationModule = null;
|
7530
7587
|
this.navigationpaneModule = null;
|
7531
7588
|
this.toolbarModule = null;
|
7532
7589
|
this.contextmenuModule = null;
|
@@ -7591,7 +7648,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7591
7648
|
* @returns {void}
|
7592
7649
|
*/
|
7593
7650
|
FileManager.prototype.disableToolbarItems = function (items) {
|
7594
|
-
if (!isNullOrUndefined(items)) {
|
7651
|
+
if (!isNullOrUndefined(items) && this.toolbarModule) {
|
7595
7652
|
this.toolbarModule.enableItems(items, false);
|
7596
7653
|
}
|
7597
7654
|
};
|
@@ -7615,7 +7672,7 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7615
7672
|
* @returns {void}
|
7616
7673
|
*/
|
7617
7674
|
FileManager.prototype.enableToolbarItems = function (items) {
|
7618
|
-
if (!isNullOrUndefined(items)) {
|
7675
|
+
if (!isNullOrUndefined(items) && this.toolbarModule) {
|
7619
7676
|
this.toolbarModule.enableItems(items, true);
|
7620
7677
|
}
|
7621
7678
|
};
|
@@ -7850,6 +7907,9 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7850
7907
|
__decorate$8([
|
7851
7908
|
Complex({}, ToolbarSettings)
|
7852
7909
|
], FileManager.prototype, "toolbarSettings", void 0);
|
7910
|
+
__decorate$8([
|
7911
|
+
Collection([], ToolbarItem)
|
7912
|
+
], FileManager.prototype, "toolbarItems", void 0);
|
7853
7913
|
__decorate$8([
|
7854
7914
|
Complex({}, UploadSettings)
|
7855
7915
|
], FileManager.prototype, "uploadSettings", void 0);
|
@@ -7938,6 +7998,18 @@ var FileManager = /** @__PURE__ @class */ (function (_super) {
|
|
7938
7998
|
* File Manager base modules
|
7939
7999
|
*/
|
7940
8000
|
|
8001
|
+
var __assign = (undefined && undefined.__assign) || function () {
|
8002
|
+
__assign = Object.assign || function(t) {
|
8003
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
8004
|
+
s = arguments[i];
|
8005
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
8006
|
+
t[p] = s[p];
|
8007
|
+
}
|
8008
|
+
return t;
|
8009
|
+
};
|
8010
|
+
return __assign.apply(this, arguments);
|
8011
|
+
};
|
8012
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
7941
8013
|
/**
|
7942
8014
|
* Toolbar module
|
7943
8015
|
*/
|
@@ -7973,6 +8045,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
7973
8045
|
enableRtl: _this.parent.enableRtl
|
7974
8046
|
});
|
7975
8047
|
_this.toolbarObj.isStringTemplate = true;
|
8048
|
+
_this.toolbarObj.root = _this.parent.root ? _this.parent.root : _this.parent;
|
7976
8049
|
_this.toolbarObj.appendTo('#' + _this.parent.element.id + TOOLBAR_ID);
|
7977
8050
|
});
|
7978
8051
|
};
|
@@ -7990,6 +8063,9 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
7990
8063
|
if (this.parent.isDevice && this.parent.allowMultiSelection) {
|
7991
8064
|
currItems.push('SelectAll');
|
7992
8065
|
}
|
8066
|
+
if (this.parent.toolbarItems.length > 0) {
|
8067
|
+
currItems = this.parent.toolbarItems.map(function (item) { return item.name; });
|
8068
|
+
}
|
7993
8069
|
return currItems;
|
7994
8070
|
};
|
7995
8071
|
/* istanbul ignore next */
|
@@ -8130,6 +8206,10 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8130
8206
|
}
|
8131
8207
|
this.hideItems(this.default, true);
|
8132
8208
|
this.hideStatus();
|
8209
|
+
if (this.parent.portals && this.toolbarObj.portals) {
|
8210
|
+
this.parent.portals = this.parent.portals.concat(this.toolbarObj.portals);
|
8211
|
+
this.parent['renderReactTemplates']();
|
8212
|
+
}
|
8133
8213
|
var btnElement = selectAll('.e-btn', this.toolbarObj.element);
|
8134
8214
|
var _loop_1 = function (btnCount) {
|
8135
8215
|
/* istanbul ignore next */
|
@@ -8202,10 +8282,13 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8202
8282
|
}
|
8203
8283
|
for (var i = 0; i < data.length; i++) {
|
8204
8284
|
var item = void 0;
|
8285
|
+
var propItem = void 0;
|
8286
|
+
if (this.parent.toolbarItems.length > 0) {
|
8287
|
+
propItem = this.getItemModel(this.parent.toolbarItems[parseInt(i.toString(), 10)]);
|
8288
|
+
}
|
8205
8289
|
var itemId = this.getId(data[i]);
|
8206
8290
|
var itemText = getLocaleText(this.parent, data[i]);
|
8207
8291
|
var itemTooltip = getLocaleText(this.parent, 'Tooltip-' + data[i]);
|
8208
|
-
var spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + itemText + '</span>';
|
8209
8292
|
switch (data[i]) {
|
8210
8293
|
case '|':
|
8211
8294
|
item = { type: 'Separator' };
|
@@ -8213,12 +8296,17 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8213
8296
|
case 'Upload':
|
8214
8297
|
item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_UPLOAD, showTextOn: mode };
|
8215
8298
|
break;
|
8216
|
-
case 'SortBy':
|
8299
|
+
case 'SortBy': {
|
8300
|
+
var spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + itemText + '</span>';
|
8301
|
+
if (propItem && propItem.text) {
|
8302
|
+
spanElement = '<span class="e-tbar-btn-text e-tbar-ddb-text">' + propItem.text + '</span>';
|
8303
|
+
}
|
8217
8304
|
item = {
|
8218
8305
|
id: itemId, tooltipText: itemTooltip,
|
8219
8306
|
template: '<button id="' + itemId + '" class="e-tbar-btn e-tbtn-txt" tabindex="-1">' + spanElement + '</button>'
|
8220
8307
|
};
|
8221
8308
|
break;
|
8309
|
+
}
|
8222
8310
|
case 'Refresh':
|
8223
8311
|
item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_REFRESH, showTextOn: mode };
|
8224
8312
|
break;
|
@@ -8228,14 +8316,22 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8228
8316
|
align: 'Right'
|
8229
8317
|
};
|
8230
8318
|
break;
|
8231
|
-
case 'View':
|
8319
|
+
case 'View': {
|
8320
|
+
var viewText = void 0;
|
8321
|
+
if (propItem && propItem.text) {
|
8322
|
+
viewText = propItem.text;
|
8323
|
+
}
|
8324
|
+
else {
|
8325
|
+
viewText = getLocaleText(this.parent, 'View');
|
8326
|
+
}
|
8232
8327
|
item = {
|
8233
8328
|
id: itemId, tooltipText: itemTooltip, prefixIcon: this.parent.view === 'Details' ? ICON_GRID : ICON_LARGE,
|
8234
8329
|
overflow: 'Show', align: 'Right', text: itemText, showTextOn: 'Overflow',
|
8235
8330
|
template: '<button id="' + itemId + '" class="e-tbar-btn e-tbtn-txt" tabindex="-1" aria-label=' +
|
8236
|
-
|
8331
|
+
viewText + '></button>'
|
8237
8332
|
};
|
8238
8333
|
break;
|
8334
|
+
}
|
8239
8335
|
case 'Details':
|
8240
8336
|
item = {
|
8241
8337
|
id: itemId, tooltipText: itemTooltip, prefixIcon: ICON_DETAILS, overflow: 'Show', align: 'Right',
|
@@ -8267,13 +8363,74 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8267
8363
|
item = { id: itemId, text: itemText, tooltipText: itemTooltip, prefixIcon: ICON_SELECTALL, showTextOn: mode };
|
8268
8364
|
break;
|
8269
8365
|
default:
|
8270
|
-
item = { id: itemId, text: itemText, tooltipText: itemTooltip };
|
8366
|
+
item = { id: itemId, text: itemText, tooltipText: itemTooltip, template: '' };
|
8271
8367
|
break;
|
8272
8368
|
}
|
8273
|
-
|
8369
|
+
if (this.parent.toolbarItems.length > 0 && propItem) {
|
8370
|
+
var mergedItems = __assign({}, item, propItem);
|
8371
|
+
items.push(mergedItems);
|
8372
|
+
}
|
8373
|
+
else {
|
8374
|
+
items.push(item);
|
8375
|
+
}
|
8274
8376
|
}
|
8275
8377
|
return items;
|
8276
8378
|
};
|
8379
|
+
Toolbar$$1.prototype.getItemModel = function (propItem) {
|
8380
|
+
var item = {};
|
8381
|
+
if (propItem.id) {
|
8382
|
+
item.id = propItem.id;
|
8383
|
+
}
|
8384
|
+
if (propItem.text) {
|
8385
|
+
item.text = propItem.text;
|
8386
|
+
}
|
8387
|
+
if (propItem.tooltipText) {
|
8388
|
+
item.tooltipText = propItem.tooltipText;
|
8389
|
+
}
|
8390
|
+
if (propItem.prefixIcon) {
|
8391
|
+
item.prefixIcon = propItem.prefixIcon;
|
8392
|
+
}
|
8393
|
+
if (propItem.cssClass) {
|
8394
|
+
item.cssClass = propItem.cssClass;
|
8395
|
+
}
|
8396
|
+
if (propItem.showTextOn !== 'Both') {
|
8397
|
+
item.showTextOn = propItem.showTextOn;
|
8398
|
+
}
|
8399
|
+
if (propItem.template) {
|
8400
|
+
item.template = propItem.template;
|
8401
|
+
}
|
8402
|
+
if (propItem.disabled) {
|
8403
|
+
item.disabled = propItem.disabled;
|
8404
|
+
}
|
8405
|
+
if (propItem.width !== 'auto') {
|
8406
|
+
item.width = propItem.width;
|
8407
|
+
}
|
8408
|
+
if (propItem.suffixIcon) {
|
8409
|
+
item.suffixIcon = propItem.suffixIcon;
|
8410
|
+
}
|
8411
|
+
if (propItem.align !== 'Left') {
|
8412
|
+
item.align = propItem.align;
|
8413
|
+
}
|
8414
|
+
if (propItem.overflow !== 'None') {
|
8415
|
+
item.overflow = propItem.overflow;
|
8416
|
+
}
|
8417
|
+
if (propItem.htmlAttributes) {
|
8418
|
+
item.htmlAttributes = propItem.htmlAttributes;
|
8419
|
+
}
|
8420
|
+
if (propItem.type !== 'Button') {
|
8421
|
+
item.type = propItem.type;
|
8422
|
+
}
|
8423
|
+
if (propItem.visible !== true) {
|
8424
|
+
item.visible = propItem.visible;
|
8425
|
+
}
|
8426
|
+
if (propItem.showAlwaysInPopup) {
|
8427
|
+
item.showAlwaysInPopup = propItem.showAlwaysInPopup;
|
8428
|
+
}
|
8429
|
+
if (propItem.tabIndex !== -1) {
|
8430
|
+
item.tabIndex = propItem.tabIndex;
|
8431
|
+
}
|
8432
|
+
return item;
|
8433
|
+
};
|
8277
8434
|
Toolbar$$1.prototype.getId = function (id) {
|
8278
8435
|
return this.parent.element.id + '_tb_' + id.toLowerCase();
|
8279
8436
|
};
|
@@ -8288,8 +8445,19 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8288
8445
|
};
|
8289
8446
|
Toolbar$$1.prototype.reRenderToolbar = function (e) {
|
8290
8447
|
var _this = this;
|
8291
|
-
|
8292
|
-
|
8448
|
+
var itemsToProcess = [];
|
8449
|
+
if (this.parent.toolbarItems.length > 0) {
|
8450
|
+
itemsToProcess = this.parent.toolbarItems.map(function (item) {
|
8451
|
+
return item.name;
|
8452
|
+
});
|
8453
|
+
}
|
8454
|
+
else if (e.newProp.toolbarSettings.items !== undefined) {
|
8455
|
+
itemsToProcess = e.newProp.toolbarSettings.items.map(function (item) {
|
8456
|
+
return item.trim();
|
8457
|
+
});
|
8458
|
+
}
|
8459
|
+
if (itemsToProcess.length > 0) {
|
8460
|
+
this.items = this.toolbarItemData(this.getItems(itemsToProcess));
|
8293
8461
|
var eventArgs = { items: this.items };
|
8294
8462
|
this.parent.trigger('toolbarCreate', eventArgs, function (toolbarCreateArgs) {
|
8295
8463
|
if (_this.buttonObj) {
|
@@ -8403,6 +8571,7 @@ var Toolbar$1 = /** @__PURE__ @class */ (function () {
|
|
8403
8571
|
this.toolbarObj.refreshOverflow();
|
8404
8572
|
break;
|
8405
8573
|
case 'toolbarSettings':
|
8574
|
+
case 'toolbarItems':
|
8406
8575
|
this.reRenderToolbar(e);
|
8407
8576
|
break;
|
8408
8577
|
}
|
@@ -8941,7 +9110,6 @@ var NavigationPane = /** @__PURE__ @class */ (function () {
|
|
8941
9110
|
this.parent.pathId = getPathId(args.node);
|
8942
9111
|
this.parent.visitedItem = args.node;
|
8943
9112
|
}
|
8944
|
-
this.expandNodeTarget = null;
|
8945
9113
|
if (args.node.querySelector('.' + ICONS) && args.node.querySelector('.' + LIST_ITEM) === null) {
|
8946
9114
|
this.expandNodeTarget = 'add';
|
8947
9115
|
}
|
@@ -9705,11 +9873,16 @@ var DetailsView = /** @__PURE__ @class */ (function () {
|
|
9705
9873
|
};
|
9706
9874
|
DetailsView.prototype.reactTemplateRender = function (args) {
|
9707
9875
|
this.parent["portals"] = args;
|
9876
|
+
if (this.parent.portals && this.parent.toolbarModule && this.parent.toolbarModule.toolbarObj &&
|
9877
|
+
this.parent.toolbarModule.toolbarObj.portals) {
|
9878
|
+
this.parent["portals"] = this.parent["portals"].concat(this.parent.toolbarModule.toolbarObj.portals);
|
9879
|
+
}
|
9708
9880
|
this.parent.notify('renderReactTemplate', this.parent["portals"]);
|
9709
9881
|
this.parent["renderReactTemplates"]();
|
9710
9882
|
};
|
9711
9883
|
/**
|
9712
9884
|
* Gets the grid height.
|
9885
|
+
*
|
9713
9886
|
* @returns The grid height.
|
9714
9887
|
* @private
|
9715
9888
|
*/
|
@@ -9776,7 +9949,7 @@ var DetailsView = /** @__PURE__ @class */ (function () {
|
|
9776
9949
|
}), allowResizing: false, allowSorting: true, customAttributes: { class: 'e-fe-grid-icon' },
|
9777
9950
|
headerTemplate: initializeCSPTemplate(function () {
|
9778
9951
|
return "<span class=\"e-fe-icon e-fe-folder\"></span>";
|
9779
|
-
})
|
9952
|
+
})
|
9780
9953
|
};
|
9781
9954
|
columns.unshift(icon);
|
9782
9955
|
if (this.parent.showItemCheckBoxes) {
|
@@ -10509,8 +10682,8 @@ var DetailsView = /** @__PURE__ @class */ (function () {
|
|
10509
10682
|
if (dragLi.getElementsByClassName('e-fe-text')[0]) {
|
10510
10683
|
name = dragLi.getElementsByClassName('e-fe-text')[0].innerText;
|
10511
10684
|
}
|
10512
|
-
else if (dragLi.getElementsByClassName(
|
10513
|
-
name = dragLi.getElementsByClassName(
|
10685
|
+
else if (dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling) {
|
10686
|
+
name = dragLi.getElementsByClassName('e-rowcell e-templatecell')[0].nextElementSibling.innerText;
|
10514
10687
|
}
|
10515
10688
|
if (dragLi && !dragLi.querySelector('.e-active')) {
|
10516
10689
|
this.selectRecords([name]);
|
@@ -11498,5 +11671,5 @@ var DetailsView = /** @__PURE__ @class */ (function () {
|
|
11498
11671
|
* File Manager all modules
|
11499
11672
|
*/
|
11500
11673
|
|
11501
|
-
export { AjaxSettings,
|
11674
|
+
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 };
|
11502
11675
|
//# sourceMappingURL=ej2-filemanager.es5.js.map
|