@progress/kendo-angular-upload 19.1.2-develop.1 → 19.1.2-develop.3

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 (49) hide show
  1. package/common/action-buttons-layout.d.ts +1 -1
  2. package/common/base.d.ts +15 -11
  3. package/directives.d.ts +3 -3
  4. package/dropzone-external.directive.d.ts +12 -4
  5. package/dropzone.component.d.ts +16 -9
  6. package/esm2022/common/base.mjs +15 -11
  7. package/esm2022/directives.mjs +3 -3
  8. package/esm2022/dropzone-external.directive.mjs +12 -4
  9. package/esm2022/dropzone.component.mjs +16 -9
  10. package/esm2022/events/cancel-event.mjs +7 -16
  11. package/esm2022/events/clear-event.mjs +5 -12
  12. package/esm2022/events/error-event.mjs +7 -13
  13. package/esm2022/events/pause-event.mjs +5 -12
  14. package/esm2022/events/remove-event.mjs +8 -12
  15. package/esm2022/events/resume-event.mjs +5 -12
  16. package/esm2022/events/select-event.mjs +5 -11
  17. package/esm2022/events/success-event.mjs +6 -12
  18. package/esm2022/events/upload-event.mjs +7 -34
  19. package/esm2022/events/upload-progress-event.mjs +5 -11
  20. package/esm2022/fileselect.component.mjs +16 -6
  21. package/esm2022/localization/messages.mjs +42 -0
  22. package/esm2022/package-metadata.mjs +2 -2
  23. package/esm2022/templates/file-info-template.directive.mjs +5 -6
  24. package/esm2022/templates/file-template.directive.mjs +5 -6
  25. package/esm2022/types/file-state.mjs +5 -5
  26. package/esm2022/upload.component.mjs +73 -56
  27. package/events/cancel-event.d.ts +7 -16
  28. package/events/clear-event.d.ts +5 -12
  29. package/events/error-event.d.ts +7 -13
  30. package/events/pause-event.d.ts +5 -12
  31. package/events/remove-event.d.ts +8 -12
  32. package/events/resume-event.d.ts +5 -12
  33. package/events/select-event.d.ts +5 -11
  34. package/events/success-event.d.ts +6 -12
  35. package/events/upload-event.d.ts +7 -34
  36. package/events/upload-progress-event.d.ts +5 -11
  37. package/fesm2022/progress-kendo-angular-upload.mjs +254 -253
  38. package/fileselect.component.d.ts +14 -4
  39. package/localization/messages.d.ts +42 -0
  40. package/package.json +8 -8
  41. package/schematics/ngAdd/index.js +3 -3
  42. package/templates/file-info-template.directive.d.ts +5 -6
  43. package/templates/file-template.directive.d.ts +5 -6
  44. package/types/chunk-metadata.d.ts +3 -3
  45. package/types/chunk-settings.d.ts +4 -4
  46. package/types/file-restrictions.d.ts +4 -5
  47. package/types/file-state.d.ts +5 -5
  48. package/types/operation-type.d.ts +1 -1
  49. package/upload.component.d.ts +71 -54
@@ -7,24 +7,18 @@ import { FileInfo, OperationType } from '../types';
7
7
  import { PreventableEvent } from './preventable-event';
8
8
  /**
9
9
  * Arguments for the `success` event. The `success` event fires when
10
- * the selected files are successfully uploaded or removed.
10
+ * you successfully upload or remove the selected files.
11
11
  *
12
- * ```ts-no-run
12
+ * ```typescript
13
13
  * @Component({
14
- * selector: 'my-upload',
15
14
  * template: `
16
15
  * <kendo-upload
17
- * [saveUrl]="uploadSaveUrl"
18
- * [removeUrl]="uploadRemoveUrl"
19
16
  * (success)="successEventHandler($event)">
20
17
  * </kendo-upload>
21
18
  * `
22
19
  * })
23
20
  * export class UploadComponent {
24
- * uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
25
- * uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint
26
- *
27
- * successEventHandler(e: SuccessEvent) {
21
+ * public successEventHandler(e: SuccessEvent) {
28
22
  * console.log('The ' + e.operation + ' was successful!');
29
23
  * }
30
24
  * }
@@ -32,15 +26,15 @@ import { PreventableEvent } from './preventable-event';
32
26
  */
33
27
  export declare class SuccessEvent extends PreventableEvent {
34
28
  /**
35
- * The list of the files that were uploaded or removed.
29
+ * The files that you successfully uploaded or removed.
36
30
  */
37
31
  files: Array<FileInfo>;
38
32
  /**
39
- * The operation type (`upload` or `remove`).
33
+ * The operation type that succeeded (`upload` or `remove`).
40
34
  */
41
35
  operation: OperationType;
42
36
  /**
43
- * The response object returned by the server.
37
+ * The HTTP response that the server returns to confirm success.
44
38
  */
45
39
  response: HttpResponse<any>;
46
40
  /**
@@ -6,25 +6,19 @@ import { HttpHeaders } from '@angular/common/http';
6
6
  import { FileInfo } from '../types';
7
7
  import { PreventableEvent } from './preventable-event';
8
8
  /**
9
- * Arguments for the `upload` event. The `upload` event fires when one or more files are about
10
- * to be uploaded. If you cancel the event, the upload is prevented. You can add headers to the request.
9
+ * Arguments for the `upload` event. The `upload` event fires when you are about
10
+ * to upload one or more files. You can cancel this event to prevent upload and add headers to the request.
11
11
  *
12
- * ```ts-no-run
12
+ * ```typescript
13
13
  * @Component({
14
- * selector: 'my-upload',
15
14
  * template: `
16
15
  * <kendo-upload
17
- * [saveUrl]="uploadSaveUrl"
18
- * [removeUrl]="uploadRemoveUrl"
19
16
  * (upload)="uploadEventHandler($event)">
20
17
  * </kendo-upload>
21
18
  * `
22
19
  * })
23
20
  * export class UploadComponent {
24
- * uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
25
- * uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint
26
- *
27
- * uploadEventHandler(e: UploadEvent) {
21
+ * public uploadEventHandler(e: UploadEvent) {
28
22
  * e.headers = e.headers.append('X-Foo', 'Bar');
29
23
  * }
30
24
  * }
@@ -32,38 +26,17 @@ import { PreventableEvent } from './preventable-event';
32
26
  */
33
27
  export declare class UploadEvent extends PreventableEvent {
34
28
  /**
35
- * The optional object that is sent to the `upload` handler in the form of key/value pair.
36
- *
37
- * ```ts-no-run
38
- * @Component({
39
- * selector: 'my-upload',
40
- * template: `
41
- * <kendo-upload
42
- * [saveUrl]="uploadSaveUrl"
43
- * [removeUrl]="uploadRemoveUrl"
44
- * (upload)="uploadEventHandler($event)">
45
- * </kendo-upload>
46
- * `
47
- * })
48
- * export class UploadComponent {
49
- * uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
50
- * uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint
29
+ * The optional object that you send to the `upload` handler as key/value pairs.
51
30
  *
52
- * uploadEventHandler(e: UploadEvent) {
53
- * e.data = {
54
- * description: 'File description'
55
- * };
56
- * }
57
- * }
58
- * ```
59
31
  */
60
32
  data: Object;
61
33
  /**
62
- * The list of the files that will be uploaded.
34
+ * The files that you will upload to the server.
63
35
  */
64
36
  files: Array<FileInfo>;
65
37
  /**
66
38
  * The headers of the request.
39
+ * You can use this to add custom headers to the upload request.
67
40
  */
68
41
  headers: HttpHeaders;
69
42
  /**
@@ -5,24 +5,18 @@
5
5
  import { FileInfo } from '../types';
6
6
  /**
7
7
  * Arguments for the `uploadprogress` event. The `uploadprogress` event
8
- * fires when the files are in the process of uploading.
8
+ * fires when you upload files.
9
9
  *
10
- * ```ts-no-run
10
+ * ```typescript
11
11
  * @Component({
12
- * selector: 'my-upload',
13
12
  * template: `
14
13
  * <kendo-upload
15
- * [saveUrl]="uploadSaveUrl"
16
- * [removeUrl]="uploadRemoveUrl"
17
14
  * (uploadProgress)="uploadProgressEventHandler($event)">
18
15
  * </kendo-upload>
19
16
  * `
20
17
  * })
21
18
  * export class UploadComponent {
22
- * uploadSaveUrl = 'saveUrl'; // should represent an actual API endpoint
23
- * uploadRemoveUrl = 'removeUrl'; // should represent an actual API endpoint
24
- *
25
- * uploadProgressEventHandler(e: UploadProgressEvent) {
19
+ * public uploadProgressEventHandler(e: UploadProgressEvent) {
26
20
  * console.log(e.files[0].name + ' is ' + e.percentComplete + ' uploaded');
27
21
  * }
28
22
  * }
@@ -30,11 +24,11 @@ import { FileInfo } from '../types';
30
24
  */
31
25
  export declare class UploadProgressEvent {
32
26
  /**
33
- * The list of files that are being uploaded.
27
+ * The files that you are currently uploading.
34
28
  */
35
29
  files: Array<FileInfo>;
36
30
  /**
37
- * The portion that has been uploaded.
31
+ * The upload progress as a percentage from 0 to 100.
38
32
  */
39
33
  percentComplete: number;
40
34
  /**