@progress/kendo-angular-upload 21.1.1-develop.1 → 21.2.0-develop.1

package/esm2022/fileselect.component.mjs

@@ -17,7 +17,6 @@ import { FileState } from './types/file-state';
 import { DropZoneService } from './dropzone.service';
 import { UploadFileSelectBase } from "./common/base";
 import { FileListComponent } from "./rendering/file-list.component";
-import { NgIf } from "@angular/common";
 import { FileSelectDirective } from "./file-select.directive";
 import { ButtonComponent } from "@progress/kendo-angular-buttons";
 import { DropZoneInternalDirective } from "./dropzone-internal.directive";
@@ -274,7 +273,7 @@ export class FileSelectComponent extends UploadFileSelectBase {
         this.uploadService.component = 'FileSelect';
     }
     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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.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: [
+    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: [
             LocalizationService,
             NavigationService,
             UploadService,
@@ -290,67 +289,68 @@ export class FileSelectComponent extends UploadFileSelectBase {
             }
         ], viewQueries: [{ propertyName: "fileSelectInput", first: true, predicate: ["fileSelectInput"], descendants: true, static: true }], exportAs: ["kendoFileSelect"], usesInheritance: true, ngImport: i0, template: `
         <ng-container kendoFileSelectLocalizedMessages
-            i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
-            dropFilesHere="Drop files here to select"
-
-            i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
-            invalidFileExtension="File type not allowed."
-
-            i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
-            invalidMaxFileSize="File size too large."
-
-            i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
-            invalidMinFileSize="File size too small."
-
-            i18n-remove="kendo.fileselect.remove|The text for the Remove button"
-            remove="Remove"
-
-            i18n-select="kendo.fileselect.select|The text for the Select button"
-            select="Select files..."
-        >
+          i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
+          dropFilesHere="Drop files here to select"
+        
+          i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
+          invalidFileExtension="File type not allowed."
+        
+          i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
+          invalidMaxFileSize="File size too large."
+        
+          i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
+          invalidMinFileSize="File size too small."
+        
+          i18n-remove="kendo.fileselect.remove|The text for the Remove button"
+          remove="Remove"
+        
+          i18n-select="kendo.fileselect.select|The text for the Select button"
+          select="Select files..."
+          >
         </ng-container>
         <div kendoFileSelectInternalDropZone
-            [restrictions]="restrictions"
-            [multiple]="multiple"
-            [disabled]="disabled">
-            <div class="k-upload-button-wrap">
+          [restrictions]="restrictions"
+          [multiple]="multiple"
+          [disabled]="disabled">
+          <div class="k-upload-button-wrap">
             <button
-                kendoButton
-                #fileSelectButton
-                class="k-upload-button"
-                type="button"
-                role="button"
-                (click)="fileSelectInput.click()"
-                (focus)="onFileSelectButtonFocus()"
-                [id]="focusableId"
-                [attr.aria-label]="textFor('select')"
-                [attr.tabindex]="tabindex"
-                [attr.aria-expanded]="hasFileList"
-                [attr.aria-controls]="hasFileList ? fileListId : undefined"
-            >
-                {{textFor('select')}}
+              kendoButton
+              #fileSelectButton
+              class="k-upload-button"
+              type="button"
+              role="button"
+              (click)="fileSelectInput.click()"
+              (focus)="onFileSelectButtonFocus()"
+              [id]="focusableId"
+              [attr.aria-label]="textFor('select')"
+              [attr.tabindex]="tabindex"
+              [attr.aria-expanded]="hasFileList"
+              [attr.aria-controls]="hasFileList ? fileListId : undefined"
+              >
+              {{textFor('select')}}
             </button>
             <input kendoFileSelect #fileSelectInput
-                [dir]="direction"
-                [accept]="accept"
-                [restrictions]="restrictions"
-                [multiple]="multiple"
-                [disabled]="disabled"
-                [required]="isControlRequired"
-            />
+              [dir]="direction"
+              [accept]="accept"
+              [restrictions]="restrictions"
+              [multiple]="multiple"
+              [disabled]="disabled"
+              [required]="isControlRequired"
+              />
+          </div>
+          <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
         </div>
-            <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
-        </div>
-        <ul kendo-upload-file-list
+        @if (hasFileList) {
+          <ul kendo-upload-file-list
             class="k-upload-files k-reset"
-            *ngIf="hasFileList"
             [disabled]="disabled"
             [fileList]="fileList.files"
             [fileTemplate]="fileTemplate"
             [fileInfoTemplate]="fileInfoTemplate"
             [id]="fileListId">
-        </ul>
-    `, 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: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FileListComponent, selector: "[kendo-upload-file-list]", inputs: ["disabled", "fileList", "fileTemplate", "fileInfoTemplate"] }] });
+          </ul>
+        }
+        `, 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileSelectComponent, decorators: [{
             type: Component,
@@ -374,69 +374,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-fileselect',
                     template: `
         <ng-container kendoFileSelectLocalizedMessages
-            i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
-            dropFilesHere="Drop files here to select"
-
-            i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
-            invalidFileExtension="File type not allowed."
-
-            i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
-            invalidMaxFileSize="File size too large."
-
-            i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
-            invalidMinFileSize="File size too small."
-
-            i18n-remove="kendo.fileselect.remove|The text for the Remove button"
-            remove="Remove"
-
-            i18n-select="kendo.fileselect.select|The text for the Select button"
-            select="Select files..."
-        >
+          i18n-dropFilesHere="kendo.fileselect.dropFilesHere|The drop zone hint"
+          dropFilesHere="Drop files here to select"
+        
+          i18n-invalidFileExtension="kendo.fileselect.invalidFileExtension|The text for the invalid allowed extensions restriction message"
+          invalidFileExtension="File type not allowed."
+        
+          i18n-invalidMaxFileSize="kendo.fileselect.invalidMaxFileSize|The text for the invalid max file size restriction message"
+          invalidMaxFileSize="File size too large."
+        
+          i18n-invalidMinFileSize="kendo.fileselect.invalidMinFileSize|The text for the invalid min file size restriction message"
+          invalidMinFileSize="File size too small."
+        
+          i18n-remove="kendo.fileselect.remove|The text for the Remove button"
+          remove="Remove"
+        
+          i18n-select="kendo.fileselect.select|The text for the Select button"
+          select="Select files..."
+          >
         </ng-container>
         <div kendoFileSelectInternalDropZone
-            [restrictions]="restrictions"
-            [multiple]="multiple"
-            [disabled]="disabled">
-            <div class="k-upload-button-wrap">
+          [restrictions]="restrictions"
+          [multiple]="multiple"
+          [disabled]="disabled">
+          <div class="k-upload-button-wrap">
             <button
-                kendoButton
-                #fileSelectButton
-                class="k-upload-button"
-                type="button"
-                role="button"
-                (click)="fileSelectInput.click()"
-                (focus)="onFileSelectButtonFocus()"
-                [id]="focusableId"
-                [attr.aria-label]="textFor('select')"
-                [attr.tabindex]="tabindex"
-                [attr.aria-expanded]="hasFileList"
-                [attr.aria-controls]="hasFileList ? fileListId : undefined"
-            >
-                {{textFor('select')}}
+              kendoButton
+              #fileSelectButton
+              class="k-upload-button"
+              type="button"
+              role="button"
+              (click)="fileSelectInput.click()"
+              (focus)="onFileSelectButtonFocus()"
+              [id]="focusableId"
+              [attr.aria-label]="textFor('select')"
+              [attr.tabindex]="tabindex"
+              [attr.aria-expanded]="hasFileList"
+              [attr.aria-controls]="hasFileList ? fileListId : undefined"
+              >
+              {{textFor('select')}}
             </button>
             <input kendoFileSelect #fileSelectInput
-                [dir]="direction"
-                [accept]="accept"
-                [restrictions]="restrictions"
-                [multiple]="multiple"
-                [disabled]="disabled"
-                [required]="isControlRequired"
-            />
+              [dir]="direction"
+              [accept]="accept"
+              [restrictions]="restrictions"
+              [multiple]="multiple"
+              [disabled]="disabled"
+              [required]="isControlRequired"
+              />
+          </div>
+          <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
         </div>
-            <div class="k-dropzone-hint">{{textFor('dropFilesHere')}}</div>
-        </div>
-        <ul kendo-upload-file-list
+        @if (hasFileList) {
+          <ul kendo-upload-file-list
             class="k-upload-files k-reset"
-            *ngIf="hasFileList"
             [disabled]="disabled"
             [fileList]="fileList.files"
             [fileTemplate]="fileTemplate"
             [fileInfoTemplate]="fileInfoTemplate"
             [id]="fileListId">
-        </ul>
-    `,
+          </ul>
+        }
+        `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, DropZoneInternalDirective, ButtonComponent, FileSelectDirective, NgIf, FileListComponent]
+                    imports: [LocalizedMessagesDirective, DropZoneInternalDirective, ButtonComponent, FileSelectDirective, FileListComponent]
                 }]
         }], 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: [{
                 type: ViewChild,

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1763645469,
-    version: '21.1.1-develop.1',
+    publishDate: 1763998113,
+    version: '21.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/file-list-item-action-button.component.mjs

@@ -9,7 +9,6 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NavigationService } from './../navigation.service';
 import { arrowRotateCwSmallIcon, cancelIcon, pauseSmIcon, playSmIcon, xIcon } from '@progress/kendo-svg-icons';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../upload.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -104,56 +103,61 @@ export class FileListItemActionButtonComponent {
         return true;
     }
     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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.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: `
+    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: `
     <span class="k-upload-actions">
-        <span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>
-
+      @if (isUploading || isPaused) {
+        <span class="k-upload-pct">{{progress}}%</span>
+      }
+    
+      @if (isFailed) {
         <button
-            *ngIf="isFailed"
-            kendoButton
-            type="button"
-            class="k-upload-action k-retry"
-            fillMode="flat"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="retryButtonTitle"
-            [svgIcon]="retrySVGIcon"
-            icon="refresh-sm"
-            (pointerdown)="$event.preventDefault()"
-            (click)="onRetryClick()"
+          kendoButton
+          type="button"
+          class="k-upload-action k-retry"
+          fillMode="flat"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="retryButtonTitle"
+          [svgIcon]="retrySVGIcon"
+          icon="refresh-sm"
+          (pointerdown)="$event.preventDefault()"
+          (click)="onRetryClick()"
         ></button>
-
+      }
+    
+      @if (isResumable) {
         <button
-            *ngIf="isResumable"
-            kendoButton
-            type="button"
-            class="k-upload-action"
-            fillMode="flat"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="pauseResumeButtonTitle"
-            [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
-            [icon]="isPaused ? 'play-sm' : 'pause-sm'"
-            (pointerdown)="$event.preventDefault()"
-            (click)="onPauseResumeClick()"
+          kendoButton
+          type="button"
+          class="k-upload-action"
+          fillMode="flat"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="pauseResumeButtonTitle"
+          [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
+          [icon]="isPaused ? 'play-sm' : 'pause-sm'"
+          (pointerdown)="$event.preventDefault()"
+          (click)="onPauseResumeClick()"
         ></button>
-
-        <button 
-            *ngIf="isActionButtonVisible"
-            kendoButton
-            class="k-upload-action"
-            [class.k-delete]="!isUploading"
-            fillMode="flat"
-            type="button"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="actionButtonTitle"
-            [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
-            [icon]="isUploading ? 'cancel' : 'x'"
-            (click)="onRemoveCancelClick($event)"
+      }
+    
+      @if (isActionButtonVisible) {
+        <button
+          kendoButton
+          class="k-upload-action"
+          [class.k-delete]="!isUploading"
+          fillMode="flat"
+          type="button"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="actionButtonTitle"
+          [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
+          [icon]="isUploading ? 'cancel' : 'x'"
+          (click)="onRemoveCancelClick($event)"
         ></button>
+      }
     </span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] });
+    `, 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileListItemActionButtonComponent, decorators: [{
             type: Component,
@@ -161,56 +165,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-upload-file-list-item-action-button',
                     template: `
     <span class="k-upload-actions">
-        <span class="k-upload-pct" *ngIf="isUploading || isPaused">{{progress}}%</span>
-
+      @if (isUploading || isPaused) {
+        <span class="k-upload-pct">{{progress}}%</span>
+      }
+    
+      @if (isFailed) {
         <button
-            *ngIf="isFailed"
-            kendoButton
-            type="button"
-            class="k-upload-action k-retry"
-            fillMode="flat"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="retryButtonTitle"
-            [svgIcon]="retrySVGIcon"
-            icon="refresh-sm"
-            (pointerdown)="$event.preventDefault()"
-            (click)="onRetryClick()"
+          kendoButton
+          type="button"
+          class="k-upload-action k-retry"
+          fillMode="flat"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="retryButtonTitle"
+          [svgIcon]="retrySVGIcon"
+          icon="refresh-sm"
+          (pointerdown)="$event.preventDefault()"
+          (click)="onRetryClick()"
         ></button>
-
+      }
+    
+      @if (isResumable) {
         <button
-            *ngIf="isResumable"
-            kendoButton
-            type="button"
-            class="k-upload-action"
-            fillMode="flat"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="pauseResumeButtonTitle"
-            [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
-            [icon]="isPaused ? 'play-sm' : 'pause-sm'"
-            (pointerdown)="$event.preventDefault()"
-            (click)="onPauseResumeClick()"
+          kendoButton
+          type="button"
+          class="k-upload-action"
+          fillMode="flat"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="pauseResumeButtonTitle"
+          [svgIcon]="isPaused ? playSVGIcon : pauseSVGIcon"
+          [icon]="isPaused ? 'play-sm' : 'pause-sm'"
+          (pointerdown)="$event.preventDefault()"
+          (click)="onPauseResumeClick()"
         ></button>
-
-        <button 
-            *ngIf="isActionButtonVisible"
-            kendoButton
-            class="k-upload-action"
-            [class.k-delete]="!isUploading"
-            fillMode="flat"
-            type="button"
-            [attr.tabIndex]="-1"
-            [attr.aria-hidden]="true"
-            [attr.title]="actionButtonTitle"
-            [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
-            [icon]="isUploading ? 'cancel' : 'x'"
-            (click)="onRemoveCancelClick($event)"
+      }
+    
+      @if (isActionButtonVisible) {
+        <button
+          kendoButton
+          class="k-upload-action"
+          [class.k-delete]="!isUploading"
+          fillMode="flat"
+          type="button"
+          [attr.tabIndex]="-1"
+          [attr.aria-hidden]="true"
+          [attr.title]="actionButtonTitle"
+          [svgIcon]="isUploading ? cancelSVGIcon : deleteSVGIcon"
+          [icon]="isUploading ? 'cancel' : 'x'"
+          (click)="onRemoveCancelClick($event)"
         ></button>
+      }
     </span>
     `,
                     standalone: true,
-                    imports: [NgIf, ButtonComponent]
+                    imports: [ButtonComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.UploadService }, { type: i2.LocalizationService }, { type: i3.NavigationService }], propDecorators: { file: [{
                 type: Input