@syncfusion/ej2-filemanager 20.1.58 → 20.2.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 (44) hide show
  1. package/CHANGELOG.md +0 -32
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +15 -11
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +15 -11
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/filemanagerHelper.js +183 -166
  12. package/package.json +15 -15
  13. package/src/file-manager/actions/toolbar.js +0 -1
  14. package/src/file-manager/base/file-manager.d.ts +2 -0
  15. package/src/file-manager/base/file-manager.js +3 -0
  16. package/src/file-manager/base/interface.d.ts +2 -0
  17. package/src/file-manager/common/utility.js +2 -1
  18. package/src/file-manager/layout/details-view.js +3 -3
  19. package/src/file-manager/layout/large-icons-view.js +3 -3
  20. package/src/file-manager/layout/navigation-pane.js +4 -3
  21. package/styles/bootstrap.css +1 -3
  22. package/styles/bootstrap5-dark.css +1 -3
  23. package/styles/bootstrap5.css +1 -3
  24. package/styles/fabric.css +1 -2
  25. package/styles/file-manager/_fusionnew-definition.scss +237 -0
  26. package/styles/file-manager/_material3-definition.scss +237 -0
  27. package/styles/file-manager/bootstrap.css +1 -3
  28. package/styles/file-manager/bootstrap5-dark.css +1 -3
  29. package/styles/file-manager/bootstrap5.css +1 -3
  30. package/styles/file-manager/fabric.css +1 -2
  31. package/styles/file-manager/fluent-dark.css +1 -2
  32. package/styles/file-manager/fluent.css +1 -2
  33. package/styles/file-manager/highcontrast.css +1 -2
  34. package/styles/file-manager/icons/_fusionnew.scss +235 -0
  35. package/styles/file-manager/icons/_material3.scss +235 -0
  36. package/styles/file-manager/material.css +2 -4
  37. package/styles/file-manager/tailwind-dark.css +1 -2
  38. package/styles/file-manager/tailwind.css +1 -2
  39. package/styles/fluent-dark.css +1 -2
  40. package/styles/fluent.css +1 -2
  41. package/styles/highcontrast.css +1 -2
  42. package/styles/material.css +2 -4
  43. package/styles/tailwind-dark.css +1 -2
  44. package/styles/tailwind.css +1 -2
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.1.58
3
+ * version : 20.2.36
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,167 +1,184 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
4
- /**
5
- * E2E test helpers for FileManager to easily interact and the test the component
6
- */
7
- class FileManagerHelpers extends e2e_1.TestHelper {
8
- /**
9
- * Initialize the FileManager E2E helpers
10
- * @param id Element id of the FileManager element
11
- * @param wrapperFn Pass the wrapper function
12
- */
13
- constructor(id, wrapperFn) {
14
- super();
15
- this.id = id;
16
- if (wrapperFn !== undefined) {
17
- this.wrapperFn = wrapperFn;
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
15
+ "use strict";
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ /**
18
+ * E2E test helpers for FileManager to easily interact and the test the component
19
+ */
20
+ var FileManagerHelpers = /** @class */ (function (_super) {
21
+ __extends(FileManagerHelpers, _super);
22
+ /**
23
+ * Initialize the FileManager E2E helpers
24
+ * @param id Element id of the FileManager element
25
+ * @param wrapperFn Pass the wrapper function
26
+ */
27
+ function FileManagerHelpers(id, wrapperFn) {
28
+ var _this = _super.call(this) || this;
29
+ _this.id = id;
30
+ if (wrapperFn !== undefined) {
31
+ _this.wrapperFn = wrapperFn;
32
+ }
33
+ return _this;
18
34
  }
19
- return this;
20
- }
21
- selector(arg) {
22
- return (this.wrapperFn ? this.wrapperFn(arg) : arg);
23
- }
24
- /**
25
- * Returns the root element of the FileManager component.
26
- */
27
- getElement() {
28
- return this.selector('#' + this.id);
29
- }
30
- /**
31
- * Returns the toolbar items from the FileManager component.
32
- */
33
- getToolbarItems() {
34
- return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
35
- }
36
- /**
37
- * Returns the active toolbar item element from the FileManager component.
38
- */
39
- getToolbarItemsActive() {
40
- return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
41
- }
42
- getTreeviewItems() {
43
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
44
- }
45
- /**
46
- * Returns the collapsed treeview node element from the FileManager component.
47
- */
48
- getTreeviewCollapsedItems() {
49
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
50
- }
51
- /**
52
- * Returns the collapsed icon of treeview node element from the FileManager component.
53
- */
54
- getTreeviewCollapsedIcon() {
55
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
56
- }
57
- /**
58
- * Returns the expanded icon of treeview node element from the FileManager component.
59
- */
60
- getTreeviewExpandedIcon() {
61
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
62
- }
63
- /**
64
- * Returns the active treeview node element from the FileManager component.
65
- */
66
- getTreeviewActiveItems() {
67
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
68
- }
69
- /**
70
- * Returns the treeview items folder icon from the FileManager component.
71
- */
72
- getTreeviewItemsFolderIcon() {
73
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
74
- }
75
- /**
76
- * Returns the treeview items text from the FileManager component.
77
- */
78
- getTreeviewItemsText() {
79
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
80
- }
81
- /**
82
- * Returns the largeIcon element from the FileManager component.
83
- */
84
- getlargeIconsItems() {
85
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
86
- }
87
- /**
88
- * Returns the active list element in largeIcon view from the FileManager component.
89
- */
90
- getlargeIconsActiveItems() {
91
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
92
- }
93
- /**
94
- * Returns the checked element in largeIcon view from the FileManager component.
95
- */
96
- getlargeIconsCheckedItems() {
97
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
98
- }
99
- /**
100
- * Returns the grid element from the FileManager component.
101
- */
102
- getGridElement() {
103
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
104
- }
105
- /**
106
- * Returns the active element in grid view from the FileManager component.
107
- */
108
- getGridActiveElements() {
109
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
110
- }
111
- /**
112
- * Returns the checked element in grid view from the FileManager component.
113
- */
114
- getGridCheckedElements() {
115
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
116
- }
117
- /**
118
- * Returns the dialog element from the FileManager component.
119
- */
120
- getDialogElement() {
121
- return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
122
- }
123
- /**
124
- * Returns the breadcrumbBar element from the FileManager component.
125
- */
126
- getBreadCrumbBarElement() {
127
- return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
128
- }
129
- /**
130
- * Returns the splitter element from the FileManager component.
131
- */
132
- getSplitterElement() {
133
- return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
134
- }
135
- /**
136
- * Returns the contextmenu element from the FileManager component.
137
- */
138
- getContextMenuElement() {
139
- return this.selector('.e-fe-popup .e-contextmenu');
140
- }
141
- /**
142
- * Returns the sortby popup element from the FileManager component.
143
- */
144
- getSortByPopupElement() {
145
- return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
146
- }
147
- setModel(property, value) {
148
- let cy;
149
- return cy.get('#' + this.id).then((ele) => {
150
- return ele[0].ej2_instances[0][property] = value;
151
- });
152
- }
153
- getModel(property) {
154
- let cy;
155
- return cy.get('#' + this.id).then((ele) => {
156
- return ele[0].ej2_instances[0][property];
157
- });
158
- }
159
- invoke(fName, args = []) {
160
- let cy;
161
- return cy.get('#' + this.id).then((ele) => {
162
- var inst = ele[0].ej2_instances[0];
163
- return inst[fName].apply(inst, args);
164
- });
165
- }
166
- }
167
- exports.FileManagerHelpers = FileManagerHelpers;
35
+ FileManagerHelpers.prototype.selector = function (arg) {
36
+ return (this.wrapperFn ? this.wrapperFn(arg) : arg);
37
+ };
38
+ /**
39
+ * Returns the root element of the FileManager component.
40
+ */
41
+ FileManagerHelpers.prototype.getElement = function () {
42
+ return this.selector('#' + this.id);
43
+ };
44
+ /**
45
+ * Returns the toolbar items from the FileManager component.
46
+ */
47
+ FileManagerHelpers.prototype.getToolbarItems = function () {
48
+ return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item');
49
+ };
50
+ /**
51
+ * Returns the active toolbar item element from the FileManager component.
52
+ */
53
+ FileManagerHelpers.prototype.getToolbarItemsActive = function () {
54
+ return this.selector('#' + this.id + '.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-active');
55
+ };
56
+ FileManagerHelpers.prototype.getTreeviewItems = function () {
57
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item');
58
+ };
59
+ /**
60
+ * Returns the collapsed treeview node element from the FileManager component.
61
+ */
62
+ FileManagerHelpers.prototype.getTreeviewCollapsedItems = function () {
63
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-node-collapsed');
64
+ };
65
+ /**
66
+ * Returns the collapsed icon of treeview node element from the FileManager component.
67
+ */
68
+ FileManagerHelpers.prototype.getTreeviewCollapsedIcon = function () {
69
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-collapsible');
70
+ };
71
+ /**
72
+ * Returns the expanded icon of treeview node element from the FileManager component.
73
+ */
74
+ FileManagerHelpers.prototype.getTreeviewExpandedIcon = function () {
75
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-icons.e-icon-expandable');
76
+ };
77
+ /**
78
+ * Returns the active treeview node element from the FileManager component.
79
+ */
80
+ FileManagerHelpers.prototype.getTreeviewActiveItems = function () {
81
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-active');
82
+ };
83
+ /**
84
+ * Returns the treeview items folder icon from the FileManager component.
85
+ */
86
+ FileManagerHelpers.prototype.getTreeviewItemsFolderIcon = function () {
87
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-icon.e-fe-folder');
88
+ };
89
+ /**
90
+ * Returns the treeview items text from the FileManager component.
91
+ */
92
+ FileManagerHelpers.prototype.getTreeviewItemsText = function () {
93
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-treeview .e-list-item .e-list-text');
94
+ };
95
+ /**
96
+ * Returns the largeIcon element from the FileManager component.
97
+ */
98
+ FileManagerHelpers.prototype.getlargeIconsItems = function () {
99
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item"');
100
+ };
101
+ /**
102
+ * Returns the active list element in largeIcon view from the FileManager component.
103
+ */
104
+ FileManagerHelpers.prototype.getlargeIconsActiveItems = function () {
105
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item.e-active');
106
+ };
107
+ /**
108
+ * Returns the checked element in largeIcon view from the FileManager component.
109
+ */
110
+ FileManagerHelpers.prototype.getlargeIconsCheckedItems = function () {
111
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-large-icons .e-list-parent.e-ul .e-list-item .e-checkbox-wrapper .e-check');
112
+ };
113
+ /**
114
+ * Returns the grid element from the FileManager component.
115
+ */
116
+ FileManagerHelpers.prototype.getGridElement = function () {
117
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid');
118
+ };
119
+ /**
120
+ * Returns the active element in grid view from the FileManager component.
121
+ */
122
+ FileManagerHelpers.prototype.getGridActiveElements = function () {
123
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell.e-active');
124
+ };
125
+ /**
126
+ * Returns the checked element in grid view from the FileManager component.
127
+ */
128
+ FileManagerHelpers.prototype.getGridCheckedElements = function () {
129
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-grid .e-gridcontent .e-table .e-row .e-rowcell .e-checkbox-wrapper .e-check');
130
+ };
131
+ /**
132
+ * Returns the dialog element from the FileManager component.
133
+ */
134
+ FileManagerHelpers.prototype.getDialogElement = function () {
135
+ return this.selector('#' + this.id + '.e-filemanager .e-dialog.e-popup.e-popup-open');
136
+ };
137
+ /**
138
+ * Returns the breadcrumbBar element from the FileManager component.
139
+ */
140
+ FileManagerHelpers.prototype.getBreadCrumbBarElement = function () {
141
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter .e-layout-content .e-address .e-addressbar-ul .e-address-list-item');
142
+ };
143
+ /**
144
+ * Returns the splitter element from the FileManager component.
145
+ */
146
+ FileManagerHelpers.prototype.getSplitterElement = function () {
147
+ return this.selector('#' + this.id + '.e-filemanager .e-splitter.e-splitter-horizontal');
148
+ };
149
+ /**
150
+ * Returns the contextmenu element from the FileManager component.
151
+ */
152
+ FileManagerHelpers.prototype.getContextMenuElement = function () {
153
+ return this.selector('.e-fe-popup .e-contextmenu');
154
+ };
155
+ /**
156
+ * Returns the sortby popup element from the FileManager component.
157
+ */
158
+ FileManagerHelpers.prototype.getSortByPopupElement = function () {
159
+ return this.selector('.e-dropdown-popup.e-fe-popup.e-popup-open');
160
+ };
161
+ FileManagerHelpers.prototype.setModel = function (property, value) {
162
+ var cy;
163
+ return cy.get('#' + this.id).then(function (ele) {
164
+ return ele[0].ej2_instances[0][property] = value;
165
+ });
166
+ };
167
+ FileManagerHelpers.prototype.getModel = function (property) {
168
+ var cy;
169
+ return cy.get('#' + this.id).then(function (ele) {
170
+ return ele[0].ej2_instances[0][property];
171
+ });
172
+ };
173
+ FileManagerHelpers.prototype.invoke = function (fName, args) {
174
+ if (args === void 0) { args = []; }
175
+ var cy;
176
+ return cy.get('#' + this.id).then(function (ele) {
177
+ var inst = ele[0].ej2_instances[0];
178
+ return inst[fName].apply(inst, args);
179
+ });
180
+ };
181
+ return FileManagerHelpers;
182
+ }(e2e_1.TestHelper));
183
+ exports.FileManagerHelpers = FileManagerHelpers;
184
+ });
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-filemanager@*",
3
- "_id": "@syncfusion/ej2-filemanager@20.1.57",
3
+ "_id": "@syncfusion/ej2-filemanager@18.7.7",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-v+mfgCJ7IY2trMGzdqwOv7gOTF0xV3pcLL7r5oe4Efwr00M0VAv8B52TMuDR0mtmKKWIZux2RCET8KveNPmxGg==",
5
+ "_integrity": "sha512-GzsYf0boCSueRZ28d+TX81SbFDz36H6VYIjlykyRi8WuTaxyKvA5O7aaIYgGW8jrdW98TmAHRvOucsSHmjkL2A==",
6
6
  "_location": "/@syncfusion/ej2-filemanager",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -25,8 +25,8 @@
25
25
  "/@syncfusion/ej2-richtexteditor",
26
26
  "/@syncfusion/ej2-vue-filemanager"
27
27
  ],
28
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-filemanager/-/ej2-filemanager-20.1.57.tgz",
29
- "_shasum": "1b7ee4d250611efed81586c44e870ea337f4d673",
28
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-filemanager/-/ej2-filemanager-18.7.7.tgz",
29
+ "_shasum": "589c9d11998d05a4c1e28f665b7a6b2b199eb7f7",
30
30
  "_spec": "@syncfusion/ej2-filemanager@*",
31
31
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
32
32
  "author": {
@@ -37,16 +37,16 @@
37
37
  },
38
38
  "bundleDependencies": false,
39
39
  "dependencies": {
40
- "@syncfusion/ej2-base": "~20.1.57",
41
- "@syncfusion/ej2-buttons": "~20.1.55",
42
- "@syncfusion/ej2-data": "~20.1.55",
43
- "@syncfusion/ej2-grids": "~20.1.58",
44
- "@syncfusion/ej2-inputs": "~20.1.58",
45
- "@syncfusion/ej2-layouts": "~20.1.58",
46
- "@syncfusion/ej2-lists": "~20.1.55",
47
- "@syncfusion/ej2-navigations": "~20.1.58",
48
- "@syncfusion/ej2-popups": "~20.1.58",
49
- "@syncfusion/ej2-splitbuttons": "~20.1.57"
40
+ "@syncfusion/ej2-base": "~20.2.36",
41
+ "@syncfusion/ej2-buttons": "~20.2.36",
42
+ "@syncfusion/ej2-data": "~20.2.36",
43
+ "@syncfusion/ej2-grids": "~20.2.36",
44
+ "@syncfusion/ej2-inputs": "~20.2.36",
45
+ "@syncfusion/ej2-layouts": "~20.2.36",
46
+ "@syncfusion/ej2-lists": "~20.2.36",
47
+ "@syncfusion/ej2-navigations": "~20.2.36",
48
+ "@syncfusion/ej2-popups": "~20.2.36",
49
+ "@syncfusion/ej2-splitbuttons": "~20.2.36"
50
50
  },
51
51
  "deprecated": false,
52
52
  "description": "Essential JS 2 FileManager Component",
@@ -67,6 +67,6 @@
67
67
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
68
68
  },
69
69
  "typings": "index.d.ts",
70
- "version": "20.1.58",
70
+ "version": "20.2.36",
71
71
  "sideEffects": false
72
72
  }
@@ -194,7 +194,6 @@ var Toolbar = /** @class */ (function () {
194
194
  cssClass: getCssClass(this.parent, 'e-caret-hide ' + CLS.ROOT_POPUP),
195
195
  items: layoutItems, select: this.layoutChange.bind(this),
196
196
  enableRtl: this.parent.enableRtl,
197
- enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
198
197
  content: '<span class="e-tbar-btn-text">' + getLocaleText(this.parent, 'View') + '</span>'
199
198
  });
200
199
  this.layoutBtnObj.isStringTemplate = true;
@@ -141,6 +141,8 @@ export declare class FileManager extends Component<HTMLElement> implements INoti
141
141
  destinationPath: string;
142
142
  uploadingCount: number;
143
143
  uploadedCount: number;
144
+ isMac: boolean;
145
+ oldView: string;
144
146
  /**
145
147
  * Specifies the AJAX settings of the file manager.
146
148
  *
@@ -102,6 +102,8 @@ var FileManager = /** @class */ (function (_super) {
102
102
  _this.droppedObjects = [];
103
103
  _this.uploadingCount = 0;
104
104
  _this.uploadedCount = 0;
105
+ //Specifies whether the operating system is MAC or not
106
+ _this.isMac = false;
105
107
  FileManager_1.Inject(BreadCrumbBar, LargeIconsView, ContextMenu);
106
108
  return _this;
107
109
  }
@@ -211,6 +213,7 @@ var FileManager = /** @class */ (function (_super) {
211
213
  this.allowMultiSelection ? this.selectedItems : this.selectedItems.slice(this.selectedItems.length - 1);
212
214
  this.setProperties({ selectedItems: slItems }, true);
213
215
  this.fileView = this.view;
216
+ this.isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
214
217
  this.setRtl(this.enableRtl);
215
218
  this.addEventListeners();
216
219
  read(this, (this.path !== this.originalPath) ? events.initialEnd : events.finalizeEnd, this.path);
@@ -593,6 +593,8 @@ export interface IFileManager extends Component<HTMLElement> {
593
593
  destinationPath: string;
594
594
  enableHtmlSanitizer: boolean;
595
595
  refreshLayout(): void;
596
+ isMac: boolean;
597
+ oldView: string;
596
598
  }
597
599
  /** @hidden */
598
600
  export interface ITreeView extends Component<HTMLElement> {
@@ -268,7 +268,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
268
268
  else {
269
269
  if (!parent.isFiltered) {
270
270
  if (parent.isSortByClicked) {
271
- parent.notify(events.layoutChange, { files: parent.largeiconsviewModule.items });
271
+ parent.notify(events.layoutChange, { files: (parent.oldView === 'Details') ? parent.detailsviewModule.gridObj.dataSource : parent.largeiconsviewModule.items });
272
272
  parent.isSortByClicked = false;
273
273
  }
274
274
  else {
@@ -289,6 +289,7 @@ export function searchWordHandler(parent, value, isLayoutChange) {
289
289
  * @private
290
290
  */
291
291
  export function updateLayout(parent, view) {
292
+ parent.oldView = parent.view;
292
293
  parent.setProperties({ view: view }, true);
293
294
  if (parent.breadcrumbbarModule.searchObj.element.value !== '' || parent.isFiltered) {
294
295
  parent.layoutSelectedItems = parent.selectedItems;
@@ -71,9 +71,9 @@ var DetailsView = /** @class */ (function () {
71
71
  home: 'home',
72
72
  moveUp: 'uparrow',
73
73
  del: 'delete',
74
- ctrlX: 'ctrl+x',
75
- ctrlC: 'ctrl+c',
76
- ctrlV: 'ctrl+v',
74
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
75
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
76
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
77
77
  ctrlShiftN: 'ctrl+shift+n',
78
78
  shiftdel: 'shift+delete',
79
79
  ctrlD: 'ctrl+d',
@@ -72,9 +72,9 @@ var LargeIconsView = /** @class */ (function () {
72
72
  altEnter: 'alt+enter',
73
73
  esc: 'escape',
74
74
  del: 'delete',
75
- ctrlX: 'ctrl+x',
76
- ctrlC: 'ctrl+c',
77
- ctrlV: 'ctrl+v',
75
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
76
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
77
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
78
78
  f2: 'f2',
79
79
  shiftdel: 'shift+delete',
80
80
  back: 'backspace',
@@ -20,6 +20,7 @@ var NavigationPane = /** @class */ (function () {
20
20
  * @param {IFileManager} parent - specifies the parent element.
21
21
  * @hidden
22
22
  */
23
+ /* istanbul ignore next */
23
24
  function NavigationPane(parent) {
24
25
  this.removeNodes = [];
25
26
  this.moveNames = [];
@@ -41,9 +42,9 @@ var NavigationPane = /** @class */ (function () {
41
42
  altEnter: 'alt+enter',
42
43
  esc: 'escape',
43
44
  del: 'delete',
44
- ctrlX: 'ctrl+x',
45
- ctrlC: 'ctrl+c',
46
- ctrlV: 'ctrl+v',
45
+ ctrlX: this.parent.isMac ? 'cmd+x' : 'ctrl+x',
46
+ ctrlC: this.parent.isMac ? 'cmd+c' : 'ctrl+c',
47
+ ctrlV: this.parent.isMac ? 'cmd+v' : 'ctrl+v',
47
48
  ctrlShiftN: 'ctrl+shift+n',
48
49
  shiftF10: 'shift+F10',
49
50
  f2: 'f2'
@@ -14,9 +14,7 @@
14
14
  transform: rotate(360deg);
15
15
  }
16
16
  }
17
- /*! TreeView's bootstrap theme wise override definitions and variables */
18
- /*! component's theme wise override definitions and variables */
19
- /*! FileManager's bootstrap theme wise override definitions and variables */
17
+ /*! TreeView's bootstrap theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */ /*! FileManager's bootstrap theme wise override definitions and variables */
20
18
  .e-filemanager .e-fe-icon,
21
19
  .e-filemanager .e-list-icon {
22
20
  background-repeat: no-repeat;
@@ -20,9 +20,7 @@
20
20
  transform: rotate(360deg);
21
21
  }
22
22
  }
23
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
24
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
25
- /*! FileManager's tailwind theme wise override definitions and variables */
23
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
26
24
  .e-filemanager .e-fe-icon,
27
25
  .e-filemanager .e-list-icon {
28
26
  background-repeat: no-repeat;
@@ -20,9 +20,7 @@
20
20
  transform: rotate(360deg);
21
21
  }
22
22
  }
23
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
24
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
25
- /*! FileManager's tailwind theme wise override definitions and variables */
23
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */ /*! Toolbar's bootstrap5 theme wise override definitions and variables */ /*! FileManager's tailwind theme wise override definitions and variables */
26
24
  .e-filemanager .e-fe-icon,
27
25
  .e-filemanager .e-list-icon {
28
26
  background-repeat: no-repeat;
package/styles/fabric.css CHANGED
@@ -14,8 +14,7 @@
14
14
  transform: rotate(360deg);
15
15
  }
16
16
  }
17
- /*! TreeView's fabric theme wise override definitions and variables */
18
- /*! FileManager's fabric theme wise override definitions and variables */
17
+ /*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
19
18
  .e-filemanager .e-fe-icon,
20
19
  .e-filemanager .e-list-icon {
21
20
  background-repeat: no-repeat;