@progress/kendo-angular-upload 21.1.1-develop.2 → 21.2.0-develop.1
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/esm2022/fileselect.component.mjs +102 -101
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rendering/file-list-item-action-button.component.mjs +95 -86
- package/esm2022/rendering/file-list-multiple-items.component.mjs +61 -55
- package/esm2022/rendering/file-list-single-item.component.mjs +45 -41
- package/esm2022/rendering/file-list.component.mjs +49 -47
- package/esm2022/upload.component.mjs +207 -198
- package/fesm2022/progress-kendo-angular-upload.mjs +559 -525
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +3 -3
|
@@ -17,7 +17,6 @@ import { FileState } from './types/file-state';
|
|
|
17
17
|
import { DropZoneService } from './dropzone.service';
|
|
18
18
|
import { UploadFileSelectBase } from "./common/base";
|
|
19
19
|
import { FileListComponent } from "./rendering/file-list.component";
|
|
20
|
-
import { NgIf } from "@angular/common";
|
|
21
20
|
import { FileSelectDirective } from "./file-select.directive";
|
|
22
21
|
import { ButtonComponent } from "@progress/kendo-angular-buttons";
|
|
23
22
|
import { DropZoneInternalDirective } from "./dropzone-internal.directive";
|
|
@@ -274,7 +273,7 @@ export class FileSelectComponent extends UploadFileSelectBase {
|
|
|
274
273
|
this.uploadService.component = 'FileSelect';
|
|
275
274
|
}
|
|
276
275
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileSelectComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }, { token: i4.DropZoneService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
277
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
276
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FileSelectComponent, isStandalone: true, selector: "kendo-fileselect", inputs: { name: "name" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
278
277
|
LocalizationService,
|
|
279
278
|
NavigationService,
|
|
280
279
|
UploadService,
|
|
@@ -290,67 +289,68 @@ export class FileSelectComponent extends UploadFileSelectBase {
|
|
|
290
289
|
}
|
|
291
290
|
], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }], exportAs: ["kendoFileSelect"], usesInheritance: true, ngImport: i0, template: `
|
|
292
291
|
<ng-container kendoFileSelectLocalizedMessages
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
292
|
+
i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
|
|
293
|
+
dropFilesHere="Drop files here to select"
|
|
294
|
+
|
|
295
|
+
i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
|
|
296
|
+
invalidFileExtension="File type not allowed."
|
|
297
|
+
|
|
298
|
+
i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
|
|
299
|
+
invalidMaxFileSize="File size too large."
|
|
300
|
+
|
|
301
|
+
i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
|
|
302
|
+
invalidMinFileSize="File size too small."
|
|
303
|
+
|
|
304
|
+
i18n-remove="kendo.fileselect.remove|The text for the Remove button"
|
|
305
|
+
remove="Remove"
|
|
306
|
+
|
|
307
|
+
i18n-select="kendo.fileselect.select|The text for the Select button"
|
|
308
|
+
select="Select files..."
|
|
309
|
+
>
|
|
311
310
|
</ng-container>
|
|
312
311
|
<div kendoFileSelectInternalDropZone
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
312
|
+
[restrictions]="restrictions"
|
|
313
|
+
[multiple]="multiple"
|
|
314
|
+
[disabled]="disabled">
|
|
315
|
+
<div class="k-upload-button-wrap">
|
|
317
316
|
<button
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
317
|
+
kendoButton
|
|
318
|
+
#fileSelectButton
|
|
319
|
+
class="k-upload-button"
|
|
320
|
+
type="button"
|
|
321
|
+
role="button"
|
|
322
|
+
(click)="fileSelectInput.click()"
|
|
323
|
+
(focus)="onFileSelectButtonFocus()"
|
|
324
|
+
[id]="focusableId"
|
|
325
|
+
[attr.aria-label]="textFor('select')"
|
|
326
|
+
[attr.tabindex]="tabindex"
|
|
327
|
+
[attr.aria-expanded]="hasFileList"
|
|
328
|
+
[attr.aria-controls]="hasFileList ? fileListId : undefined"
|
|
329
|
+
>
|
|
330
|
+
{{textFor('select')}}
|
|
332
331
|
</button>
|
|
333
332
|
<input kendoFileSelect #fileSelectInput
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
333
|
+
[dir]="direction"
|
|
334
|
+
[accept]="accept"
|
|
335
|
+
[restrictions]="restrictions"
|
|
336
|
+
[multiple]="multiple"
|
|
337
|
+
[disabled]="disabled"
|
|
338
|
+
[required]="isControlRequired"
|
|
339
|
+
/>
|
|
340
|
+
</div>
|
|
341
|
+
<div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
|
|
341
342
|
</div>
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
<ul kendo-upload-file-list
|
|
343
|
+
@if (hasFileList) {
|
|
344
|
+
<ul kendo-upload-file-list
|
|
345
345
|
class="k-upload-files k-reset"
|
|
346
|
-
*ngIf="hasFileList"
|
|
347
346
|
[disabled]="disabled"
|
|
348
347
|
[fileList]="fileList.files"
|
|
349
348
|
[fileTemplate]="fileTemplate"
|
|
350
349
|
[fileInfoTemplate]="fileInfoTemplate"
|
|
351
350
|
[id]="fileListId">
|
|
352
|
-
|
|
353
|
-
|
|
351
|
+
</ul>
|
|
352
|
+
}
|
|
353
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoUploadLocalizedMessages],\n [kendoFileSelectLocalizedMessages],\n [kendoUploadDropZoneLocalizedMessages]\n " }, { kind: "directive", type: DropZoneInternalDirective, selector: "\n [kendoUploadInternalDropZone],\n [kendoFileSelectInternalDropZone]\n ", inputs: ["disabled", "multiple", "restrictions"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FileSelectDirective, selector: "[kendoFileSelect]", inputs: ["dir", "disabled", "multiple", "restrictions", "accept", "required"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }] });
|
|
354
354
|
}
|
|
355
355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileSelectComponent, decorators: [{
|
|
356
356
|
type: Component,
|
|
@@ -374,69 +374,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
374
374
|
selector: 'kendo-fileselect',
|
|
375
375
|
template: `
|
|
376
376
|
<ng-container kendoFileSelectLocalizedMessages
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
377
|
+
i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
|
|
378
|
+
dropFilesHere="Drop files here to select"
|
|
379
|
+
|
|
380
|
+
i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
|
|
381
|
+
invalidFileExtension="File type not allowed."
|
|
382
|
+
|
|
383
|
+
i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
|
|
384
|
+
invalidMaxFileSize="File size too large."
|
|
385
|
+
|
|
386
|
+
i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
|
|
387
|
+
invalidMinFileSize="File size too small."
|
|
388
|
+
|
|
389
|
+
i18n-remove="kendo.fileselect.remove|The text for the Remove button"
|
|
390
|
+
remove="Remove"
|
|
391
|
+
|
|
392
|
+
i18n-select="kendo.fileselect.select|The text for the Select button"
|
|
393
|
+
select="Select files..."
|
|
394
|
+
>
|
|
395
395
|
</ng-container>
|
|
396
396
|
<div kendoFileSelectInternalDropZone
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
397
|
+
[restrictions]="restrictions"
|
|
398
|
+
[multiple]="multiple"
|
|
399
|
+
[disabled]="disabled">
|
|
400
|
+
<div class="k-upload-button-wrap">
|
|
401
401
|
<button
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
402
|
+
kendoButton
|
|
403
|
+
#fileSelectButton
|
|
404
|
+
class="k-upload-button"
|
|
405
|
+
type="button"
|
|
406
|
+
role="button"
|
|
407
|
+
(click)="fileSelectInput.click()"
|
|
408
|
+
(focus)="onFileSelectButtonFocus()"
|
|
409
|
+
[id]="focusableId"
|
|
410
|
+
[attr.aria-label]="textFor('select')"
|
|
411
|
+
[attr.tabindex]="tabindex"
|
|
412
|
+
[attr.aria-expanded]="hasFileList"
|
|
413
|
+
[attr.aria-controls]="hasFileList ? fileListId : undefined"
|
|
414
|
+
>
|
|
415
|
+
{{textFor('select')}}
|
|
416
416
|
</button>
|
|
417
417
|
<input kendoFileSelect #fileSelectInput
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
418
|
+
[dir]="direction"
|
|
419
|
+
[accept]="accept"
|
|
420
|
+
[restrictions]="restrictions"
|
|
421
|
+
[multiple]="multiple"
|
|
422
|
+
[disabled]="disabled"
|
|
423
|
+
[required]="isControlRequired"
|
|
424
|
+
/>
|
|
425
|
+
</div>
|
|
426
|
+
<div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
|
|
425
427
|
</div>
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
<ul kendo-upload-file-list
|
|
428
|
+
@if (hasFileList) {
|
|
429
|
+
<ul kendo-upload-file-list
|
|
429
430
|
class="k-upload-files k-reset"
|
|
430
|
-
*ngIf="hasFileList"
|
|
431
431
|
[disabled]="disabled"
|
|
432
432
|
[fileList]="fileList.files"
|
|
433
433
|
[fileTemplate]="fileTemplate"
|
|
434
434
|
[fileInfoTemplate]="fileInfoTemplate"
|
|
435
435
|
[id]="fileListId">
|
|
436
|
-
|
|
437
|
-
|
|
436
|
+
</ul>
|
|
437
|
+
}
|
|
438
|
+
`,
|
|
438
439
|
standalone: true,
|
|
439
|
-
imports: [LocalizedMessagesDirective, DropZoneInternalDirective, ButtonComponent, FileSelectDirective,
|
|
440
|
+
imports: [LocalizedMessagesDirective, DropZoneInternalDirective, ButtonComponent, FileSelectDirective, FileListComponent]
|
|
440
441
|
}]
|
|
441
442
|
}], ctorParameters: () => [{ type: i1.UploadService }, { type: i2.LocalizationService }, { type: i3.NavigationService }, { type: i4.DropZoneService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { fileSelectInput: [{
|
|
442
443
|
type: ViewChild,
|
|
@@ -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: '21.
|
|
13
|
+
publishDate: 1763998113,
|
|
14
|
+
version: '21.2.0-develop.1',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -9,7 +9,6 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
|
9
9
|
import { NavigationService } from './../navigation.service';
|
|
10
10
|
import { arrowRotateCwSmallIcon, cancelIcon, pauseSmIcon, playSmIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
11
11
|
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
12
|
-
import { NgIf } from '@angular/common';
|
|
13
12
|
import * as i0 from "@angular/core";
|
|
14
13
|
import * as i1 from "../upload.service";
|
|
15
14
|
import * as i2 from "@progress/kendo-angular-l10n";
|
|
@@ -104,56 +103,61 @@ export class FileListItemActionButtonComponent {
|
|
|
104
103
|
return true;
|
|
105
104
|
}
|
|
106
105
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileListItemActionButtonComponent, deps: [{ token: i1.UploadService }, { token: i2.LocalizationService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
107
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FileListItemActionButtonComponent, isStandalone: true, selector: "kendo-upload-file-list-item-action-button", inputs: { file: "file", disabled: "disabled", progress: "progress" }, ngImport: i0, template: `
|
|
108
107
|
<span class="k-upload-actions">
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
@if (isUploading || isPaused) {
|
|
109
|
+
<span class="k-upload-pct">{{progress}}%</span>
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
@if (isFailed) {
|
|
111
113
|
<button
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
(click)="onRetryClick()"
|
|
114
|
+
kendoButton
|
|
115
|
+
type="button"
|
|
116
|
+
class="k-upload-action k-retry"
|
|
117
|
+
fillMode="flat"
|
|
118
|
+
[attr.tabIndex]="-1"
|
|
119
|
+
[attr.aria-hidden]="true"
|
|
120
|
+
[attr.title]="retryButtonTitle"
|
|
121
|
+
[svgIcon]="retrySVGIcon"
|
|
122
|
+
icon="refresh-sm"
|
|
123
|
+
(pointerdown)="$event.preventDefault()"
|
|
124
|
+
(click)="onRetryClick()"
|
|
124
125
|
></button>
|
|
125
|
-
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
@if (isResumable) {
|
|
126
129
|
<button
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
(click)="onPauseResumeClick()"
|
|
130
|
+
kendoButton
|
|
131
|
+
type="button"
|
|
132
|
+
class="k-upload-action"
|
|
133
|
+
fillMode="flat"
|
|
134
|
+
[attr.tabIndex]="-1"
|
|
135
|
+
[attr.aria-hidden]="true"
|
|
136
|
+
[attr.title]="pauseResumeButtonTitle"
|
|
137
|
+
[svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
|
|
138
|
+
[icon]="isPaused ? 'play-sm' : 'pause-sm'"
|
|
139
|
+
(pointerdown)="$event.preventDefault()"
|
|
140
|
+
(click)="onPauseResumeClick()"
|
|
139
141
|
></button>
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
@if (isActionButtonVisible) {
|
|
145
|
+
<button
|
|
146
|
+
kendoButton
|
|
147
|
+
class="k-upload-action"
|
|
148
|
+
[class.k-delete]="!isUploading"
|
|
149
|
+
fillMode="flat"
|
|
150
|
+
type="button"
|
|
151
|
+
[attr.tabIndex]="-1"
|
|
152
|
+
[attr.aria-hidden]="true"
|
|
153
|
+
[attr.title]="actionButtonTitle"
|
|
154
|
+
[svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
|
|
155
|
+
[icon]="isUploading ? 'cancel' : 'x'"
|
|
156
|
+
(click)="onRemoveCancelClick($event)"
|
|
154
157
|
></button>
|
|
158
|
+
}
|
|
155
159
|
</span>
|
|
156
|
-
`, isInline: true, dependencies: [{ kind: "
|
|
160
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
157
161
|
}
|
|
158
162
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
|
|
159
163
|
type: Component,
|
|
@@ -161,56 +165,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
161
165
|
selector: 'kendo-upload-file-list-item-action-button',
|
|
162
166
|
template: `
|
|
163
167
|
<span class="k-upload-actions">
|
|
164
|
-
|
|
165
|
-
|
|
168
|
+
@if (isUploading || isPaused) {
|
|
169
|
+
<span class="k-upload-pct">{{progress}}%</span>
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
@if (isFailed) {
|
|
166
173
|
<button
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
(click)="onRetryClick()"
|
|
174
|
+
kendoButton
|
|
175
|
+
type="button"
|
|
176
|
+
class="k-upload-action k-retry"
|
|
177
|
+
fillMode="flat"
|
|
178
|
+
[attr.tabIndex]="-1"
|
|
179
|
+
[attr.aria-hidden]="true"
|
|
180
|
+
[attr.title]="retryButtonTitle"
|
|
181
|
+
[svgIcon]="retrySVGIcon"
|
|
182
|
+
icon="refresh-sm"
|
|
183
|
+
(pointerdown)="$event.preventDefault()"
|
|
184
|
+
(click)="onRetryClick()"
|
|
179
185
|
></button>
|
|
180
|
-
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
@if (isResumable) {
|
|
181
189
|
<button
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
(click)="onPauseResumeClick()"
|
|
190
|
+
kendoButton
|
|
191
|
+
type="button"
|
|
192
|
+
class="k-upload-action"
|
|
193
|
+
fillMode="flat"
|
|
194
|
+
[attr.tabIndex]="-1"
|
|
195
|
+
[attr.aria-hidden]="true"
|
|
196
|
+
[attr.title]="pauseResumeButtonTitle"
|
|
197
|
+
[svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
|
|
198
|
+
[icon]="isPaused ? 'play-sm' : 'pause-sm'"
|
|
199
|
+
(pointerdown)="$event.preventDefault()"
|
|
200
|
+
(click)="onPauseResumeClick()"
|
|
194
201
|
></button>
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
@if (isActionButtonVisible) {
|
|
205
|
+
<button
|
|
206
|
+
kendoButton
|
|
207
|
+
class="k-upload-action"
|
|
208
|
+
[class.k-delete]="!isUploading"
|
|
209
|
+
fillMode="flat"
|
|
210
|
+
type="button"
|
|
211
|
+
[attr.tabIndex]="-1"
|
|
212
|
+
[attr.aria-hidden]="true"
|
|
213
|
+
[attr.title]="actionButtonTitle"
|
|
214
|
+
[svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
|
|
215
|
+
[icon]="isUploading ? 'cancel' : 'x'"
|
|
216
|
+
(click)="onRemoveCancelClick($event)"
|
|
209
217
|
></button>
|
|
218
|
+
}
|
|
210
219
|
</span>
|
|
211
220
|
`,
|
|
212
221
|
standalone: true,
|
|
213
|
-
imports: [
|
|
222
|
+
imports: [ButtonComponent]
|
|
214
223
|
}]
|
|
215
224
|
}], ctorParameters: () => [{ type: i1.UploadService }, { type: i2.LocalizationService }, { type: i3.NavigationService }], propDecorators: { file: [{
|
|
216
225
|
type: Input
|