@syncfusion/ej2-angular-filemanager 20.4.38 → 20.4.40-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 +415 -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 +24 -43
  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,415 @@
1
+ # Changelog
2
+
3
+ ## [Unreleased]
4
+
5
+ ## 20.4.38 (2022-12-21)
6
+
7
+ ### File Manager
8
+
9
+ #### New Features
10
+
11
+ - Provided the folder (directory) upload support for Physical File Provider.
12
+ - Provided the folder (directory) upload support for Azure File Provider.
13
+ - Provided the folder (directory) upload support for NodeJS File System Provider.
14
+ - Provided the folder (directory) upload support for Amazon S3 File Provider.
15
+
16
+ ## 19.2.56 (2021-08-17)
17
+
18
+ ### File Manager
19
+
20
+ #### Bug Fixes
21
+
22
+ - `#I337431` - The issue with "`filterFiles` method in file manager component" has been resolved.
23
+
24
+ ## 19.2.48 (2021-07-20)
25
+
26
+ ### File Manager
27
+
28
+ #### Bug Fixes
29
+
30
+ - `#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.
31
+
32
+ ## 19.2.44 (2021-06-30)
33
+
34
+ ### File Manager
35
+
36
+ #### Bug Fixes
37
+
38
+ - `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
39
+
40
+ ## 19.1.66 (2021-06-01)
41
+
42
+ ### File Manager
43
+
44
+ #### Bug Fixes
45
+
46
+ - `#F165213` - The issue with "The Details view path column is not removed when refreshing the File Manager files" has been resolved.
47
+ - `#F160683` - The issue with "Error dialog shown while quickly clicking on the folders when enabling drag and drop support" has been resolved.
48
+
49
+ ## 19.1.63 (2021-05-13)
50
+
51
+ ### File Manager
52
+
53
+ #### Bug Fixes
54
+
55
+ - `#I323484` - Now, the warning dialog will be displayed while dropping the searched file into the same source location in the File Manager component.
56
+
57
+ ## 19.1.58 (2021-04-27)
58
+
59
+ ### File Manager
60
+
61
+ #### Bug Fixes
62
+
63
+ - `#I321258`, `#I320950` - The issue with "Error as occurred while sorting the path column at second time in File Manager component" has been fixed.
64
+ - `#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.
65
+
66
+ ## 18.4.41 (2021-02-02)
67
+
68
+ ### File Manager
69
+
70
+ #### Bug Fixes
71
+
72
+ - `#305138` - The issue with "Incorrect message is displayed in delete dialog for File Manager Component" has been resolved.
73
+
74
+ ## 18.3.42 (2020-10-20)
75
+
76
+ ### File Manager
77
+
78
+ #### Bug Fixes
79
+
80
+ - `#288436` - The issue with "The error dialog appears when copy and paste the folder with the same name" has been resolved.
81
+
82
+ ## 18.2.57 (2020-09-08)
83
+
84
+ ### File Manager
85
+
86
+ #### Bug Fixes
87
+
88
+ - `#288598` - Now, the file details will be sent correctly to the server side while using the rootAliasName property.
89
+
90
+ ## 18.2.56 (2020-09-01)
91
+
92
+ ### File Manager
93
+
94
+ #### Bug Fixes
95
+
96
+ - Resolved the incorrect delete confirmation dialog content for file in details view of the File Manager component.
97
+
98
+ ## 18.2.48 (2020-08-04)
99
+
100
+ ### File Manager
101
+
102
+ #### Bug Fixes
103
+
104
+ - The issue with “The Toolbar is not updated while adding the sortOrder property value as none” is fixed now.
105
+
106
+ ## 18.2.47 (2020-07-28)
107
+
108
+ ### File Manager
109
+
110
+ #### Bug Fixes
111
+
112
+ - Resolved the issue with the incorrect delete confirmation dialog heading and content of the File Manager component.
113
+
114
+ ## 18.2.44 (2020-07-07)
115
+
116
+ ### File Manager
117
+
118
+ #### New Features
119
+
120
+ - Added the upload customization support for ASP.NET Core AmazonS3 File Provider.
121
+ - Added the upload customization support for Google Drive File Provider.
122
+ - Added the upload customization support for FTP File Provider.
123
+ - Added the upload customization support for Firebase Realtime Database File Provider.
124
+ - `#151112`, `#152443` - Added the access control support for SQL Server File Provider.
125
+ - `#260977`, `#263918` - Added the file provider support in ASP.NET MVC for Amazon S3(Simple Storage Service) bucket storage service.
126
+ - `#275878` - Provided an option to prevent default sorting of the files and folders in the File Manager component.
127
+ - Provided the support to display the File Manager's dialog at the user specified target.
128
+
129
+ ## 18.1.56 (2020-06-09)
130
+
131
+ ### File Manager
132
+
133
+ #### Bug Fixes
134
+
135
+ - The issue with "File name is not displayed in the access control error message" has been fixed.
136
+
137
+ ## 18.1.55 (2020-06-02)
138
+
139
+ ### File Manager
140
+
141
+ #### Bug Fixes
142
+
143
+ - The issue with "The toolbar is not updated when selecting the root folder in the File Manager component" has been resolved.
144
+
145
+ ## 18.1.53 (2020-05-19)
146
+
147
+ ### File Manager
148
+
149
+ #### Bug Fixes
150
+
151
+ - Resolved the script error thrown from the File Manager component when resizing the window.
152
+
153
+ ## 18.1.46 (2020-04-28)
154
+
155
+ ### File Manager
156
+
157
+ #### Bug Fixes
158
+
159
+ - The issue with `Unable to localize the error message in the access control actions` has been fixed.
160
+ - `#269976` - Now, The File Manager UI will be refreshed properly when resizing the browser window.
161
+
162
+ ## 18.1.36-beta (2020-03-19)
163
+
164
+ ### File Manager
165
+
166
+ #### Bug Fixes
167
+
168
+ - `#266091` - Now, the date modified column in the details view is globalized based on the locale value.
169
+ - `#266713` - The script error thrown while performing the GetImage operation in NodeJS File System Provider has been fixed.
170
+
171
+ #### New Features
172
+
173
+ - Added the File Provider support for IBM Cloud Object Storage.
174
+ - `#262023` - Added the upload customization support for ASP.NET Core Azure File Provider.
175
+ - `#151515` - Added the upload customization support for SQL Server File Provider.
176
+
177
+ ## 17.4.51 (2020-02-25)
178
+
179
+ ### File Manager
180
+
181
+ #### New Features
182
+
183
+ - `#263021` - Support has been provided to auto close the upload dialog after uploading all the selected files.
184
+
185
+ ## 17.4.50 (2020-02-18)
186
+
187
+ ### File Manager
188
+
189
+ #### Bug Fixes
190
+
191
+ - `#262675` - Provided the support to prevent the XSS attacks using the `enableHtmlSanitizer` property.
192
+ - The issue with the given `name` column's width that is not applied in details view has been resolved.
193
+
194
+ ## 17.4.44 (2021-01-21)
195
+
196
+ ### File Manager
197
+
198
+ #### Bug Fixes
199
+
200
+ - Resolved the script error when navigate any folder after changing the toolbar settings dynamically in the file manager component.
201
+
202
+ ## 17.4.43 (2020-01-14)
203
+
204
+ ### File Manager
205
+
206
+ #### Bug Fixes
207
+
208
+ - `#149499` - The issue with date modified in ASP.NET Core Azure File System Provider has been fixed.
209
+ - `#256589` - The issue with `Directory traversal vulnerability` in NodeJS File System Provider has been fixed.
210
+
211
+ ## 17.4.41 (2020-01-07)
212
+
213
+ ### File Manager
214
+
215
+ #### Bug Fixes
216
+
217
+ - `#258121` - Resolved the CSS warnings in Firefox 71.0 version.
218
+
219
+ ## 17.4.39 (2019-12-17)
220
+
221
+ ### File Manager
222
+
223
+ #### Bug Fixes
224
+
225
+ - `#149500` - The issue with `incorrect popup name in popupBeforeOpen event` has been fixed.
226
+
227
+ #### New Features
228
+
229
+ - The new events `beforeDownload` and `beforeImageLoad` have been provided to customize the `download` and `getImage` file operations.
230
+ - The new ' rootAliasName ' property has been provided to display the custom root folder name.
231
+ - Added the filesystem provider support for File Transfer Protocol.
232
+
233
+ ## 17.3.28 (2019-11-19)
234
+
235
+ ### File Manager
236
+
237
+ #### Bug Fixes
238
+
239
+ - `#252873` - The issue with `file search on pressing the enter key` has been fixed.
240
+
241
+ ## 17.3.27 (2019-11-12)
242
+
243
+ ### File Manager
244
+
245
+ #### Bug Fixes
246
+
247
+ - `#148827` - New event `fileSelection` have been included to restrict the file selection in file manager.
248
+
249
+ ## 17.3.26 (2019-11-05)
250
+
251
+ ### File Manager
252
+
253
+ #### Bug Fixes
254
+
255
+ - The issue `file manager throws script error when navigate to the different folder after sorting the path column in details view` has been fixed.
256
+
257
+ #### New Features
258
+
259
+ - Support has been provided to include a custom message in `AccessRule` class using the message property.
260
+
261
+ #### Breaking Changes
262
+
263
+ - 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.
264
+ - Now, the `Edit` and `EditContents` in access control are renamed as `Write` and `WriteContents`.
265
+
266
+ ## 17.3.17 (2019-10-15)
267
+
268
+ ### File Manager
269
+
270
+ #### Breaking Changes
271
+
272
+ - Now, the rename dialog shows or hides the file name extension based on the `showFileExtension` property value in the file manager.
273
+
274
+ ## 17.3.14 (2019-10-03)
275
+
276
+ ### File Manager
277
+
278
+ #### Bug Fixes
279
+
280
+ - The issue with `the fileOpen event that was not triggered for folder navigation through navigation pane` has been fixed.
281
+
282
+ ## 17.3.9-beta (2019-09-20)
283
+
284
+ ### File Manager
285
+
286
+ #### Bug Fixes
287
+
288
+ - The issue `file manager’s details view contains the unnecessary scrollbar and eclipsis in Chrome browser (version 76.0.3809.132)` has been fixed.
289
+
290
+ #### Breaking Changes
291
+
292
+ - 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.
293
+
294
+ ## 17.2.49 (2019-09-04)
295
+
296
+ ### File Manager
297
+
298
+ #### Bug Fixes
299
+
300
+ - 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.
301
+ - The issue `the file manager throws script error when return null response from server for search operation` has been fixed.
302
+
303
+ #### New Features
304
+
305
+ - New events have been provided to customize the dialog in file manager.
306
+ - New methods have been provided to select all files and clear the selection in current path of the file manager.
307
+ - New methods have been provided to customize the context menu items in file manager.
308
+
309
+ ## 17.2.47 (2019-08-27)
310
+
311
+ ### File Manager
312
+
313
+ #### New Features
314
+
315
+ - Methods have been provided to perform file operations such as create, upload, download, delete, rename, and open in file manager.
316
+
317
+ ## 17.2.41 (2019-08-14)
318
+
319
+ ### File Manager
320
+
321
+ #### Bug Fixes
322
+
323
+ - The issue with the `file manager that throws script error while accessing the shared folder in physical file provider` has been fixed.
324
+
325
+ #### New Features
326
+
327
+ - A method has been provided to customize the filtering support in file manager.
328
+
329
+ ## 17.2.40 (2019-08-06)
330
+
331
+ ### File Manager
332
+
333
+ #### New Features
334
+
335
+ - The `ID` based support has been provided to the `selectedItems` property to manage the files with duplicate names.
336
+
337
+ ## 17.2.36 (2019-07-24)
338
+
339
+ ### File Manager
340
+
341
+ #### Bug Fixes
342
+
343
+ - Issue with `when the component is rendering and you are trying to resize the window the component throws script error` is fixed.
344
+
345
+ ## 17.2.35 (2019-07-17)
346
+
347
+ ### File Manager
348
+
349
+ #### Bug Fixes
350
+
351
+ - Issue with `empty folder icon alignment when persistence enabled` is fixed.
352
+
353
+ ## 17.2.34 (2019-07-11)
354
+
355
+ ### File Manager
356
+
357
+ #### New Features
358
+
359
+ - Provided the `id` based support for `path` property to manage the files in an efficient way on going with file system providers.
360
+
361
+ ## 17.2.28-beta (2019-06-27)
362
+
363
+ ### File Manager
364
+
365
+ #### New Features
366
+
367
+ - Added file system provider support for SQL server database, Microsoft Azure cloud storage, NodeJS framework, and Google Drive cloud storage.
368
+ - Provided access control support for physical file system provider.
369
+ - Provided cut, copy, and paste file operations support.
370
+ - Provided drag and drop support.
371
+ - Provided rename and replace support for uploading files.
372
+ - Provided options to upload specific types of files based on extensions.
373
+
374
+ ## 17.1.48 (2019-05-21)
375
+
376
+ ### File Manager
377
+
378
+ #### New Features
379
+
380
+ - `#144270` - Added support to use the JWT tokens with `beforeSend` event’s Ajax settings.
381
+
382
+ ## 17.1.42 (2019-04-23)
383
+
384
+ ### File Manager
385
+
386
+ #### New Features
387
+
388
+ - Added filesystem provider support for ASP.NET MVC 4 and 5 frameworks.
389
+
390
+ ## 17.1.40 (2019-04-09)
391
+
392
+ ### File Manager
393
+
394
+ #### Breaking Changes
395
+
396
+ - The `beforeFileLoad` event’s `module` argument values have been changed as follows:
397
+
398
+ |Argument Name|Old Value|New Value|
399
+ |----|----|----|
400
+ |module|navigationpane|NavigationPane|
401
+ |module|Grid|DetailsView|
402
+ |module|LargeIcon|LargeIconView|
403
+
404
+ ## 17.1.32-beta (2019-03-13)
405
+
406
+ ### File Manager
407
+
408
+ 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.
409
+
410
+ - **Different Views** - Provides detailed and large icon views.
411
+ - **Context menu support** - Provides detailed and large icon views.
412
+ - **Custom toolbar support** - Customize the toolbar to provide only necessary features.
413
+ - **Multiple file selection** - Select multiple files simultaneously.
414
+ - **Accessibility** - Features built-in accessibility support that makes all features accessible through keyboard interaction, screen readers, or other assistive technology devices.
415
+ - **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.