@progress/kendo-angular-upload 7.1.5 → 8.0.0-dev.202201111351
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/dist/cdn/js/kendo-angular-upload.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/fileselect.component.js +4 -4
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rendering/file-list-item-action-button.component.js +1 -1
- package/dist/es/rendering/upload-action-buttons.component.js +1 -1
- package/dist/es/upload.component.js +4 -4
- package/dist/es2015/fileselect.component.js +4 -4
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/rendering/file-list-item-action-button.component.js +9 -9
- package/dist/es2015/rendering/upload-action-buttons.component.js +2 -2
- package/dist/es2015/upload.component.js +4 -4
- package/dist/fesm2015/index.js +20 -20
- package/dist/fesm5/index.js +11 -11
- package/dist/npm/fileselect.component.js +4 -4
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rendering/file-list-item-action-button.component.js +1 -1
- package/dist/npm/rendering/upload-action-buttons.component.js +1 -1
- package/dist/npm/upload.component.js +4 -4
- package/dist/systemjs/kendo-angular-upload.js +1 -1
- package/package.json +13 -9
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-upload',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1641908983,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -131,25 +131,25 @@ FileListItemActionButtonComponent = tslib_1.__decorate([
|
|
|
131
131
|
<strong class="k-upload-status">
|
|
132
132
|
<span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>
|
|
133
133
|
|
|
134
|
-
<button type="button" *ngIf="isFailed" class="k-button k-button-
|
|
135
|
-
[ngClass]="{ 'k-
|
|
134
|
+
<button type="button" *ngIf="isFailed" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
135
|
+
[ngClass]="{ 'k-focus': this.retryFocused }"
|
|
136
136
|
[attr.tabIndex]="-1"
|
|
137
137
|
(focus)="onFocus('retry')"
|
|
138
138
|
(blur)="onBlur('retry')"
|
|
139
139
|
(click)="onRetryClick()">
|
|
140
|
-
<span class="k-icon k-retry k-i-refresh-sm"
|
|
140
|
+
<span class="k-icon k-button-icon k-retry k-i-refresh-sm"
|
|
141
141
|
[attr.aria-label]="retryButtonTitle"
|
|
142
142
|
[attr.title]="retryButtonTitle">
|
|
143
143
|
</span>
|
|
144
144
|
</button>
|
|
145
145
|
|
|
146
|
-
<button *ngIf="isResumable" type="button" class="k-button k-button-
|
|
147
|
-
[ngClass]="{ 'k-
|
|
146
|
+
<button *ngIf="isResumable" type="button" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
147
|
+
[ngClass]="{ 'k-focus': this.pauseResumeFocused }"
|
|
148
148
|
[attr.tabIndex]="-1"
|
|
149
149
|
(focus)="onFocus('pauseResume')"
|
|
150
150
|
(blur)="onBlur('pauseResume')"
|
|
151
151
|
(click)="onPauseResumeClick()">
|
|
152
|
-
<span class="k-icon"
|
|
152
|
+
<span class="k-icon k-button-icon"
|
|
153
153
|
[ngClass]="{
|
|
154
154
|
'k-i-play-sm': isPaused,
|
|
155
155
|
'k-i-pause-sm': !isPaused
|
|
@@ -159,13 +159,13 @@ FileListItemActionButtonComponent = tslib_1.__decorate([
|
|
|
159
159
|
</span>
|
|
160
160
|
</button>
|
|
161
161
|
|
|
162
|
-
<button type="button" *ngIf="isActionButtonVisible" class="k-button k-button-
|
|
163
|
-
[ngClass]="{ 'k-
|
|
162
|
+
<button type="button" *ngIf="isActionButtonVisible" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
163
|
+
[ngClass]="{ 'k-focus': this.actionFocused }"
|
|
164
164
|
[attr.tabIndex]="-1"
|
|
165
165
|
(focus)="onFocus('action')"
|
|
166
166
|
(blur)="onBlur('action')"
|
|
167
167
|
(click)="onRemoveCancelClick($event)">
|
|
168
|
-
<span class="k-icon"
|
|
168
|
+
<span class="k-icon k-button-icon"
|
|
169
169
|
[ngClass]="{
|
|
170
170
|
'k-i-cancel': isUploading,
|
|
171
171
|
'k-delete k-i-x': !isUploading
|
|
@@ -122,12 +122,12 @@ UploadActionButtonsComponent = tslib_1.__decorate([
|
|
|
122
122
|
Component({
|
|
123
123
|
selector: 'kendo-upload-action-buttons',
|
|
124
124
|
template: `
|
|
125
|
-
<button #clearButton type="button" class="k-button k-clear-selected"
|
|
125
|
+
<button #clearButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"
|
|
126
126
|
[attr.tabIndex]="-1"
|
|
127
127
|
(click)="onClearButtonClick($event)">
|
|
128
128
|
{{textFor('clearSelectedFiles')}}
|
|
129
129
|
</button>
|
|
130
|
-
<button #uploadButton type="button" class="k-button k-primary k-upload-selected"
|
|
130
|
+
<button #uploadButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected"
|
|
131
131
|
[attr.tabIndex]="-1"
|
|
132
132
|
(click)="onUploadButtonClick($event)">
|
|
133
133
|
{{textFor('uploadSelectedFiles')}}
|
|
@@ -419,7 +419,7 @@ let UploadComponent = UploadComponent_1 = class UploadComponent {
|
|
|
419
419
|
* @hidden
|
|
420
420
|
*/
|
|
421
421
|
onFileSelectButtonFocus(_event) {
|
|
422
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
422
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
423
423
|
if (!this.navigation.focused) {
|
|
424
424
|
this.navigation.focusedIndex = -1;
|
|
425
425
|
}
|
|
@@ -428,7 +428,7 @@ let UploadComponent = UploadComponent_1 = class UploadComponent {
|
|
|
428
428
|
* @hidden
|
|
429
429
|
*/
|
|
430
430
|
onFileSelectButtonBlur(_event) {
|
|
431
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
431
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
432
432
|
}
|
|
433
433
|
/**
|
|
434
434
|
* @hidden
|
|
@@ -831,7 +831,7 @@ tslib_1.__decorate([
|
|
|
831
831
|
tslib_1.__metadata("design:type", Boolean)
|
|
832
832
|
], UploadComponent.prototype, "hostDefaultClasses", void 0);
|
|
833
833
|
tslib_1.__decorate([
|
|
834
|
-
HostBinding('class.k-
|
|
834
|
+
HostBinding('class.k-disabled'),
|
|
835
835
|
tslib_1.__metadata("design:type", Boolean),
|
|
836
836
|
tslib_1.__metadata("design:paramtypes", [])
|
|
837
837
|
], UploadComponent.prototype, "hostDisabledClass", null);
|
|
@@ -938,7 +938,7 @@ UploadComponent = UploadComponent_1 = tslib_1.__decorate([
|
|
|
938
938
|
[attr.tabindex]="selectButtonTabIndex"
|
|
939
939
|
(focus)="onFileSelectButtonFocus($event)"
|
|
940
940
|
(blur)="onFileSelectButtonBlur($event)"
|
|
941
|
-
class="k-button k-upload-button">
|
|
941
|
+
class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">
|
|
942
942
|
<input #fileSelect kendoFileSelect
|
|
943
943
|
[attr.accept]="accept ? accept : null"
|
|
944
944
|
[attr.aria-hidden]="true"
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -21,7 +21,7 @@ const packageMetadata = {
|
|
|
21
21
|
name: '@progress/kendo-angular-upload',
|
|
22
22
|
productName: 'Kendo UI for Angular',
|
|
23
23
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
24
|
-
publishDate:
|
|
24
|
+
publishDate: 1641908983,
|
|
25
25
|
version: '',
|
|
26
26
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
27
27
|
};
|
|
@@ -1725,7 +1725,7 @@ let FileSelectComponent = FileSelectComponent_1 = class FileSelectComponent {
|
|
|
1725
1725
|
* @hidden
|
|
1726
1726
|
*/
|
|
1727
1727
|
onFileSelectButtonFocus(_event) {
|
|
1728
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
1728
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
1729
1729
|
if (!this.navigation.focused) {
|
|
1730
1730
|
this.navigation.focusedIndex = -1;
|
|
1731
1731
|
}
|
|
@@ -1734,7 +1734,7 @@ let FileSelectComponent = FileSelectComponent_1 = class FileSelectComponent {
|
|
|
1734
1734
|
* @hidden
|
|
1735
1735
|
*/
|
|
1736
1736
|
onFileSelectButtonBlur(_event) {
|
|
1737
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
1737
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
1738
1738
|
}
|
|
1739
1739
|
subscribeBlur() {
|
|
1740
1740
|
if (!isDocumentAvailable()) {
|
|
@@ -1874,7 +1874,7 @@ __decorate([
|
|
|
1874
1874
|
__metadata("design:type", Boolean)
|
|
1875
1875
|
], FileSelectComponent.prototype, "hostDefaultClasses", void 0);
|
|
1876
1876
|
__decorate([
|
|
1877
|
-
HostBinding('class.k-
|
|
1877
|
+
HostBinding('class.k-disabled'),
|
|
1878
1878
|
__metadata("design:type", Boolean),
|
|
1879
1879
|
__metadata("design:paramtypes", [])
|
|
1880
1880
|
], FileSelectComponent.prototype, "hostDisabledClass", null);
|
|
@@ -1939,7 +1939,7 @@ FileSelectComponent = FileSelectComponent_1 = __decorate([
|
|
|
1939
1939
|
[attr.tabindex]="selectButtonTabIndex"
|
|
1940
1940
|
(focus)="onFileSelectButtonFocus($event)"
|
|
1941
1941
|
(blur)="onFileSelectButtonBlur($event)"
|
|
1942
|
-
class="k-button k-upload-button">
|
|
1942
|
+
class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">
|
|
1943
1943
|
<input #fileSelect kendoFileSelect
|
|
1944
1944
|
[attr.accept]="accept ? accept : null"
|
|
1945
1945
|
[dir]="direction"
|
|
@@ -2668,25 +2668,25 @@ FileListItemActionButtonComponent = __decorate([
|
|
|
2668
2668
|
<strong class="k-upload-status">
|
|
2669
2669
|
<span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>
|
|
2670
2670
|
|
|
2671
|
-
<button type="button" *ngIf="isFailed" class="k-button k-button-
|
|
2672
|
-
[ngClass]="{ 'k-
|
|
2671
|
+
<button type="button" *ngIf="isFailed" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
2672
|
+
[ngClass]="{ 'k-focus': this.retryFocused }"
|
|
2673
2673
|
[attr.tabIndex]="-1"
|
|
2674
2674
|
(focus)="onFocus('retry')"
|
|
2675
2675
|
(blur)="onBlur('retry')"
|
|
2676
2676
|
(click)="onRetryClick()">
|
|
2677
|
-
<span class="k-icon k-retry k-i-refresh-sm"
|
|
2677
|
+
<span class="k-icon k-button-icon k-retry k-i-refresh-sm"
|
|
2678
2678
|
[attr.aria-label]="retryButtonTitle"
|
|
2679
2679
|
[attr.title]="retryButtonTitle">
|
|
2680
2680
|
</span>
|
|
2681
2681
|
</button>
|
|
2682
2682
|
|
|
2683
|
-
<button *ngIf="isResumable" type="button" class="k-button k-button-
|
|
2684
|
-
[ngClass]="{ 'k-
|
|
2683
|
+
<button *ngIf="isResumable" type="button" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
2684
|
+
[ngClass]="{ 'k-focus': this.pauseResumeFocused }"
|
|
2685
2685
|
[attr.tabIndex]="-1"
|
|
2686
2686
|
(focus)="onFocus('pauseResume')"
|
|
2687
2687
|
(blur)="onBlur('pauseResume')"
|
|
2688
2688
|
(click)="onPauseResumeClick()">
|
|
2689
|
-
<span class="k-icon"
|
|
2689
|
+
<span class="k-icon k-button-icon"
|
|
2690
2690
|
[ngClass]="{
|
|
2691
2691
|
'k-i-play-sm': isPaused,
|
|
2692
2692
|
'k-i-pause-sm': !isPaused
|
|
@@ -2696,13 +2696,13 @@ FileListItemActionButtonComponent = __decorate([
|
|
|
2696
2696
|
</span>
|
|
2697
2697
|
</button>
|
|
2698
2698
|
|
|
2699
|
-
<button type="button" *ngIf="isActionButtonVisible" class="k-button k-button-
|
|
2700
|
-
[ngClass]="{ 'k-
|
|
2699
|
+
<button type="button" *ngIf="isActionButtonVisible" class="k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action"
|
|
2700
|
+
[ngClass]="{ 'k-focus': this.actionFocused }"
|
|
2701
2701
|
[attr.tabIndex]="-1"
|
|
2702
2702
|
(focus)="onFocus('action')"
|
|
2703
2703
|
(blur)="onBlur('action')"
|
|
2704
2704
|
(click)="onRemoveCancelClick($event)">
|
|
2705
|
-
<span class="k-icon"
|
|
2705
|
+
<span class="k-icon k-button-icon"
|
|
2706
2706
|
[ngClass]="{
|
|
2707
2707
|
'k-i-cancel': isUploading,
|
|
2708
2708
|
'k-delete k-i-x': !isUploading
|
|
@@ -3542,7 +3542,7 @@ let UploadComponent = UploadComponent_1 = class UploadComponent {
|
|
|
3542
3542
|
* @hidden
|
|
3543
3543
|
*/
|
|
3544
3544
|
onFileSelectButtonFocus(_event) {
|
|
3545
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
3545
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
3546
3546
|
if (!this.navigation.focused) {
|
|
3547
3547
|
this.navigation.focusedIndex = -1;
|
|
3548
3548
|
}
|
|
@@ -3551,7 +3551,7 @@ let UploadComponent = UploadComponent_1 = class UploadComponent {
|
|
|
3551
3551
|
* @hidden
|
|
3552
3552
|
*/
|
|
3553
3553
|
onFileSelectButtonBlur(_event) {
|
|
3554
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
3554
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
3555
3555
|
}
|
|
3556
3556
|
/**
|
|
3557
3557
|
* @hidden
|
|
@@ -3954,7 +3954,7 @@ __decorate([
|
|
|
3954
3954
|
__metadata("design:type", Boolean)
|
|
3955
3955
|
], UploadComponent.prototype, "hostDefaultClasses", void 0);
|
|
3956
3956
|
__decorate([
|
|
3957
|
-
HostBinding('class.k-
|
|
3957
|
+
HostBinding('class.k-disabled'),
|
|
3958
3958
|
__metadata("design:type", Boolean),
|
|
3959
3959
|
__metadata("design:paramtypes", [])
|
|
3960
3960
|
], UploadComponent.prototype, "hostDisabledClass", null);
|
|
@@ -4061,7 +4061,7 @@ UploadComponent = UploadComponent_1 = __decorate([
|
|
|
4061
4061
|
[attr.tabindex]="selectButtonTabIndex"
|
|
4062
4062
|
(focus)="onFileSelectButtonFocus($event)"
|
|
4063
4063
|
(blur)="onFileSelectButtonBlur($event)"
|
|
4064
|
-
class="k-button k-upload-button">
|
|
4064
|
+
class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button">
|
|
4065
4065
|
<input #fileSelect kendoFileSelect
|
|
4066
4066
|
[attr.accept]="accept ? accept : null"
|
|
4067
4067
|
[attr.aria-hidden]="true"
|
|
@@ -4454,12 +4454,12 @@ UploadActionButtonsComponent = __decorate([
|
|
|
4454
4454
|
Component({
|
|
4455
4455
|
selector: 'kendo-upload-action-buttons',
|
|
4456
4456
|
template: `
|
|
4457
|
-
<button #clearButton type="button" class="k-button k-clear-selected"
|
|
4457
|
+
<button #clearButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected"
|
|
4458
4458
|
[attr.tabIndex]="-1"
|
|
4459
4459
|
(click)="onClearButtonClick($event)">
|
|
4460
4460
|
{{textFor('clearSelectedFiles')}}
|
|
4461
4461
|
</button>
|
|
4462
|
-
<button #uploadButton type="button" class="k-button k-primary k-upload-selected"
|
|
4462
|
+
<button #uploadButton type="button" class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected"
|
|
4463
4463
|
[attr.tabIndex]="-1"
|
|
4464
4464
|
(click)="onUploadButtonClick($event)">
|
|
4465
4465
|
{{textFor('uploadSelectedFiles')}}
|
package/dist/fesm5/index.js
CHANGED
|
@@ -21,7 +21,7 @@ var packageMetadata = {
|
|
|
21
21
|
name: '@progress/kendo-angular-upload',
|
|
22
22
|
productName: 'Kendo UI for Angular',
|
|
23
23
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
24
|
-
publishDate:
|
|
24
|
+
publishDate: 1641908983,
|
|
25
25
|
version: '',
|
|
26
26
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
27
27
|
};
|
|
@@ -1840,7 +1840,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
1840
1840
|
* @hidden
|
|
1841
1841
|
*/
|
|
1842
1842
|
FileSelectComponent.prototype.onFileSelectButtonFocus = function (_event) {
|
|
1843
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
1843
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
1844
1844
|
if (!this.navigation.focused) {
|
|
1845
1845
|
this.navigation.focusedIndex = -1;
|
|
1846
1846
|
}
|
|
@@ -1849,7 +1849,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
1849
1849
|
* @hidden
|
|
1850
1850
|
*/
|
|
1851
1851
|
FileSelectComponent.prototype.onFileSelectButtonBlur = function (_event) {
|
|
1852
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
1852
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
1853
1853
|
};
|
|
1854
1854
|
FileSelectComponent.prototype.subscribeBlur = function () {
|
|
1855
1855
|
var _this = this;
|
|
@@ -1992,7 +1992,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
1992
1992
|
__metadata("design:type", Boolean)
|
|
1993
1993
|
], FileSelectComponent.prototype, "hostDefaultClasses", void 0);
|
|
1994
1994
|
__decorate([
|
|
1995
|
-
HostBinding('class.k-
|
|
1995
|
+
HostBinding('class.k-disabled'),
|
|
1996
1996
|
__metadata("design:type", Boolean),
|
|
1997
1997
|
__metadata("design:paramtypes", [])
|
|
1998
1998
|
], FileSelectComponent.prototype, "hostDisabledClass", null);
|
|
@@ -2026,7 +2026,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
2026
2026
|
}
|
|
2027
2027
|
],
|
|
2028
2028
|
selector: 'kendo-fileselect',
|
|
2029
|
-
template: "\n <ng-container kendoFileSelectLocalizedMessages\n i18n-dropFilesHere=\"kendo.fileselect.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to select\"\n\n i18n-invalidFileExtension=\"kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-remove=\"kendo.fileselect.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-select=\"kendo.fileselect.select|The text for the Select button\"\n select=\"Select files...\"\n >\n </ng-container>\n <div kendoFileSelectInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list\n class=\"k-upload-files k-reset\"\n *ngIf=\"showFileList && fileList.count > 0\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n "
|
|
2029
|
+
template: "\n <ng-container kendoFileSelectLocalizedMessages\n i18n-dropFilesHere=\"kendo.fileselect.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to select\"\n\n i18n-invalidFileExtension=\"kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-remove=\"kendo.fileselect.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-select=\"kendo.fileselect.select|The text for the Select button\"\n select=\"Select files...\"\n >\n </ng-container>\n <div kendoFileSelectInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list\n class=\"k-upload-files k-reset\"\n *ngIf=\"showFileList && fileList.count > 0\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n "
|
|
2030
2030
|
}),
|
|
2031
2031
|
__metadata("design:paramtypes", [UploadService,
|
|
2032
2032
|
LocalizationService,
|
|
@@ -2786,7 +2786,7 @@ var FileListItemActionButtonComponent = /** @class */ (function () {
|
|
|
2786
2786
|
FileListItemActionButtonComponent = __decorate([
|
|
2787
2787
|
Component({
|
|
2788
2788
|
selector: 'kendo-upload-file-list-item-action-button',
|
|
2789
|
-
template: "\n <strong class=\"k-upload-status\">\n <span class=\"k-upload-pct\" *ngIf=\"isUploading || isPaused\">{{progress}}%</span>\n\n <button type=\"button\" *ngIf=\"isFailed\" class=\"k-button k-button-
|
|
2789
|
+
template: "\n <strong class=\"k-upload-status\">\n <span class=\"k-upload-pct\" *ngIf=\"isUploading || isPaused\">{{progress}}%</span>\n\n <button type=\"button\" *ngIf=\"isFailed\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.retryFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('retry')\"\n (blur)=\"onBlur('retry')\"\n (click)=\"onRetryClick()\">\n <span class=\"k-icon k-button-icon k-retry k-i-refresh-sm\"\n [attr.aria-label]=\"retryButtonTitle\"\n [attr.title]=\"retryButtonTitle\">\n </span>\n </button>\n\n <button *ngIf=\"isResumable\" type=\"button\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.pauseResumeFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('pauseResume')\"\n (blur)=\"onBlur('pauseResume')\"\n (click)=\"onPauseResumeClick()\">\n <span class=\"k-icon k-button-icon\"\n [ngClass]=\"{\n 'k-i-play-sm': isPaused,\n 'k-i-pause-sm': !isPaused\n }\"\n [attr.aria-label]='pauseResumeButtonTitle'\n [attr.title]='pauseResumeButtonTitle'>\n </span>\n </button>\n\n <button type=\"button\" *ngIf=\"isActionButtonVisible\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.actionFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('action')\"\n (blur)=\"onBlur('action')\"\n (click)=\"onRemoveCancelClick($event)\">\n <span class=\"k-icon k-button-icon\"\n [ngClass]=\"{\n 'k-i-cancel': isUploading,\n 'k-delete k-i-x': !isUploading\n }\"\n [attr.aria-label]='actionButtonTitle'\n [attr.title]='actionButtonTitle'>\n </span>\n </button>\n </strong>\n "
|
|
2790
2790
|
}),
|
|
2791
2791
|
__metadata("design:paramtypes", [UploadService,
|
|
2792
2792
|
LocalizationService,
|
|
@@ -3690,7 +3690,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
3690
3690
|
* @hidden
|
|
3691
3691
|
*/
|
|
3692
3692
|
UploadComponent.prototype.onFileSelectButtonFocus = function (_event) {
|
|
3693
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
3693
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
3694
3694
|
if (!this.navigation.focused) {
|
|
3695
3695
|
this.navigation.focusedIndex = -1;
|
|
3696
3696
|
}
|
|
@@ -3699,7 +3699,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
3699
3699
|
* @hidden
|
|
3700
3700
|
*/
|
|
3701
3701
|
UploadComponent.prototype.onFileSelectButtonBlur = function (_event) {
|
|
3702
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
3702
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
3703
3703
|
};
|
|
3704
3704
|
Object.defineProperty(UploadComponent.prototype, "showActionButtons", {
|
|
3705
3705
|
/**
|
|
@@ -4114,7 +4114,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
4114
4114
|
__metadata("design:type", Boolean)
|
|
4115
4115
|
], UploadComponent.prototype, "hostDefaultClasses", void 0);
|
|
4116
4116
|
__decorate([
|
|
4117
|
-
HostBinding('class.k-
|
|
4117
|
+
HostBinding('class.k-disabled'),
|
|
4118
4118
|
__metadata("design:type", Boolean),
|
|
4119
4119
|
__metadata("design:paramtypes", [])
|
|
4120
4120
|
], UploadComponent.prototype, "hostDisabledClass", null);
|
|
@@ -4148,7 +4148,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
4148
4148
|
}
|
|
4149
4149
|
],
|
|
4150
4150
|
selector: 'kendo-upload',
|
|
4151
|
-
template: "\n <ng-container kendoUploadLocalizedMessages\n i18n-cancel=\"kendo.upload.cancel|The text for the Cancel button\"\n cancel=\"Cancel\"\n\n i18n-clearSelectedFiles=\"kendo.upload.clearSelectedFiles|The text for the Clear button\"\n clearSelectedFiles=\"Clear\"\n\n i18n-dropFilesHere=\"kendo.upload.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to upload\"\n\n i18n-filesBatchStatus=\"kendo.upload.filesBatchStatus|The status message for a batch of files\"\n filesBatchStatus=\"files\"\n\n i18n-filesBatchStatusFailed=\"kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload\"\n filesBatchStatusFailed=\"files failed to upload.\"\n\n i18n-filesBatchStatusUploaded=\"kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload\"\n filesBatchStatusUploaded=\"files successfully uploaded.\"\n\n i18n-fileStatusFailed=\"kendo.upload.fileStatusFailed|The file status message after failed upload\"\n fileStatusFailed=\"File failed to upload.\"\n\n i18n-fileStatusUploaded=\"kendo.upload.fileStatusUploaded|The file status message after successful upload\"\n fileStatusUploaded=\"File successfully uploaded.\"\n\n i18n-headerStatusPaused=\"kendo.upload.headerStatusPaused|The header status message when the file upload is paused\"\n headerStatusPaused=\"Paused\"\n\n i18n-headerStatusUploaded=\"kendo.upload.headerStatusUploaded|The header status message after file upload completion\"\n headerStatusUploaded=\"Done\"\n\n i18n-headerStatusUploading=\"kendo.upload.headerStatusUploading|The header status message during file upload\"\n headerStatusUploading=\"Uploading...\"\n\n i18n-invalidFileExtension=\"kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-pause=\"kendo.upload.pause|The text for the Pause button\"\n pause=\"Pause\"\n\n i18n-remove=\"kendo.upload.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-resume=\"kendo.upload.resume|The text for the Resume button\"\n resume=\"Resume\"\n\n i18n-retry=\"kendo.upload.retry|The text for the Retry button\"\n retry=\"Retry\"\n\n i18n-select=\"kendo.upload.select|The text for the Select button\"\n select=\"Select files...\"\n\n i18n-uploadSelectedFiles=\"kendo.upload.uploadSelectedFiles|The text for the Upload files button\"\n uploadSelectedFiles=\"Upload\"\n >\n </ng-container>\n <div kendoUploadInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [attr.aria-hidden]=\"true\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <kendo-upload-status-total *ngIf=\"showTotalStatus\"\n class=\"k-upload-status k-upload-status-total\"\n [fileList]=\"fileList\">\n </kendo-upload-status-total>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list *ngIf=\"showFileList && fileList.count > 0\"\n class=\"k-upload-files k-reset\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n <kendo-upload-action-buttons\n *ngIf=\"showActionButtons\"\n [disabled]=\"disabled\"\n [actionsLayout]=\"actionsLayout\">\n </kendo-upload-action-buttons>\n "
|
|
4151
|
+
template: "\n <ng-container kendoUploadLocalizedMessages\n i18n-cancel=\"kendo.upload.cancel|The text for the Cancel button\"\n cancel=\"Cancel\"\n\n i18n-clearSelectedFiles=\"kendo.upload.clearSelectedFiles|The text for the Clear button\"\n clearSelectedFiles=\"Clear\"\n\n i18n-dropFilesHere=\"kendo.upload.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to upload\"\n\n i18n-filesBatchStatus=\"kendo.upload.filesBatchStatus|The status message for a batch of files\"\n filesBatchStatus=\"files\"\n\n i18n-filesBatchStatusFailed=\"kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload\"\n filesBatchStatusFailed=\"files failed to upload.\"\n\n i18n-filesBatchStatusUploaded=\"kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload\"\n filesBatchStatusUploaded=\"files successfully uploaded.\"\n\n i18n-fileStatusFailed=\"kendo.upload.fileStatusFailed|The file status message after failed upload\"\n fileStatusFailed=\"File failed to upload.\"\n\n i18n-fileStatusUploaded=\"kendo.upload.fileStatusUploaded|The file status message after successful upload\"\n fileStatusUploaded=\"File successfully uploaded.\"\n\n i18n-headerStatusPaused=\"kendo.upload.headerStatusPaused|The header status message when the file upload is paused\"\n headerStatusPaused=\"Paused\"\n\n i18n-headerStatusUploaded=\"kendo.upload.headerStatusUploaded|The header status message after file upload completion\"\n headerStatusUploaded=\"Done\"\n\n i18n-headerStatusUploading=\"kendo.upload.headerStatusUploading|The header status message during file upload\"\n headerStatusUploading=\"Uploading...\"\n\n i18n-invalidFileExtension=\"kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-pause=\"kendo.upload.pause|The text for the Pause button\"\n pause=\"Pause\"\n\n i18n-remove=\"kendo.upload.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-resume=\"kendo.upload.resume|The text for the Resume button\"\n resume=\"Resume\"\n\n i18n-retry=\"kendo.upload.retry|The text for the Retry button\"\n retry=\"Retry\"\n\n i18n-select=\"kendo.upload.select|The text for the Select button\"\n select=\"Select files...\"\n\n i18n-uploadSelectedFiles=\"kendo.upload.uploadSelectedFiles|The text for the Upload files button\"\n uploadSelectedFiles=\"Upload\"\n >\n </ng-container>\n <div kendoUploadInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [attr.aria-hidden]=\"true\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <kendo-upload-status-total *ngIf=\"showTotalStatus\"\n class=\"k-upload-status k-upload-status-total\"\n [fileList]=\"fileList\">\n </kendo-upload-status-total>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list *ngIf=\"showFileList && fileList.count > 0\"\n class=\"k-upload-files k-reset\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n <kendo-upload-action-buttons\n *ngIf=\"showActionButtons\"\n [disabled]=\"disabled\"\n [actionsLayout]=\"actionsLayout\">\n </kendo-upload-action-buttons>\n "
|
|
4152
4152
|
}),
|
|
4153
4153
|
__metadata("design:paramtypes", [UploadService,
|
|
4154
4154
|
LocalizationService,
|
|
@@ -4541,7 +4541,7 @@ var UploadActionButtonsComponent = /** @class */ (function () {
|
|
|
4541
4541
|
UploadActionButtonsComponent = __decorate([
|
|
4542
4542
|
Component({
|
|
4543
4543
|
selector: 'kendo-upload-action-buttons',
|
|
4544
|
-
template: "\n <button #clearButton type=\"button\" class=\"k-button k-clear-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onClearButtonClick($event)\">\n {{textFor('clearSelectedFiles')}}\n </button>\n <button #uploadButton type=\"button\" class=\"k-button k-primary k-upload-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onUploadButtonClick($event)\">\n {{textFor('uploadSelectedFiles')}}\n </button>\n "
|
|
4544
|
+
template: "\n <button #clearButton type=\"button\" class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onClearButtonClick($event)\">\n {{textFor('clearSelectedFiles')}}\n </button>\n <button #uploadButton type=\"button\" class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onUploadButtonClick($event)\">\n {{textFor('uploadSelectedFiles')}}\n </button>\n "
|
|
4545
4545
|
}),
|
|
4546
4546
|
__metadata("design:paramtypes", [UploadService,
|
|
4547
4547
|
LocalizationService,
|
|
@@ -284,7 +284,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
284
284
|
* @hidden
|
|
285
285
|
*/
|
|
286
286
|
FileSelectComponent.prototype.onFileSelectButtonFocus = function (_event) {
|
|
287
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
287
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
288
288
|
if (!this.navigation.focused) {
|
|
289
289
|
this.navigation.focusedIndex = -1;
|
|
290
290
|
}
|
|
@@ -293,7 +293,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
293
293
|
* @hidden
|
|
294
294
|
*/
|
|
295
295
|
FileSelectComponent.prototype.onFileSelectButtonBlur = function (_event) {
|
|
296
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
296
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
297
297
|
};
|
|
298
298
|
FileSelectComponent.prototype.subscribeBlur = function () {
|
|
299
299
|
var _this = this;
|
|
@@ -436,7 +436,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
436
436
|
tslib_1.__metadata("design:type", Boolean)
|
|
437
437
|
], FileSelectComponent.prototype, "hostDefaultClasses", void 0);
|
|
438
438
|
tslib_1.__decorate([
|
|
439
|
-
core_1.HostBinding('class.k-
|
|
439
|
+
core_1.HostBinding('class.k-disabled'),
|
|
440
440
|
tslib_1.__metadata("design:type", Boolean),
|
|
441
441
|
tslib_1.__metadata("design:paramtypes", [])
|
|
442
442
|
], FileSelectComponent.prototype, "hostDisabledClass", null);
|
|
@@ -470,7 +470,7 @@ var FileSelectComponent = /** @class */ (function () {
|
|
|
470
470
|
}
|
|
471
471
|
],
|
|
472
472
|
selector: 'kendo-fileselect',
|
|
473
|
-
template: "\n <ng-container kendoFileSelectLocalizedMessages\n i18n-dropFilesHere=\"kendo.fileselect.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to select\"\n\n i18n-invalidFileExtension=\"kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-remove=\"kendo.fileselect.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-select=\"kendo.fileselect.select|The text for the Select button\"\n select=\"Select files...\"\n >\n </ng-container>\n <div kendoFileSelectInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list\n class=\"k-upload-files k-reset\"\n *ngIf=\"showFileList && fileList.count > 0\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n "
|
|
473
|
+
template: "\n <ng-container kendoFileSelectLocalizedMessages\n i18n-dropFilesHere=\"kendo.fileselect.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to select\"\n\n i18n-invalidFileExtension=\"kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-remove=\"kendo.fileselect.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-select=\"kendo.fileselect.select|The text for the Select button\"\n select=\"Select files...\"\n >\n </ng-container>\n <div kendoFileSelectInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list\n class=\"k-upload-files k-reset\"\n *ngIf=\"showFileList && fileList.count > 0\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n "
|
|
474
474
|
}),
|
|
475
475
|
tslib_1.__metadata("design:paramtypes", [upload_service_1.UploadService,
|
|
476
476
|
kendo_angular_l10n_1.LocalizationService,
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-upload',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1641908983,
|
|
15
15
|
version: '',
|
|
16
16
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
17
17
|
};
|
|
@@ -160,7 +160,7 @@ var FileListItemActionButtonComponent = /** @class */ (function () {
|
|
|
160
160
|
FileListItemActionButtonComponent = tslib_1.__decorate([
|
|
161
161
|
core_1.Component({
|
|
162
162
|
selector: 'kendo-upload-file-list-item-action-button',
|
|
163
|
-
template: "\n <strong class=\"k-upload-status\">\n <span class=\"k-upload-pct\" *ngIf=\"isUploading || isPaused\">{{progress}}%</span>\n\n <button type=\"button\" *ngIf=\"isFailed\" class=\"k-button k-button-
|
|
163
|
+
template: "\n <strong class=\"k-upload-status\">\n <span class=\"k-upload-pct\" *ngIf=\"isUploading || isPaused\">{{progress}}%</span>\n\n <button type=\"button\" *ngIf=\"isFailed\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.retryFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('retry')\"\n (blur)=\"onBlur('retry')\"\n (click)=\"onRetryClick()\">\n <span class=\"k-icon k-button-icon k-retry k-i-refresh-sm\"\n [attr.aria-label]=\"retryButtonTitle\"\n [attr.title]=\"retryButtonTitle\">\n </span>\n </button>\n\n <button *ngIf=\"isResumable\" type=\"button\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.pauseResumeFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('pauseResume')\"\n (blur)=\"onBlur('pauseResume')\"\n (click)=\"onPauseResumeClick()\">\n <span class=\"k-icon k-button-icon\"\n [ngClass]=\"{\n 'k-i-play-sm': isPaused,\n 'k-i-pause-sm': !isPaused\n }\"\n [attr.aria-label]='pauseResumeButtonTitle'\n [attr.title]='pauseResumeButtonTitle'>\n </span>\n </button>\n\n <button type=\"button\" *ngIf=\"isActionButtonVisible\" class=\"k-button k-icon-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-upload-action\"\n [ngClass]=\"{ 'k-focus': this.actionFocused }\"\n [attr.tabIndex]=\"-1\"\n (focus)=\"onFocus('action')\"\n (blur)=\"onBlur('action')\"\n (click)=\"onRemoveCancelClick($event)\">\n <span class=\"k-icon k-button-icon\"\n [ngClass]=\"{\n 'k-i-cancel': isUploading,\n 'k-delete k-i-x': !isUploading\n }\"\n [attr.aria-label]='actionButtonTitle'\n [attr.title]='actionButtonTitle'>\n </span>\n </button>\n </strong>\n "
|
|
164
164
|
}),
|
|
165
165
|
tslib_1.__metadata("design:paramtypes", [upload_service_1.UploadService,
|
|
166
166
|
kendo_angular_l10n_1.LocalizationService,
|
|
@@ -140,7 +140,7 @@ var UploadActionButtonsComponent = /** @class */ (function () {
|
|
|
140
140
|
UploadActionButtonsComponent = tslib_1.__decorate([
|
|
141
141
|
core_1.Component({
|
|
142
142
|
selector: 'kendo-upload-action-buttons',
|
|
143
|
-
template: "\n <button #clearButton type=\"button\" class=\"k-button k-clear-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onClearButtonClick($event)\">\n {{textFor('clearSelectedFiles')}}\n </button>\n <button #uploadButton type=\"button\" class=\"k-button k-primary k-upload-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onUploadButtonClick($event)\">\n {{textFor('uploadSelectedFiles')}}\n </button>\n "
|
|
143
|
+
template: "\n <button #clearButton type=\"button\" class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-clear-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onClearButtonClick($event)\">\n {{textFor('clearSelectedFiles')}}\n </button>\n <button #uploadButton type=\"button\" class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary k-upload-selected\"\n [attr.tabIndex]=\"-1\"\n (click)=\"onUploadButtonClick($event)\">\n {{textFor('uploadSelectedFiles')}}\n </button>\n "
|
|
144
144
|
}),
|
|
145
145
|
tslib_1.__metadata("design:paramtypes", [upload_service_1.UploadService,
|
|
146
146
|
kendo_angular_l10n_1.LocalizationService,
|
|
@@ -495,7 +495,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
495
495
|
* @hidden
|
|
496
496
|
*/
|
|
497
497
|
UploadComponent.prototype.onFileSelectButtonFocus = function (_event) {
|
|
498
|
-
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-
|
|
498
|
+
this.renderer.addClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
499
499
|
if (!this.navigation.focused) {
|
|
500
500
|
this.navigation.focusedIndex = -1;
|
|
501
501
|
}
|
|
@@ -504,7 +504,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
504
504
|
* @hidden
|
|
505
505
|
*/
|
|
506
506
|
UploadComponent.prototype.onFileSelectButtonBlur = function (_event) {
|
|
507
|
-
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-
|
|
507
|
+
this.renderer.removeClass(this.fileSelectButton.nativeElement, 'k-focus');
|
|
508
508
|
};
|
|
509
509
|
Object.defineProperty(UploadComponent.prototype, "showActionButtons", {
|
|
510
510
|
/**
|
|
@@ -919,7 +919,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
919
919
|
tslib_1.__metadata("design:type", Boolean)
|
|
920
920
|
], UploadComponent.prototype, "hostDefaultClasses", void 0);
|
|
921
921
|
tslib_1.__decorate([
|
|
922
|
-
core_1.HostBinding('class.k-
|
|
922
|
+
core_1.HostBinding('class.k-disabled'),
|
|
923
923
|
tslib_1.__metadata("design:type", Boolean),
|
|
924
924
|
tslib_1.__metadata("design:paramtypes", [])
|
|
925
925
|
], UploadComponent.prototype, "hostDisabledClass", null);
|
|
@@ -953,7 +953,7 @@ var UploadComponent = /** @class */ (function () {
|
|
|
953
953
|
}
|
|
954
954
|
],
|
|
955
955
|
selector: 'kendo-upload',
|
|
956
|
-
template: "\n <ng-container kendoUploadLocalizedMessages\n i18n-cancel=\"kendo.upload.cancel|The text for the Cancel button\"\n cancel=\"Cancel\"\n\n i18n-clearSelectedFiles=\"kendo.upload.clearSelectedFiles|The text for the Clear button\"\n clearSelectedFiles=\"Clear\"\n\n i18n-dropFilesHere=\"kendo.upload.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to upload\"\n\n i18n-filesBatchStatus=\"kendo.upload.filesBatchStatus|The status message for a batch of files\"\n filesBatchStatus=\"files\"\n\n i18n-filesBatchStatusFailed=\"kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload\"\n filesBatchStatusFailed=\"files failed to upload.\"\n\n i18n-filesBatchStatusUploaded=\"kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload\"\n filesBatchStatusUploaded=\"files successfully uploaded.\"\n\n i18n-fileStatusFailed=\"kendo.upload.fileStatusFailed|The file status message after failed upload\"\n fileStatusFailed=\"File failed to upload.\"\n\n i18n-fileStatusUploaded=\"kendo.upload.fileStatusUploaded|The file status message after successful upload\"\n fileStatusUploaded=\"File successfully uploaded.\"\n\n i18n-headerStatusPaused=\"kendo.upload.headerStatusPaused|The header status message when the file upload is paused\"\n headerStatusPaused=\"Paused\"\n\n i18n-headerStatusUploaded=\"kendo.upload.headerStatusUploaded|The header status message after file upload completion\"\n headerStatusUploaded=\"Done\"\n\n i18n-headerStatusUploading=\"kendo.upload.headerStatusUploading|The header status message during file upload\"\n headerStatusUploading=\"Uploading...\"\n\n i18n-invalidFileExtension=\"kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-pause=\"kendo.upload.pause|The text for the Pause button\"\n pause=\"Pause\"\n\n i18n-remove=\"kendo.upload.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-resume=\"kendo.upload.resume|The text for the Resume button\"\n resume=\"Resume\"\n\n i18n-retry=\"kendo.upload.retry|The text for the Retry button\"\n retry=\"Retry\"\n\n i18n-select=\"kendo.upload.select|The text for the Select button\"\n select=\"Select files...\"\n\n i18n-uploadSelectedFiles=\"kendo.upload.uploadSelectedFiles|The text for the Upload files button\"\n uploadSelectedFiles=\"Upload\"\n >\n </ng-container>\n <div kendoUploadInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [attr.aria-hidden]=\"true\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <kendo-upload-status-total *ngIf=\"showTotalStatus\"\n class=\"k-upload-status k-upload-status-total\"\n [fileList]=\"fileList\">\n </kendo-upload-status-total>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list *ngIf=\"showFileList && fileList.count > 0\"\n class=\"k-upload-files k-reset\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n <kendo-upload-action-buttons\n *ngIf=\"showActionButtons\"\n [disabled]=\"disabled\"\n [actionsLayout]=\"actionsLayout\">\n </kendo-upload-action-buttons>\n "
|
|
956
|
+
template: "\n <ng-container kendoUploadLocalizedMessages\n i18n-cancel=\"kendo.upload.cancel|The text for the Cancel button\"\n cancel=\"Cancel\"\n\n i18n-clearSelectedFiles=\"kendo.upload.clearSelectedFiles|The text for the Clear button\"\n clearSelectedFiles=\"Clear\"\n\n i18n-dropFilesHere=\"kendo.upload.dropFilesHere|The drop zone hint\"\n dropFilesHere=\"Drop files here to upload\"\n\n i18n-filesBatchStatus=\"kendo.upload.filesBatchStatus|The status message for a batch of files\"\n filesBatchStatus=\"files\"\n\n i18n-filesBatchStatusFailed=\"kendo.upload.filesBatchStatusFailed|The status message for a batch of files after failed upload\"\n filesBatchStatusFailed=\"files failed to upload.\"\n\n i18n-filesBatchStatusUploaded=\"kendo.upload.filesBatchStatusUploaded|The status message for a batch of files after successful upload\"\n filesBatchStatusUploaded=\"files successfully uploaded.\"\n\n i18n-fileStatusFailed=\"kendo.upload.fileStatusFailed|The file status message after failed upload\"\n fileStatusFailed=\"File failed to upload.\"\n\n i18n-fileStatusUploaded=\"kendo.upload.fileStatusUploaded|The file status message after successful upload\"\n fileStatusUploaded=\"File successfully uploaded.\"\n\n i18n-headerStatusPaused=\"kendo.upload.headerStatusPaused|The header status message when the file upload is paused\"\n headerStatusPaused=\"Paused\"\n\n i18n-headerStatusUploaded=\"kendo.upload.headerStatusUploaded|The header status message after file upload completion\"\n headerStatusUploaded=\"Done\"\n\n i18n-headerStatusUploading=\"kendo.upload.headerStatusUploading|The header status message during file upload\"\n headerStatusUploading=\"Uploading...\"\n\n i18n-invalidFileExtension=\"kendo.upload.invalidFileExtension|The text for the invalid allowed extensions restriction message\"\n invalidFileExtension=\"File type not allowed.\"\n\n i18n-invalidMaxFileSize=\"kendo.upload.invalidMaxFileSize|The text for the invalid max file size restriction message\"\n invalidMaxFileSize=\"File size too large.\"\n\n i18n-invalidMinFileSize=\"kendo.upload.invalidMinFileSize|The text for the invalid min file size restriction message\"\n invalidMinFileSize=\"File size too small.\"\n\n i18n-pause=\"kendo.upload.pause|The text for the Pause button\"\n pause=\"Pause\"\n\n i18n-remove=\"kendo.upload.remove|The text for the Remove button\"\n remove=\"Remove\"\n\n i18n-resume=\"kendo.upload.resume|The text for the Resume button\"\n resume=\"Resume\"\n\n i18n-retry=\"kendo.upload.retry|The text for the Retry button\"\n retry=\"Retry\"\n\n i18n-select=\"kendo.upload.select|The text for the Select button\"\n select=\"Select files...\"\n\n i18n-uploadSelectedFiles=\"kendo.upload.uploadSelectedFiles|The text for the Upload files button\"\n uploadSelectedFiles=\"Upload\"\n >\n </ng-container>\n <div kendoUploadInternalDropZone\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\">\n <div role=\"button\" #fileSelectButton\n [id]=\"focusableId\"\n [attr.aria-label]=\"textFor('select')\"\n [attr.tabindex]=\"selectButtonTabIndex\"\n (focus)=\"onFileSelectButtonFocus($event)\"\n (blur)=\"onFileSelectButtonBlur($event)\"\n class=\"k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-upload-button\">\n <input #fileSelect kendoFileSelect\n [attr.accept]=\"accept ? accept : null\"\n [attr.aria-hidden]=\"true\"\n [dir]=\"direction\"\n [restrictions]=\"restrictions\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\" />\n <span>{{textFor('select')}}</span>\n </div>\n <kendo-upload-status-total *ngIf=\"showTotalStatus\"\n class=\"k-upload-status k-upload-status-total\"\n [fileList]=\"fileList\">\n </kendo-upload-status-total>\n <div class=\"k-dropzone-hint\">{{textFor('dropFilesHere')}}</div>\n </div>\n <ul kendo-upload-file-list *ngIf=\"showFileList && fileList.count > 0\"\n class=\"k-upload-files k-reset\"\n [disabled]=\"disabled\"\n [fileList]=\"fileList.files\"\n [fileTemplate]=\"fileTemplate\"\n [fileInfoTemplate]=\"fileInfoTemplate\">\n </ul>\n <kendo-upload-action-buttons\n *ngIf=\"showActionButtons\"\n [disabled]=\"disabled\"\n [actionsLayout]=\"actionsLayout\">\n </kendo-upload-action-buttons>\n "
|
|
957
957
|
}),
|
|
958
958
|
tslib_1.__metadata("design:paramtypes", [upload_service_1.UploadService,
|
|
959
959
|
kendo_angular_l10n_1.LocalizationService,
|