@syncfusion/ej2-angular-filemanager 20.3.56 → 20.4.38-ngcc

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 (114) hide show
  1. package/@syncfusion/ej2-angular-filemanager.es5.js +225 -0
  2. package/@syncfusion/ej2-angular-filemanager.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-filemanager.js +206 -0
  4. package/@syncfusion/ej2-angular-filemanager.js.map +1 -0
  5. package/CHANGELOG.md +413 -0
  6. package/README.md +105 -26
  7. package/dist/ej2-angular-filemanager.umd.js +446 -0
  8. package/dist/ej2-angular-filemanager.umd.js.map +1 -0
  9. package/dist/ej2-angular-filemanager.umd.min.js +11 -0
  10. package/dist/ej2-angular-filemanager.umd.min.js.map +1 -0
  11. package/ej2-angular-filemanager.d.ts +5 -0
  12. package/ej2-angular-filemanager.metadata.json +1 -0
  13. package/package.json +23 -34
  14. package/postinstall/tagchange.js +18 -0
  15. package/schematics/utils/lib-details.d.ts +2 -2
  16. package/schematics/utils/lib-details.js +2 -2
  17. package/schematics/utils/lib-details.ts +2 -2
  18. package/src/file-manager/filemanager-all.module.d.ts +1 -6
  19. package/src/file-manager/filemanager.component.d.ts +0 -3
  20. package/src/file-manager/filemanager.module.d.ts +0 -6
  21. package/src/index.d.ts +1 -1
  22. package/styles/bootstrap-dark.css +2 -12
  23. package/styles/bootstrap.css +2 -12
  24. package/styles/bootstrap4.css +2 -12
  25. package/styles/bootstrap5-dark.css +2 -12
  26. package/styles/bootstrap5.css +2 -12
  27. package/styles/fabric-dark.css +2 -12
  28. package/styles/fabric.css +2 -12
  29. package/styles/file-manager/bootstrap-dark.css +2 -12
  30. package/styles/file-manager/bootstrap-dark.scss +1 -16
  31. package/styles/file-manager/bootstrap.css +2 -12
  32. package/styles/file-manager/bootstrap.scss +1 -16
  33. package/styles/file-manager/bootstrap4.css +2 -12
  34. package/styles/file-manager/bootstrap4.scss +1 -16
  35. package/styles/file-manager/bootstrap5-dark.css +2 -12
  36. package/styles/file-manager/bootstrap5-dark.scss +1 -16
  37. package/styles/file-manager/bootstrap5.css +2 -12
  38. package/styles/file-manager/bootstrap5.scss +1 -16
  39. package/styles/file-manager/fabric-dark.css +2 -12
  40. package/styles/file-manager/fabric-dark.scss +1 -16
  41. package/styles/file-manager/fabric.css +2 -12
  42. package/styles/file-manager/fabric.scss +1 -16
  43. package/styles/file-manager/fluent-dark.css +8 -12
  44. package/styles/file-manager/fluent-dark.scss +1 -16
  45. package/styles/file-manager/fluent.css +8 -12
  46. package/styles/file-manager/fluent.scss +1 -16
  47. package/styles/file-manager/highcontrast-light.css +2 -12
  48. package/styles/file-manager/highcontrast-light.scss +1 -16
  49. package/styles/file-manager/highcontrast.css +2 -12
  50. package/styles/file-manager/highcontrast.scss +1 -16
  51. package/styles/file-manager/material-dark.css +2 -12
  52. package/styles/file-manager/material-dark.scss +1 -16
  53. package/styles/file-manager/material.css +2 -15
  54. package/styles/file-manager/material.scss +1 -16
  55. package/styles/file-manager/tailwind-dark.css +2 -12
  56. package/styles/file-manager/tailwind-dark.scss +1 -16
  57. package/styles/file-manager/tailwind.css +2 -12
  58. package/styles/file-manager/tailwind.scss +1 -16
  59. package/styles/fluent-dark.css +8 -12
  60. package/styles/fluent.css +8 -12
  61. package/styles/highcontrast-light.css +2 -12
  62. package/styles/highcontrast.css +2 -12
  63. package/styles/material-dark.css +2 -12
  64. package/styles/material.css +2 -15
  65. package/styles/tailwind-dark.css +2 -12
  66. package/styles/tailwind.css +2 -12
  67. package/esm2020/public_api.mjs +0 -3
  68. package/esm2020/src/file-manager/filemanager-all.module.mjs +0 -44
  69. package/esm2020/src/file-manager/filemanager.component.mjs +0 -101
  70. package/esm2020/src/file-manager/filemanager.module.mjs +0 -25
  71. package/esm2020/src/index.mjs +0 -5
  72. package/esm2020/syncfusion-ej2-angular-filemanager.mjs +0 -5
  73. package/fesm2015/syncfusion-ej2-angular-filemanager.mjs +0 -171
  74. package/fesm2015/syncfusion-ej2-angular-filemanager.mjs.map +0 -1
  75. package/fesm2020/syncfusion-ej2-angular-filemanager.mjs +0 -171
  76. package/fesm2020/syncfusion-ej2-angular-filemanager.mjs.map +0 -1
  77. package/styles/file-manager/_all.scss +0 -2
  78. package/styles/file-manager/_bootstrap-dark-definition.scss +0 -240
  79. package/styles/file-manager/_bootstrap-definition.scss +0 -241
  80. package/styles/file-manager/_bootstrap4-definition.scss +0 -242
  81. package/styles/file-manager/_bootstrap5-dark-definition.scss +0 -1
  82. package/styles/file-manager/_bootstrap5-definition.scss +0 -237
  83. package/styles/file-manager/_fabric-dark-definition.scss +0 -238
  84. package/styles/file-manager/_fabric-definition.scss +0 -240
  85. package/styles/file-manager/_fluent-dark-definition.scss +0 -1
  86. package/styles/file-manager/_fluent-definition.scss +0 -245
  87. package/styles/file-manager/_fusionnew-definition.scss +0 -237
  88. package/styles/file-manager/_highcontrast-definition.scss +0 -240
  89. package/styles/file-manager/_highcontrast-light-definition.scss +0 -240
  90. package/styles/file-manager/_layout.scss +0 -1838
  91. package/styles/file-manager/_material-dark-definition.scss +0 -240
  92. package/styles/file-manager/_material-definition.scss +0 -240
  93. package/styles/file-manager/_material3-definition.scss +0 -237
  94. package/styles/file-manager/_tailwind-dark-definition.scss +0 -1
  95. package/styles/file-manager/_tailwind-definition.scss +0 -232
  96. package/styles/file-manager/_theme.scss +0 -416
  97. package/styles/file-manager/icons/_bootstrap-dark.scss +0 -235
  98. package/styles/file-manager/icons/_bootstrap.scss +0 -235
  99. package/styles/file-manager/icons/_bootstrap4.scss +0 -235
  100. package/styles/file-manager/icons/_bootstrap5-dark.scss +0 -1
  101. package/styles/file-manager/icons/_bootstrap5.scss +0 -235
  102. package/styles/file-manager/icons/_fabric-dark.scss +0 -229
  103. package/styles/file-manager/icons/_fabric.scss +0 -229
  104. package/styles/file-manager/icons/_fluent-dark.scss +0 -1
  105. package/styles/file-manager/icons/_fluent.scss +0 -235
  106. package/styles/file-manager/icons/_fusionnew.scss +0 -235
  107. package/styles/file-manager/icons/_highcontrast-light.scss +0 -235
  108. package/styles/file-manager/icons/_highcontrast.scss +0 -229
  109. package/styles/file-manager/icons/_material-dark.scss +0 -235
  110. package/styles/file-manager/icons/_material.scss +0 -235
  111. package/styles/file-manager/icons/_material3.scss +0 -235
  112. package/styles/file-manager/icons/_tailwind-dark.scss +0 -1
  113. package/styles/file-manager/icons/_tailwind.scss +0 -235
  114. package/syncfusion-ej2-angular-filemanager.d.ts +0 -5
package/CHANGELOG.md ADDED
@@ -0,0 +1,413 @@
1
+ # Changelog
2
+
3
+ ## [Unreleased]
4
+
5
+ ### File Manager
6
+
7
+ #### New Features
8
+
9
+ - Provided the folder (directory) upload support for Physical File Provider.
10
+ - Provided the folder (directory) upload support for Azure File Provider.
11
+ - Provided the folder (directory) upload support for NodeJS File System Provider.
12
+ - Provided the folder (directory) upload support for Amazon S3 File Provider.
13
+
14
+ ## 19.2.56 (2021-08-17)
15
+
16
+ ### File Manager
17
+
18
+ #### Bug Fixes
19
+
20
+ - `#I337431` - The issue with "`filterFiles` method in file manager component" has been resolved.
21
+
22
+ ## 19.2.48 (2021-07-20)
23
+
24
+ ### File Manager
25
+
26
+ #### Bug Fixes
27
+
28
+ - `#F166908` - The issue with "When pressing Ctrl+A key, the scroll bar is moved to last item in File Manager detail view" has been resolved.
29
+
30
+ ## 19.2.44 (2021-06-30)
31
+
32
+ ### File Manager
33
+
34
+ #### Bug Fixes
35
+
36
+ - `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
37
+
38
+ ## 19.1.66 (2021-06-01)
39
+
40
+ ### File Manager
41
+
42
+ #### Bug Fixes
43
+
44
+ - `#F165213` - The issue with "The Details view path column is not removed when refreshing the File Manager files" has been resolved.
45
+ - `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
46
+
47
+ ## 19.1.63 (2021-05-13)
48
+
49
+ ### File Manager
50
+
51
+ #### Bug Fixes
52
+
53
+ - `#I323484` - Now, the warning dialog will be displayed while dropping the searched file into the same source location in the File Manager component.
54
+
55
+ ## 19.1.58 (2021-04-27)
56
+
57
+ ### File Manager
58
+
59
+ #### Bug Fixes
60
+
61
+ - `#I321258`, `#I320950` - The issue with "Error as occurred while sorting the path column at second time in File Manager component" has been fixed.
62
+ - `#I318476`, `#I320950` - Resolved the script error that occurred while dragging and dropping an item without selecting it in details view of the File Manager component.
63
+
64
+ ## 18.4.41 (2021-02-02)
65
+
66
+ ### File Manager
67
+
68
+ #### Bug Fixes
69
+
70
+ - `#305138` - The issue with "Incorrect message is displayed in delete dialog for File Manager Component" has been resolved.
71
+
72
+ ## 18.3.42 (2020-10-20)
73
+
74
+ ### File Manager
75
+
76
+ #### Bug Fixes
77
+
78
+ - `#288436` - The issue with "The error dialog appears when copy and paste the folder with the same name" has been resolved.
79
+
80
+ ## 18.2.57 (2020-09-08)
81
+
82
+ ### File Manager
83
+
84
+ #### Bug Fixes
85
+
86
+ - `#288598` - Now, the file details will be sent correctly to the server side while using the rootAliasName property.
87
+
88
+ ## 18.2.56 (2020-09-01)
89
+
90
+ ### File Manager
91
+
92
+ #### Bug Fixes
93
+
94
+ - Resolved the incorrect delete confirmation dialog content for file in details view of the File Manager component.
95
+
96
+ ## 18.2.48 (2020-08-04)
97
+
98
+ ### File Manager
99
+
100
+ #### Bug Fixes
101
+
102
+ - The issue with “The Toolbar is not updated while adding the sortOrder property value as none” is fixed now.
103
+
104
+ ## 18.2.47 (2020-07-28)
105
+
106
+ ### File Manager
107
+
108
+ #### Bug Fixes
109
+
110
+ - Resolved the issue with the incorrect delete confirmation dialog heading and content of the File Manager component.
111
+
112
+ ## 18.2.44 (2020-07-07)
113
+
114
+ ### File Manager
115
+
116
+ #### New Features
117
+
118
+ - Added the upload customization support for ASP.NET Core AmazonS3 File Provider.
119
+ - Added the upload customization support for Google Drive File Provider.
120
+ - Added the upload customization support for FTP File Provider.
121
+ - Added the upload customization support for Firebase Realtime Database File Provider.
122
+ - `#151112`, `#152443` - Added the access control support for SQL Server File Provider.
123
+ - `#260977`, `#263918` - Added the file provider support in ASP.NET MVC for Amazon S3(Simple Storage Service) bucket storage service.
124
+ - `#275878` - Provided an option to prevent default sorting of the files and folders in the File Manager component.
125
+ - Provided the support to display the File Manager's dialog at the user specified target.
126
+
127
+ ## 18.1.56 (2020-06-09)
128
+
129
+ ### File Manager
130
+
131
+ #### Bug Fixes
132
+
133
+ - The issue with "File name is not displayed in the access control error message" has been fixed.
134
+
135
+ ## 18.1.55 (2020-06-02)
136
+
137
+ ### File Manager
138
+
139
+ #### Bug Fixes
140
+
141
+ - The issue with "The toolbar is not updated when selecting the root folder in the File Manager component" has been resolved.
142
+
143
+ ## 18.1.53 (2020-05-19)
144
+
145
+ ### File Manager
146
+
147
+ #### Bug Fixes
148
+
149
+ - Resolved the script error thrown from the File Manager component when resizing the window.
150
+
151
+ ## 18.1.46 (2020-04-28)
152
+
153
+ ### File Manager
154
+
155
+ #### Bug Fixes
156
+
157
+ - The issue with `Unable to localize the error message in the access control actions` has been fixed.
158
+ - `#269976` - Now, The File Manager UI will be refreshed properly when resizing the browser window.
159
+
160
+ ## 18.1.36-beta (2020-03-19)
161
+
162
+ ### File Manager
163
+
164
+ #### Bug Fixes
165
+
166
+ - `#266091` - Now, the date modified column in the details view is globalized based on the locale value.
167
+ - `#266713` - The script error thrown while performing the GetImage operation in NodeJS File System Provider has been fixed.
168
+
169
+ #### New Features
170
+
171
+ - Added the File Provider support for IBM Cloud Object Storage.
172
+ - `#262023` - Added the upload customization support for ASP.NET Core Azure File Provider.
173
+ - `#151515` - Added the upload customization support for SQL Server File Provider.
174
+
175
+ ## 17.4.51 (2020-02-25)
176
+
177
+ ### File Manager
178
+
179
+ #### New Features
180
+
181
+ - `#263021` - Support has been provided to auto close the upload dialog after uploading all the selected files.
182
+
183
+ ## 17.4.50 (2020-02-18)
184
+
185
+ ### File Manager
186
+
187
+ #### Bug Fixes
188
+
189
+ - `#262675` - Provided the support to prevent the XSS attacks using the `enableHtmlSanitizer` property.
190
+ - The issue with the given `name` column's width that is not applied in details view has been resolved.
191
+
192
+ ## 17.4.44 (2021-01-21)
193
+
194
+ ### File Manager
195
+
196
+ #### Bug Fixes
197
+
198
+ - Resolved the script error when navigate any folder after changing the toolbar settings dynamically in the file manager component.
199
+
200
+ ## 17.4.43 (2020-01-14)
201
+
202
+ ### File Manager
203
+
204
+ #### Bug Fixes
205
+
206
+ - `#149499` - The issue with date modified in ASP.NET Core Azure File System Provider has been fixed.
207
+ - `#256589` - The issue with `Directory traversal vulnerability` in NodeJS File System Provider has been fixed.
208
+
209
+ ## 17.4.41 (2020-01-07)
210
+
211
+ ### File Manager
212
+
213
+ #### Bug Fixes
214
+
215
+ - `#258121` - Resolved the CSS warnings in Firefox 71.0 version.
216
+
217
+ ## 17.4.39 (2019-12-17)
218
+
219
+ ### File Manager
220
+
221
+ #### Bug Fixes
222
+
223
+ - `#149500` - The issue with `incorrect popup name in popupBeforeOpen event` has been fixed.
224
+
225
+ #### New Features
226
+
227
+ - The new events `beforeDownload` and `beforeImageLoad` have been provided to customize the `download` and `getImage` file operations.
228
+ - The new ' rootAliasName ' property has been provided to display the custom root folder name.
229
+ - Added the filesystem provider support for File Transfer Protocol.
230
+
231
+ ## 17.3.28 (2019-11-19)
232
+
233
+ ### File Manager
234
+
235
+ #### Bug Fixes
236
+
237
+ - `#252873` - The issue with `file search on pressing the enter key` has been fixed.
238
+
239
+ ## 17.3.27 (2019-11-12)
240
+
241
+ ### File Manager
242
+
243
+ #### Bug Fixes
244
+
245
+ - `#148827` - New event `fileSelection` have been included to restrict the file selection in file manager.
246
+
247
+ ## 17.3.26 (2019-11-05)
248
+
249
+ ### File Manager
250
+
251
+ #### Bug Fixes
252
+
253
+ - The issue `file manager throws script error when navigate to the different folder after sorting the path column in details view` has been fixed.
254
+
255
+ #### New Features
256
+
257
+ - Support has been provided to include a custom message in `AccessRule` class using the message property.
258
+
259
+ #### Breaking Changes
260
+
261
+ - Now, in access control, the `FolderRule` and `FileRule` classes are combined into a single `AccessRule` class, where you can specify both folder and file rules by using the `IsFile` property.
262
+ - Now, the `Edit` and `EditContents` in access control are renamed as `Write` and `WriteContents`.
263
+
264
+ ## 17.3.17 (2019-10-15)
265
+
266
+ ### File Manager
267
+
268
+ #### Breaking Changes
269
+
270
+ - Now, the rename dialog shows or hides the file name extension based on the `showFileExtension` property value in the file manager.
271
+
272
+ ## 17.3.14 (2019-10-03)
273
+
274
+ ### File Manager
275
+
276
+ #### Bug Fixes
277
+
278
+ - The issue with `the fileOpen event that was not triggered for folder navigation through navigation pane` has been fixed.
279
+
280
+ ## 17.3.9-beta (2019-09-20)
281
+
282
+ ### File Manager
283
+
284
+ #### Bug Fixes
285
+
286
+ - The issue `file manager’s details view contains the unnecessary scrollbar and eclipsis in Chrome browser (version 76.0.3809.132)` has been fixed.
287
+
288
+ #### Breaking Changes
289
+
290
+ - Support has been provided in asp core platform for customizing the columns of file manager's details view. We have also limited the `columns` attributes of the `detailsViewSettings` property instead of accessing the all attributes from the `Grid` sub component.
291
+
292
+ ## 17.2.49 (2019-09-04)
293
+
294
+ ### File Manager
295
+
296
+ #### Bug Fixes
297
+
298
+ - The issue `the file manager throws script error when performing sorting in details view when the SortBy button is not present in toolbar` has been fixed.
299
+ - The issue `the file manager throws script error when return null response from server for search operation` has been fixed.
300
+
301
+ #### New Features
302
+
303
+ - New events have been provided to customize the dialog in file manager.
304
+ - New methods have been provided to select all files and clear the selection in current path of the file manager.
305
+ - New methods have been provided to customize the context menu items in file manager.
306
+
307
+ ## 17.2.47 (2019-08-27)
308
+
309
+ ### File Manager
310
+
311
+ #### New Features
312
+
313
+ - Methods have been provided to perform file operations such as create, upload, download, delete, rename, and open in file manager.
314
+
315
+ ## 17.2.41 (2019-08-14)
316
+
317
+ ### File Manager
318
+
319
+ #### Bug Fixes
320
+
321
+ - The issue with the `file manager that throws script error while accessing the shared folder in physical file provider` has been fixed.
322
+
323
+ #### New Features
324
+
325
+ - A method has been provided to customize the filtering support in file manager.
326
+
327
+ ## 17.2.40 (2019-08-06)
328
+
329
+ ### File Manager
330
+
331
+ #### New Features
332
+
333
+ - The `ID` based support has been provided to the `selectedItems` property to manage the files with duplicate names.
334
+
335
+ ## 17.2.36 (2019-07-24)
336
+
337
+ ### File Manager
338
+
339
+ #### Bug Fixes
340
+
341
+ - Issue with `when the component is rendering and you are trying to resize the window the component throws script error` is fixed.
342
+
343
+ ## 17.2.35 (2019-07-17)
344
+
345
+ ### File Manager
346
+
347
+ #### Bug Fixes
348
+
349
+ - Issue with `empty folder icon alignment when persistence enabled` is fixed.
350
+
351
+ ## 17.2.34 (2019-07-11)
352
+
353
+ ### File Manager
354
+
355
+ #### New Features
356
+
357
+ - Provided the `id` based support for `path` property to manage the files in an efficient way on going with file system providers.
358
+
359
+ ## 17.2.28-beta (2019-06-27)
360
+
361
+ ### File Manager
362
+
363
+ #### New Features
364
+
365
+ - Added file system provider support for SQL server database, Microsoft Azure cloud storage, NodeJS framework, and Google Drive cloud storage.
366
+ - Provided access control support for physical file system provider.
367
+ - Provided cut, copy, and paste file operations support.
368
+ - Provided drag and drop support.
369
+ - Provided rename and replace support for uploading files.
370
+ - Provided options to upload specific types of files based on extensions.
371
+
372
+ ## 17.1.48 (2019-05-21)
373
+
374
+ ### File Manager
375
+
376
+ #### New Features
377
+
378
+ - `#144270` - Added support to use the JWT tokens with `beforeSend` event’s Ajax settings.
379
+
380
+ ## 17.1.42 (2019-04-23)
381
+
382
+ ### File Manager
383
+
384
+ #### New Features
385
+
386
+ - Added filesystem provider support for ASP.NET MVC 4 and 5 frameworks.
387
+
388
+ ## 17.1.40 (2019-04-09)
389
+
390
+ ### File Manager
391
+
392
+ #### Breaking Changes
393
+
394
+ - The `beforeFileLoad` event’s `module` argument values have been changed as follows:
395
+
396
+ |Argument Name|Old Value|New Value|
397
+ |----|----|----|
398
+ |module|navigationpane|NavigationPane|
399
+ |module|Grid|DetailsView|
400
+ |module|LargeIcon|LargeIconView|
401
+
402
+ ## 17.1.32-beta (2019-03-13)
403
+
404
+ ### File Manager
405
+
406
+ The `File Manager` is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
407
+
408
+ - **Different Views** - Provides detailed and large icon views.
409
+ - **Context menu support** - Provides detailed and large icon views.
410
+ - **Custom toolbar support** - Customize the toolbar to provide only necessary features.
411
+ - **Multiple file selection** - Select multiple files simultaneously.
412
+ - **Accessibility** - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
413
+ - **Localization** - Translate file names to any supported language.
package/README.md CHANGED
@@ -1,52 +1,131 @@
1
- # ej2-angular-filemanager
1
+ # Angular File Manager Component
2
2
 
3
- The `File Manager` is a graphical user interface component used to manage the file system. It enables the user to perform common file operations such as accessing, editing, uploading, downloading, and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
3
+ The [Angular File Manager](https://www.syncfusion.com/angular-components/angular-file-manager?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) component is a graphical user interface that allows users to manage their file system in an intuitive and efficient manner. With this component, you can easily access, edit, upload, download, and organize files and folders. It also offers a convenient way to browse and select items from the file system.
4
4
 
5
+ <p align="center">
6
+ <a href="https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm">Getting Started</a> .
7
+ <a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm#/material/file-manager/overview">Online demos</a> .
8
+ <a href="https://www.syncfusion.com/angular-components/angular-file-manager?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm">Learn more</a>
9
+ </p>
5
10
 
6
- > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
11
+ <p align="center">
12
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-filemanager.png">
13
+ </P>
7
14
 
8
- > A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
15
+ <p align="center">
16
+ Trusted by the world's leading companies
17
+ <a href="https://www.syncfusion.com/">
18
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
19
+ </a>
20
+ </p>
9
21
 
10
22
  ## Setup
11
23
 
12
- To install `FileManager` and its dependent packages, use the following command.
24
+ You can use [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications. To install Angular CLI use the following command.
13
25
 
14
- ```sh
15
- npm install @syncfusion/ej2-angular-filemanager
26
+ ```bash
27
+ npm install -g @angular/cli
16
28
  ```
17
29
 
18
- ## Components included
30
+ Create a new Angular application using below Angular CLI command.
19
31
 
20
- Following list of components are available in the package
32
+ ```bash
33
+ ng new my-app
34
+ cd my-app
35
+ ```
36
+
37
+ ### Adding Syncfusion File Manager package
38
+
39
+ All Syncfusion Angular packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Angular File Manager package, use the following command.
40
+
41
+ ```bash
42
+ ng add @syncfusion/ej2-angular-filemanager
43
+ ```
44
+
45
+ The above command does the below configuration to your Angular app.
21
46
 
22
- * File Manager - performs common file operations such as accessing, editing, upload, download and sorting files and folders. This component also allows easy navigation for browsing or selecting a file or folder from the file system.
47
+ * Adds `@syncfusion/ej2-angular-filemanager` package and its peer dependencies to your `package.json` file.
48
+ * Import the `FileManagerModule` in your application module `app.module.ts`.
49
+ * Register the Syncfusion UI Default theme in the `angular.json` file.
23
50
 
51
+ This makes it easy to add the Syncfusion Angular File Manager module to your project and start using it in your application.
24
52
 
25
- ## Key Features
53
+ ### Add Angular File Manager component
26
54
 
27
- * File Manager
55
+ In src/app/app.component.ts, use `<ejs-filemanager>` selector in `template` attribute of `@Component` directive to render the Syncfusion Angular File Manager component.
56
+
57
+ Add the File Manager component snippet in **app.component.html** as follows.
58
+
59
+ ```html
60
+ <ejs-filemanager id='default-filemanager' [ajaxSettings]='ajaxSettings'>
61
+ </ejs-filemanager>
62
+ ```
63
+
64
+ Refer the File Manager component snippet in **app.component.ts** as follows.
65
+
66
+ ```typescript
67
+ import { Component } from '@angular/core';
68
+ @Component({
69
+ selector: 'app-root',
70
+ styleUrls: ['app/app.component.css'],
71
+ templateUrl: 'app/app.component.html'
72
+ })
73
+ export class AppComponent {
74
+ public hostUrl: string = 'https://ej2-aspcore-service.azurewebsites.net/';
75
+ public ajaxSettings: object = {
76
+ url: this.hostUrl + 'api/FileManager/FileOperations'
77
+ };
78
+ }
79
+ ```
80
+
81
+ ## Supported frameworks
82
+
83
+ The File Manager component is also offered in following list of frameworks,
84
+
85
+ | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
86
+ | :-----: | :-----: | :-----: | :-----: | :-----: |
87
+
88
+ ## Showcase samples
89
+
90
+ * Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
91
+ * Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ng-loancalculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
92
+
93
+ ## Key features
28
94
 
29
- * **Different Views** - Provides detailed and large icon views.
30
- * **Context menu support** - Provides detailed and large icon views.
31
- * **Custom toolbar support** - Customize the toolbar to provide only necessary features.
32
- * **Multiple file selection** - Select multiple files simultaneously.
33
- * **Accessibility** - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
34
- * **Localization** - Translate file names to any supported language.
95
+ * [File and directory management](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/directory-upload): The component allows users to upload, download, rename, sort, cut, copy, and paste files and directories.
96
+ * [Multiple layout options](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#view): The component supports both large icons view and details view layout, giving users the ability to choose the display option that works best for them.
97
+ * [Multiple file providers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/azure-service): The component supports a range of file providers, including Amazon S3, MS Azure, NodeJS, Google file systems, and local physical file providers, giving users flexibility in how they store and access their files.
98
+ * [Search functionality](https://ej2.syncfusion.com/angular/documentation/file-manager/file-operations/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#search): The component includes a search feature that allows users to easily locate specific files within their file system.
99
+ * [Customizable interface](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/custom): The component's interface can be customized to fit the needs and preferences of users, allowing for a personalized experience.
100
+ * [Responsive design](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/overview): The component is designed to be responsive, ensuring that it works seamlessly across a range of devices and screen sizes.
101
+ * [Easy integration](https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component is easy to integrate into existing projects, making it a convenient and straightforward solution for file management.
102
+ * [Context menu](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#context-menu): The component includes a context menu that allows users to quickly and easily access file management options.
103
+ * [Toolbar](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#toolbar): The component's toolbar provides a flexible way to manage file operations, making it easy for users to perform common tasks.
104
+ * [Access control](https://ej2.syncfusion.com/angular/documentation/file-manager/access-control/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component allows users to define a set of access rules for their folders and files, giving them control over who can access specific resources.
105
+ * [Multiple file selection](https://ej2.syncfusion.com/angular/documentation/file-manager/multiple-selection/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component supports the selection of multiple files, making it easy for users to perform bulk operations.
106
+ * [Localization](https://ej2.syncfusion.com/angular/documentation/file-manager/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component supports localization, allowing it to be used in a variety of languages and regions.
107
+ * [Accessibility](https://ej2.syncfusion.com/angular/documentation/file-manager/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component is designed with accessibility in mind, ensuring that it is usable by users with disabilities.
35
108
 
36
109
  ## Support
37
110
 
38
- Product support is available for through following mediums.
111
+ Product support is available through following mediums.
39
112
 
40
- * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=filemanager) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=filemanager).
41
- * New [GitHub issue](https://github.com/syncfusion/ej2-angular-ui-components/issues/new).
42
- * Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=filemanager) with tag `syncfusion` and `ej2`.
113
+ * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
114
+ * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
115
+ * [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
116
+ * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
117
+ * Live chat
43
118
 
44
- ## License
119
+ ## Changelog
45
120
 
46
- Check the license detail [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=filemanager).
121
+ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/filemanager/CHANGELOG.md?utm_source=npm&utm_campaign=filemanager). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
47
122
 
48
- ## Changelog
123
+ ## License and copyright
124
+
125
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
126
+
127
+ > A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
49
128
 
50
- Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/filemanager/CHANGELOG.md?utm_source=npm&utm_campaign=filemanager)
129
+ See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=filemanager) for more info.
51
130
 
52
131
  © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.