@infineon/infineon-design-system-stencil 33.3.1--canary.1824.50827ca955b08d789008a9f3d4a7504db4145299.0 → 33.3.1--canary.1848.54e47f8ea1b109c0f043b03f38efb8dd90b9cb9b.0

package/dist/collection/components/file-upload/file-upload.js

@@ -1,1501 +0,0 @@
-import { h } from "@stencil/core";
-export class IfxFileUpload {
-    constructor() {
-        this.dragAndDrop = false;
-        this.required = false;
-        this.disabled = false;
-        this.maxFileSizeMB = 7;
-        /** Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. */
-        this.allowedFileTypes = ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];
-        this.additionalAllowedFileTypes = [];
-        this.label = 'Label';
-        this.labelRequiredError = 'At least one file must be uploaded';
-        this.labelBrowseFiles = 'Browse files';
-        this.labelDragAndDrop = 'Drag & Drop or browse files to upload';
-        this.labelUploadedFilesHeading = 'Uploaded files';
-        this.labelFileTooLarge = 'Upload failed. Max file size: {{size}}MB.';
-        this.labelUnsupportedFileType = 'Unsupported file type.';
-        this.labelUploaded = 'Successfully uploaded';
-        this.labelUploadFailed = 'Upload failed. Please try again.';
-        this.labelSupportedFormatsTemplate = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';
-        this.labelFileSingular = 'file';
-        this.labelFilePlural = 'files';
-        this.labelMaxFilesInfo = 'Up to {{count}} {{files}}.';
-        this.labelMaxFilesExceeded = 'Upload limit exceeded. Only {{count}} {{files}} allowed.';
-        this.ariaLabelBrowseFiles = 'Browse files';
-        this.ariaLabelDropzone = 'Upload area. Click to browse or drag and drop files.';
-        this.ariaLabelFileInput = 'Upload file';
-        this.ariaLabelRemoveFile = 'Remove file';
-        this.ariaLabelCancelUpload = 'Cancel upload';
-        this.ariaLabelRetryUpload = 'Retry upload';
-        this.ariaLabelUploadingStatus = 'Upload in progress';
-        this.ariaLabelUploadedStatus = 'Upload completed';
-        this.ariaLabelUploadFailedStatus = 'Upload failed';
-        this.internalId = `ifx-file-upload-${Math.random().toString(36).substr(2, 9)}`;
-        this.isDragOver = false;
-        this.files = [];
-        this.uploadTasks = [];
-        this.rejectedSizeFiles = [];
-        this.rejectedTypeFiles = [];
-        this.requiredError = false;
-        this.statusMessage = null;
-        this.fileInputEl = null;
-        this.extensionToMimeMap = {
-            /**
-             * Maps file extensions to MIME types.
-             * This is only used for translating `allowedFileTypes` (extensions) into MIME types,
-             * and for labeling in the UI. It does NOT define which files are globally allowed.
-             */
-            // Images
-            jpg: 'image/jpeg',
-            jpeg: 'image/jpeg',
-            png: 'image/png',
-            gif: 'image/gif',
-            svg: 'image/svg+xml',
-            webp: 'image/webp',
-            // Documents
-            pdf: 'application/pdf',
-            doc: 'application/msword',
-            docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-            xls: 'application/vnd.ms-excel',
-            xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-            ppt: 'application/vnd.ms-powerpoint',
-            pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-            txt: 'text/plain',
-            csv: 'text/csv',
-            json: 'application/json',
-            // Audio/Video
-            mp3: 'audio/mpeg',
-            wav: 'audio/wav',
-            mp4: 'video/mp4',
-            mov: 'video/quicktime',
-            webm: 'video/webm',
-            // Archive / Code
-            zip: 'application/zip',
-            rar: 'application/vnd.rar',
-            tar: 'application/x-tar',
-            gz: 'application/gzip',
-            // Sonstiges
-            xml: 'application/xml',
-            html: 'text/html',
-            css: 'text/css',
-            js: 'application/javascript'
-        };
-    }
-    get maxFiles() {
-        return this._maxFiles;
-    }
-    set maxFiles(value) {
-        if (typeof value === 'number' && value < 1) {
-            console.warn('Invalid `maxFiles` value. Must be >= 1. Value ignored.');
-            this._maxFiles = undefined;
-        }
-        else {
-            this._maxFiles = value;
-        }
-    }
-    validateRequired() {
-        var _a, _b;
-        if (this.required && this.files.length === 0) {
-            this.requiredError = true;
-            if (((_a = this.statusMessage) === null || _a === void 0 ? void 0 : _a.text) !== this.labelRequiredError) {
-                this.statusMessage = {
-                    type: 'error',
-                    text: this.labelRequiredError
-                };
-            }
-            this.ifxFileUploadValidation.emit({ valid: false });
-        }
-        else {
-            this.requiredError = false;
-            if (((_b = this.statusMessage) === null || _b === void 0 ? void 0 : _b.text) === this.labelRequiredError) {
-                this.statusMessage = null;
-            }
-            this.ifxFileUploadValidation.emit({ valid: true });
-        }
-    }
-    pluralize(count) {
-        return count === 1 ? this.labelFileSingular : this.labelFilePlural;
-    }
-    getNormalizedFileTypes() {
-        if (Array.isArray(this.allowedFileTypes)) {
-            return this.allowedFileTypes;
-        }
-        try {
-            return JSON.parse(this.allowedFileTypes);
-        }
-        catch (_a) {
-            return this.allowedFileTypes.split(',').map(t => t.trim());
-        }
-    }
-    getLabelFromMimeType(mime) {
-        for (const [ext, knownMime] of Object.entries(this.extensionToMimeMap)) {
-            if (knownMime === mime) {
-                return ext.toUpperCase();
-            }
-        }
-        return mime; // fallback: show raw MIME
-    }
-    handleFileChange(event) {
-        const input = event.target;
-        if (!input.files)
-            return;
-        this.processFiles(input.files);
-    }
-    handleDrop(event) {
-        var _a;
-        if (this.disabled)
-            return;
-        event.preventDefault();
-        event.stopPropagation();
-        this.isDragOver = false;
-        if ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) {
-            const droppedFiles = Array.from(event.dataTransfer.files);
-            const allowedMimes = [
-                ...this.getNormalizedFileTypes()
-                    .map(ext => this.extensionToMimeMap[ext.toLowerCase()])
-                    .filter(Boolean),
-                ...this.getAdditionalMimeTypes()
-            ];
-            const acceptedFiles = [];
-            const rejectedFiles = [];
-            droppedFiles.forEach(file => {
-                const isValidType = allowedMimes.includes(file.type);
-                const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;
-                if (isValidType && isValidSize)
-                    acceptedFiles.push(file);
-                else
-                    rejectedFiles.push(file);
-            });
-            this.ifxFileUploadDrop.emit({
-                droppedFiles,
-                acceptedFiles,
-                rejectedFiles
-            });
-            this.processFiles(event.dataTransfer.files);
-        }
-    }
-    handleDragOver(event) {
-        if (this.disabled)
-            return;
-        event.preventDefault();
-        this.isDragOver = true;
-    }
-    handleDragLeave(event) {
-        if (this.disabled)
-            return;
-        event.preventDefault();
-        this.isDragOver = false;
-    }
-    processFiles(fileList) {
-        const selectedFiles = Array.from(fileList);
-        const allowedMimes = [
-            ...this.getNormalizedFileTypes()
-                .map(ext => this.extensionToMimeMap[ext.toLowerCase()])
-                .filter(Boolean),
-            ...this.getAdditionalMimeTypes()
-        ];
-        const validFiles = [];
-        const rejectedSize = [];
-        const rejectedType = [];
-        selectedFiles.forEach(file => {
-            const isValidType = allowedMimes.includes(file.type);
-            const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;
-            const isDuplicate = this.files.some(existing => existing.name === file.name && existing.size === file.size);
-            if (isDuplicate) {
-                this.ifxFileUploadInvalid.emit({ file, reason: 'duplicate' });
-                this.ifxFileUploadError.emit({
-                    file,
-                    errorType: 'duplicate',
-                    message: `File "${file.name}" is already added`,
-                    reason: 'duplicate'
-                });
-                return;
-            }
-            if (isValidType && isValidSize) {
-                validFiles.push(file);
-            }
-            else {
-                if (!isValidType) {
-                    rejectedType.push(file.name);
-                    this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-type' });
-                }
-                if (!isValidSize) {
-                    rejectedSize.push(file.name);
-                    this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-size' });
-                }
-                this.ifxFileUploadError.emit({
-                    file,
-                    errorType: !isValidType ? 'invalid-type' : 'file-too-large',
-                    message: 'Invalid file rejected',
-                    reason: !isValidType ? 'unsupported-type' : 'file-too-large'
-                });
-            }
-        });
-        this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];
-        this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];
-        if (this.maxFiles && this.files.length + validFiles.length > this.maxFiles) {
-            const availableSlots = this.maxFiles - this.files.length;
-            const limitedFiles = validFiles.slice(0, Math.max(availableSlots, 0));
-            const overflowFiles = validFiles.slice(availableSlots);
-            this.files = [...this.files, ...limitedFiles];
-            limitedFiles.forEach(file => this.startUpload(file));
-            if (limitedFiles.length > 0) {
-                this.ifxFileUploadAdd.emit({ addedFiles: limitedFiles, files: this.files });
-                this.ifxFileUploadChange.emit({ files: this.files });
-            }
-            overflowFiles.forEach(file => {
-                this.ifxFileUploadInvalid.emit({ file, reason: 'too-many-files' });
-                this.ifxFileUploadError.emit({
-                    file,
-                    errorType: 'too-many-files',
-                    message: `Upload limit exceeded. Max ${this.maxFiles} files allowed.`,
-                    reason: 'too-many-files'
-                });
-            });
-            if (overflowFiles.length > 0) {
-                this.statusMessage = {
-                    type: 'error',
-                    text: this.labelMaxFilesExceeded
-                        .replace('{{count}}', this.maxFiles.toString())
-                        .replace('{{files}}', this.pluralize(this.maxFiles))
-                };
-                this.ifxFileUploadMaxFilesExceeded.emit({
-                    maxFiles: this.maxFiles,
-                    attempted: this.files.length + validFiles.length
-                });
-            }
-            return;
-        }
-        validFiles.forEach(file => this.startUpload(file));
-        this.files = [...this.files, ...validFiles];
-        if (validFiles.length > 0) {
-            this.ifxFileUploadAdd.emit({ addedFiles: validFiles, files: this.files });
-            this.ifxFileUploadChange.emit({ files: this.files });
-        }
-        this.validateRequired();
-    }
-    retryUpload(file) {
-        const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);
-        if (taskIndex !== -1) {
-            this.uploadTasks.splice(taskIndex, 1);
-            this.uploadTasks = [...this.uploadTasks];
-        }
-        this.ifxFileUploadRetry.emit({ file });
-        this.startUpload(file);
-    }
-    startUpload(file) {
-        this.ifxFileUploadStart.emit({ file });
-        const task = {
-            file,
-            progress: 3, // Start with initial progress for better UX
-            intervalId: null,
-            completed: false,
-        };
-        this.uploadTasks = [...this.uploadTasks, task];
-        if (this.uploadHandler) {
-            this.uploadHandler(file, (percent) => {
-                if (percent > task.progress) {
-                    task.progress = Math.min(100, percent);
-                    this.uploadTasks = [...this.uploadTasks];
-                }
-            }).then(() => {
-                task.progress = 100;
-                task.completed = true;
-                this.uploadTasks = [...this.uploadTasks];
-                this.ifxFileUploadComplete.emit({ file });
-                this.ifxFileUploadChange.emit({ files: this.files });
-                if (this.uploadTasks.every(t => t.completed)) {
-                    this.ifxFileUploadAllComplete.emit({ files: this.files });
-                }
-            }).catch(() => {
-                task.error = true;
-                this.uploadTasks = [...this.uploadTasks];
-                this.ifxFileUploadError.emit({
-                    file,
-                    errorType: 'upload-failed',
-                    message: 'Upload handler rejected file',
-                    reason: 'custom'
-                });
-            });
-        }
-        else {
-            const totalSize = file.size;
-            const fakeUploadSpeed = 100000;
-            let uploaded = 0;
-            task.intervalId = window.setInterval(() => {
-                uploaded += fakeUploadSpeed / 5;
-                const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));
-                task.progress = progress;
-                this.uploadTasks = [...this.uploadTasks];
-                if (progress >= 100) {
-                    clearInterval(task.intervalId);
-                    task.completed = true;
-                    task.intervalId = null;
-                    this.uploadTasks = [...this.uploadTasks];
-                    this.ifxFileUploadComplete.emit({ file });
-                    this.ifxFileUploadChange.emit({ files: this.files });
-                    if (this.uploadTasks.every(t => t.completed)) {
-                        this.ifxFileUploadAllComplete.emit({ files: this.files });
-                    }
-                }
-            }, 200);
-        }
-        this.uploadTasks = [...this.uploadTasks, task];
-    }
-    cancelUpload(file) {
-        const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);
-        if (taskIndex !== -1) {
-            const task = this.uploadTasks[taskIndex];
-            if ((task === null || task === void 0 ? void 0 : task.intervalId) !== null) {
-                clearInterval(task.intervalId);
-            }
-            this.uploadTasks = this.uploadTasks.filter((_, i) => i !== taskIndex);
-        }
-        this.files = this.files.filter(f => f.name !== file.name);
-        this.ifxFileUploadAbort.emit({ file });
-        this.ifxFileUploadChange.emit({ files: this.files });
-        if (this.fileInputEl) {
-            this.fileInputEl.value = '';
-        }
-        this.validateRequired();
-    }
-    removeFile(file) {
-        var _a;
-        this.uploadTasks = this.uploadTasks.filter(task => task.file.name !== file.name);
-        this.files = this.files.filter(f => f.name !== file.name);
-        this.ifxFileUploadRemove.emit({ removedFile: file, files: this.files });
-        this.ifxFileUploadChange.emit({ files: this.files });
-        this.validateRequired();
-        if (this.fileInputEl) {
-            this.fileInputEl.value = '';
-        }
-        if (this.maxFiles &&
-            this.files.length < this.maxFiles &&
-            ((_a = this.statusMessage) === null || _a === void 0 ? void 0 : _a.text) !== this.labelRequiredError) {
-            this.statusMessage = null;
-        }
-    }
-    clearRejectedFile(fileName, type) {
-        if (type === 'size') {
-            this.rejectedSizeFiles = this.rejectedSizeFiles.filter(f => f !== fileName);
-        }
-        else {
-            this.rejectedTypeFiles = this.rejectedTypeFiles.filter(f => f !== fileName);
-        }
-        if (this.fileInputEl) {
-            this.fileInputEl.value = '';
-        }
-        if (this.maxFiles && this.files.length < this.maxFiles) {
-            this.statusMessage = null;
-        }
-        this.validateRequired();
-    }
-    splitFileNameParts(file) {
-        const name = file.name;
-        const dotIndex = name.lastIndexOf('.');
-        if (dotIndex === -1)
-            return { base: name, ext: '' };
-        return {
-            base: name.substring(0, dotIndex),
-            ext: name.substring(dotIndex)
-        };
-    }
-    getFileIcon(file) {
-        var _a;
-        const extension = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        switch (extension) {
-            case 'pdf': return 'file-pdf-16';
-            case 'jpg':
-            case 'jpeg': return 'file-jpg-16';
-            case 'png': return 'file-png-16';
-            case 'mov': return 'file-mov-16';
-            case 'mp3': return 'file-mp3-16';
-            case 'mp4': return 'file-mp4-16';
-            default: return 'file-16';
-        }
-    }
-    formatSize(bytes) {
-        if (bytes >= 1024 * 1024 * 1024) {
-            return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
-        }
-        else if (bytes >= 1024 * 1024) {
-            return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-        }
-        else if (bytes >= 1024) {
-            return `${(bytes / 1024).toFixed(0)} KB`;
-        }
-        else {
-            return `${bytes} B`;
-        }
-    }
-    getAcceptAttribute() {
-        const extensionTypes = this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase());
-        const mimeTypes = this.getAdditionalMimeTypes();
-        return [...extensionTypes, ...mimeTypes].join(',');
-    }
-    getFormattedProgressText(task) {
-        const uploadedSize = Math.round((task.progress / 100) * task.file.size);
-        const uploadedText = this.formatSize(uploadedSize);
-        const totalText = this.formatSize(task.file.size);
-        return `${uploadedText} / ${totalText} uploaded`;
-    }
-    getAdditionalMimeTypes() {
-        if (!this.additionalAllowedFileTypes)
-            return [];
-        if (Array.isArray(this.additionalAllowedFileTypes))
-            return this.additionalAllowedFileTypes;
-        return this.additionalAllowedFileTypes.split(',').map(t => t.trim());
-    }
-    getSupportedFileText() {
-        const extensions = this.getNormalizedFileTypes().map(ext => ext.toUpperCase());
-        const mimeTypes = this.getAdditionalMimeTypes().map(mime => this.getLabelFromMimeType(mime));
-        const allTypes = [...extensions, ...mimeTypes];
-        const typesLabel = allTypes.join(', ');
-        let text = this.labelSupportedFormatsTemplate
-            .replace('{{types}}', typesLabel)
-            .replace('{{size}}', this.maxFileSizeMB.toString());
-        if (this.labelMaxFilesInfo && this.maxFiles) {
-            const fileWord = this.pluralize(this.maxFiles);
-            const maxFilesText = this.labelMaxFilesInfo
-                .replace('{{count}}', this.maxFiles.toString())
-                .replace('{{files}}', fileWord);
-            text += ` ${maxFilesText}`;
-        }
-        return text;
-    }
-    getFormattedFileTooLargeText() {
-        return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());
-    }
-    renderStatusMessage() {
-        if (!this.statusMessage)
-            return null;
-        return (h("div", { class: `file-upload-status file-upload-status__${this.statusMessage.type}` }, this.statusMessage.type === 'error' && (h("ifx-icon", { icon: "c-warning-16" })), this.statusMessage.text));
-    }
-    isInputDisabled() {
-        return this.disabled || (this.maxFiles !== undefined && this.files.length >= this.maxFiles);
-    }
-    componentDidLoad() {
-        if (this.hostElement.hasAttribute('show-demo-states')) {
-            this.showDemoStates = true;
-        }
-        if (this.showDemoStates) {
-            this.injectDemoState();
-        }
-    }
-    // Storybook Demo
-    async injectDemoState() {
-        const dummyContent = new Array(50000).fill('a').join(''); // ~50 KB
-        const bigContent = dummyContent + dummyContent; // ~100 KB
-        const uploading = new File([dummyContent], 'Image.jpg', { type: 'image/jpeg' }); // ~50 KB
-        const uploaded = new File([bigContent], 'File.pdf', { type: 'application/pdf' }); // ~100 KB
-        const failed = new File([dummyContent], 'Text.docx', { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }); // ~50 KB
-        const tooLarge = new File([bigContent + bigContent + bigContent], 'Video.mp4', { type: 'video/mp4' }); // ~300 KB
-        const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' }); // very small
-        this.files = [uploaded, uploading, failed];
-        this.uploadTasks = [
-            { file: uploaded, progress: 100, intervalId: null, completed: true },
-            { file: uploading, progress: 40, intervalId: null, completed: false },
-            { file: failed, progress: 80, intervalId: null, completed: false, error: true }
-        ];
-        this.rejectedSizeFiles = [tooLarge.name];
-        this.rejectedTypeFiles = [unsupported.name];
-    }
-    // Storybook Demo
-    async triggerDemoValidation() {
-        this.validateRequired();
-    }
-    render() {
-        return (h("div", { key: 'a80f89cee43ccff778f59842bb62e64e4b425753', class: {
-                'file-upload-wrapper': true,
-                'disabled': this.disabled
-            } }, this.label && (h("label", { key: 'b7de45f36b57f21185fc43173a90dd8fbda0b690', class: "file-upload-label", htmlFor: this.internalId }, this.label, this.required && (h("span", { key: 'd72b7c08c54f8fad7ea298df762b815eb565f648', class: `required ${this.requiredError ? 'error' : ''}` }, "*")))), this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea(), (this.files.length > 0 || this.rejectedSizeFiles.length > 0 || this.rejectedTypeFiles.length > 0) && (h("div", { key: 'f0553b7a7f45764c416d5daa594aa9b1232f6399', class: "file-list-wrapper" }, h("div", { key: '56a0a3004b16ecb9bb348a274c2c2a286ca745e1', class: "upload-heading" }, this.labelUploadedFilesHeading), h("ul", { key: 'f0076761dab5015e5dd02f5ae8f8e4d65f5e9eef', class: "file-list" }, this.rejectedSizeFiles.map(fileName => (h("li", { class: "file-item upload-failed", key: `rejected-size-${fileName}` }, h("div", { class: "file-icon" }, h("ifx-icon", { icon: "file-16" })), h("div", { class: "file-info" }, h("div", { class: "file-top-row" }, h("span", { class: "file-name-wrapper" }, h("span", { class: "file-name-base" }, this.splitFileNameParts({ name: fileName }).base), h("span", { class: "file-name-ext" }, this.splitFileNameParts({ name: fileName }).ext)), h("div", { class: "file-actions" }, h("ifx-icon-button", { shape: "square", variant: "tertiary", icon: "delete-forever-16", size: "s", "aria-label": this.ariaLabelRemoveFile, onClick: () => this.clearRejectedFile(fileName, 'size') }))), h("div", { class: "file-middle-row" }, h("span", { class: "file-status", "aria-label": this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString()) }, this.getFormattedFileTooLargeText())))))), this.rejectedTypeFiles.map(fileName => (h("li", { class: "file-item upload-failed", key: `rejected-type-${fileName}` }, h("div", { class: "file-icon" }, h("ifx-icon", { icon: "file-16" })), h("div", { class: "file-info" }, h("div", { class: "file-top-row" }, h("span", { class: "file-name-wrapper" }, h("span", { class: "file-name-base" }, this.splitFileNameParts({ name: fileName }).base), h("span", { class: "file-name-ext" }, this.splitFileNameParts({ name: fileName }).ext)), h("div", { class: "file-actions" }, h("ifx-icon-button", { shape: "square", variant: "tertiary", icon: "delete-forever-16", size: "s", "aria-label": this.ariaLabelRemoveFile, onClick: () => this.clearRejectedFile(fileName, 'type') }))), h("div", { class: "file-middle-row" }, h("span", { class: "file-status", "aria-label": this.labelUnsupportedFileType }, this.labelUnsupportedFileType)))))), this.files.map((file) => {
-            var _a;
-            const task = this.uploadTasks.find(t => t.file.name === file.name);
-            const progress = (_a = task === null || task === void 0 ? void 0 : task.progress) !== null && _a !== void 0 ? _a : 100;
-            const isUploading = task && !task.completed;
-            const isError = (task === null || task === void 0 ? void 0 : task.error) === true;
-            const itemClass = isError ? 'file-item upload-failed' : isUploading ? 'file-item uploading' : 'file-item upload-success';
-            const uniqueKey = `${file.name}-${file.size}`;
-            const { base, ext } = this.splitFileNameParts(file);
-            return (h("li", { class: itemClass, key: uniqueKey }, h("div", { class: "file-icon" }, h("ifx-icon", { icon: this.getFileIcon(file) })), h("div", { class: "file-info" }, h("div", { class: "file-top-row" }, h("span", { class: "file-name-wrapper" }, h("span", { class: "file-name-base" }, base), h("span", { class: "file-name-ext" }, ext)), h("div", { class: "file-actions" }, h("ifx-icon-button", { shape: "square", variant: "tertiary", icon: "refresh-16", size: "s", "aria-label": this.ariaLabelRetryUpload, onClick: () => this.retryUpload(file), style: { display: isError ? 'inline-flex' : 'none' } }), h("ifx-icon-button", { shape: "square", variant: "tertiary", icon: "cross-16", size: "s", "aria-label": this.ariaLabelCancelUpload, onClick: () => this.cancelUpload(file), style: { display: isUploading ? 'inline-flex' : 'none' } }), h("ifx-icon-button", { shape: "square", variant: "tertiary", icon: "delete-forever-16", size: "s", "aria-label": this.ariaLabelRemoveFile, onClick: () => this.removeFile(file), style: { display: !isUploading ? 'inline-flex' : 'none' } }))), h("div", { class: "file-middle-row" }, isUploading && task && !task.error && (h("span", { class: "file-uploading", "aria-label": this.ariaLabelUploadingStatus }, this.getFormattedProgressText(task))), !isUploading && !isError && (h("span", null, h("span", { class: "file-size" }, this.formatSize(file.size)), h("span", { class: "file-status", "aria-label": this.ariaLabelUploadedStatus }, h("ifx-icon", { icon: "check-12" }), this.labelUploaded))), isError && (h("span", { class: "file-status", "aria-label": this.ariaLabelUploadFailedStatus }, this.labelUploadFailed))), isUploading && task && !task.error && (h("div", { class: "file-progress-row" }, h("ifx-progress-bar", { size: "s", value: progress, "show-label": "true" }))))));
-        }))))));
-    }
-    renderUploadArea() {
-        const handleInputRef = (el) => {
-            this.fileInputEl = el;
-        };
-        return (h("div", { class: { 'upload-button': true } }, h("ifx-button", { variant: "secondary", onClick: () => { var _a; return (_a = this.fileInputEl) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: this.isInputDisabled(), "aria-label": this.ariaLabelBrowseFiles }, h("ifx-icon", { icon: "upload-16" }), this.labelBrowseFiles), h("input", { id: this.internalId, ref: handleInputRef, type: "file", accept: this.getAcceptAttribute(), multiple: true, onChange: (e) => this.handleFileChange(e), style: { display: 'none' }, disabled: this.isInputDisabled(), "aria-label": this.ariaLabelFileInput }), h("p", { class: "file-upload-info" }, this.getSupportedFileText()), this.renderStatusMessage()));
-    }
-    renderDragAndDropArea() {
-        const handleInputRef = (el) => {
-            this.fileInputEl = el;
-        };
-        const triggerInputClick = () => {
-            if (this.fileInputEl) {
-                this.fileInputEl.click();
-            }
-        };
-        return (h("div", { class: { 'disabled': this.isInputDisabled() } }, h("div", { class: { 'upload-dropzone': true, 'drag-over': this.isDragOver, 'error': this.requiredError }, onClick: triggerInputClick, onDragOver: (e) => this.handleDragOver(e), onDragLeave: (e) => this.handleDragLeave(e), onDrop: (e) => this.handleDrop(e), role: "button", tabIndex: 0, "aria-label": this.ariaLabelDropzone }, h("ifx-icon", { icon: "upload-24", class: "custom-icon" }), h("p", null, this.labelDragAndDrop), h("p", { class: "file-upload-info" }, this.getSupportedFileText()), h("div", { style: { height: '0px', overflow: 'hidden' } }, h("input", { id: this.internalId, ref: handleInputRef, type: "file", accept: this.getAcceptAttribute(), multiple: true, onChange: (e) => this.handleFileChange(e), disabled: this.isInputDisabled(), "aria-label": this.ariaLabelFileInput }))), this.renderStatusMessage()));
-    }
-    static get is() { return "ifx-file-upload"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["file-upload.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["file-upload.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "dragAndDrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "drag-and-drop",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "required": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "required",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "maxFileSizeMB": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "max-file-size-m-b",
-                "reflect": false,
-                "defaultValue": "7"
-            },
-            "allowedFileTypes": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | string[]",
-                    "resolved": "string | string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`."
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "allowed-file-types",
-                "reflect": false,
-                "defaultValue": "['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4']"
-            },
-            "additionalAllowedFileTypes": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | string[]",
-                    "resolved": "string | string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "additional-allowed-file-types",
-                "reflect": false,
-                "defaultValue": "[]"
-            },
-            "uploadHandler": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(file: File, onProgress?: (progress: number) => void) => Promise<void>",
-                    "resolved": "(file: File, onProgress?: (progress: number) => void) => Promise<void>",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        },
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "maxFiles": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | undefined",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": true,
-                "setter": true,
-                "attribute": "max-files",
-                "reflect": false
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false,
-                "defaultValue": "'Label'"
-            },
-            "labelRequiredError": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-required-error",
-                "reflect": false,
-                "defaultValue": "'At least one file must be uploaded'"
-            },
-            "labelBrowseFiles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-browse-files",
-                "reflect": false,
-                "defaultValue": "'Browse files'"
-            },
-            "labelDragAndDrop": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-drag-and-drop",
-                "reflect": false,
-                "defaultValue": "'Drag & Drop or browse files to upload'"
-            },
-            "labelUploadedFilesHeading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-uploaded-files-heading",
-                "reflect": false,
-                "defaultValue": "'Uploaded files'"
-            },
-            "labelFileTooLarge": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-file-too-large",
-                "reflect": false,
-                "defaultValue": "'Upload failed. Max file size: {{size}}MB.'"
-            },
-            "labelUnsupportedFileType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-unsupported-file-type",
-                "reflect": false,
-                "defaultValue": "'Unsupported file type.'"
-            },
-            "labelUploaded": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-uploaded",
-                "reflect": false,
-                "defaultValue": "'Successfully uploaded'"
-            },
-            "labelUploadFailed": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-upload-failed",
-                "reflect": false,
-                "defaultValue": "'Upload failed. Please try again.'"
-            },
-            "labelSupportedFormatsTemplate": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-supported-formats-template",
-                "reflect": false,
-                "defaultValue": "'Supported file formats: {{types}}. Max file size: {{size}}MB.'"
-            },
-            "labelFileSingular": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-file-singular",
-                "reflect": false,
-                "defaultValue": "'file'"
-            },
-            "labelFilePlural": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-file-plural",
-                "reflect": false,
-                "defaultValue": "'files'"
-            },
-            "labelMaxFilesInfo": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-max-files-info",
-                "reflect": false,
-                "defaultValue": "'Up to {{count}} {{files}}.'"
-            },
-            "labelMaxFilesExceeded": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label-max-files-exceeded",
-                "reflect": false,
-                "defaultValue": "'Upload limit exceeded. Only {{count}} {{files}} allowed.'"
-            },
-            "ariaLabelBrowseFiles": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-browse-files",
-                "reflect": false,
-                "defaultValue": "'Browse files'"
-            },
-            "ariaLabelDropzone": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-dropzone",
-                "reflect": false,
-                "defaultValue": "'Upload area. Click to browse or drag and drop files.'"
-            },
-            "ariaLabelFileInput": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-file-input",
-                "reflect": false,
-                "defaultValue": "'Upload file'"
-            },
-            "ariaLabelRemoveFile": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-remove-file",
-                "reflect": false,
-                "defaultValue": "'Remove file'"
-            },
-            "ariaLabelCancelUpload": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-cancel-upload",
-                "reflect": false,
-                "defaultValue": "'Cancel upload'"
-            },
-            "ariaLabelRetryUpload": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-retry-upload",
-                "reflect": false,
-                "defaultValue": "'Retry upload'"
-            },
-            "ariaLabelUploadingStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-uploading-status",
-                "reflect": false,
-                "defaultValue": "'Upload in progress'"
-            },
-            "ariaLabelUploadedStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-uploaded-status",
-                "reflect": false,
-                "defaultValue": "'Upload completed'"
-            },
-            "ariaLabelUploadFailedStatus": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "aria-label-upload-failed-status",
-                "reflect": false,
-                "defaultValue": "'Upload failed'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isDragOver": {},
-            "files": {},
-            "uploadTasks": {},
-            "rejectedSizeFiles": {},
-            "rejectedTypeFiles": {},
-            "requiredError": {},
-            "statusMessage": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "ifxFileUploadAdd",
-                "name": "ifxFileUploadAdd",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ addedFiles: File[]; files: File[] }",
-                    "resolved": "{ addedFiles: File[]; files: File[]; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadRemove",
-                "name": "ifxFileUploadRemove",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ removedFile: File; files: File[] }",
-                    "resolved": "{ removedFile: File; files: File[]; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadChange",
-                "name": "ifxFileUploadChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ files: File[] }",
-                    "resolved": "{ files: File[]; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadError",
-                "name": "ifxFileUploadError",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ errorType: string; file: File; message: string; reason?: string; }",
-                    "resolved": "{ errorType: string; file: File; message: string; reason?: string; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadInvalid",
-                "name": "ifxFileUploadInvalid",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ file: File; reason: string }",
-                    "resolved": "{ file: File; reason: string; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadStart",
-                "name": "ifxFileUploadStart",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ file: File }",
-                    "resolved": "{ file: File; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadComplete",
-                "name": "ifxFileUploadComplete",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ file: File }",
-                    "resolved": "{ file: File; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadAllComplete",
-                "name": "ifxFileUploadAllComplete",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ files: File[] }",
-                    "resolved": "{ files: File[]; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadAbort",
-                "name": "ifxFileUploadAbort",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ file: File }",
-                    "resolved": "{ file: File; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadDrop",
-                "name": "ifxFileUploadDrop",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }",
-                    "resolved": "{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[]; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }, {
-                "method": "ifxFileUploadClick",
-                "name": "ifxFileUploadClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "ifxFileUploadMaxFilesExceeded",
-                "name": "ifxFileUploadMaxFilesExceeded",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ maxFiles: number; attempted: number }",
-                    "resolved": "{ maxFiles: number; attempted: number; }",
-                    "references": {}
-                }
-            }, {
-                "method": "ifxFileUploadValidation",
-                "name": "ifxFileUploadValidation",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ valid: boolean }",
-                    "resolved": "{ valid: boolean; }",
-                    "references": {}
-                }
-            }, {
-                "method": "ifxFileUploadRetry",
-                "name": "ifxFileUploadRetry",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ file: File }",
-                    "resolved": "{ file: File; }",
-                    "references": {
-                        "File": {
-                            "location": "global",
-                            "id": "global::File"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "injectDemoState": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "triggerDemoValidation": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-}
-//# sourceMappingURL=file-upload.js.map