@progress/kendo-angular-upload 17.0.0-develop.4 → 17.0.0-develop.40
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/README.md +36 -15
- package/common/action-buttons-layout.d.ts +1 -1
- package/common/base.d.ts +1 -1
- package/dropzone-external.directive.d.ts +1 -1
- package/dropzone-internal.directive.d.ts +1 -1
- package/dropzone.component.d.ts +1 -1
- package/{esm2020 → esm2022}/common/base.mjs +96 -67
- package/{esm2020 → esm2022}/dropzone-base.mjs +13 -9
- package/{esm2020 → esm2022}/dropzone-external.directive.mjs +16 -5
- package/{esm2020 → esm2022}/dropzone-internal.directive.mjs +14 -6
- package/{esm2020 → esm2022}/dropzone.component.mjs +38 -19
- package/{esm2020 → esm2022}/dropzone.service.mjs +3 -3
- package/{esm2020 → esm2022}/events/cancel-event.mjs +4 -0
- package/{esm2020 → esm2022}/events/error-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/pause-event.mjs +4 -0
- package/{esm2020 → esm2022}/events/preventable-event.mjs +1 -3
- package/{esm2020 → esm2022}/events/remove-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/resume-event.mjs +4 -0
- package/{esm2020 → esm2022}/events/select-event.mjs +4 -0
- package/{esm2020 → esm2022}/events/success-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/upload-event.mjs +35 -0
- package/{esm2020 → esm2022}/events/upload-progress-event.mjs +8 -0
- package/{esm2020 → esm2022}/file-select.directive.mjs +17 -8
- package/{esm2020 → esm2022}/fileselect.component.mjs +61 -43
- package/{esm2020 → esm2022}/fileselect.module.mjs +8 -8
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +12 -11
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
- package/esm2022/localization/messages.mjs +143 -0
- package/{esm2020 → esm2022}/navigation.service.mjs +17 -14
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/rendering/file-list-item-action-button.component.mjs +16 -10
- package/{esm2020 → esm2022}/rendering/file-list-item-base.mjs +7 -4
- package/{esm2020 → esm2022}/rendering/file-list-item.mjs +10 -5
- package/{esm2020 → esm2022}/rendering/file-list-multiple-items.component.mjs +18 -13
- package/{esm2020 → esm2022}/rendering/file-list-single-item.component.mjs +16 -12
- package/{esm2020 → esm2022}/rendering/file-list.component.mjs +14 -5
- package/{esm2020 → esm2022}/rendering/upload-action-buttons.component.mjs +17 -10
- package/{esm2020 → esm2022}/rendering/upload-status-total.component.mjs +14 -8
- package/{esm2020 → esm2022}/templates/file-info-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/templates/file-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/types/chunk-map.mjs +1 -0
- package/{esm2020 → esm2022}/types/file-map.mjs +1 -0
- package/{esm2020 → esm2022}/upload.component.mjs +114 -96
- package/{esm2020 → esm2022}/upload.module.mjs +8 -8
- package/{esm2020 → esm2022}/upload.service.mjs +50 -49
- package/{esm2020 → esm2022}/uploads.module.mjs +8 -8
- package/{fesm2020 → fesm2022}/progress-kendo-angular-upload.mjs +791 -443
- package/file-select.directive.d.ts +1 -1
- package/fileselect.component.d.ts +1 -1
- package/localization/messages.d.ts +1 -1
- package/package.json +16 -22
- package/rendering/file-list-item-action-button.component.d.ts +1 -1
- package/rendering/file-list-item.d.ts +1 -1
- package/rendering/file-list-multiple-items.component.d.ts +1 -1
- package/rendering/file-list-single-item.component.d.ts +1 -1
- package/rendering/file-list.component.d.ts +1 -1
- package/rendering/upload-action-buttons.component.d.ts +1 -1
- package/rendering/upload-status-total.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +3 -3
- package/types/direction.d.ts +1 -1
- package/types/operation-type.d.ts +1 -1
- package/upload.component.d.ts +1 -1
- package/upload.service.d.ts +1 -1
- package/esm2020/localization/messages.mjs +0 -59
- package/fesm2015/progress-kendo-angular-upload.mjs +0 -4808
- /package/{esm2020 → esm2022}/common/action-buttons-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/common/validation-util.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/events/clear-event.mjs +0 -0
- /package/{esm2020 → esm2022}/events.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-upload.mjs +0 -0
- /package/{esm2020 → esm2022}/types/async-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/types/chunk-info.mjs +0 -0
- /package/{esm2020 → esm2022}/types/chunk-metadata.mjs +0 -0
- /package/{esm2020 → esm2022}/types/chunk-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/types/direction.mjs +0 -0
- /package/{esm2020 → esm2022}/types/file-groups.mjs +0 -0
- /package/{esm2020 → esm2022}/types/file-info.mjs +0 -0
- /package/{esm2020 → esm2022}/types/file-restrictions.mjs +0 -0
- /package/{esm2020 → esm2022}/types/file-state.mjs +0 -0
- /package/{esm2020 → esm2022}/types/operation-type.mjs +0 -0
- /package/{esm2020 → esm2022}/types.mjs +0 -0
|
@@ -11,9 +11,12 @@ import * as i1 from "../upload.service";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class FileListItemBase {
|
|
14
|
+
uploadService;
|
|
15
|
+
progressComplete = 0;
|
|
16
|
+
localization;
|
|
17
|
+
uploadProgressSubscription;
|
|
14
18
|
constructor(uploadService) {
|
|
15
19
|
this.uploadService = uploadService;
|
|
16
|
-
this.progressComplete = 0;
|
|
17
20
|
}
|
|
18
21
|
subscribeUploadProgress(uploadProgressHandler) {
|
|
19
22
|
this.uploadProgressSubscription = this.uploadService.uploadProgressEvent.subscribe(uploadProgressHandler);
|
|
@@ -40,10 +43,10 @@ export class FileListItemBase {
|
|
|
40
43
|
textFor(key) {
|
|
41
44
|
return this.localization.get(key);
|
|
42
45
|
}
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemBase, deps: [{ token: i1.UploadService }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListItemBase, selector: "ng-component", ngImport: i0, template: '', isInline: true });
|
|
43
48
|
}
|
|
44
|
-
|
|
45
|
-
FileListItemBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListItemBase, selector: "ng-component", ngImport: i0, template: '', isInline: true });
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemBase, decorators: [{
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemBase, decorators: [{
|
|
47
50
|
type: Component,
|
|
48
51
|
args: [{ template: '' }]
|
|
49
52
|
}], ctorParameters: function () { return [{ type: i1.UploadService }]; } });
|
|
@@ -14,11 +14,16 @@ import * as i2 from "../upload.service";
|
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
16
|
export class FileListItemDirective {
|
|
17
|
+
navigationService;
|
|
18
|
+
uploadService;
|
|
19
|
+
files;
|
|
20
|
+
index;
|
|
21
|
+
fileClass = true;
|
|
22
|
+
focused = false;
|
|
23
|
+
element;
|
|
17
24
|
constructor(el, navigationService, uploadService) {
|
|
18
25
|
this.navigationService = navigationService;
|
|
19
26
|
this.uploadService = uploadService;
|
|
20
|
-
this.fileClass = true;
|
|
21
|
-
this.focused = false;
|
|
22
27
|
this.element = el;
|
|
23
28
|
}
|
|
24
29
|
focus() {
|
|
@@ -61,10 +66,10 @@ export class FileListItemDirective {
|
|
|
61
66
|
this.navigationService.focusedIndex = this.navigationService.focusedFileIndex = this.index;
|
|
62
67
|
}
|
|
63
68
|
}
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
70
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FileListItemDirective, isStandalone: true, selector: "[kendoUploadFileListItem]", inputs: { files: "files", index: "index" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "click": "onClick($event)" }, properties: { "class.k-file": "this.fileClass", "attr.data-uid": "this.uidAttribute", "attr.tabIndex": "this.tabIndex", "class.k-file-error": "this.kFileError", "class.k-file-invalid": "this.kFileInvalid", "class.k-file-progress": "this.kFileProgress", "class.k-file-success": "this.kFileSuccess", "class.k-focus": "this.kStateFocused" } }, ngImport: i0 });
|
|
64
71
|
}
|
|
65
|
-
|
|
66
|
-
FileListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FileListItemDirective, isStandalone: true, selector: "[kendoUploadFileListItem]", inputs: { files: "files", index: "index" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "click": "onClick($event)" }, properties: { "class.k-file": "this.fileClass", "attr.data-uid": "this.uidAttribute", "attr.tabIndex": "this.tabIndex", "class.k-file-error": "this.kFileError", "class.k-file-invalid": "this.kFileInvalid", "class.k-file-progress": "this.kFileProgress", "class.k-file-success": "this.kFileSuccess", "class.k-focus": "this.kStateFocused" } }, ngImport: i0 });
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileListItemDirective, decorators: [{
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListItemDirective, decorators: [{
|
|
68
73
|
type: Directive,
|
|
69
74
|
args: [{
|
|
70
75
|
selector: '[kendoUploadFileListItem]',
|
|
@@ -22,10 +22,15 @@ import * as i2 from "../upload.service";
|
|
|
22
22
|
* @hidden
|
|
23
23
|
*/
|
|
24
24
|
export class FileListMultipleItemsComponent extends FileListItemBase {
|
|
25
|
+
localization;
|
|
26
|
+
disabled;
|
|
27
|
+
files;
|
|
28
|
+
fileInfoTemplate;
|
|
29
|
+
filesHaveErrors;
|
|
30
|
+
copySVGIcon = copyIcon;
|
|
25
31
|
constructor(localization, uploadService) {
|
|
26
32
|
super(uploadService);
|
|
27
33
|
this.localization = localization;
|
|
28
|
-
this.copySVGIcon = copyIcon;
|
|
29
34
|
this.subscribeUploadProgress((args) => {
|
|
30
35
|
if (args.files[0].uid === this.files[0].uid) {
|
|
31
36
|
this.progressComplete = args.percentComplete;
|
|
@@ -63,9 +68,8 @@ export class FileListMultipleItemsComponent extends FileListItemBase {
|
|
|
63
68
|
get isUploadFailed() {
|
|
64
69
|
return this.files[0].state === FileState.Failed;
|
|
65
70
|
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
FileListMultipleItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListMultipleItemsComponent, isStandalone: true, selector: "kendo-upload-file-list-multiple-items", inputs: { disabled: "disabled", files: "files", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListMultipleItemsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListMultipleItemsComponent, isStandalone: true, selector: "kendo-upload-file-list-multiple-items", inputs: { disabled: "disabled", files: "files", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
69
73
|
<kendo-progressbar
|
|
70
74
|
[@progressState]="showProgress"
|
|
71
75
|
[value]="progressComplete"
|
|
@@ -111,15 +115,16 @@ FileListMultipleItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
|
111
115
|
[progress]='progressComplete'>
|
|
112
116
|
</kendo-upload-file-list-item-action-button>
|
|
113
117
|
`, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FileListItemActionButtonComponent, selector: "kendo-upload-file-list-item-action-button", inputs: ["file", "disabled", "progress"] }], animations: [
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
118
|
+
trigger('progressState', [
|
|
119
|
+
state('active', style({ opacity: 1 })),
|
|
120
|
+
state('inactive', style({ opacity: 0 })),
|
|
121
|
+
transition('void => active', style({ opacity: 0 })),
|
|
122
|
+
transition('inactive => active', style({ opacity: 1 })),
|
|
123
|
+
transition('active => inactive', animate('1s 2s ease-out'))
|
|
124
|
+
])
|
|
125
|
+
] });
|
|
126
|
+
}
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListMultipleItemsComponent, decorators: [{
|
|
123
128
|
type: Component,
|
|
124
129
|
args: [{
|
|
125
130
|
animations: [
|
|
@@ -23,6 +23,10 @@ import * as i2 from "../upload.service";
|
|
|
23
23
|
* @hidden
|
|
24
24
|
*/
|
|
25
25
|
export class FileListSingleItemComponent extends FileListItemBase {
|
|
26
|
+
localization;
|
|
27
|
+
disabled;
|
|
28
|
+
file;
|
|
29
|
+
fileInfoTemplate;
|
|
26
30
|
constructor(localization, uploadService) {
|
|
27
31
|
super(uploadService);
|
|
28
32
|
this.localization = localization;
|
|
@@ -72,9 +76,8 @@ export class FileListSingleItemComponent extends FileListItemBase {
|
|
|
72
76
|
get isNotYetUploaded() {
|
|
73
77
|
return !this.isUploadFailed && !this.isUploadSuccessful;
|
|
74
78
|
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
FileListSingleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListSingleItemComponent, isStandalone: true, selector: "kendo-upload-file-list-single-item", inputs: { disabled: "disabled", file: "file", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
79
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListSingleItemComponent, deps: [{ token: i1.LocalizationService }, { token: i2.UploadService }], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListSingleItemComponent, isStandalone: true, selector: "kendo-upload-file-list-single-item", inputs: { disabled: "disabled", file: "file", fileInfoTemplate: "fileInfoTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
78
81
|
<kendo-progressbar
|
|
79
82
|
[@progressState]="showProgress"
|
|
80
83
|
[value]="progressComplete"
|
|
@@ -112,15 +115,16 @@ FileListSingleItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
112
115
|
[progress]='progressComplete'>
|
|
113
116
|
</kendo-upload-file-list-item-action-button>
|
|
114
117
|
`, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FileListItemActionButtonComponent, selector: "kendo-upload-file-list-item-action-button", inputs: ["file", "disabled", "progress"] }], animations: [
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
118
|
+
trigger('progressState', [
|
|
119
|
+
state('active', style({ opacity: 1 })),
|
|
120
|
+
state('inactive', style({ opacity: 0 })),
|
|
121
|
+
transition('void => active', style({ opacity: 0 })),
|
|
122
|
+
transition('inactive => active', style({ opacity: 1 })),
|
|
123
|
+
transition('active => inactive', animate('1s 2s ease-out'))
|
|
124
|
+
])
|
|
125
|
+
] });
|
|
126
|
+
}
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListSingleItemComponent, decorators: [{
|
|
124
128
|
type: Component,
|
|
125
129
|
args: [{
|
|
126
130
|
animations: [
|
|
@@ -21,10 +21,19 @@ import * as i2 from "../navigation.service";
|
|
|
21
21
|
* @hidden
|
|
22
22
|
*/
|
|
23
23
|
export class FileListComponent {
|
|
24
|
+
uploadService;
|
|
25
|
+
navigation;
|
|
26
|
+
disabled;
|
|
27
|
+
fileList;
|
|
28
|
+
fileTemplate;
|
|
29
|
+
fileInfoTemplate;
|
|
30
|
+
fileListItems;
|
|
31
|
+
fileListRole = 'list';
|
|
32
|
+
focusSubscription;
|
|
33
|
+
actionSubscription;
|
|
24
34
|
constructor(uploadService, navigation) {
|
|
25
35
|
this.uploadService = uploadService;
|
|
26
36
|
this.navigation = navigation;
|
|
27
|
-
this.fileListRole = 'list';
|
|
28
37
|
this.onItemFocus();
|
|
29
38
|
this.onItemAction();
|
|
30
39
|
}
|
|
@@ -90,9 +99,8 @@ export class FileListComponent {
|
|
|
90
99
|
this.focusSubscription.unsubscribe();
|
|
91
100
|
this.actionSubscription.unsubscribe();
|
|
92
101
|
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
FileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileListComponent, isStandalone: true, selector: "[kendo-upload-file-list]", inputs: { disabled: "disabled", fileList: "fileList", fileTemplate: "fileTemplate", fileInfoTemplate: "fileInfoTemplate" }, host: { properties: { "attr.role": "this.fileListRole" } }, viewQueries: [{ propertyName: "fileListItems", predicate: FileListItemDirective, descendants: true }], ngImport: i0, template: `
|
|
102
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListComponent, deps: [{ token: i1.UploadService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
103
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileListComponent, isStandalone: true, selector: "[kendo-upload-file-list]", inputs: { disabled: "disabled", fileList: "fileList", fileTemplate: "fileTemplate", fileInfoTemplate: "fileInfoTemplate" }, host: { properties: { "attr.role": "this.fileListRole" } }, viewQueries: [{ propertyName: "fileListItems", predicate: FileListItemDirective, descendants: true }], ngImport: i0, template: `
|
|
96
104
|
<ng-template ngFor
|
|
97
105
|
[ngForOf]="fileList"
|
|
98
106
|
let-files
|
|
@@ -119,7 +127,8 @@ FileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
|
|
|
119
127
|
</li>
|
|
120
128
|
</ng-template>
|
|
121
129
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: FileListItemDirective, selector: "[kendoUploadFileListItem]", inputs: ["files", "index"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FileListSingleItemComponent, selector: "kendo-upload-file-list-single-item", inputs: ["disabled", "file", "fileInfoTemplate"] }, { kind: "component", type: FileListMultipleItemsComponent, selector: "kendo-upload-file-list-multiple-items", inputs: ["disabled", "files", "fileInfoTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
122
|
-
|
|
130
|
+
}
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileListComponent, decorators: [{
|
|
123
132
|
type: Component,
|
|
124
133
|
args: [{
|
|
125
134
|
selector: '[kendo-upload-file-list]',
|
|
@@ -15,12 +15,14 @@ import * as i3 from "../navigation.service";
|
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
|
17
17
|
export class UploadActionButtonsComponent {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
uploadService;
|
|
19
|
+
localization;
|
|
20
|
+
navigation;
|
|
21
|
+
disabled;
|
|
22
|
+
actionsLayout;
|
|
23
|
+
clearButton;
|
|
24
|
+
uploadButton;
|
|
25
|
+
hostDefaultClass = true;
|
|
24
26
|
get actionButtonsEndClassName() {
|
|
25
27
|
return this.actionsLayout === 'end';
|
|
26
28
|
}
|
|
@@ -33,6 +35,11 @@ export class UploadActionButtonsComponent {
|
|
|
33
35
|
get actionButtonsCenterClassName() {
|
|
34
36
|
return this.actionsLayout === 'center';
|
|
35
37
|
}
|
|
38
|
+
constructor(uploadService, localization, navigation) {
|
|
39
|
+
this.uploadService = uploadService;
|
|
40
|
+
this.localization = localization;
|
|
41
|
+
this.navigation = navigation;
|
|
42
|
+
}
|
|
36
43
|
onUploadButtonFocus() {
|
|
37
44
|
if (!this.navigation.focused) {
|
|
38
45
|
this.navigation.focusedIndex = this.navigation.lastIndex;
|
|
@@ -61,9 +68,8 @@ export class UploadActionButtonsComponent {
|
|
|
61
68
|
textFor(key) {
|
|
62
69
|
return this.localization.get(key);
|
|
63
70
|
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
UploadActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UploadActionButtonsComponent, isStandalone: true, selector: "kendo-upload-action-buttons", inputs: { disabled: "disabled", actionsLayout: "actionsLayout" }, host: { properties: { "class.k-actions": "this.hostDefaultClass", "class.k-actions-end": "this.actionButtonsEndClassName", "class.k-actions-stretched": "this.actionButtonsStretchedClassName", "class.k-actions-start": "this.actionButtonsStartClassName", "class.k-actions-center": "this.actionButtonsCenterClassName" } }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, static: true }, { propertyName: "uploadButton", first: true, predicate: ["uploadButton"], descendants: true, static: true }], ngImport: i0, template: `
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadActionButtonsComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadActionButtonsComponent, isStandalone: true, selector: "kendo-upload-action-buttons", inputs: { disabled: "disabled", actionsLayout: "actionsLayout" }, host: { properties: { "class.k-actions": "this.hostDefaultClass", "class.k-actions-end": "this.actionButtonsEndClassName", "class.k-actions-stretched": "this.actionButtonsStretchedClassName", "class.k-actions-start": "this.actionButtonsStartClassName", "class.k-actions-center": "this.actionButtonsCenterClassName" } }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, static: true }, { propertyName: "uploadButton", first: true, predicate: ["uploadButton"], descendants: true, static: true }], ngImport: i0, template: `
|
|
67
73
|
<button #clearButton role="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"
|
|
68
74
|
(click)="onClearButtonClick($event)">
|
|
69
75
|
{{textFor('clearSelectedFiles')}}
|
|
@@ -74,7 +80,8 @@ UploadActionButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
74
80
|
{{textFor('uploadSelectedFiles')}}
|
|
75
81
|
</button>
|
|
76
82
|
`, isInline: true });
|
|
77
|
-
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadActionButtonsComponent, decorators: [{
|
|
78
85
|
type: Component,
|
|
79
86
|
args: [{
|
|
80
87
|
selector: 'kendo-upload-action-buttons',
|
|
@@ -14,12 +14,18 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
16
|
export class UploadStatusTotalComponent {
|
|
17
|
+
localization;
|
|
18
|
+
fileList;
|
|
19
|
+
isFailed;
|
|
20
|
+
isPaused;
|
|
21
|
+
isUploading;
|
|
22
|
+
statusText;
|
|
23
|
+
checkmarkIcon = checkIcon;
|
|
24
|
+
exceptionSVGIcon = exclamationCircleIcon;
|
|
25
|
+
uploadSVGIcon = uploadIcon;
|
|
26
|
+
pauseSVGIcon = pauseSmIcon;
|
|
17
27
|
constructor(localization) {
|
|
18
28
|
this.localization = localization;
|
|
19
|
-
this.checkmarkIcon = checkIcon;
|
|
20
|
-
this.exceptionSVGIcon = exclamationCircleIcon;
|
|
21
|
-
this.uploadSVGIcon = uploadIcon;
|
|
22
|
-
this.pauseSVGIcon = pauseSmIcon;
|
|
23
29
|
}
|
|
24
30
|
get iconClass() {
|
|
25
31
|
if (!this.isUploading && !this.isFailed) {
|
|
@@ -61,9 +67,8 @@ export class UploadStatusTotalComponent {
|
|
|
61
67
|
: this.localization.get('headerStatusUploaded');
|
|
62
68
|
}
|
|
63
69
|
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
UploadStatusTotalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UploadStatusTotalComponent, isStandalone: true, selector: "kendo-upload-status-total", inputs: { fileList: "fileList" }, ngImport: i0, template: `
|
|
70
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadStatusTotalComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadStatusTotalComponent, isStandalone: true, selector: "kendo-upload-status-total", inputs: { fileList: "fileList" }, ngImport: i0, template: `
|
|
67
72
|
<kendo-icon-wrapper
|
|
68
73
|
[name]="iconClass"
|
|
69
74
|
[svgIcon]="SVGIconClass"
|
|
@@ -71,7 +76,8 @@ UploadStatusTotalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
71
76
|
</kendo-icon-wrapper>
|
|
72
77
|
{{statusText}}
|
|
73
78
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
74
|
-
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadStatusTotalComponent, decorators: [{
|
|
75
81
|
type: Component,
|
|
76
82
|
args: [{
|
|
77
83
|
selector: 'kendo-upload-status-total',
|
|
@@ -8,13 +8,14 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Used to customize the rendering of the file info section in the list. All other elements of the default template, such as file icon, action buttons, upload progress etc. will be preserved in place. ([see example]({% slug templates_upload %}#toc-file-info-template)).
|
|
9
9
|
*/
|
|
10
10
|
export class FileInfoTemplateDirective {
|
|
11
|
+
templateRef;
|
|
11
12
|
constructor(templateRef) {
|
|
12
13
|
this.templateRef = templateRef;
|
|
13
14
|
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInfoTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FileInfoTemplateDirective, isStandalone: true, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]", ngImport: i0 });
|
|
14
17
|
}
|
|
15
|
-
|
|
16
|
-
FileInfoTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FileInfoTemplateDirective, isStandalone: true, selector: "[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]", ngImport: i0 });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileInfoTemplateDirective, decorators: [{
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInfoTemplateDirective, decorators: [{
|
|
18
19
|
type: Directive,
|
|
19
20
|
args: [{
|
|
20
21
|
selector: '[kendoUploadFileInfoTemplate], [kendoFileSelectFileInfoTemplate]',
|
|
@@ -8,13 +8,14 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Used to customize the rendering of the files in the list ([see example]({% slug templates_upload %}#toc-file-template)).
|
|
9
9
|
*/
|
|
10
10
|
export class FileTemplateDirective {
|
|
11
|
+
templateRef;
|
|
11
12
|
constructor(templateRef) {
|
|
12
13
|
this.templateRef = templateRef;
|
|
13
14
|
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FileTemplateDirective, isStandalone: true, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]", ngImport: i0 });
|
|
14
17
|
}
|
|
15
|
-
|
|
16
|
-
FileTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FileTemplateDirective, isStandalone: true, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]", ngImport: i0 });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileTemplateDirective, decorators: [{
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileTemplateDirective, decorators: [{
|
|
18
19
|
type: Directive,
|
|
19
20
|
args: [{
|
|
20
21
|
selector: '[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]',
|