@progress/kendo-angular-upload 19.1.2-develop.3 → 19.1.2-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/directives.d.ts +48 -3
- package/dropzone.component.d.ts +3 -0
- package/esm2022/directives.mjs +48 -3
- package/esm2022/dropzone.component.mjs +3 -0
- package/esm2022/events/cancel-event.mjs +1 -1
- package/esm2022/events/clear-event.mjs +1 -3
- package/esm2022/events/error-event.mjs +1 -3
- package/esm2022/events/remove-event.mjs +1 -3
- package/esm2022/events/select-event.mjs +1 -3
- package/esm2022/events/success-event.mjs +1 -3
- package/esm2022/events/upload-event.mjs +1 -3
- package/esm2022/events/upload-progress-event.mjs +1 -3
- package/esm2022/fileselect.component.mjs +3 -0
- package/esm2022/localization/custom-messages.component.mjs +18 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/upload.component.mjs +7 -1
- package/events/cancel-event.d.ts +1 -1
- package/events/clear-event.d.ts +1 -3
- package/events/error-event.d.ts +1 -3
- package/events/remove-event.d.ts +1 -3
- package/events/select-event.d.ts +1 -3
- package/events/success-event.d.ts +1 -3
- package/events/upload-event.d.ts +1 -3
- package/events/upload-progress-event.d.ts +1 -3
- package/fesm2022/progress-kendo-angular-upload.mjs +89 -29
- package/fileselect.component.d.ts +3 -0
- package/localization/custom-messages.component.d.ts +18 -1
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +3 -3
- package/upload.component.d.ts +7 -1
package/directives.d.ts
CHANGED
@@ -12,14 +12,59 @@ import { FileInfoTemplateDirective } from "./templates/file-info-template.direct
|
|
12
12
|
import { FileTemplateDirective } from "./templates/file-template.directive";
|
13
13
|
import { UploadComponent } from "./upload.component";
|
14
14
|
/**
|
15
|
-
* Use the KENDO_FILESELECT utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
15
|
+
* Use the `KENDO_FILESELECT` utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
16
|
+
*
|
17
|
+
* @example
|
18
|
+
* ```typescript
|
19
|
+
* import { Component } from '@angular/core';
|
20
|
+
* import { KENDO_FILESELECT } from '@progress/kendo-angular-upload';
|
21
|
+
*
|
22
|
+
* @Component({
|
23
|
+
* selector: 'my-app',
|
24
|
+
* standalone: true,
|
25
|
+
* imports: [KENDO_FILESELECT],
|
26
|
+
* template: `<kendo-fileselect></kendo-fileselect>`
|
27
|
+
* })
|
28
|
+
* export class AppComponent {}
|
29
|
+
* ```
|
16
30
|
*/
|
17
31
|
export declare const KENDO_FILESELECT: readonly [typeof FileSelectComponent, typeof FileTemplateDirective, typeof FileInfoTemplateDirective, typeof CustomMessagesComponent, typeof UploadDropZoneDirective, typeof UploadDropZoneComponent];
|
18
32
|
/**
|
19
|
-
* Use the KENDO_UPLOAD utility array to add all Upload-related components and directives to a standalone Angular component.
|
33
|
+
* Use the `KENDO_UPLOAD` utility array to add all Upload-related components and directives to a standalone Angular component.
|
34
|
+
*
|
35
|
+
* @example
|
36
|
+
* ```typescript
|
37
|
+
* import { Component } from '@angular/core';
|
38
|
+
* import { KENDO_UPLOAD } from '@progress/kendo-angular-upload';
|
39
|
+
*
|
40
|
+
* @Component({
|
41
|
+
* selector: 'my-app',
|
42
|
+
* standalone: true,
|
43
|
+
* imports: [KENDO_UPLOAD],
|
44
|
+
* template: `<kendo-upload></kendo-upload>`
|
45
|
+
* })
|
46
|
+
* export class AppComponent {}
|
47
|
+
* ```
|
20
48
|
*/
|
21
49
|
export declare const KENDO_UPLOAD: readonly [typeof UploadComponent, typeof UploadActionButtonsComponent, typeof UploadStatusTotalComponent, typeof FileTemplateDirective, typeof FileInfoTemplateDirective, typeof CustomMessagesComponent, typeof UploadDropZoneDirective, typeof UploadDropZoneComponent];
|
22
50
|
/**
|
23
|
-
* Use the KENDO_UPLOADS utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
51
|
+
* Use the `KENDO_UPLOADS` utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
52
|
+
*
|
53
|
+
* @example
|
54
|
+
* ```typescript
|
55
|
+
* import { Component } from '@angular/core';
|
56
|
+
* import { KENDO_UPLOADS } from '@progress/kendo-angular-upload';
|
57
|
+
*
|
58
|
+
* @Component({
|
59
|
+
* selector: 'my-app',
|
60
|
+
* standalone: true,
|
61
|
+
* imports: [KENDO_UPLOADS],
|
62
|
+
* template: `
|
63
|
+
* <kendo-upload></kendo-upload>
|
64
|
+
* <kendo-fileselect></kendo-fileselect>
|
65
|
+
* `
|
66
|
+
* })
|
67
|
+
* export class AppComponent {}
|
68
|
+
* ```
|
24
69
|
*/
|
25
70
|
export declare const KENDO_UPLOADS: readonly [typeof FileSelectComponent, typeof FileTemplateDirective, typeof FileInfoTemplateDirective, typeof CustomMessagesComponent, typeof UploadDropZoneDirective, typeof UploadDropZoneComponent, typeof UploadComponent, typeof UploadActionButtonsComponent, typeof UploadStatusTotalComponent, typeof FileTemplateDirective, typeof FileInfoTemplateDirective, typeof CustomMessagesComponent, typeof UploadDropZoneDirective, typeof UploadDropZoneComponent];
|
package/dropzone.component.d.ts
CHANGED
@@ -17,6 +17,9 @@ import * as i0 from "@angular/core";
|
|
17
17
|
* </kendo-uploaddropzone>
|
18
18
|
* <kendo-upload [saveUrl]="uploadSaveUrl" zoneId="upload1"></kendo-upload>
|
19
19
|
* ```
|
20
|
+
*
|
21
|
+
* @remarks
|
22
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
20
23
|
*/
|
21
24
|
export declare class UploadDropZoneComponent extends DropZoneBase {
|
22
25
|
private localization;
|
package/esm2022/directives.mjs
CHANGED
@@ -12,7 +12,21 @@ import { FileInfoTemplateDirective } from "./templates/file-info-template.direct
|
|
12
12
|
import { FileTemplateDirective } from "./templates/file-template.directive";
|
13
13
|
import { UploadComponent } from "./upload.component";
|
14
14
|
/**
|
15
|
-
* Use the KENDO_FILESELECT utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
15
|
+
* Use the `KENDO_FILESELECT` utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
16
|
+
*
|
17
|
+
* @example
|
18
|
+
* ```typescript
|
19
|
+
* import { Component } from '@angular/core';
|
20
|
+
* import { KENDO_FILESELECT } from '@progress/kendo-angular-upload';
|
21
|
+
*
|
22
|
+
* @Component({
|
23
|
+
* selector: 'my-app',
|
24
|
+
* standalone: true,
|
25
|
+
* imports: [KENDO_FILESELECT],
|
26
|
+
* template: `<kendo-fileselect></kendo-fileselect>`
|
27
|
+
* })
|
28
|
+
* export class AppComponent {}
|
29
|
+
* ```
|
16
30
|
*/
|
17
31
|
export const KENDO_FILESELECT = [
|
18
32
|
FileSelectComponent,
|
@@ -23,7 +37,21 @@ export const KENDO_FILESELECT = [
|
|
23
37
|
UploadDropZoneComponent
|
24
38
|
];
|
25
39
|
/**
|
26
|
-
* Use the KENDO_UPLOAD utility array to add all Upload-related components and directives to a standalone Angular component.
|
40
|
+
* Use the `KENDO_UPLOAD` utility array to add all Upload-related components and directives to a standalone Angular component.
|
41
|
+
*
|
42
|
+
* @example
|
43
|
+
* ```typescript
|
44
|
+
* import { Component } from '@angular/core';
|
45
|
+
* import { KENDO_UPLOAD } from '@progress/kendo-angular-upload';
|
46
|
+
*
|
47
|
+
* @Component({
|
48
|
+
* selector: 'my-app',
|
49
|
+
* standalone: true,
|
50
|
+
* imports: [KENDO_UPLOAD],
|
51
|
+
* template: `<kendo-upload></kendo-upload>`
|
52
|
+
* })
|
53
|
+
* export class AppComponent {}
|
54
|
+
* ```
|
27
55
|
*/
|
28
56
|
export const KENDO_UPLOAD = [
|
29
57
|
UploadComponent,
|
@@ -36,7 +64,24 @@ export const KENDO_UPLOAD = [
|
|
36
64
|
UploadDropZoneComponent
|
37
65
|
];
|
38
66
|
/**
|
39
|
-
* Use the KENDO_UPLOADS utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
67
|
+
* Use the `KENDO_UPLOADS` utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
68
|
+
*
|
69
|
+
* @example
|
70
|
+
* ```typescript
|
71
|
+
* import { Component } from '@angular/core';
|
72
|
+
* import { KENDO_UPLOADS } from '@progress/kendo-angular-upload';
|
73
|
+
*
|
74
|
+
* @Component({
|
75
|
+
* selector: 'my-app',
|
76
|
+
* standalone: true,
|
77
|
+
* imports: [KENDO_UPLOADS],
|
78
|
+
* template: `
|
79
|
+
* <kendo-upload></kendo-upload>
|
80
|
+
* <kendo-fileselect></kendo-fileselect>
|
81
|
+
* `
|
82
|
+
* })
|
83
|
+
* export class AppComponent {}
|
84
|
+
* ```
|
40
85
|
*/
|
41
86
|
export const KENDO_UPLOADS = [
|
42
87
|
...KENDO_FILESELECT,
|
@@ -21,6 +21,9 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
21
21
|
* </kendo-uploaddropzone>
|
22
22
|
* <kendo-upload [saveUrl]="uploadSaveUrl" zoneId="upload1"></kendo-upload>
|
23
23
|
* ```
|
24
|
+
*
|
25
|
+
* @remarks
|
26
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
24
27
|
*/
|
25
28
|
export class UploadDropZoneComponent extends DropZoneBase {
|
26
29
|
localization;
|
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (clear)="clearEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (clear)="clearEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (remove)="removeEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (remove)="removeEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (select)="selectEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (select)="selectEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (success)="successEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (success)="successEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (upload)="uploadEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (upload)="uploadEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -9,9 +9,7 @@
|
|
9
9
|
* ```typescript
|
10
10
|
* @Component({
|
11
11
|
* template: `
|
12
|
-
* <kendo-upload
|
13
|
-
* (uploadProgress)="uploadProgressEventHandler($event)">
|
14
|
-
* </kendo-upload>
|
12
|
+
* <kendo-upload (uploadProgress)="uploadProgressEventHandler($event)"></kendo-upload>
|
15
13
|
* `
|
16
14
|
* })
|
17
15
|
* export class UploadComponent {
|
@@ -43,6 +43,9 @@ let idx = 0;
|
|
43
43
|
* ```html
|
44
44
|
* <kendo-fileselect> </kendo-fileselect>
|
45
45
|
* ```
|
46
|
+
*
|
47
|
+
* @remarks
|
48
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
46
49
|
*/
|
47
50
|
export class FileSelectComponent extends UploadFileSelectBase {
|
48
51
|
uploadService;
|
@@ -11,13 +11,30 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
11
11
|
* Custom component messages override default component messages ([more information and example]({% slug globalization_upload %})).
|
12
12
|
*
|
13
13
|
* @example
|
14
|
-
* ```html
|
14
|
+
* ```html
|
15
|
+
* <!-- Custom messages for FileSelect -->
|
15
16
|
* <kendo-fileselect>
|
16
17
|
* <kendo-fileselect-messages
|
17
18
|
* dropFilesHere="Drop your file here"
|
18
19
|
* select="Upload file">
|
19
20
|
* </kendo-fileselect-messages>
|
20
21
|
* </kendo-fileselect>
|
22
|
+
*
|
23
|
+
* <!-- Custom messages for Upload -->
|
24
|
+
* <kendo-upload>
|
25
|
+
* <kendo-upload-messages
|
26
|
+
* dropFilesHere="Drop your file here"
|
27
|
+
* fileStatusFailed="File upload failed"
|
28
|
+
* fileStatusSuccessful="File upload successful">
|
29
|
+
* </kendo-upload-messages>
|
30
|
+
* </kendo-upload>
|
31
|
+
*
|
32
|
+
* <!-- Custom messages for UploadDropZone -->
|
33
|
+
* <kendo-uploaddropzone>
|
34
|
+
* <kendo-uploaddropzone-messages
|
35
|
+
* externalDropFilesHere="Drag and your file here">
|
36
|
+
* </kendo-uploaddropzone-messages>
|
37
|
+
* </kendo-uploaddropzone>
|
21
38
|
* ```
|
22
39
|
*/
|
23
40
|
export class CustomMessagesComponent extends Messages {
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
13
|
-
publishDate:
|
14
|
-
version: '19.1.2-develop.
|
13
|
+
publishDate: 1750430792,
|
14
|
+
version: '19.1.2-develop.5',
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
16
16
|
};
|
@@ -46,8 +46,14 @@ let idx = 0;
|
|
46
46
|
*
|
47
47
|
* @example
|
48
48
|
* ```html
|
49
|
-
* <kendo-upload
|
49
|
+
* <kendo-upload
|
50
|
+
* [saveUrl]="uploadSaveUrl"
|
51
|
+
* [removeUrl]="uploadRemoveUrl">
|
52
|
+
* </kendo-upload>
|
50
53
|
* ```
|
54
|
+
*
|
55
|
+
* @remarks
|
56
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
51
57
|
*/
|
52
58
|
export class UploadComponent extends UploadFileSelectBase {
|
53
59
|
uploadService;
|
package/events/cancel-event.d.ts
CHANGED
@@ -10,7 +10,7 @@ import { FileInfo } from '../types';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
13
|
+
* <kendo-upload (cancel)="cancelEventHandler($event)"></kendo-upload>
|
14
14
|
* `
|
15
15
|
* })
|
16
16
|
* export class UploadComponent {
|
package/events/clear-event.d.ts
CHANGED
@@ -10,9 +10,7 @@ import { PreventableEvent } from './preventable-event';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (clear)="clearEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (clear)="clearEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
package/events/error-event.d.ts
CHANGED
@@ -11,9 +11,7 @@ import { FileInfo, OperationType } from '../types';
|
|
11
11
|
* ```typescript
|
12
12
|
* @Component({
|
13
13
|
* template: `
|
14
|
-
* <kendo-upload
|
15
|
-
* (error)="errorEventHandler($event)">
|
16
|
-
* </kendo-upload>
|
14
|
+
* <kendo-upload (error)="errorEventHandler($event)"></kendo-upload>
|
17
15
|
* `
|
18
16
|
* })
|
19
17
|
* export class UploadComponent {
|
package/events/remove-event.d.ts
CHANGED
@@ -12,9 +12,7 @@ import { FileInfo } from '../types';
|
|
12
12
|
* ```typescript
|
13
13
|
* @Component({
|
14
14
|
* template: `
|
15
|
-
* <kendo-upload
|
16
|
-
* (remove)="removeEventHandler($event)">
|
17
|
-
* </kendo-upload>
|
15
|
+
* <kendo-upload (remove)="removeEventHandler($event)"></kendo-upload>
|
18
16
|
* `
|
19
17
|
* })
|
20
18
|
* export class UploadComponent {
|
package/events/select-event.d.ts
CHANGED
@@ -11,9 +11,7 @@ import { FileInfo } from '../types';
|
|
11
11
|
* ```typescript
|
12
12
|
* @Component({
|
13
13
|
* template: `
|
14
|
-
* <kendo-upload
|
15
|
-
* (select)="selectEventHandler($event)">
|
16
|
-
* </kendo-upload>
|
14
|
+
* <kendo-upload (select)="selectEventHandler($event)"></kendo-upload>
|
17
15
|
* `
|
18
16
|
* })
|
19
17
|
* export class UploadComponent {
|
@@ -12,9 +12,7 @@ import { PreventableEvent } from './preventable-event';
|
|
12
12
|
* ```typescript
|
13
13
|
* @Component({
|
14
14
|
* template: `
|
15
|
-
* <kendo-upload
|
16
|
-
* (success)="successEventHandler($event)">
|
17
|
-
* </kendo-upload>
|
15
|
+
* <kendo-upload (success)="successEventHandler($event)"></kendo-upload>
|
18
16
|
* `
|
19
17
|
* })
|
20
18
|
* export class UploadComponent {
|
package/events/upload-event.d.ts
CHANGED
@@ -12,9 +12,7 @@ import { PreventableEvent } from './preventable-event';
|
|
12
12
|
* ```typescript
|
13
13
|
* @Component({
|
14
14
|
* template: `
|
15
|
-
* <kendo-upload
|
16
|
-
* (upload)="uploadEventHandler($event)">
|
17
|
-
* </kendo-upload>
|
15
|
+
* <kendo-upload (upload)="uploadEventHandler($event)"></kendo-upload>
|
18
16
|
* `
|
19
17
|
* })
|
20
18
|
* export class UploadComponent {
|
@@ -10,9 +10,7 @@ import { FileInfo } from '../types';
|
|
10
10
|
* ```typescript
|
11
11
|
* @Component({
|
12
12
|
* template: `
|
13
|
-
* <kendo-upload
|
14
|
-
* (uploadProgress)="uploadProgressEventHandler($event)">
|
15
|
-
* </kendo-upload>
|
13
|
+
* <kendo-upload (uploadProgress)="uploadProgressEventHandler($event)"></kendo-upload>
|
16
14
|
* `
|
17
15
|
* })
|
18
16
|
* export class UploadComponent {
|
@@ -199,7 +199,7 @@ class FileMap {
|
|
199
199
|
* ```typescript
|
200
200
|
* @Component({
|
201
201
|
* template: `
|
202
|
-
* <kendo-upload
|
202
|
+
* <kendo-upload (cancel)="cancelEventHandler($event)"></kendo-upload>
|
203
203
|
* `
|
204
204
|
* })
|
205
205
|
* export class UploadComponent {
|
@@ -253,9 +253,7 @@ class PreventableEvent {
|
|
253
253
|
* ```typescript
|
254
254
|
* @Component({
|
255
255
|
* template: `
|
256
|
-
* <kendo-upload
|
257
|
-
* (clear)="clearEventHandler($event)">
|
258
|
-
* </kendo-upload>
|
256
|
+
* <kendo-upload (clear)="clearEventHandler($event)"></kendo-upload>
|
259
257
|
* `
|
260
258
|
* })
|
261
259
|
* export class UploadComponent {
|
@@ -280,9 +278,7 @@ class ClearEvent extends PreventableEvent {
|
|
280
278
|
* ```typescript
|
281
279
|
* @Component({
|
282
280
|
* template: `
|
283
|
-
* <kendo-upload
|
284
|
-
* (error)="errorEventHandler($event)">
|
285
|
-
* </kendo-upload>
|
281
|
+
* <kendo-upload (error)="errorEventHandler($event)"></kendo-upload>
|
286
282
|
* `
|
287
283
|
* })
|
288
284
|
* export class UploadComponent {
|
@@ -362,9 +358,7 @@ class PauseEvent {
|
|
362
358
|
* ```typescript
|
363
359
|
* @Component({
|
364
360
|
* template: `
|
365
|
-
* <kendo-upload
|
366
|
-
* (remove)="removeEventHandler($event)">
|
367
|
-
* </kendo-upload>
|
361
|
+
* <kendo-upload (remove)="removeEventHandler($event)"></kendo-upload>
|
368
362
|
* `
|
369
363
|
* })
|
370
364
|
* export class UploadComponent {
|
@@ -444,9 +438,7 @@ class ResumeEvent {
|
|
444
438
|
* ```typescript
|
445
439
|
* @Component({
|
446
440
|
* template: `
|
447
|
-
* <kendo-upload
|
448
|
-
* (select)="selectEventHandler($event)">
|
449
|
-
* </kendo-upload>
|
441
|
+
* <kendo-upload (select)="selectEventHandler($event)"></kendo-upload>
|
450
442
|
* `
|
451
443
|
* })
|
452
444
|
* export class UploadComponent {
|
@@ -479,9 +471,7 @@ class SelectEvent extends PreventableEvent {
|
|
479
471
|
* ```typescript
|
480
472
|
* @Component({
|
481
473
|
* template: `
|
482
|
-
* <kendo-upload
|
483
|
-
* (success)="successEventHandler($event)">
|
484
|
-
* </kendo-upload>
|
474
|
+
* <kendo-upload (success)="successEventHandler($event)"></kendo-upload>
|
485
475
|
* `
|
486
476
|
* })
|
487
477
|
* export class UploadComponent {
|
@@ -526,9 +516,7 @@ class SuccessEvent extends PreventableEvent {
|
|
526
516
|
* ```typescript
|
527
517
|
* @Component({
|
528
518
|
* template: `
|
529
|
-
* <kendo-upload
|
530
|
-
* (upload)="uploadEventHandler($event)">
|
531
|
-
* </kendo-upload>
|
519
|
+
* <kendo-upload (upload)="uploadEventHandler($event)"></kendo-upload>
|
532
520
|
* `
|
533
521
|
* })
|
534
522
|
* export class UploadComponent {
|
@@ -573,9 +561,7 @@ class UploadEvent extends PreventableEvent {
|
|
573
561
|
* ```typescript
|
574
562
|
* @Component({
|
575
563
|
* template: `
|
576
|
-
* <kendo-upload
|
577
|
-
* (uploadProgress)="uploadProgressEventHandler($event)">
|
578
|
-
* </kendo-upload>
|
564
|
+
* <kendo-upload (uploadProgress)="uploadProgressEventHandler($event)"></kendo-upload>
|
579
565
|
* `
|
580
566
|
* })
|
581
567
|
* export class UploadComponent {
|
@@ -1575,8 +1561,8 @@ const packageMetadata = {
|
|
1575
1561
|
productName: 'Kendo UI for Angular',
|
1576
1562
|
productCode: 'KENDOUIANGULAR',
|
1577
1563
|
productCodes: ['KENDOUIANGULAR'],
|
1578
|
-
publishDate:
|
1579
|
-
version: '19.1.2-develop.
|
1564
|
+
publishDate: 1750430792,
|
1565
|
+
version: '19.1.2-develop.5',
|
1580
1566
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
1581
1567
|
};
|
1582
1568
|
|
@@ -3494,8 +3480,14 @@ let idx$1 = 0;
|
|
3494
3480
|
*
|
3495
3481
|
* @example
|
3496
3482
|
* ```html
|
3497
|
-
* <kendo-upload
|
3483
|
+
* <kendo-upload
|
3484
|
+
* [saveUrl]="uploadSaveUrl"
|
3485
|
+
* [removeUrl]="uploadRemoveUrl">
|
3486
|
+
* </kendo-upload>
|
3498
3487
|
* ```
|
3488
|
+
*
|
3489
|
+
* @remarks
|
3490
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
3499
3491
|
*/
|
3500
3492
|
class UploadComponent extends UploadFileSelectBase {
|
3501
3493
|
uploadService;
|
@@ -4444,6 +4436,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
4444
4436
|
* </kendo-uploaddropzone>
|
4445
4437
|
* <kendo-upload [saveUrl]="uploadSaveUrl" zoneId="upload1"></kendo-upload>
|
4446
4438
|
* ```
|
4439
|
+
*
|
4440
|
+
* @remarks
|
4441
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
4447
4442
|
*/
|
4448
4443
|
class UploadDropZoneComponent extends DropZoneBase {
|
4449
4444
|
localization;
|
@@ -4604,6 +4599,9 @@ let idx = 0;
|
|
4604
4599
|
* ```html
|
4605
4600
|
* <kendo-fileselect> </kendo-fileselect>
|
4606
4601
|
* ```
|
4602
|
+
*
|
4603
|
+
* @remarks
|
4604
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
4607
4605
|
*/
|
4608
4606
|
class FileSelectComponent extends UploadFileSelectBase {
|
4609
4607
|
uploadService;
|
@@ -5012,13 +5010,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
5012
5010
|
* Custom component messages override default component messages ([more information and example]({% slug globalization_upload %})).
|
5013
5011
|
*
|
5014
5012
|
* @example
|
5015
|
-
* ```html
|
5013
|
+
* ```html
|
5014
|
+
* <!-- Custom messages for FileSelect -->
|
5016
5015
|
* <kendo-fileselect>
|
5017
5016
|
* <kendo-fileselect-messages
|
5018
5017
|
* dropFilesHere="Drop your file here"
|
5019
5018
|
* select="Upload file">
|
5020
5019
|
* </kendo-fileselect-messages>
|
5021
5020
|
* </kendo-fileselect>
|
5021
|
+
*
|
5022
|
+
* <!-- Custom messages for Upload -->
|
5023
|
+
* <kendo-upload>
|
5024
|
+
* <kendo-upload-messages
|
5025
|
+
* dropFilesHere="Drop your file here"
|
5026
|
+
* fileStatusFailed="File upload failed"
|
5027
|
+
* fileStatusSuccessful="File upload successful">
|
5028
|
+
* </kendo-upload-messages>
|
5029
|
+
* </kendo-upload>
|
5030
|
+
*
|
5031
|
+
* <!-- Custom messages for UploadDropZone -->
|
5032
|
+
* <kendo-uploaddropzone>
|
5033
|
+
* <kendo-uploaddropzone-messages
|
5034
|
+
* externalDropFilesHere="Drag and your file here">
|
5035
|
+
* </kendo-uploaddropzone-messages>
|
5036
|
+
* </kendo-uploaddropzone>
|
5022
5037
|
* ```
|
5023
5038
|
*/
|
5024
5039
|
class CustomMessagesComponent extends Messages {
|
@@ -5054,7 +5069,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
5054
5069
|
}], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
|
5055
5070
|
|
5056
5071
|
/**
|
5057
|
-
* Use the KENDO_FILESELECT utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
5072
|
+
* Use the `KENDO_FILESELECT` utility array to add all FileSelect-related components and directives to a standalone Angular component.
|
5073
|
+
*
|
5074
|
+
* @example
|
5075
|
+
* ```typescript
|
5076
|
+
* import { Component } from '@angular/core';
|
5077
|
+
* import { KENDO_FILESELECT } from '@progress/kendo-angular-upload';
|
5078
|
+
*
|
5079
|
+
* @Component({
|
5080
|
+
* selector: 'my-app',
|
5081
|
+
* standalone: true,
|
5082
|
+
* imports: [KENDO_FILESELECT],
|
5083
|
+
* template: `<kendo-fileselect></kendo-fileselect>`
|
5084
|
+
* })
|
5085
|
+
* export class AppComponent {}
|
5086
|
+
* ```
|
5058
5087
|
*/
|
5059
5088
|
const KENDO_FILESELECT = [
|
5060
5089
|
FileSelectComponent,
|
@@ -5065,7 +5094,21 @@ const KENDO_FILESELECT = [
|
|
5065
5094
|
UploadDropZoneComponent
|
5066
5095
|
];
|
5067
5096
|
/**
|
5068
|
-
* Use the KENDO_UPLOAD utility array to add all Upload-related components and directives to a standalone Angular component.
|
5097
|
+
* Use the `KENDO_UPLOAD` utility array to add all Upload-related components and directives to a standalone Angular component.
|
5098
|
+
*
|
5099
|
+
* @example
|
5100
|
+
* ```typescript
|
5101
|
+
* import { Component } from '@angular/core';
|
5102
|
+
* import { KENDO_UPLOAD } from '@progress/kendo-angular-upload';
|
5103
|
+
*
|
5104
|
+
* @Component({
|
5105
|
+
* selector: 'my-app',
|
5106
|
+
* standalone: true,
|
5107
|
+
* imports: [KENDO_UPLOAD],
|
5108
|
+
* template: `<kendo-upload></kendo-upload>`
|
5109
|
+
* })
|
5110
|
+
* export class AppComponent {}
|
5111
|
+
* ```
|
5069
5112
|
*/
|
5070
5113
|
const KENDO_UPLOAD = [
|
5071
5114
|
UploadComponent,
|
@@ -5078,7 +5121,24 @@ const KENDO_UPLOAD = [
|
|
5078
5121
|
UploadDropZoneComponent
|
5079
5122
|
];
|
5080
5123
|
/**
|
5081
|
-
* Use the KENDO_UPLOADS utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
5124
|
+
* Use the `KENDO_UPLOADS` utility array to add all `@progress/kendo-angular-upload`-related components and directives to a standalone Angular component.
|
5125
|
+
*
|
5126
|
+
* @example
|
5127
|
+
* ```typescript
|
5128
|
+
* import { Component } from '@angular/core';
|
5129
|
+
* import { KENDO_UPLOADS } from '@progress/kendo-angular-upload';
|
5130
|
+
*
|
5131
|
+
* @Component({
|
5132
|
+
* selector: 'my-app',
|
5133
|
+
* standalone: true,
|
5134
|
+
* imports: [KENDO_UPLOADS],
|
5135
|
+
* template: `
|
5136
|
+
* <kendo-upload></kendo-upload>
|
5137
|
+
* <kendo-fileselect></kendo-fileselect>
|
5138
|
+
* `
|
5139
|
+
* })
|
5140
|
+
* export class AppComponent {}
|
5141
|
+
* ```
|
5082
5142
|
*/
|
5083
5143
|
const KENDO_UPLOADS = [
|
5084
5144
|
...KENDO_FILESELECT,
|
@@ -22,6 +22,9 @@ export declare const FILESELECT_VALUE_ACCESSOR: any;
|
|
22
22
|
* ```html
|
23
23
|
* <kendo-fileselect> </kendo-fileselect>
|
24
24
|
* ```
|
25
|
+
*
|
26
|
+
* @remarks
|
27
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
25
28
|
*/
|
26
29
|
export declare class FileSelectComponent extends UploadFileSelectBase implements OnInit, OnDestroy {
|
27
30
|
protected uploadService: UploadService;
|
@@ -9,13 +9,30 @@ import * as i0 from "@angular/core";
|
|
9
9
|
* Custom component messages override default component messages ([more information and example]({% slug globalization_upload %})).
|
10
10
|
*
|
11
11
|
* @example
|
12
|
-
* ```html
|
12
|
+
* ```html
|
13
|
+
* <!-- Custom messages for FileSelect -->
|
13
14
|
* <kendo-fileselect>
|
14
15
|
* <kendo-fileselect-messages
|
15
16
|
* dropFilesHere="Drop your file here"
|
16
17
|
* select="Upload file">
|
17
18
|
* </kendo-fileselect-messages>
|
18
19
|
* </kendo-fileselect>
|
20
|
+
*
|
21
|
+
* <!-- Custom messages for Upload -->
|
22
|
+
* <kendo-upload>
|
23
|
+
* <kendo-upload-messages
|
24
|
+
* dropFilesHere="Drop your file here"
|
25
|
+
* fileStatusFailed="File upload failed"
|
26
|
+
* fileStatusSuccessful="File upload successful">
|
27
|
+
* </kendo-upload-messages>
|
28
|
+
* </kendo-upload>
|
29
|
+
*
|
30
|
+
* <!-- Custom messages for UploadDropZone -->
|
31
|
+
* <kendo-uploaddropzone>
|
32
|
+
* <kendo-uploaddropzone-messages
|
33
|
+
* externalDropFilesHere="Drag and your file here">
|
34
|
+
* </kendo-uploaddropzone-messages>
|
35
|
+
* </kendo-uploaddropzone>
|
19
36
|
* ```
|
20
37
|
*/
|
21
38
|
export declare class CustomMessagesComponent extends Messages {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-upload",
|
3
|
-
"version": "19.1.2-develop.
|
3
|
+
"version": "19.1.2-develop.5",
|
4
4
|
"description": "Kendo UI Angular Upload Component",
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
6
6
|
"author": "Progress",
|
@@ -19,7 +19,7 @@
|
|
19
19
|
"package": {
|
20
20
|
"productName": "Kendo UI for Angular",
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
22
|
-
"publishDate":
|
22
|
+
"publishDate": 1750430792,
|
23
23
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
24
24
|
}
|
25
25
|
},
|
@@ -30,16 +30,16 @@
|
|
30
30
|
"@angular/forms": "16 - 20",
|
31
31
|
"@angular/platform-browser": "16 - 20",
|
32
32
|
"@progress/kendo-licensing": "^1.5.0",
|
33
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
34
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
35
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
36
|
-
"@progress/kendo-angular-buttons": "19.1.2-develop.
|
37
|
-
"@progress/kendo-angular-progressbar": "19.1.2-develop.
|
33
|
+
"@progress/kendo-angular-common": "19.1.2-develop.5",
|
34
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.5",
|
35
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.5",
|
36
|
+
"@progress/kendo-angular-buttons": "19.1.2-develop.5",
|
37
|
+
"@progress/kendo-angular-progressbar": "19.1.2-develop.5",
|
38
38
|
"rxjs": "^6.5.3 || ^7.0.0"
|
39
39
|
},
|
40
40
|
"dependencies": {
|
41
41
|
"tslib": "^2.3.1",
|
42
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
42
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.5"
|
43
43
|
},
|
44
44
|
"schematics": "./schematics/collection.json",
|
45
45
|
"module": "fesm2022/progress-kendo-angular-upload.mjs",
|
@@ -10,9 +10,9 @@ function default_1(options) {
|
|
10
10
|
], peerDependencies: {
|
11
11
|
// peer dep of the icons
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0',
|
13
|
-
'@progress/kendo-angular-buttons': '19.1.2-develop.
|
14
|
-
'@progress/kendo-angular-progressbar': '19.1.2-develop.
|
15
|
-
'@progress/kendo-angular-popup': '19.1.2-develop.
|
13
|
+
'@progress/kendo-angular-buttons': '19.1.2-develop.5',
|
14
|
+
'@progress/kendo-angular-progressbar': '19.1.2-develop.5',
|
15
|
+
'@progress/kendo-angular-popup': '19.1.2-develop.5',
|
16
16
|
} });
|
17
17
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
18
18
|
}
|
package/upload.component.d.ts
CHANGED
@@ -25,8 +25,14 @@ export declare const UPLOAD_VALUE_ACCESSOR: any;
|
|
25
25
|
*
|
26
26
|
* @example
|
27
27
|
* ```html
|
28
|
-
* <kendo-upload
|
28
|
+
* <kendo-upload
|
29
|
+
* [saveUrl]="uploadSaveUrl"
|
30
|
+
* [removeUrl]="uploadRemoveUrl">
|
31
|
+
* </kendo-upload>
|
29
32
|
* ```
|
33
|
+
*
|
34
|
+
* @remarks
|
35
|
+
* Supported children components are: {@link CustomMessagesComponent}
|
30
36
|
*/
|
31
37
|
export declare class UploadComponent extends UploadFileSelectBase implements OnInit, OnDestroy, ControlValueAccessor {
|
32
38
|
protected uploadService: UploadService;
|