@infineon/infineon-design-system-stencil 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.0 → 33.1.1--canary.1818.40b59d3e7e35c19c1cd5c4976a5aecca37653bcd.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Event, EventEmitter, Prop, Method, Element } from '@stencil/core';\n\ninterface UploadTask {\n  file: File;\n  progress: number;\n  intervalId: number | null;\n  completed: boolean;\n}\n\n@Component({\n  tag: 'ifx-file-upload',\n  styleUrl: 'file-upload.scss',\n  shadow: true\n})\nexport class IfxFileUpload {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() dragAndDrop: boolean = false;\n  @Prop() maxFileSizeMB: number = 7;\n  @Prop() allowedFileTypes: string | string[] = ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];\n  @Prop() uploadHandler?: (file: File) => Promise<void>;\n\n  @Prop() labelBrowseFiles: string = 'Browse files';\n  @Prop() labelDragAndDrop: string = 'Drag & Drop or browse files to upload';\n  @Prop() labelFileTooLarge: string = 'Upload failed. Max file size: {{size}}MB.';\n  @Prop() labelUnsupportedFileType: string = 'Unsupported file type.';\n  @Prop() labelUploaded: string = 'Successfully uploaded';\n  @Prop() labelSupportedFormatsTemplate: string = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';\n\n  private showDemoStates?: boolean;\n\n  @State() isDragOver: boolean = false;\n  @State() files: File[] = [];\n  @State() uploadTasks: UploadTask[] = [];\n  @State() rejectedSizeFiles: string[] = [];\n  @State() rejectedTypeFiles: string[] = [];\n\n  @Event() ifxFileUploadAdd: EventEmitter<{ addedFiles: File[]; files: File[] }>;\n  @Event() ifxFileUploadRemove: EventEmitter<{ removedFile: File; files: File[] }>;\n  @Event() ifxFileUploadChange: EventEmitter<{ files: File[] }>;\n  @Event() ifxFileUploadError: EventEmitter<{ errorType: string; file: File; message: string }>;\n  @Event() ifxFileUploadInvalid: EventEmitter<{ file: File; reason: string }>;\n  @Event() ifxFileUploadStart: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadComplete: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadAbort: EventEmitter<{ file: File }>;\n  @Event() ifxFileUploadDrop: EventEmitter<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }>;\n  @Event() ifxFileUploadClick: EventEmitter<void>;\n\n  private fileInputEl: HTMLInputElement | null = null;\n\n  private extensionToMimeMap: Record<string, string> = {\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    png: 'image/png',\n    pdf: 'application/pdf',\n    mov: 'video/quicktime',\n    mp3: 'audio/mpeg',\n    mp4: 'video/mp4'\n  };\n\n  private getNormalizedFileTypes(): string[] {\n    if (Array.isArray(this.allowedFileTypes)) {\n      return this.allowedFileTypes;\n    }\n    try {\n      return JSON.parse(this.allowedFileTypes);\n    } catch {\n      return this.allowedFileTypes.split(',').map(t => t.trim());\n    }\n  }\n\n  handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    if (!input.files) return;\n    this.processFiles(input.files);\n  }\n\n  handleDrop(event: DragEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isDragOver = false;\n    if (event.dataTransfer?.files) {\n      const droppedFiles = Array.from(event.dataTransfer.files);\n      const allowedMimes = this.getNormalizedFileTypes()\n        .map(ext => this.extensionToMimeMap[ext.toLowerCase()])\n        .filter(Boolean);\n\n      const acceptedFiles: File[] = [];\n      const rejectedFiles: File[] = [];\n\n      droppedFiles.forEach(file => {\n        const isValidType = allowedMimes.includes(file.type);\n        const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n        if (isValidType && isValidSize) acceptedFiles.push(file);\n        else rejectedFiles.push(file);\n      });\n\n      this.ifxFileUploadDrop.emit({\n        droppedFiles,\n        acceptedFiles,\n        rejectedFiles\n      });\n\n      this.processFiles(event.dataTransfer.files);\n    }\n  }\n\n  handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    this.isDragOver = true;\n  }\n\n  handleDragLeave(event: DragEvent) {\n    event.preventDefault();\n    this.isDragOver = false;\n  }\n\n  processFiles(fileList: FileList) {\n    const selectedFiles = Array.from(fileList);\n    const allowedMimes = this.getNormalizedFileTypes()\n      .map(ext => this.extensionToMimeMap[ext.toLowerCase()])\n      .filter(Boolean);\n\n    const validFiles: File[] = [];\n    const rejectedSize: string[] = [];\n    const rejectedType: string[] = [];\n\n    selectedFiles.forEach(file => {\n      const isValidType = allowedMimes.includes(file.type);\n      const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\n\n      if (isValidType && isValidSize) {\n        validFiles.push(file);\n      } else {\n        if (!isValidType) {\n          rejectedType.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-type' });\n        }\n        if (!isValidSize) {\n          rejectedSize.push(file.name);\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-size' });\n        }\n        this.ifxFileUploadError.emit({ file, errorType: !isValidType ? 'invalid-type' : 'file-too-large', message: 'Invalid file rejected' });\n      }\n    });\n\n    this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];\n    this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];\n\n    validFiles.forEach(file => this.startUpload(file));\n    this.files = [...this.files, ...validFiles];\n\n    if (validFiles.length > 0) {\n      this.ifxFileUploadAdd.emit({ addedFiles: validFiles, files: this.files });\n      this.ifxFileUploadChange.emit({ files: this.files });\n    }\n  }\n\n  startUpload(file: File) {\n    this.ifxFileUploadStart.emit({ file });\n\n    const task: UploadTask = {\n      file,\n      progress: 0,\n      intervalId: null,\n      completed: false\n    };\n\n    if (this.uploadHandler) {\n      // Real Upload\n\n      // <ifx-file-upload\n      //   uploadHandler={(file) => {\n      //     const formData = new FormData();\n      //     formData.append('file', file);\n      //     return fetch('/api/upload', {\n      //       method: 'POST',\n      //       body: formData\n      //     }).then(res => {\n      //       if (!res.ok) throw new Error('Upload failed');\n      //     });\n      //   }}\n      // ></ifx-file-upload>\n\n      this.uploadHandler(file).then(() => {\n        task.progress = 100;\n        task.completed = true;\n        this.uploadTasks = [...this.uploadTasks];\n        this.ifxFileUploadComplete.emit({ file });\n        this.ifxFileUploadChange.emit({ files: this.files });\n      }).catch(() => {\n        console.error('Upload failed');\n        this.ifxFileUploadError.emit({ file, errorType: 'upload-failed', message: 'Upload handler rejected file' });\n      });\n    } else {\n      const totalSize = file.size;\n      const fakeUploadSpeed = 500000;\n      let uploaded = 0;\n\n      task.intervalId = window.setInterval(() => {\n        uploaded += fakeUploadSpeed / 5;\n        const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));\n        task.progress = progress;\n        this.uploadTasks = [...this.uploadTasks];\n\n        if (progress >= 100) {\n          clearInterval(task.intervalId!);\n          task.completed = true;\n          task.intervalId = null;\n          this.uploadTasks = [...this.uploadTasks];\n          this.ifxFileUploadComplete.emit({ file });\n          this.ifxFileUploadChange.emit({ files: this.files });\n        }\n      }, 200);\n    }\n\n    this.uploadTasks = [...this.uploadTasks, task];\n  }\n\n  cancelUpload(file: File) {\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\n    if (taskIndex !== -1) {\n      const task = this.uploadTasks[taskIndex];\n      if (task?.intervalId !== null) {\n        clearInterval(task.intervalId);\n      }\n      this.uploadTasks = this.uploadTasks.filter((_, i) => i !== taskIndex);\n    }\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadAbort.emit({ file });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\n  }\n\n  removeFile(file: File) {\n    this.uploadTasks = this.uploadTasks.filter(task => task.file.name !== file.name);\n    this.files = this.files.filter(f => f.name !== file.name);\n    this.ifxFileUploadRemove.emit({ removedFile: file, files: this.files });\n    this.ifxFileUploadChange.emit({ files: this.files });\n    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\n  }\n\n  clearRejectedFile(fileName: string, type: 'size' | 'type') {\n    if (type === 'size') {\n      this.rejectedSizeFiles = this.rejectedSizeFiles.filter(f => f !== fileName);\n    } else {\n      this.rejectedTypeFiles = this.rejectedTypeFiles.filter(f => f !== fileName);\n    }\n\n    if (this.fileInputEl) {\n      this.fileInputEl.value = '';\n    }\n  }\n\n  splitFileNameParts(file: File): { base: string; ext: string } {\n    const name = file.name;\n    const dotIndex = name.lastIndexOf('.');\n    if (dotIndex === -1) return { base: name, ext: '' };\n    return {\n      base: name.substring(0, dotIndex),\n      ext: name.substring(dotIndex)\n    };\n  }\n\n  getFileIcon(file: File): string {\n    const extension = file.name.split('.').pop()?.toLowerCase();\n    switch (extension) {\n      case 'pdf': return 'file-pdf-16';\n      case 'jpg':\n      case 'jpeg': return 'file-jpg-16';\n      case 'png': return 'file-png-16';\n      case 'mov': return 'file-mov-16';\n      case 'mp3': return 'file-mp3-16';\n      case 'mp4': return 'file-mp4-16';\n      default: return 'file';\n    }\n  }\n\n  getFormattedSize(file: File): string {\n    const sizeInKB = file.size / 1024;\n    return sizeInKB > 1024\n      ? `${(sizeInKB / 1024).toFixed(1)} MB`\n      : `${sizeInKB.toFixed(0)} KB`;\n  }\n\n  getAcceptAttribute(): string {\n    return this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase()).join(',');\n  }\n\n  private getSupportedFileText(): string {\n    return this.labelSupportedFormatsTemplate\n      .replace('{{types}}', this.getNormalizedFileTypes().map(ext => ext.toUpperCase()).join(', '))\n      .replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  private getFormattedFileTooLargeText(): string {\n    return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());\n  }\n\n  componentDidLoad() {\n    if (this.hostElement.hasAttribute('show-demo-states')) {\n      this.showDemoStates = true;\n    }\n\n    if (this.showDemoStates) {\n      this.injectDemoState();\n    }\n  }\n\n  @Method()\n  async injectDemoState() {\n    const uploading = new File(['demo'], 'Image.jpg', { type: 'image/jpeg' });\n    const uploaded = new File(['demo'], 'File.pdf', { type: 'application/pdf' });\n    const tooLarge = new File(['demo'], 'Video.mp4', { type: 'video/mp4' });\n    const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' });\n\n    this.files = [uploaded, uploading];\n    this.uploadTasks = [\n      { file: uploaded, progress: 100, intervalId: null, completed: true },\n      { file: uploading, progress: 35, intervalId: null, completed: false }\n    ];\n    this.rejectedSizeFiles = [tooLarge.name];\n    this.rejectedTypeFiles = [unsupported.name];\n  }\n\n  render() {\n    return (\n      <div class=\"file-upload-wrapper\">\n        {this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea()}\n\n        <ul class=\"file-list\">\n          {this.rejectedSizeFiles.map(fileName => (\n            <li class=\"file-item upload-failed\">\n              <div class=\"file-icon\">\n                <ifx-icon icon=\"file-16\"></ifx-icon>\n              </div>\n              <div class=\"file-info\">\n                <div class=\"file-top-row\">\n                  <span class=\"file-name-wrapper\">\n                    <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                    <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                  </span>\n                  <div class=\"file-actions\">\n                    <ifx-icon-button\n                      shape=\"square\"\n                      variant=\"tertiary\"\n                      icon=\"delete-forever-16\"\n                      size=\"s\"\n                      aria-label=\"Remove file\"\n                      onClick={() => this.clearRejectedFile(fileName, 'size')}>\n                    </ifx-icon-button>\n                  </div>\n                </div>\n                <div class=\"file-middle-row\">\n                  <span class=\"file-status\">\n                    {this.getFormattedFileTooLargeText()}\n                  </span>\n                </div>\n              </div>\n            </li>\n          ))}\n\n          {this.rejectedTypeFiles.map(fileName => (\n            <li class=\"file-item upload-failed\">\n              <div class=\"file-icon\">\n                <ifx-icon icon=\"file-16\"></ifx-icon>\n              </div>\n              <div class=\"file-info\">\n                <div class=\"file-top-row\">\n                  <span class=\"file-name-wrapper\">\n                    <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\n                    <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\n                  </span>\n                  <div class=\"file-actions\">\n                    <ifx-icon-button\n                      shape=\"square\"\n                      variant=\"tertiary\"\n                      icon=\"delete-forever-16\"\n                      size=\"s\"\n                      aria-label=\"Remove file\"\n                      onClick={() => this.clearRejectedFile(fileName, 'type')}>\n                    </ifx-icon-button>\n                  </div>\n                </div>\n                <div class=\"file-middle-row\">\n                  <span class=\"file-status\">\n                    {this.labelUnsupportedFileType}\n                  </span>\n                </div>\n              </div>\n            </li>\n          ))}\n\n          {this.files.map((file) => {\n            const task = this.uploadTasks.find(t => t.file.name === file.name);\n            const progress = task?.progress ?? 100;\n            const isUploading = task && !task.completed;\n            const itemClass = isUploading ? 'file-item uploading' : 'file-item upload-success';\n\n            const { base, ext } = this.splitFileNameParts(file);\n\n            return (\n              <li class={itemClass}>\n                <div class=\"file-icon\">\n                  <ifx-icon icon={this.getFileIcon(file)}></ifx-icon>\n                </div>\n                <div class=\"file-info\">\n                  <div class=\"file-top-row\">\n                    <span class=\"file-name-wrapper\">\n                      <span class=\"file-name-base\">{base}</span>\n                      <span class=\"file-name-ext\">{ext}</span>\n                    </span>\n                    <div class=\"file-actions\">\n                      <ifx-icon-button\n                        shape=\"square\"\n                        variant=\"tertiary\"\n                        icon=\"cross-16\"\n                        size=\"s\"\n                        aria-label=\"Cancel upload\"\n                        onClick={() => this.cancelUpload(file)}\n                        style={{ display: isUploading ? 'inline-flex' : 'none' }}>\n                      </ifx-icon-button>\n                      <ifx-icon-button\n                        shape=\"square\"\n                        variant=\"tertiary\"\n                        icon=\"delete-forever-16\"\n                        size=\"s\"\n                        aria-label=\"Remove file\"\n                        onClick={() => this.removeFile(file)}\n                        style={{ display: !isUploading ? 'inline-flex' : 'none' }}>\n                      </ifx-icon-button>\n                    </div>\n                  </div>\n\n                  <div class=\"file-middle-row\">\n                    <span class=\"file-size\">{this.getFormattedSize(file)}</span>\n                    {isUploading && (\n                      <span class=\"file-uploading\">&nbsp;–&nbsp;Uploading …</span>\n                    )}\n                    <span class=\"file-status\">\n                      {!isUploading && (\n                        <span>\n                          <ifx-icon icon=\"check-12\"></ifx-icon>&nbsp;\n                          {this.labelUploaded}\n                        </span>\n                      )}\n                    </span>\n                  </div>\n\n                  {isUploading && (\n                    <div class=\"file-progress-row\">\n                      <ifx-progress-bar size=\"s\" value={progress} show-label=\"true\"></ifx-progress-bar>\n                    </div>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    );\n  }\n\n  renderUploadArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    return (\n      <div class={{ 'upload-button': true }}>\n        <label>\n          <ifx-button variant=\"secondary\">\n            <ifx-icon icon=\"upload-16\"></ifx-icon>\n            {this.labelBrowseFiles}\n          </ifx-button>\n          <input\n            ref={handleInputRef}\n            type=\"file\"\n            accept={this.getAcceptAttribute()}\n            multiple\n            onChange={(e) => this.handleFileChange(e)}\n            style={{ display: 'none' }}\n          />\n        </label>\n        <p class=\"file-upload-info\">\n          {this.getSupportedFileText()}\n        </p>\n      </div>\n    );\n  }\n\n  renderDragAndDropArea() {\n    const handleInputRef = (el: HTMLInputElement | null) => {\n      this.fileInputEl = el;\n    };\n\n    const triggerInputClick = () => {\n      if (this.fileInputEl) {\n        this.fileInputEl.click();\n      }\n    };\n\n    return (\n      <div\n        class={{ 'upload-dropzone': true, 'drag-over': this.isDragOver }}\n        onClick={triggerInputClick}\n        onDragOver={(e) => this.handleDragOver(e)}\n        onDragLeave={(e) => this.handleDragLeave(e)}\n        onDrop={(e) => this.handleDrop(e)}\n      >\n        <ifx-icon icon=\"upload-24\" class=\"custom-icon\"></ifx-icon>\n        <p>{this.labelDragAndDrop}</p>\n        <p class=\"file-upload-info\">\n          {this.getSupportedFileText()}\n        </p>\n        <div style={{ height: '0px', overflow: 'hidden' }}>\n          <input\n            ref={handleInputRef}\n            type=\"file\"\n            accept={this.getAcceptAttribute()}\n            multiple\n            onChange={(e) => this.handleFileChange(e)}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,144 +0,0 @@
-import { action } from "@storybook/addon-actions";
-const meta = {
-    title: 'Components/File Upload',
-    tags: ['autodocs'],
-    parameters: {
-        controls: { expanded: true },
-        docs: {
-            description: {
-                component: 'Upload component with different interaction styles: button or drag-and-drop area.'
-            }
-        }
-    },
-    argTypes: {
-        dragAndDrop: {
-            control: 'boolean',
-            description: 'Enables drag-and-drop area. If false, a button-based upload is shown instead.'
-        },
-        maxFileSizeMB: {
-            control: 'number',
-            description: 'Maximum file size allowed per file (in MB). Files larger than this will be rejected.'
-        },
-        allowedFileTypes: {
-            control: { type: 'check' },
-            options: ['jpg', 'png', 'pdf', 'mov', 'mp3', 'mp4'],
-            description: 'Select one or more allowed file extensions. Internally mapped to MIME types.'
-        },
-        labelBrowseFiles: {
-            control: 'text',
-            description: 'Text for the file selection button (e.g., “Browse files”).'
-        },
-        labelDragAndDrop: {
-            control: 'text',
-            description: 'Text shown inside the drag-and-drop area.'
-        },
-        labelFileTooLarge: {
-            control: 'text',
-            description: 'Shown when a file exceeds the allowed size. Use {{size}} for substitution.'
-        },
-        labelUnsupportedFileType: {
-            control: 'text',
-            description: 'Shown when an unsupported file type is uploaded.'
-        },
-        labelUploaded: {
-            control: 'text',
-            description: 'Label shown after successful upload.'
-        },
-        labelSupportedFormatsTemplate: {
-            control: 'text',
-            description: 'Template showing supported file formats. Use {{types}} and {{size}}.'
-        }
-    }
-};
-export default meta;
-const renderFileUpload = (args) => {
-    const el = document.createElement('ifx-file-upload');
-    if (args.dragAndDrop)
-        el.setAttribute('drag-and-drop', '');
-    el.setAttribute('max-file-size-m-b', args.maxFileSizeMB);
-    const rawTypes = Array.isArray(args.allowedFileTypes)
-        ? args.allowedFileTypes
-        : args.allowedFileTypes.split(',');
-    // Map 'jpg' ➜ ['jpg', 'jpeg']
-    const mappedTypes = rawTypes.flatMap(type => {
-        if (type === 'jpg')
-            return ['jpg', 'jpeg'];
-        return [type];
-    });
-    const uniqueTypes = Array.from(new Set(mappedTypes));
-    el.setAttribute('allowed-file-types', uniqueTypes.join(','));
-    el.setAttribute('label-browse-files', args.labelBrowseFiles);
-    el.setAttribute('label-drag-and-drop', args.labelDragAndDrop);
-    el.setAttribute('label-file-too-large', args.labelFileTooLarge);
-    el.setAttribute('label-unsupported-file-type', args.labelUnsupportedFileType);
-    el.setAttribute('label-uploaded', args.labelUploaded);
-    el.setAttribute('label-supported-formats-template', args.labelSupportedFormatsTemplate);
-    el.addEventListener('ifxFileUploadAdd', action('ifxFileUploadAdd'));
-    el.addEventListener('ifxFileUploadRemove', action('ifxFileUploadRemove'));
-    el.addEventListener('ifxFileUploadChange', action('ifxFileUploadChange'));
-    el.addEventListener('ifxFileUploadError', action('ifxFileUploadError'));
-    el.addEventListener('ifxFileUploadInvalid', action('ifxFileUploadInvalid'));
-    el.addEventListener('ifxFileUploadStart', action('ifxFileUploadStart'));
-    el.addEventListener('ifxFileUploadComplete', action('ifxFileUploadComplete'));
-    el.addEventListener('ifxFileUploadAbort', action('ifxFileUploadAbort'));
-    el.addEventListener('ifxFileUploadDrop', action('ifxFileUploadDrop'));
-    el.addEventListener('ifxFileUploadClick', action('ifxFileUploadClick'));
-    return el;
-};
-export const UploadFileButton = {
-    name: 'Upload File (Button)',
-    args: {
-        dragAndDrop: false,
-        maxFileSizeMB: 7,
-        allowedFileTypes: ['jpg', 'png', 'pdf'],
-        labelBrowseFiles: 'Browse files',
-        labelDragAndDrop: 'Drag & Drop or browse files to upload',
-        labelFileTooLarge: 'Upload failed. Max file size: {{size}}MB.',
-        labelUnsupportedFileType: 'Unsupported file type.',
-        labelUploaded: 'Successfully uploaded',
-        labelSupportedFormatsTemplate: 'Supported file formats: {{types}}. Max file size: {{size}}MB.'
-    },
-    render: renderFileUpload
-};
-export const UploadAreaDragDrop = {
-    name: 'Upload Area (Drag&Drop)',
-    args: {
-        dragAndDrop: true,
-        maxFileSizeMB: 5,
-        allowedFileTypes: ['jpg', 'png', 'pdf'],
-        labelBrowseFiles: 'Browse files',
-        labelDragAndDrop: 'Drag & Drop or browse files to upload',
-        labelFileTooLarge: 'Upload failed. Max file size: {{size}}MB.',
-        labelUnsupportedFileType: 'Unsupported file type.',
-        labelUploaded: 'Successfully uploaded',
-        labelSupportedFormatsTemplate: 'Supported file formats: {{types}}. Max file size: {{size}}MB.'
-    },
-    render: renderFileUpload
-};
-export const UploadStatesDemo = {
-    name: 'Upload States Demo',
-    parameters: {
-        controls: { disable: true },
-        actions: { disable: true },
-        docs: {
-            description: {
-                story: 'Visual preview of all file states (success, upload in progress, rejected).'
-            }
-        },
-        previewTabs: {
-            'canvas': { hidden: false },
-            'storybook/docs/panel': { hidden: false },
-            'storybook/actions/panel': { hidden: true },
-            'storybook/interactions/panel': { hidden: true }
-        }
-    },
-    render: () => {
-        const el = document.createElement('ifx-file-upload');
-        setTimeout(() => {
-            var _a, _b;
-            (_b = (_a = el).injectDemoState) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }, 0);
-        return el;
-    }
-};
-//# sourceMappingURL=file-upload.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.stories.js","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\nimport type { Meta, StoryObj } from '@storybook/html';\n\nconst meta: Meta = {\n  title: 'Components/File Upload',\n  tags: ['autodocs'],\n  parameters: {\n    controls: { expanded: true },\n    docs: {\n      description: {\n        component: 'Upload component with different interaction styles: button or drag-and-drop area.'\n      }\n    }\n  },\n  argTypes: {\n    dragAndDrop: {\n      control: 'boolean',\n      description: 'Enables drag-and-drop area. If false, a button-based upload is shown instead.'\n    },\n    maxFileSizeMB: {\n      control: 'number',\n      description: 'Maximum file size allowed per file (in MB). Files larger than this will be rejected.'\n    },\n    allowedFileTypes: {\n      control: { type: 'check' },\n      options: ['jpg', 'png', 'pdf', 'mov', 'mp3', 'mp4'],\n      description: 'Select one or more allowed file extensions. Internally mapped to MIME types.'\n    },\n    labelBrowseFiles: {\n      control: 'text',\n      description: 'Text for the file selection button (e.g., “Browse files”).'\n    },\n    labelDragAndDrop: {\n      control: 'text',\n      description: 'Text shown inside the drag-and-drop area.'\n    },\n    labelFileTooLarge: {\n      control: 'text',\n      description: 'Shown when a file exceeds the allowed size. Use {{size}} for substitution.'\n    },\n    labelUnsupportedFileType: {\n      control: 'text',\n      description: 'Shown when an unsupported file type is uploaded.'\n    },\n    labelUploaded: {\n      control: 'text',\n      description: 'Label shown after successful upload.'\n    },\n    labelSupportedFormatsTemplate: {\n      control: 'text',\n      description: 'Template showing supported file formats. Use {{types}} and {{size}}.'\n    }\n  }\n};\n\nexport default meta;\n\ntype Story = StoryObj;\n\nconst renderFileUpload = (args: any) => {\n  const el = document.createElement('ifx-file-upload');\n\n  if (args.dragAndDrop) el.setAttribute('drag-and-drop', '');\n  el.setAttribute('max-file-size-m-b', args.maxFileSizeMB);\n\n  const rawTypes = Array.isArray(args.allowedFileTypes)\n  ? args.allowedFileTypes\n  : args.allowedFileTypes.split(',');\n\n  // Map 'jpg' ➜ ['jpg', 'jpeg']\n  const mappedTypes = rawTypes.flatMap(type => {\n    if (type === 'jpg') return ['jpg', 'jpeg'];\n    return [type];\n  });\n\n  const uniqueTypes = Array.from(new Set(mappedTypes));\n  el.setAttribute('allowed-file-types', uniqueTypes.join(','));\n\n  el.setAttribute('label-browse-files', args.labelBrowseFiles);\n  el.setAttribute('label-drag-and-drop', args.labelDragAndDrop);\n  el.setAttribute('label-file-too-large', args.labelFileTooLarge);\n  el.setAttribute('label-unsupported-file-type', args.labelUnsupportedFileType);\n  el.setAttribute('label-uploaded', args.labelUploaded);\n  el.setAttribute('label-supported-formats-template', args.labelSupportedFormatsTemplate);\n\n  el.addEventListener('ifxFileUploadAdd', action('ifxFileUploadAdd'));\n  el.addEventListener('ifxFileUploadRemove', action('ifxFileUploadRemove'));\n  el.addEventListener('ifxFileUploadChange', action('ifxFileUploadChange'));\n  el.addEventListener('ifxFileUploadError', action('ifxFileUploadError'));\n  el.addEventListener('ifxFileUploadInvalid', action('ifxFileUploadInvalid'));\n  el.addEventListener('ifxFileUploadStart', action('ifxFileUploadStart'));\n  el.addEventListener('ifxFileUploadComplete', action('ifxFileUploadComplete'));\n  el.addEventListener('ifxFileUploadAbort', action('ifxFileUploadAbort'));\n  el.addEventListener('ifxFileUploadDrop', action('ifxFileUploadDrop'));\n  el.addEventListener('ifxFileUploadClick', action('ifxFileUploadClick'));\n\n  return el;\n};\n\nexport const UploadFileButton: Story = {\n  name: 'Upload File (Button)',\n  args: {\n    dragAndDrop: false,\n    maxFileSizeMB: 7,\n    allowedFileTypes: ['jpg', 'png', 'pdf'],\n    labelBrowseFiles: 'Browse files',\n    labelDragAndDrop: 'Drag & Drop or browse files to upload',\n    labelFileTooLarge: 'Upload failed. Max file size: {{size}}MB.',\n    labelUnsupportedFileType: 'Unsupported file type.',\n    labelUploaded: 'Successfully uploaded',\n    labelSupportedFormatsTemplate: 'Supported file formats: {{types}}. Max file size: {{size}}MB.'\n  },\n  render: renderFileUpload\n};\n\nexport const UploadAreaDragDrop: Story = {\n  name: 'Upload Area (Drag&Drop)',\n  args: {\n    dragAndDrop: true,\n    maxFileSizeMB: 5,\n    allowedFileTypes: ['jpg', 'png', 'pdf'],\n    labelBrowseFiles: 'Browse files',\n    labelDragAndDrop: 'Drag & Drop or browse files to upload',\n    labelFileTooLarge: 'Upload failed. Max file size: {{size}}MB.',\n    labelUnsupportedFileType: 'Unsupported file type.',\n    labelUploaded: 'Successfully uploaded',\n    labelSupportedFormatsTemplate: 'Supported file formats: {{types}}. Max file size: {{size}}MB.'\n  },\n  render: renderFileUpload\n};\n\nexport const UploadStatesDemo: Story = {\n  name: 'Upload States Demo',\n  parameters: {\n    controls: { disable: true },\n    actions: { disable: true },\n    docs: {\n      description: {\n        story: 'Visual preview of all file states (success, upload in progress, rejected).'\n      }\n    },\n    previewTabs: {\n      'canvas': { hidden: false },\n      'storybook/docs/panel': { hidden: false },\n      'storybook/actions/panel': { hidden: true },\n      'storybook/interactions/panel': { hidden: true }\n    }\n  },\n  render: () => {\n    const el = document.createElement('ifx-file-upload');\n    setTimeout(() => {\n      (el as any).injectDemoState?.();\n    }, 0);\n    return el;\n  }\n};\n"]}

package/dist/components/ifx-file-upload.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface IfxFileUpload extends Components.IfxFileUpload, HTMLElement {}
-export const IfxFileUpload: {
-    prototype: IfxFileUpload;
-    new (): IfxFileUpload;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,377 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-2cc378b8.js';
-import { d as defineCustomElement$5 } from './p-c2b0bf22.js';
-import { d as defineCustomElement$4 } from './p-35d83f23.js';
-import { d as defineCustomElement$3 } from './p-fc183f8e.js';
-import { d as defineCustomElement$2 } from './p-cf1e2d94.js';
-
-const fileUploadCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.upload-dropzone{border:1px dashed #BFBBBB;padding:40px;text-align:center;cursor:pointer;color:#1D1D1D;transition:border-color 0.3s ease;border-radius:1px;background:#FFFFFF}.upload-dropzone ifx-icon{color:#0A8276}.upload-dropzone:hover{border:1px dashed #8D8786}.upload-dropzone.drag-over{border:1px solid #0A8276;background:#F7F7F7}.upload-dropzone input{display:none}.file-upload-info{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0em;color:#1D1D1D;margin:0;margin-top:4px}.file-list{list-style:none;padding:0;margin:0;margin-top:16px;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #BFBBBB;padding:16px;display:flex;gap:16px}.file-info{width:100%;min-width:0}.file-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-8px}.file-top-row ifx-icon{flex-shrink:0}.file-name-wrapper{display:flex;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:400;font-size:0.875rem}.file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-name-ext{flex-shrink:0;margin-left:0}.file-middle-row{display:flex;align-items:center;font-size:0.75rem;line-height:1rem;flex-wrap:wrap;color:#575352}.file-middle-row .file-status{margin-left:16px}.file-progress-row{margin-top:16px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0A8276}.upload-success .file-status ifx-icon{position:relative;top:2px;color:#4CA460}.upload-failed{border-color:#CD002F}.upload-failed .file-status{color:#CD002F;margin-left:0}";
-const IfxFileUploadStyle0 = fileUploadCss;
-
-const IfxFileUpload$1 = /*@__PURE__*/ proxyCustomElement(class IfxFileUpload extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ifxFileUploadAdd = createEvent(this, "ifxFileUploadAdd", 7);
-        this.ifxFileUploadRemove = createEvent(this, "ifxFileUploadRemove", 7);
-        this.ifxFileUploadChange = createEvent(this, "ifxFileUploadChange", 7);
-        this.ifxFileUploadError = createEvent(this, "ifxFileUploadError", 7);
-        this.ifxFileUploadInvalid = createEvent(this, "ifxFileUploadInvalid", 7);
-        this.ifxFileUploadStart = createEvent(this, "ifxFileUploadStart", 7);
-        this.ifxFileUploadComplete = createEvent(this, "ifxFileUploadComplete", 7);
-        this.ifxFileUploadAbort = createEvent(this, "ifxFileUploadAbort", 7);
-        this.ifxFileUploadDrop = createEvent(this, "ifxFileUploadDrop", 7);
-        this.ifxFileUploadClick = createEvent(this, "ifxFileUploadClick", 7);
-        this.dragAndDrop = false;
-        this.maxFileSizeMB = 7;
-        this.allowedFileTypes = ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];
-        this.labelBrowseFiles = 'Browse files';
-        this.labelDragAndDrop = 'Drag & Drop or browse files to upload';
-        this.labelFileTooLarge = 'Upload failed. Max file size: {{size}}MB.';
-        this.labelUnsupportedFileType = 'Unsupported file type.';
-        this.labelUploaded = 'Successfully uploaded';
-        this.labelSupportedFormatsTemplate = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';
-        this.isDragOver = false;
-        this.files = [];
-        this.uploadTasks = [];
-        this.rejectedSizeFiles = [];
-        this.rejectedTypeFiles = [];
-        this.fileInputEl = null;
-        this.extensionToMimeMap = {
-            jpg: 'image/jpeg',
-            jpeg: 'image/jpeg',
-            png: 'image/png',
-            pdf: 'application/pdf',
-            mov: 'video/quicktime',
-            mp3: 'audio/mpeg',
-            mp4: 'video/mp4'
-        };
-    }
-    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());
-        }
-    }
-    handleFileChange(event) {
-        const input = event.target;
-        if (!input.files)
-            return;
-        this.processFiles(input.files);
-    }
-    handleDrop(event) {
-        var _a;
-        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);
-            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) {
-        event.preventDefault();
-        this.isDragOver = true;
-    }
-    handleDragLeave(event) {
-        event.preventDefault();
-        this.isDragOver = false;
-    }
-    processFiles(fileList) {
-        const selectedFiles = Array.from(fileList);
-        const allowedMimes = this.getNormalizedFileTypes()
-            .map(ext => this.extensionToMimeMap[ext.toLowerCase()])
-            .filter(Boolean);
-        const validFiles = [];
-        const rejectedSize = [];
-        const rejectedType = [];
-        selectedFiles.forEach(file => {
-            const isValidType = allowedMimes.includes(file.type);
-            const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;
-            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' });
-            }
-        });
-        this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];
-        this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];
-        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 });
-        }
-    }
-    startUpload(file) {
-        this.ifxFileUploadStart.emit({ file });
-        const task = {
-            file,
-            progress: 0,
-            intervalId: null,
-            completed: false
-        };
-        if (this.uploadHandler) {
-            // Real Upload
-            // <ifx-file-upload
-            //   uploadHandler={(file) => {
-            //     const formData = new FormData();
-            //     formData.append('file', file);
-            //     return fetch('/api/upload', {
-            //       method: 'POST',
-            //       body: formData
-            //     }).then(res => {
-            //       if (!res.ok) throw new Error('Upload failed');
-            //     });
-            //   }}
-            // ></ifx-file-upload>
-            this.uploadHandler(file).then(() => {
-                task.progress = 100;
-                task.completed = true;
-                this.uploadTasks = [...this.uploadTasks];
-                this.ifxFileUploadComplete.emit({ file });
-                this.ifxFileUploadChange.emit({ files: this.files });
-            }).catch(() => {
-                console.error('Upload failed');
-                this.ifxFileUploadError.emit({ file, errorType: 'upload-failed', message: 'Upload handler rejected file' });
-            });
-        }
-        else {
-            const totalSize = file.size;
-            const fakeUploadSpeed = 500000;
-            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 });
-                }
-            }, 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 = '';
-        }
-    }
-    removeFile(file) {
-        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 });
-        if (this.fileInputEl) {
-            this.fileInputEl.value = '';
-        }
-    }
-    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 = '';
-        }
-    }
-    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';
-        }
-    }
-    getFormattedSize(file) {
-        const sizeInKB = file.size / 1024;
-        return sizeInKB > 1024
-            ? `${(sizeInKB / 1024).toFixed(1)} MB`
-            : `${sizeInKB.toFixed(0)} KB`;
-    }
-    getAcceptAttribute() {
-        return this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase()).join(',');
-    }
-    getSupportedFileText() {
-        return this.labelSupportedFormatsTemplate
-            .replace('{{types}}', this.getNormalizedFileTypes().map(ext => ext.toUpperCase()).join(', '))
-            .replace('{{size}}', this.maxFileSizeMB.toString());
-    }
-    getFormattedFileTooLargeText() {
-        return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());
-    }
-    componentDidLoad() {
-        if (this.hostElement.hasAttribute('show-demo-states')) {
-            this.showDemoStates = true;
-        }
-        if (this.showDemoStates) {
-            this.injectDemoState();
-        }
-    }
-    async injectDemoState() {
-        const uploading = new File(['demo'], 'Image.jpg', { type: 'image/jpeg' });
-        const uploaded = new File(['demo'], 'File.pdf', { type: 'application/pdf' });
-        const tooLarge = new File(['demo'], 'Video.mp4', { type: 'video/mp4' });
-        const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' });
-        this.files = [uploaded, uploading];
-        this.uploadTasks = [
-            { file: uploaded, progress: 100, intervalId: null, completed: true },
-            { file: uploading, progress: 35, intervalId: null, completed: false }
-        ];
-        this.rejectedSizeFiles = [tooLarge.name];
-        this.rejectedTypeFiles = [unsupported.name];
-    }
-    render() {
-        return (h("div", { key: '9ebbf4de0d20c25b5c0167dd48b6ab4d538ca736', class: "file-upload-wrapper" }, this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea(), h("ul", { key: 'ad545c35ebfaf6016b4cebe0d11d0f4798816718', class: "file-list" }, this.rejectedSizeFiles.map(fileName => (h("li", { class: "file-item upload-failed" }, 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": "Remove file", onClick: () => this.clearRejectedFile(fileName, 'size') }))), h("div", { class: "file-middle-row" }, h("span", { class: "file-status" }, this.getFormattedFileTooLargeText())))))), this.rejectedTypeFiles.map(fileName => (h("li", { class: "file-item upload-failed" }, 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": "Remove file", onClick: () => this.clearRejectedFile(fileName, 'type') }))), h("div", { class: "file-middle-row" }, h("span", { class: "file-status" }, 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 itemClass = isUploading ? 'file-item uploading' : 'file-item upload-success';
-            const { base, ext } = this.splitFileNameParts(file);
-            return (h("li", { class: itemClass }, 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: "cross-16", size: "s", "aria-label": "Cancel upload", 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": "Remove file", onClick: () => this.removeFile(file), style: { display: !isUploading ? 'inline-flex' : 'none' } }))), h("div", { class: "file-middle-row" }, h("span", { class: "file-size" }, this.getFormattedSize(file)), isUploading && (h("span", { class: "file-uploading" }, "\u00A0\u2013\u00A0Uploading \u2026")), h("span", { class: "file-status" }, !isUploading && (h("span", null, h("ifx-icon", { icon: "check-12" }), "\u00A0", this.labelUploaded)))), isUploading && (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("label", null, h("ifx-button", { variant: "secondary" }, h("ifx-icon", { icon: "upload-16" }), this.labelBrowseFiles), h("input", { ref: handleInputRef, type: "file", accept: this.getAcceptAttribute(), multiple: true, onChange: (e) => this.handleFileChange(e), style: { display: 'none' } })), h("p", { class: "file-upload-info" }, this.getSupportedFileText())));
-    }
-    renderDragAndDropArea() {
-        const handleInputRef = (el) => {
-            this.fileInputEl = el;
-        };
-        const triggerInputClick = () => {
-            if (this.fileInputEl) {
-                this.fileInputEl.click();
-            }
-        };
-        return (h("div", { class: { 'upload-dropzone': true, 'drag-over': this.isDragOver }, onClick: triggerInputClick, onDragOver: (e) => this.handleDragOver(e), onDragLeave: (e) => this.handleDragLeave(e), onDrop: (e) => this.handleDrop(e) }, 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", { ref: handleInputRef, type: "file", accept: this.getAcceptAttribute(), multiple: true, onChange: (e) => this.handleFileChange(e) }))));
-    }
-    get hostElement() { return this; }
-    static get style() { return IfxFileUploadStyle0; }
-}, [1, "ifx-file-upload", {
-        "dragAndDrop": [4, "drag-and-drop"],
-        "maxFileSizeMB": [2, "max-file-size-m-b"],
-        "allowedFileTypes": [1, "allowed-file-types"],
-        "uploadHandler": [16],
-        "labelBrowseFiles": [1, "label-browse-files"],
-        "labelDragAndDrop": [1, "label-drag-and-drop"],
-        "labelFileTooLarge": [1, "label-file-too-large"],
-        "labelUnsupportedFileType": [1, "label-unsupported-file-type"],
-        "labelUploaded": [1, "label-uploaded"],
-        "labelSupportedFormatsTemplate": [1, "label-supported-formats-template"],
-        "isDragOver": [32],
-        "files": [32],
-        "uploadTasks": [32],
-        "rejectedSizeFiles": [32],
-        "rejectedTypeFiles": [32],
-        "injectDemoState": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ifx-file-upload", "ifx-button", "ifx-icon", "ifx-icon-button", "ifx-progress-bar"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ifx-file-upload":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, IfxFileUpload$1);
-            }
-            break;
-        case "ifx-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ifx-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ifx-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ifx-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IfxFileUpload = IfxFileUpload$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { IfxFileUpload, defineCustomElement };
-
-//# sourceMappingURL=ifx-file-upload.js.map