@siemens/element-ng 47.2.0 → 47.4.0

package/fesm2022/siemens-element-ng-file-uploader.mjs

@@ -0,0 +1,751 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, computed, viewChild, inject, LOCALE_ID, ChangeDetectionStrategy, Component, numberAttribute, ChangeDetectorRef, NgModule } from '@angular/core';
+import { addIcons, elementUpload, SiIconNextComponent, elementRedo, elementDocument, elementDelete, elementCancel, SiIconComponent } from '@siemens/element-ng/icon';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+import { NgClass } from '@angular/common';
+import { HttpHeaders, HttpClient, HttpRequest, HttpResponse, HttpEventType } from '@angular/common/http';
+import { SiInlineNotificationComponent } from '@siemens/element-ng/inline-notification';
+import { SiProgressbarComponent } from '@siemens/element-ng/progressbar';
+import { retry } from 'rxjs/operators';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiFileDropzoneComponent {
+    /**
+     * Text or translation key of the input file selector (is combined with the `uploadTextRest`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`
+     * ```
+     */
+    uploadTextFileSelect = input($localize `:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`);
+    /**
+     * Text or translation key of the drag&drop field (is combined with the `uploadTextFileSelect`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`
+     * ```
+     */
+    uploadDropText = input($localize `:@@SI_FILE_UPLOADER.DROP:Drop files here or`);
+    /**
+     * Text or translation key for max file size.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`
+     * ```
+     */
+    maxFileSizeText = input($localize `:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`);
+    /**
+     * Text or translation key for accepted types.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`
+     * ```
+     */
+    acceptText = input($localize `:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`);
+    /**
+     * Text or translation key of message title if incorrect file type is dragged / dropped.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`
+     * ```
+     */
+    errorTextFileType = input($localize `:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`);
+    /**
+     * Message or translation key if file exceeds the maximum file size limit.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`
+     * ```
+     */
+    errorTextFileMaxSize = input($localize `:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`);
+    /**
+     * Define which file types are suggested in file browser.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
+     */
+    accept = input();
+    /**
+     * Define maximal allowed file size in bytes.
+     */
+    maxFileSize = input();
+    /**
+     * Defines whether the file input allows selecting multiple files.
+     * When {@link directoryUpload} is enabled, this will have no effect.
+     *
+     * @defaultValue false
+     */
+    multiple = input(false, { transform: booleanAttribute });
+    /**
+     * Event emitted when files are added.
+     */
+    filesAdded = output();
+    /**
+     * Enable directory upload.
+     *
+     * @defaultValue false
+     */
+    directoryUpload = input(false, { transform: booleanAttribute });
+    maxFileSizeString = computed(() => {
+        const maxFileSize = this.maxFileSize();
+        return maxFileSize ? this.fileSizeToString(maxFileSize) : '';
+    });
+    icons = addIcons({ elementUpload });
+    dragOver = false;
+    fileInput = viewChild.required('fileInput');
+    locale = inject(LOCALE_ID).toString();
+    numberFormat = new Intl.NumberFormat(this.locale, { maximumFractionDigits: 2 });
+    dropHandler(event) {
+        event.preventDefault();
+        if (this.directoryUpload()) {
+            this.handleItems(event.dataTransfer.items);
+        }
+        else {
+            this.handleFiles(event.dataTransfer.files);
+        }
+        this.dragOver = false;
+    }
+    dragOverHandler(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.dragOver = true;
+    }
+    inputEnterHandler() {
+        this.fileInput().nativeElement.click();
+    }
+    inputHandler(event) {
+        this.handleFiles(event.target.files);
+    }
+    handleFiles(files) {
+        if (!files?.length) {
+            return;
+        }
+        const newFiles = [];
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let i = 0; i < files.length; i++) {
+            newFiles.push(this.makeUploadFile(files[i]));
+        }
+        newFiles.sort((a, b) => a.fileName.localeCompare(b.fileName));
+        this.filesAdded.emit(newFiles);
+        this.reset();
+    }
+    /**
+     * Reset all the files inside the native file input (and therefore the dropzone).
+     */
+    reset() {
+        this.fileInput().nativeElement.value = '';
+    }
+    makeUploadFile(file) {
+        const uploadFile = {
+            fileName: file.name,
+            file,
+            size: this.fileSizeToString(file.size),
+            progress: 0,
+            status: 'added'
+        };
+        // use MIME type of file if set. Otherwise fall back to file name ending
+        const ext = '.' + uploadFile.file.name.split('.').pop();
+        if (!this.verifyFileType(uploadFile.file.type, ext)) {
+            uploadFile.status = 'invalid';
+            uploadFile.errorText = this.errorTextFileType();
+        }
+        else if (!this.verifyFileSize(uploadFile.file.size)) {
+            uploadFile.status = 'invalid';
+            uploadFile.errorText = this.errorTextFileMaxSize();
+        }
+        return uploadFile;
+    }
+    verifyFileSize(size) {
+        const maxFileSize = this.maxFileSize();
+        return !maxFileSize || size <= maxFileSize;
+    }
+    verifyFileType(fileType, ext) {
+        const accept = this.accept();
+        if (!accept) {
+            return true;
+        }
+        if (fileType === undefined && ext === undefined) {
+            return false;
+        }
+        // Spec says that comma is the delimiter for filetypes. Also allow pipe for compatibility
+        return accept.split(/,|\|/).some(acceptedType => {
+            // convert accept glob into regex (example: images/* --> images/.*)
+            const acceptedRegexStr = acceptedType.replace('.', '.').replace('*', '.*').trim();
+            const acceptedRegex = new RegExp(acceptedRegexStr, 'i');
+            // if fileType is set and accepted type looks like a MIME type, match that otherwise extension
+            if (fileType && acceptedType.includes('/')) {
+                return !!fileType.match(acceptedRegex);
+            }
+            return !!ext?.match(acceptedRegex);
+        });
+    }
+    fileSizeToString(num) {
+        let suffix = 'B';
+        if (num >= 1_073_741_824) {
+            num /= 1_073_741_824;
+            suffix = 'GB';
+        }
+        if (num >= 1_048_576) {
+            num /= 1_048_576;
+            suffix = 'MB';
+        }
+        else if (num >= 1_024) {
+            num /= 1_024;
+            suffix = 'KB';
+        }
+        return this.numberFormat.format(num) + suffix;
+    }
+    handleItems(items) {
+        const newFiles = [];
+        let pendingEntries = 0;
+        const traverseFileTree = (item) => {
+            if (item.isFile) {
+                item.file(file => {
+                    newFiles.push(this.makeUploadFile(file));
+                    if (--pendingEntries === 0) {
+                        this.filesAdded.emit(newFiles);
+                        this.reset();
+                    }
+                });
+            }
+            else if (item.isDirectory) {
+                const dirReader = item.createReader();
+                dirReader.readEntries(entries => {
+                    for (const entry of entries) {
+                        pendingEntries++;
+                        traverseFileTree(entry);
+                    }
+                    if (--pendingEntries === 0) {
+                        this.filesAdded.emit(newFiles);
+                        this.reset();
+                    }
+                });
+            }
+        };
+        // items is not an array but of type DataTransferItemList
+        // eslint-disable-next-line @typescript-eslint/prefer-for-of
+        for (let i = 0; i < items.length; i++) {
+            const item = items[i].webkitGetAsEntry();
+            if (item) {
+                pendingEntries++;
+                traverseFileTree(item);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileDropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFileDropzoneComponent, isStandalone: true, selector: "si-file-dropzone", inputs: { uploadTextFileSelect: { classPropertyName: "uploadTextFileSelect", publicName: "uploadTextFileSelect", isSignal: true, isRequired: false, transformFunction: null }, uploadDropText: { classPropertyName: "uploadDropText", publicName: "uploadDropText", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeText: { classPropertyName: "maxFileSizeText", publicName: "maxFileSizeText", isSignal: true, isRequired: false, transformFunction: null }, acceptText: { classPropertyName: "acceptText", publicName: "acceptText", isSignal: true, isRequired: false, transformFunction: null }, errorTextFileType: { classPropertyName: "errorTextFileType", publicName: "errorTextFileType", isSignal: true, isRequired: false, transformFunction: null }, errorTextFileMaxSize: { classPropertyName: "errorTextFileMaxSize", publicName: "errorTextFileMaxSize", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, directoryUpload: { classPropertyName: "directoryUpload", publicName: "directoryUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesAdded: "filesAdded" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"drag-and-drop rounded p-6\"\n  [class.drag-over]=\"dragOver\"\n  (drop)=\"dropHandler($event)\"\n  (dragover)=\"dragOverHandler($event)\"\n  (dragleave)=\"dragOver = false\"\n>\n  <si-icon-next class=\"mb-6 si-display-3\" [icon]=\"icons.elementUpload\" />\n  <span class=\"drag-and-drop-description si-title-2 d-flex\">\n    <span>{{ uploadDropText() | translate }}</span>\n    &nbsp;\n    <label class=\"select-file si-title-2 mb-0\">\n      <span tabindex=\"0\" (keydown.enter)=\"inputEnterHandler()\">{{\n        uploadTextFileSelect() | translate\n      }}</span>\n      <input\n        #fileInput\n        type=\"file\"\n        tabindex=\"-1\"\n        class=\"d-none\"\n        [attr.webkitdirectory]=\"directoryUpload() ? true : null\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        (change)=\"inputHandler($event)\"\n        (cancel)=\"$event.stopPropagation()\"\n      />\n    </label>\n  </span>\n  @if (maxFileSize() || accept()) {\n    <div class=\"allowed si-caption mt-6\">\n      @if (maxFileSize()) {\n        {{ maxFileSizeText() | translate }}: {{ maxFileSizeString() }}.\n      }\n      @if (accept()) {\n        {{ acceptText() | translate }}: {{ accept() }}.\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.select-file{margin-block-end:0;cursor:pointer;color:var(--element-ui-0)}.select-file:hover,.select-file:active{text-decoration:underline}.drag-and-drop{background-color:var(--element-base-1);border:1px dashed var(--element-ui-2);display:flex;flex-direction:column;justify-content:center;align-items:center}.drag-and-drop.drag-over{border:1px solid var(--element-focus-default);box-shadow:0 0 0 1px var(--element-focus-default)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileDropzoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-file-dropzone', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SiIconNextComponent, SiTranslateModule], template: "<div\n  class=\"drag-and-drop rounded p-6\"\n  [class.drag-over]=\"dragOver\"\n  (drop)=\"dropHandler($event)\"\n  (dragover)=\"dragOverHandler($event)\"\n  (dragleave)=\"dragOver = false\"\n>\n  <si-icon-next class=\"mb-6 si-display-3\" [icon]=\"icons.elementUpload\" />\n  <span class=\"drag-and-drop-description si-title-2 d-flex\">\n    <span>{{ uploadDropText() | translate }}</span>\n    &nbsp;\n    <label class=\"select-file si-title-2 mb-0\">\n      <span tabindex=\"0\" (keydown.enter)=\"inputEnterHandler()\">{{\n        uploadTextFileSelect() | translate\n      }}</span>\n      <input\n        #fileInput\n        type=\"file\"\n        tabindex=\"-1\"\n        class=\"d-none\"\n        [attr.webkitdirectory]=\"directoryUpload() ? true : null\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        (change)=\"inputHandler($event)\"\n        (cancel)=\"$event.stopPropagation()\"\n      />\n    </label>\n  </span>\n  @if (maxFileSize() || accept()) {\n    <div class=\"allowed si-caption mt-6\">\n      @if (maxFileSize()) {\n        {{ maxFileSizeText() | translate }}: {{ maxFileSizeString() }}.\n      }\n      @if (accept()) {\n        {{ acceptText() | translate }}: {{ accept() }}.\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:block}.select-file{margin-block-end:0;cursor:pointer;color:var(--element-ui-0)}.select-file:hover,.select-file:active{text-decoration:underline}.drag-and-drop{background-color:var(--element-base-1);border:1px dashed var(--element-ui-2);display:flex;flex-direction:column;justify-content:center;align-items:center}.drag-and-drop.drag-over{border:1px solid var(--element-focus-default);box-shadow:0 0 0 1px var(--element-focus-default)}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiFileUploaderComponent {
+    /**
+     * Text of the link to open the file select dialog (follows `uploadDropText`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`
+     * ```
+     */
+    uploadTextFileSelect = input($localize `:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`);
+    /**
+     * Text instructing a user to drop the files inside the dropzone.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`
+     * ```
+     */
+    uploadDropText = input($localize `:@@SI_FILE_UPLOADER.DROP:Drop files here or`);
+    /**
+     * Text to describe the maximum file size.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`
+     * ```
+     */
+    maxFileSizeText = input($localize `:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`);
+    /**
+     * Error message shown when the maximum number of files are reached.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_FILE_REACHED:Maximum number of files reached`
+     * ```
+     */
+    maxFilesReachedText = input($localize `:@@SI_FILE_UPLOADER.MAX_FILE_REACHED:Maximum number of files reached`);
+    /**
+     * Text for the accepted file types.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`
+     * ```
+     */
+    acceptText = input($localize `:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`);
+    /**
+     * Text used inside the upload button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD:Upload`
+     * ```
+     */
+    uploadButtonText = input($localize `:@@SI_FILE_UPLOADER.UPLOAD:Upload`);
+    /**
+     * Text used inside the clear button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.CLEAR:Clear`
+     * ```
+     */
+    clearButtonText = input($localize `:@@SI_FILE_UPLOADER.CLEAR:Clear`);
+    /**
+     * Text shown during the file upload.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOADING:Uploading`
+     * ```
+     */
+    uploadingText = input($localize `:@@SI_FILE_UPLOADER.UPLOADING:Uploading`);
+    /**
+     * Text shown to remove a file from the file list. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.REMOVE:Remove`
+     * ```
+     */
+    removeButtonText = input($localize `:@@SI_FILE_UPLOADER.REMOVE:Remove`);
+    /**
+     * Text of cancel button. Shown during upload. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.CANCEL:Cancel`
+     * ```
+     */
+    cancelButtonText = input($localize `:@@SI_FILE_UPLOADER.CANCEL:Cancel`);
+    /**
+     * Text shown if the upload was successful.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD_COMPLETED:Upload completed`
+     * ```
+     */
+    successTextTitle = input($localize `:@@SI_FILE_UPLOADER.UPLOAD_COMPLETED:Upload completed`);
+    /**
+     * Text shown if the upload failed.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD_FAILED:Upload failed`
+     * ```
+     */
+    errorUploadFailed = input($localize `:@@SI_FILE_UPLOADER.UPLOAD_FAILED:Upload failed`);
+    /**
+     * On failed upload, show the error received from the server.
+     *
+     * @defaultValue false
+     */
+    showHttpError = input(false, { transform: booleanAttribute });
+    /**
+     * Text shown to indicate that an incorrect file type was added to file list.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`
+     * ```
+     */
+    errorTextFileType = input($localize `:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`);
+    /**
+     * Message or translation key if file exceeds the maximum file size limit.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`
+     * ```
+     */
+    errorTextFileMaxSize = input($localize `:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`);
+    /**
+     * Config for HTTP request to upload file.
+     *
+     * @defaultValue
+     * ```
+     * {
+     *     headers: new HttpHeaders({ 'Accept': 'application/json' }),
+     *     method: 'POST',
+     *     url: '',
+     *     fieldName: 'upload_file',
+     *     responseType: 'json'
+     *   }
+     * ```
+     */
+    uploadConfig = input({
+        headers: new HttpHeaders({ 'Accept': 'application/json' }),
+        method: 'POST',
+        url: '',
+        fieldName: 'upload_file',
+        responseType: 'json'
+    });
+    /**
+     * Define which file types are suggested in file browser.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
+     */
+    accept = input();
+    /**
+     * Define maximal allowed file size in bytes.
+     *
+     * @defaultValue undefined
+     */
+    maxFileSize = input(undefined, {
+        transform: numberAttribute
+    });
+    /**
+     * Define maximal allowed number of files.
+     * When {@link directoryUpload} is enabled, this will have no effect.
+     * @defaultValue 10
+     */
+    maxFiles = input(10, { transform: numberAttribute });
+    /**
+     * Maximum number of concurrent uploads.
+     *
+     * @defaultValue 3
+     */
+    maxConcurrentUploads = input(3, { transform: numberAttribute });
+    /**
+     * Numbers of retries for failed uploads.
+     *
+     * @defaultValue 0
+     */
+    retries = input(0, { transform: numberAttribute });
+    /**
+     * Auto-upload mode - automatically start upload once files are added.
+     *
+     * @defaultValue false
+     */
+    autoUpload = input(false, { transform: booleanAttribute });
+    /**
+     * Disable the upload button.
+     *
+     * @defaultValue false
+     */
+    disableUpload = input(false, { transform: booleanAttribute });
+    /**
+     * Enable directory upload mode.
+     * When enabled, the file input will accept directories and upload all files within as a flat list.
+     * The hierarchy of the directory will not be preserved.
+     * The `maxFiles` property will have no effect when `directoryUpload` is enabled.
+     *
+     * **Note:** This feature is not yet available for safari (iOS)
+     *
+     * @defaultValue false
+     */
+    directoryUpload = input(false, { transform: booleanAttribute });
+    /**
+     * Emits when a user press cancel during upload. The event provides the file details.
+     */
+    uploadCanceled = output();
+    /**
+     * Output callback event will provide you if upload is finished. If an error
+     * occurred it will be emitted.
+     */
+    uploadCompleted = output();
+    /**
+     * Output which fires whenever new files are added to or removed from the uploader.
+     */
+    filesChanges = output();
+    icons = addIcons({
+        elementCancel,
+        elementDelete,
+        elementDocument,
+        elementRedo
+    });
+    files = [];
+    pending = 0;
+    uploading = 0;
+    uploadEnabled = false;
+    maxFilesReached = false;
+    dropZone = viewChild.required('dropZone');
+    cdRef = inject(ChangeDetectorRef);
+    http = inject(HttpClient, { optional: true });
+    ngOnChanges(changes) {
+        if (changes.maxFiles || changes.disableUpload) {
+            this.updateStates();
+        }
+    }
+    handleFiles(files) {
+        if (!files?.length) {
+            return;
+        }
+        const maxFiles = this.maxFiles();
+        // for single-file case, replace exiting file if any
+        if (maxFiles === 1 && this.files.length) {
+            this.reset(false);
+        }
+        let numValid = this.countValid();
+        for (const file of files) {
+            const duplicate = this.isDuplicate(file);
+            if (duplicate) {
+                // in case this is duplicated: reset if already uploaded or not handled yet
+                if (duplicate.status !== 'uploading' && duplicate.status !== 'queued') {
+                    Object.assign(duplicate, file);
+                }
+                continue;
+            }
+            const canAdd = numValid + 1 <= maxFiles;
+            const valid = file.status === 'added';
+            if (valid && !canAdd) {
+                this.maxFilesReached = true;
+                break;
+            }
+            else if (valid) {
+                numValid++;
+            }
+            this.files.push(file);
+        }
+        this.files.sort((a, b) => a.fileName.localeCompare(b.fileName));
+        this.filesChanges.emit(this.files.slice());
+        this.updateStates();
+        // needed for drag drop of directory
+        this.cdRef.markForCheck();
+        if (this.autoUpload()) {
+            this.fileUpload(false);
+        }
+    }
+    removeFile(index) {
+        if (index >= 0) {
+            this.files.splice(index, 1);
+            this.filesChanges.emit(this.files.slice());
+            this.dropZone().reset();
+            this.updateStates();
+        }
+    }
+    cancelUpload(file) {
+        if (file.subscription) {
+            file.subscription.unsubscribe();
+            file.subscription = undefined;
+            this.uploading--;
+        }
+        this.pending--;
+        file.status = 'added';
+        file.progress = 0;
+        this.updateStates();
+        const { status, fileName, size, progress } = file;
+        this.uploadCanceled.emit({
+            status,
+            fileName,
+            size,
+            progress,
+            file: file.file
+        });
+    }
+    retryUpload(file) {
+        file.status = 'added';
+        this.doUpload([file], true);
+    }
+    /**
+     * Reset the state.
+     */
+    reset(emit = true) {
+        this.files.forEach(f => f.subscription?.unsubscribe());
+        this.files = [];
+        this.dropZone().reset();
+        this.updateStates();
+        if (emit) {
+            this.filesChanges.emit([]);
+        }
+    }
+    /**
+     * Uploads the file
+     */
+    fileUpload(doRetry = true) {
+        if (!this.uploadEnabled) {
+            return;
+        }
+        this.uploadEnabled = false;
+        this.doUpload(this.files, doRetry);
+    }
+    doUpload(files, doRetry) {
+        for (const file of files) {
+            if (file.status !== 'added' && (!doRetry || file.status !== 'error')) {
+                continue;
+            }
+            this.pending++;
+            file.status = 'queued';
+        }
+        this.processQueue();
+    }
+    processQueue() {
+        for (let i = 0; i < this.files.length && this.uploading < this.maxConcurrentUploads(); i++) {
+            const file = this.files[i];
+            if (file.status === 'queued') {
+                this.uploading++;
+                this.uploadOneFile(file);
+            }
+        }
+    }
+    uploadOneFile(file) {
+        let formData;
+        const config = this.uploadConfig();
+        if (!config.sendBinary) {
+            formData = new FormData();
+            if (config.additionalFields) {
+                Object.keys(config.additionalFields).forEach(key => {
+                    formData.append(key, config.additionalFields[key]);
+                });
+            }
+            // this needs to be last for AWS
+            formData.append(config.fieldName, file.file, file.fileName);
+        }
+        const headers = config.headers instanceof HttpHeaders ? config.headers : new HttpHeaders(config.headers);
+        const req = new HttpRequest(config.method, config.url, formData ?? file.file, {
+            headers,
+            responseType: config.responseType,
+            reportProgress: true
+        });
+        file.status = 'uploading';
+        file.errorText = undefined;
+        file.httpErrorText = undefined;
+        const requestHandler = config.handler ??
+            (this.http ? (r) => this.http.request(r) : undefined);
+        if (!requestHandler) {
+            return;
+        }
+        file.subscription = requestHandler(req)
+            .pipe(retry(this.retries()))
+            .subscribe({
+            next: event => this.handleUploadEvent(file, event),
+            error: (error) => this.handleUploadError(file, error),
+            complete: () => this.handleUploadComplete(file)
+        });
+    }
+    // this is a light check for duplicate file - name and size only, not content!
+    isDuplicate(file) {
+        for (const uploadFile of this.files) {
+            if (uploadFile.file.name === file.file.name && uploadFile.file.size === file.file.size) {
+                return uploadFile;
+            }
+        }
+        return null;
+    }
+    handleUploadEvent(file, httpEvent) {
+        if (httpEvent instanceof HttpResponse) {
+            file.successResponse = httpEvent;
+        }
+        else if (httpEvent.type === HttpEventType.UploadProgress && httpEvent.total) {
+            file.progress = Math.floor((100 * httpEvent.loaded) / httpEvent.total);
+            this.cdRef.markForCheck();
+        }
+    }
+    handleUploadError(file, error) {
+        this.uploadCompleted.emit({ file: file.fileName, error });
+        file.status = 'error';
+        file.errorText = this.errorUploadFailed();
+        if (this.showHttpError() && error.status && error.statusText) {
+            file.httpErrorText = `${error.status}: ${error.statusText}`;
+        }
+        this.oneUploadDone(file);
+    }
+    handleUploadComplete(file) {
+        this.uploadCompleted.emit({ file: file.fileName, response: file.successResponse });
+        file.status = 'success';
+        file.progress = 100;
+        file.successResponse = undefined;
+        if (this.autoUpload()) {
+            this.fadeOut(file);
+        }
+        this.oneUploadDone(file);
+    }
+    oneUploadDone(file) {
+        file.subscription = undefined;
+        this.pending--;
+        this.uploading--;
+        this.updateStates();
+        this.processQueue();
+    }
+    fadeOut(file) {
+        setTimeout(() => {
+            file.fadeOut = true;
+            this.cdRef.markForCheck();
+            setTimeout(() => {
+                this.removeFile(this.files.indexOf(file));
+                this.cdRef.markForCheck();
+            }, 500);
+            this.cdRef.markForCheck();
+        }, 3500);
+    }
+    updateStates() {
+        this.uploadEnabled =
+            !this.disableUpload() &&
+                !this.pending &&
+                this.files.some(f => f.status === 'added' || f.status === 'error');
+        if (this.maxFilesReached && this.countValid() < this.maxFiles()) {
+            this.maxFilesReached = false;
+        }
+    }
+    countValid() {
+        return this.files.reduce((acc, f) => acc + (f.status !== 'invalid' ? 1 : 0), 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFileUploaderComponent, isStandalone: true, selector: "si-file-uploader", inputs: { uploadTextFileSelect: { classPropertyName: "uploadTextFileSelect", publicName: "uploadTextFileSelect", isSignal: true, isRequired: false, transformFunction: null }, uploadDropText: { classPropertyName: "uploadDropText", publicName: "uploadDropText", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeText: { classPropertyName: "maxFileSizeText", publicName: "maxFileSizeText", isSignal: true, isRequired: false, transformFunction: null }, maxFilesReachedText: { classPropertyName: "maxFilesReachedText", publicName: "maxFilesReachedText", isSignal: true, isRequired: false, transformFunction: null }, acceptText: { classPropertyName: "acceptText", publicName: "acceptText", isSignal: true, isRequired: false, transformFunction: null }, uploadButtonText: { classPropertyName: "uploadButtonText", publicName: "uploadButtonText", isSignal: true, isRequired: false, transformFunction: null }, clearButtonText: { classPropertyName: "clearButtonText", publicName: "clearButtonText", isSignal: true, isRequired: false, transformFunction: null }, uploadingText: { classPropertyName: "uploadingText", publicName: "uploadingText", isSignal: true, isRequired: false, transformFunction: null }, removeButtonText: { classPropertyName: "removeButtonText", publicName: "removeButtonText", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonText: { classPropertyName: "cancelButtonText", publicName: "cancelButtonText", isSignal: true, isRequired: false, transformFunction: null }, successTextTitle: { classPropertyName: "successTextTitle", publicName: "successTextTitle", isSignal: true, isRequired: false, transformFunction: null }, errorUploadFailed: { classPropertyName: "errorUploadFailed", publicName: "errorUploadFailed", isSignal: true, isRequired: false, transformFunction: null }, showHttpError: { classPropertyName: "showHttpError", publicName: "showHttpError", isSignal: true, isRequired: false, transformFunction: null }, errorTextFileType: { classPropertyName: "errorTextFileType", publicName: "errorTextFileType", isSignal: true, isRequired: false, transformFunction: null }, errorTextFileMaxSize: { classPropertyName: "errorTextFileMaxSize", publicName: "errorTextFileMaxSize", isSignal: true, isRequired: false, transformFunction: null }, uploadConfig: { classPropertyName: "uploadConfig", publicName: "uploadConfig", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentUploads: { classPropertyName: "maxConcurrentUploads", publicName: "maxConcurrentUploads", isSignal: true, isRequired: false, transformFunction: null }, retries: { classPropertyName: "retries", publicName: "retries", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, disableUpload: { classPropertyName: "disableUpload", publicName: "disableUpload", isSignal: true, isRequired: false, transformFunction: null }, directoryUpload: { classPropertyName: "directoryUpload", publicName: "directoryUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { uploadCanceled: "uploadCanceled", uploadCompleted: "uploadCompleted", filesChanges: "filesChanges" }, viewQueries: [{ propertyName: "dropZone", first: true, predicate: ["dropZone"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<si-file-dropzone\n  #dropZone\n  [ngClass]=\"autoUpload() ? 'mb-8' : 'mb-4'\"\n  [uploadTextFileSelect]=\"uploadTextFileSelect()\"\n  [uploadDropText]=\"uploadDropText()\"\n  [multiple]=\"maxFiles() > 1\"\n  [directoryUpload]=\"directoryUpload()\"\n  [maxFileSizeText]=\"maxFileSizeText()\"\n  [acceptText]=\"acceptText()\"\n  [errorTextFileType]=\"errorTextFileType()\"\n  [errorTextFileMaxSize]=\"errorTextFileMaxSize()\"\n  [accept]=\"accept()\"\n  [maxFileSize]=\"maxFileSize()\"\n  (filesAdded)=\"handleFiles($event)\"\n/>\n\n@if (maxFilesReached) {\n  <si-inline-notification class=\"mb-4\" severity=\"info\" [message]=\"maxFilesReachedText()\" />\n}\n\n<div class=\"file-list\">\n  @for (file of files; track file) {\n    <div\n      class=\"file d-flex\"\n      [ngClass]=\"autoUpload() ? 'mb-8' : 'mb-4'\"\n      [class.fade-out]=\"file.fadeOut\"\n    >\n      <si-icon-next class=\"icon align-self-center ms-6 me-4\" [icon]=\"icons.elementDocument\" />\n      <div class=\"flex-fill overflow-hidden\">\n        <div class=\"file-info\">\n          <div class=\"file-name text-truncate si-title-2\">{{ file.fileName }}</div>\n          <div class=\"file-size text-secondary\">{{ file.size }}</div>\n        </div>\n        @if (file.errorText) {\n          <div\n            class=\"error text-truncate d-flex align-items-center\"\n            [class.text-warning]=\"file.status === 'invalid'\"\n            [class.text-danger]=\"file.status === 'error'\"\n          >\n            <si-icon\n              class=\"d-inline-block my-n2 me-2\"\n              size=\"icon-small\"\n              stackedIcon=\"element-state-exclamation-mark smooth-auto\"\n              alt=\"\"\n              [icon]=\"\n                file.status === 'invalid' ? 'element-triangle-filled' : 'element-circle-filled'\n              \"\n              [color]=\"file.status === 'invalid' ? 'status-warning' : 'status-danger'\"\n              [stackedColor]=\"\n                file.status === 'invalid' ? 'status-warning-contrast' : 'status-danger-contrast'\n              \"\n            />\n            {{ file.errorText | translate }}\n            @if (file.httpErrorText) {\n              : {{ file.httpErrorText }}\n            }\n          </div>\n        }\n        @if (!file.errorText) {\n          <div class=\"position-relative\">\n            <div class=\"position-absolute si-caption end-0 mt-n8\">{{ file.progress }} %</div>\n            <si-progressbar\n              height=\"small\"\n              [value]=\"file.progress\"\n              [ariaLabel]=\"uploadingText() | translate\"\n            />\n          </div>\n        }\n      </div>\n      <div class=\"status align-self-center text-nowrap ps-4 pe-6\">\n        @if (file.status === 'error') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-tertiary me-4\"\n            [disabled]=\"!uploadEnabled\"\n            [title]=\"uploadButtonText() | translate\"\n            [attr.aria-label]=\"uploadButtonText() | translate\"\n            (click)=\"retryUpload(file)\"\n          >\n            <si-icon-next [icon]=\"icons.elementRedo\" />\n          </button>\n        }\n        @if (file.status === 'added' || file.status === 'error' || file.status === 'invalid') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-ghost\"\n            [title]=\"removeButtonText() | translate\"\n            [attr.aria-label]=\"removeButtonText() | translate\"\n            (click)=\"removeFile($index)\"\n          >\n            <si-icon-next [icon]=\"icons.elementDelete\" />\n          </button>\n        }\n        @if (file.status === 'uploading' || file.status === 'queued') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-tertiary\"\n            [title]=\"cancelButtonText() | translate\"\n            [attr.aria-label]=\"cancelButtonText() | translate\"\n            (click)=\"cancelUpload(file)\"\n          >\n            <si-icon-next [icon]=\"icons.elementCancel\" />\n          </button>\n        }\n        @if (file.status === 'success') {\n          <si-icon\n            class=\"mx-2\"\n            icon=\"element-circle-filled\"\n            color=\"status-success\"\n            stackedIcon=\"element-state-tick smooth-auto\"\n            stackedColor=\"status-success-contrast\"\n            [alt]=\"successTextTitle()\"\n          />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (!autoUpload()) {\n  <div class=\"buttons text-end\">\n    <button\n      type=\"button\"\n      class=\"btn btn-secondary me-4\"\n      [disabled]=\"pending || !files.length\"\n      (click)=\"reset()\"\n      >{{ clearButtonText() | translate }}</button\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-primary\"\n      [disabled]=\"!uploadEnabled\"\n      (click)=\"fileUpload()\"\n      >{{ uploadButtonText() | translate }}</button\n    >\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:stretch}:host>*{min-inline-size:320px;max-inline-size:680px;inline-size:100%;align-self:center}.file-list{overflow-y:auto}.file-info{display:flex;justify-content:center;flex-direction:column;block-size:56px}.file{min-block-size:72px;transition:opacity calc(.5s * var(--element-animations-enabled, 1))}.fade-out{opacity:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiFileDropzoneComponent, selector: "si-file-dropzone", inputs: ["uploadTextFileSelect", "uploadDropText", "maxFileSizeText", "acceptText", "errorTextFileType", "errorTextFileMaxSize", "accept", "maxFileSize", "multiple", "directoryUpload"], outputs: ["filesAdded"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon", "color", "stackedIcon", "stackedColor", "alt", "size"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "component", type: SiInlineNotificationComponent, selector: "si-inline-notification", inputs: ["severity", "heading", "message", "action", "translationParams", "embedded"] }, { kind: "component", type: SiProgressbarComponent, selector: "si-progressbar", inputs: ["ariaLabel", "max", "value", "heading", "progress", "height"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-file-uploader', imports: [
+                        NgClass,
+                        SiFileDropzoneComponent,
+                        SiIconComponent,
+                        SiIconNextComponent,
+                        SiInlineNotificationComponent,
+                        SiProgressbarComponent,
+                        SiTranslateModule
+                    ], template: "<si-file-dropzone\n  #dropZone\n  [ngClass]=\"autoUpload() ? 'mb-8' : 'mb-4'\"\n  [uploadTextFileSelect]=\"uploadTextFileSelect()\"\n  [uploadDropText]=\"uploadDropText()\"\n  [multiple]=\"maxFiles() > 1\"\n  [directoryUpload]=\"directoryUpload()\"\n  [maxFileSizeText]=\"maxFileSizeText()\"\n  [acceptText]=\"acceptText()\"\n  [errorTextFileType]=\"errorTextFileType()\"\n  [errorTextFileMaxSize]=\"errorTextFileMaxSize()\"\n  [accept]=\"accept()\"\n  [maxFileSize]=\"maxFileSize()\"\n  (filesAdded)=\"handleFiles($event)\"\n/>\n\n@if (maxFilesReached) {\n  <si-inline-notification class=\"mb-4\" severity=\"info\" [message]=\"maxFilesReachedText()\" />\n}\n\n<div class=\"file-list\">\n  @for (file of files; track file) {\n    <div\n      class=\"file d-flex\"\n      [ngClass]=\"autoUpload() ? 'mb-8' : 'mb-4'\"\n      [class.fade-out]=\"file.fadeOut\"\n    >\n      <si-icon-next class=\"icon align-self-center ms-6 me-4\" [icon]=\"icons.elementDocument\" />\n      <div class=\"flex-fill overflow-hidden\">\n        <div class=\"file-info\">\n          <div class=\"file-name text-truncate si-title-2\">{{ file.fileName }}</div>\n          <div class=\"file-size text-secondary\">{{ file.size }}</div>\n        </div>\n        @if (file.errorText) {\n          <div\n            class=\"error text-truncate d-flex align-items-center\"\n            [class.text-warning]=\"file.status === 'invalid'\"\n            [class.text-danger]=\"file.status === 'error'\"\n          >\n            <si-icon\n              class=\"d-inline-block my-n2 me-2\"\n              size=\"icon-small\"\n              stackedIcon=\"element-state-exclamation-mark smooth-auto\"\n              alt=\"\"\n              [icon]=\"\n                file.status === 'invalid' ? 'element-triangle-filled' : 'element-circle-filled'\n              \"\n              [color]=\"file.status === 'invalid' ? 'status-warning' : 'status-danger'\"\n              [stackedColor]=\"\n                file.status === 'invalid' ? 'status-warning-contrast' : 'status-danger-contrast'\n              \"\n            />\n            {{ file.errorText | translate }}\n            @if (file.httpErrorText) {\n              : {{ file.httpErrorText }}\n            }\n          </div>\n        }\n        @if (!file.errorText) {\n          <div class=\"position-relative\">\n            <div class=\"position-absolute si-caption end-0 mt-n8\">{{ file.progress }} %</div>\n            <si-progressbar\n              height=\"small\"\n              [value]=\"file.progress\"\n              [ariaLabel]=\"uploadingText() | translate\"\n            />\n          </div>\n        }\n      </div>\n      <div class=\"status align-self-center text-nowrap ps-4 pe-6\">\n        @if (file.status === 'error') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-tertiary me-4\"\n            [disabled]=\"!uploadEnabled\"\n            [title]=\"uploadButtonText() | translate\"\n            [attr.aria-label]=\"uploadButtonText() | translate\"\n            (click)=\"retryUpload(file)\"\n          >\n            <si-icon-next [icon]=\"icons.elementRedo\" />\n          </button>\n        }\n        @if (file.status === 'added' || file.status === 'error' || file.status === 'invalid') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-ghost\"\n            [title]=\"removeButtonText() | translate\"\n            [attr.aria-label]=\"removeButtonText() | translate\"\n            (click)=\"removeFile($index)\"\n          >\n            <si-icon-next [icon]=\"icons.elementDelete\" />\n          </button>\n        }\n        @if (file.status === 'uploading' || file.status === 'queued') {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-sm btn-tertiary\"\n            [title]=\"cancelButtonText() | translate\"\n            [attr.aria-label]=\"cancelButtonText() | translate\"\n            (click)=\"cancelUpload(file)\"\n          >\n            <si-icon-next [icon]=\"icons.elementCancel\" />\n          </button>\n        }\n        @if (file.status === 'success') {\n          <si-icon\n            class=\"mx-2\"\n            icon=\"element-circle-filled\"\n            color=\"status-success\"\n            stackedIcon=\"element-state-tick smooth-auto\"\n            stackedColor=\"status-success-contrast\"\n            [alt]=\"successTextTitle()\"\n          />\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (!autoUpload()) {\n  <div class=\"buttons text-end\">\n    <button\n      type=\"button\"\n      class=\"btn btn-secondary me-4\"\n      [disabled]=\"pending || !files.length\"\n      (click)=\"reset()\"\n      >{{ clearButtonText() | translate }}</button\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-primary\"\n      [disabled]=\"!uploadEnabled\"\n      (click)=\"fileUpload()\"\n      >{{ uploadButtonText() | translate }}</button\n    >\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:stretch}:host>*{min-inline-size:320px;max-inline-size:680px;inline-size:100%;align-self:center}.file-list{overflow-y:auto}.file-info{display:flex;justify-content:center;flex-direction:column;block-size:56px}.file{min-block-size:72px;transition:opacity calc(.5s * var(--element-animations-enabled, 1))}.fade-out{opacity:0}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiFileUploaderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderModule, imports: [SiFileDropzoneComponent, SiFileUploaderComponent], exports: [SiFileDropzoneComponent, SiFileUploaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderModule, imports: [SiFileDropzoneComponent, SiFileUploaderComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFileUploaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiFileDropzoneComponent, SiFileUploaderComponent],
+                    exports: [SiFileDropzoneComponent, SiFileUploaderComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiFileDropzoneComponent, SiFileUploaderComponent, SiFileUploaderModule };
+//# sourceMappingURL=siemens-element-ng-file-uploader.mjs.map