@infineon/infineon-design-system-stencil 33.3.0 → 33.3.1--canary.1824.9e747abc2c6c3dcc35abd2895ce37d503bd1f141.0

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

@@ -0,0 +1,517 @@
+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: {
+        // GENERAL
+        dragAndDrop: {
+            control: 'boolean',
+            description: 'Enables drag-and-drop area. If false, a button-based upload is shown instead.'
+        },
+        required: {
+            control: 'boolean',
+            description: 'If set to true, at least one file must be uploaded. Validation fails if empty.'
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disables the component and prevents all interaction (upload, drag-and-drop, removal, etc.).',
+        },
+        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.'
+        },
+        additionalAllowedFileTypes: {
+            control: 'text',
+            description: 'Adds additional allowed file types using exact MIME types. Example: application/zip'
+        },
+        maxFiles: {
+            control: { type: 'number', min: 1, step: 1 },
+            description: 'Maximum number of files that can be uploaded in total. Must be at least 1. If unset, unlimited.'
+        },
+        // LABELS
+        label: {
+            control: 'text',
+            description: 'Label shown above the upload area.',
+            table: { category: 'LABELS' }
+        },
+        labelRequiredError: {
+            control: 'text',
+            description: 'Error message shown when no file is uploaded and `required` is true.',
+            table: { category: 'LABELS' }
+        },
+        labelBrowseFiles: {
+            control: 'text',
+            description: 'Text for the file selection button.',
+            table: { category: 'LABELS' }
+        },
+        labelDragAndDrop: {
+            control: 'text',
+            description: 'Text shown inside the drag-and-drop area.',
+            table: { category: 'LABELS' }
+        },
+        labelUploadedFilesHeading: {
+            control: 'text',
+            description: 'Heading above the uploaded files list.',
+            table: { category: 'LABELS' }
+        },
+        labelFileTooLarge: {
+            control: 'text',
+            description: 'Shown when a file exceeds the allowed size. Use {{size}}.',
+            table: { category: 'LABELS' }
+        },
+        labelUnsupportedFileType: {
+            control: 'text',
+            description: 'Shown when an unsupported file type is uploaded.',
+            table: { category: 'LABELS' }
+        },
+        labelUploaded: {
+            control: 'text',
+            description: 'Label shown after successful upload.',
+            table: { category: 'LABELS' }
+        },
+        labelUploadFailed: {
+            control: 'text',
+            description: 'Text shown when a file upload fails.',
+            table: { category: 'LABELS' }
+        },
+        labelSupportedFormatsTemplate: {
+            control: 'text',
+            description: 'Template showing supported file formats. Use {{types}} and {{size}}.',
+            table: { category: 'LABELS' }
+        },
+        labelFileSingular: {
+            control: 'text',
+            description: 'Singular word for file.',
+            table: { category: 'LABELS' }
+        },
+        labelFilePlural: {
+            control: 'text',
+            description: 'Plural word for file.',
+            table: { category: 'LABELS' }
+        },
+        labelMaxFilesInfo: {
+            control: 'text',
+            description: 'Message for max file info. Use {{count}}.',
+            table: { category: 'LABELS' }
+        },
+        labelMaxFilesExceeded: {
+            control: 'text',
+            description: 'Error when exceeding max files. Use {{count}}.',
+            table: { category: 'LABELS' }
+        },
+        // ARIA LABELS
+        ariaLabelBrowseFiles: {
+            control: 'text',
+            description: 'ARIA label for the file upload button.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelDropzone: {
+            control: 'text',
+            description: 'ARIA label for the dropzone.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelFileInput: {
+            control: 'text',
+            description: 'ARIA label for the file input.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelRemoveFile: {
+            control: 'text',
+            description: 'ARIA label for remove button.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelCancelUpload: {
+            control: 'text',
+            description: 'ARIA label for cancel button.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelRetryUpload: {
+            control: 'text',
+            description: 'ARIA label for retry button.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelUploadingStatus: {
+            control: 'text',
+            description: 'ARIA status for uploading.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelUploadedStatus: {
+            control: 'text',
+            description: 'ARIA status for success.',
+            table: { category: 'ARIA LABELS' }
+        },
+        ariaLabelUploadFailedStatus: {
+            control: 'text',
+            description: 'ARIA status for failed upload.',
+            table: { category: 'ARIA LABELS' }
+        },
+        // CUSTOM EVENTS
+        ifxFileUploadAdd: {
+            description: 'Emitted when files are added.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadRemove: {
+            description: 'Emitted when a file is removed.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadChange: {
+            description: 'Emitted when file list changes.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadError: {
+            description: 'Emitted when an upload error occurs.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadInvalid: {
+            description: 'Emitted when file is invalid.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadStart: {
+            description: 'Emitted when upload starts.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadComplete: {
+            description: 'Emitted when upload completes.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadAllComplete: {
+            description: 'Emitted when all uploads are done.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadAbort: {
+            description: 'Emitted when an upload is cancelled.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadDrop: {
+            description: 'Emitted on file drop.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadClick: {
+            description: 'Emitted on click.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadMaxFilesExceeded: {
+            description: 'Emitted when too many files added.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadValidation: {
+            description: 'Emitted after required validation.',
+            table: { category: 'CUSTOM EVENTS' }
+        },
+        ifxFileUploadRetry: {
+            description: 'Emitted when retry is triggered.',
+            table: { category: 'CUSTOM EVENTS' }
+        }
+    }
+};
+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];
+    });
+    if (args.additionalAllowedFileTypes) {
+        const value = Array.isArray(args.additionalAllowedFileTypes)
+            ? args.additionalAllowedFileTypes.join(',')
+            : args.additionalAllowedFileTypes;
+        el.setAttribute('additional-allowed-file-types', value);
+    }
+    if (args.maxFiles !== undefined && args.maxFiles !== null) {
+        el.setAttribute('max-files', String(args.maxFiles));
+    }
+    if (args.required) {
+        el.setAttribute('required', '');
+    }
+    else {
+        el.removeAttribute('required');
+    }
+    if (args.disabled) {
+        el.setAttribute('disabled', '');
+    }
+    else {
+        el.removeAttribute('disabled');
+    }
+    const uniqueTypes = Array.from(new Set(mappedTypes));
+    el.setAttribute('allowed-file-types', uniqueTypes.join(','));
+    el.setAttribute('label', args.label);
+    el.setAttribute('label-required-error', args.labelRequiredError);
+    el.setAttribute('label-browse-files', args.labelBrowseFiles);
+    el.setAttribute('label-drag-and-drop', args.labelDragAndDrop);
+    el.setAttribute('label-uploaded-files-heading', args.labelUploadedFilesHeading);
+    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.setAttribute('label-file-singular', args.labelFileSingular);
+    el.setAttribute('label-file-plural', args.labelFilePlural);
+    el.setAttribute('label-max-files-info', args.labelMaxFilesInfo);
+    el.setAttribute('label-max-files-exceeded', args.labelMaxFilesExceeded);
+    el.setAttribute('label-upload-failed', args.labelUploadFailed);
+    el.setAttribute('aria-label-browse-files', args.ariaLabelBrowseFiles);
+    el.setAttribute('aria-label-dropzone', args.ariaLabelDropzone);
+    el.setAttribute('aria-label-file-input', args.ariaLabelFileInput);
+    el.setAttribute('aria-label-remove-file', args.ariaLabelRemoveFile);
+    el.setAttribute('aria-label-cancel-upload', args.ariaLabelCancelUpload);
+    el.setAttribute('aria-label-retry-upload', args.ariaLabelRetryUpload);
+    el.setAttribute('aria-label-uploading-status', args.ariaLabelUploadingStatus);
+    el.setAttribute('aria-label-uploaded-status', args.ariaLabelUploadedStatus);
+    el.setAttribute('aria-label-upload-failed-status', args.ariaLabelUploadFailedStatus);
+    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'));
+    el.addEventListener('ifxFileUploadMaxFilesExceeded', action('ifxFileUploadMaxFilesExceeded'));
+    el.addEventListener('ifxFileUploadValidation', action('ifxFileUploadValidation'));
+    el.addEventListener('ifxFileUploadRetry', action('ifxFileUploadRetry'));
+    return el;
+};
+export const UploadFileButton = {
+    name: 'Upload File (Button)',
+    args: {
+        dragAndDrop: false,
+        label: 'Label',
+        required: false,
+        labelRequiredError: 'You must upload at least one file.',
+        disabled: false,
+        maxFileSizeMB: 7,
+        allowedFileTypes: ['jpg', 'png', 'pdf'],
+        additionalAllowedFileTypes: 'application/zip,text/csv',
+        labelBrowseFiles: 'Browse files',
+        labelDragAndDrop: 'Drag & Drop or browse files to upload',
+        labelUploadedFilesHeading: 'Uploaded files',
+        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.',
+        labelFileSingular: 'file',
+        labelFilePlural: 'files',
+        labelMaxFilesInfo: 'You can upload up to {{count}} {{files}}.',
+        labelMaxFilesExceeded: 'You have exceeded the maximum of {{count}} {{files}}.',
+        labelUploadFailed: 'Upload failed. Please try again.',
+        ariaLabelBrowseFiles: 'Browse files',
+        ariaLabelDropzone: 'Upload area. Click to browse or drag and drop files.',
+        ariaLabelFileInput: 'Upload file',
+        ariaLabelRemoveFile: 'Remove file',
+        ariaLabelCancelUpload: 'Cancel upload',
+        ariaLabelRetryUpload: 'Retry upload',
+        ariaLabelUploadingStatus: 'Upload in progress',
+        ariaLabelUploadedStatus: 'Upload completed',
+        ariaLabelUploadFailedStatus: 'Upload failed'
+    },
+    render: renderFileUpload
+};
+export const UploadAreaDragDrop = {
+    name: 'Upload Area (Drag&Drop)',
+    args: {
+        dragAndDrop: true,
+        label: 'Label',
+        required: false,
+        labelRequiredError: 'You must upload at least one file.',
+        disabled: false,
+        maxFileSizeMB: 7,
+        allowedFileTypes: ['jpg', 'png', 'pdf'],
+        additionalAllowedFileTypes: 'application/zip,text/csv',
+        labelBrowseFiles: 'Browse files',
+        labelDragAndDrop: 'Drag & Drop or browse files to upload',
+        labelUploadedFilesHeading: 'Uploaded files',
+        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.',
+        labelFileSingular: 'file',
+        labelFilePlural: 'files',
+        labelMaxFilesInfo: 'You can upload up to {{count}} {{files}}.',
+        labelMaxFilesExceeded: 'You have exceeded the maximum of {{count}} {{files}}.',
+        labelUploadFailed: 'Upload failed. Please try again.',
+        ariaLabelBrowseFiles: 'Browse files',
+        ariaLabelDropzone: 'Upload area. Click to browse or drag and drop files.',
+        ariaLabelFileInput: 'Upload file',
+        ariaLabelRemoveFile: 'Remove file',
+        ariaLabelCancelUpload: 'Cancel upload',
+        ariaLabelRetryUpload: 'Retry upload',
+        ariaLabelUploadingStatus: 'Upload in progress',
+        ariaLabelUploadedStatus: 'Upload completed',
+        ariaLabelUploadFailedStatus: 'Upload failed'
+    },
+    render: renderFileUpload
+};
+export const UploadStatesDemo = {
+    name: 'Upload States (Demo)',
+    args: {
+        dragAndDrop: false
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Visual preview of all file states (success, upload in progress, rejected). Only the `dragAndDrop` control is available.'
+            }
+        },
+        previewTabs: {
+            'canvas': { hidden: false },
+            'storybook/docs/panel': { hidden: false },
+            'storybook/actions/panel': { hidden: true },
+            'storybook/interactions/panel': { hidden: true }
+        }
+    },
+    argTypes: {
+        dragAndDrop: { control: 'boolean' },
+        // Disable all other controls
+        disabled: { table: { disable: true } },
+        labelUploadFailed: { table: { disable: true } },
+        required: { table: { disable: true } },
+        label: { table: { disable: true } },
+        labelRequiredError: { table: { disable: true } },
+        maxFileSizeMB: { table: { disable: true } },
+        allowedFileTypes: { table: { disable: true } },
+        additionalAllowedFileTypes: { table: { disable: true } },
+        labelBrowseFiles: { table: { disable: true } },
+        labelDragAndDrop: { table: { disable: true } },
+        labelFileSingular: { table: { disable: true } },
+        labelFilePlural: { table: { disable: true } },
+        maxFiles: { table: { disable: true } },
+        labelMaxFilesInfo: { table: { disable: true } },
+        labelMaxFilesExceeded: { table: { disable: true } },
+        labelUploadedFilesHeading: { table: { disable: true } },
+        labelFileTooLarge: { table: { disable: true } },
+        labelUnsupportedFileType: { table: { disable: true } },
+        labelUploaded: { table: { disable: true } },
+        labelSupportedFormatsTemplate: { table: { disable: true } },
+        ifxFileUploadAdd: { table: { disable: true } },
+        ifxFileUploadRemove: { table: { disable: true } },
+        ifxFileUploadChange: { table: { disable: true } },
+        ifxFileUploadError: { table: { disable: true } },
+        ifxFileUploadInvalid: { table: { disable: true } },
+        ifxFileUploadStart: { table: { disable: true } },
+        ifxFileUploadComplete: { table: { disable: true } },
+        ifxFileUploadAllComplete: { table: { disable: true } },
+        ifxFileUploadAbort: { table: { disable: true } },
+        ifxFileUploadDrop: { table: { disable: true } },
+        ifxFileUploadClick: { table: { disable: true } },
+        ifxFileUploadMaxFilesExceeded: { table: { disable: true } },
+        ifxFileUploadValidation: { table: { disable: true } },
+        ifxFileUploadRetry: { table: { disable: true } },
+        // ARIA labels – disabled in demo
+        ariaLabelBrowseFiles: { table: { disable: true } },
+        ariaLabelDropzone: { table: { disable: true } },
+        ariaLabelFileInput: { table: { disable: true } },
+        ariaLabelRemoveFile: { table: { disable: true } },
+        ariaLabelCancelUpload: { table: { disable: true } },
+        ariaLabelRetryUpload: { table: { disable: true } },
+        ariaLabelUploadingStatus: { table: { disable: true } },
+        ariaLabelUploadedStatus: { table: { disable: true } },
+        ariaLabelUploadFailedStatus: { table: { disable: true } },
+    },
+    render: (args) => {
+        const el = document.createElement('ifx-file-upload');
+        if (args.dragAndDrop) {
+            el.setAttribute('drag-and-drop', '');
+        }
+        setTimeout(() => {
+            var _a, _b;
+            (_b = (_a = el).injectDemoState) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }, 0);
+        return el;
+    }
+};
+export const UploadRequiredError = {
+    name: 'Upload Required Error (Demo)',
+    args: {
+        dragAndDrop: false
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Demonstrates the error state when the upload is required but no files have been added. Only `dragAndDrop` is controllable in this demo.'
+            }
+        }
+    },
+    argTypes: {
+        dragAndDrop: { control: 'boolean' },
+        // Disable all other controls
+        disabled: { table: { disable: true } },
+        labelUploadFailed: { table: { disable: true } },
+        required: { table: { disable: true } },
+        label: { table: { disable: true } },
+        labelRequiredError: { table: { disable: true } },
+        maxFileSizeMB: { table: { disable: true } },
+        allowedFileTypes: { table: { disable: true } },
+        additionalAllowedFileTypes: { table: { disable: true } },
+        labelBrowseFiles: { table: { disable: true } },
+        labelDragAndDrop: { table: { disable: true } },
+        labelFileSingular: { table: { disable: true } },
+        labelFilePlural: { table: { disable: true } },
+        maxFiles: { table: { disable: true } },
+        labelMaxFilesInfo: { table: { disable: true } },
+        labelMaxFilesExceeded: { table: { disable: true } },
+        labelUploadedFilesHeading: { table: { disable: true } },
+        labelFileTooLarge: { table: { disable: true } },
+        labelUnsupportedFileType: { table: { disable: true } },
+        labelUploaded: { table: { disable: true } },
+        labelSupportedFormatsTemplate: { table: { disable: true } },
+        ifxFileUploadAdd: { table: { disable: true } },
+        ifxFileUploadRemove: { table: { disable: true } },
+        ifxFileUploadChange: { table: { disable: true } },
+        ifxFileUploadError: { table: { disable: true } },
+        ifxFileUploadInvalid: { table: { disable: true } },
+        ifxFileUploadStart: { table: { disable: true } },
+        ifxFileUploadComplete: { table: { disable: true } },
+        ifxFileUploadAllComplete: { table: { disable: true } },
+        ifxFileUploadAbort: { table: { disable: true } },
+        ifxFileUploadDrop: { table: { disable: true } },
+        ifxFileUploadClick: { table: { disable: true } },
+        ifxFileUploadMaxFilesExceeded: { table: { disable: true } },
+        ifxFileUploadValidation: { table: { disable: true } },
+        ifxFileUploadRetry: { table: { disable: true } },
+        // ARIA labels – disabled in demo
+        ariaLabelBrowseFiles: { table: { disable: true } },
+        ariaLabelDropzone: { table: { disable: true } },
+        ariaLabelFileInput: { table: { disable: true } },
+        ariaLabelRemoveFile: { table: { disable: true } },
+        ariaLabelCancelUpload: { table: { disable: true } },
+        ariaLabelRetryUpload: { table: { disable: true } },
+        ariaLabelUploadingStatus: { table: { disable: true } },
+        ariaLabelUploadedStatus: { table: { disable: true } },
+        ariaLabelUploadFailedStatus: { table: { disable: true } },
+    },
+    render: (args) => {
+        const el = document.createElement('ifx-file-upload');
+        if (args.dragAndDrop)
+            el.setAttribute('drag-and-drop', '');
+        el.setAttribute('required', '');
+        // Fehlerzustand gezielt triggern
+        setTimeout(() => {
+            var _a, _b;
+            (_b = (_a = el).triggerDemoValidation) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }, 100);
+        return el;
+    }
+};
+//# sourceMappingURL=file-upload.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.stories.js","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,wBAAwB;IAC/B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,mFAAmF;aAC/F;SACF;KACF;IACD,QAAQ,EAAE;QACR,UAAU;QACV,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+EAA+E;SAC7F;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,gFAAgF;SAC9F;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6FAA6F;SAC3G;QACD,aAAa,EAAE;YACb,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,sFAAsF;SACpG;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;YACnD,WAAW,EAAE,8EAA8E;SAC5F;QACD,0BAA0B,EAAE;YAC1B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qFAAqF;SACnG;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAC5C,WAAW,EAAE,iGAAiG;SAC/G;QAED,SAAS;QACT,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sEAAsE;YACnF,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;YACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,yBAAyB,EAAE;YACzB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2DAA2D;YACxE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kDAAkD;YAC/D,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,6BAA6B,EAAE;YAC7B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sEAAsE;YACnF,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yBAAyB;YACtC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,eAAe,EAAE;YACf,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uBAAuB;YACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;YACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QACD,qBAAqB,EAAE;YACrB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC9B;QAED,cAAc;QACd,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;YAC3C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;YAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+BAA+B;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,qBAAqB,EAAE;YACrB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+BAA+B;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;YAC3C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,uBAAuB,EAAE;YACvB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0BAA0B;YACvC,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;YAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;SACnC;QAED,gBAAgB;QAChB,gBAAgB,EAAE;YAChB,WAAW,EAAE,+BAA+B;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,mBAAmB,EAAE;YACnB,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,mBAAmB,EAAE;YACnB,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,oBAAoB,EAAE;YACpB,WAAW,EAAE,+BAA+B;YAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,6BAA6B;YAC1C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,qBAAqB,EAAE;YACrB,WAAW,EAAE,gCAAgC;YAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,wBAAwB,EAAE;YACxB,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,uBAAuB;YACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,6BAA6B,EAAE;YAC7B,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,uBAAuB,EAAE;YACvB,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE;SACrC;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,gBAAgB,GAAG,CAAC,IAAS,EAAE,EAAE;IACrC,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAErD,IAAI,IAAI,CAAC,WAAW;QAAE,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IAC3D,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAEzD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC;QACrD,CAAC,CAAC,IAAI,CAAC,gBAAgB;QACvB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,8BAA8B;IAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC1C,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC3C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC;YAC1D,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC;YAC3C,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC;QACpC,EAAE,CAAC,YAAY,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;QAC1D,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACN,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACN,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;IACrD,EAAE,CAAC,YAAY,CAAC,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7D,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACjE,EAAE,CAAC,YAAY,CAAC,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC7D,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC9D,EAAE,CAAC,YAAY,CAAC,8BAA8B,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAChF,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAChE,EAAE,CAAC,YAAY,CAAC,6BAA6B,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAC9E,EAAE,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACtD,EAAE,CAAC,YAAY,CAAC,kCAAkC,EAAE,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACxF,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/D,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IAC3D,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAChE,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACxE,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAE/D,EAAE,CAAC,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACtE,EAAE,CAAC,YAAY,CAAC,qBAAqB,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/D,EAAE,CAAC,YAAY,CAAC,uBAAuB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAClE,EAAE,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpE,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACxE,EAAE,CAAC,YAAY,CAAC,yBAAyB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACtE,EAAE,CAAC,YAAY,CAAC,6BAA6B,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAC9E,EAAE,CAAC,YAAY,CAAC,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAC5E,EAAE,CAAC,YAAY,CAAC,iCAAiC,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;IAErF,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpE,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC1E,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC1E,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACxE,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC5E,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACxE,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAC9E,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACxE,EAAE,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACxE,EAAE,CAAC,gBAAgB,CAAC,+BAA+B,EAAE,MAAM,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAC9F,EAAE,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;IAClF,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAExE,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK;QACf,kBAAkB,EAAE,oCAAoC;QACxD,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,CAAC;QAChB,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACvC,0BAA0B,EAAE,0BAA0B;QACtD,gBAAgB,EAAE,cAAc;QAChC,gBAAgB,EAAE,uCAAuC;QACzD,yBAAyB,EAAE,gBAAgB;QAC3C,iBAAiB,EAAE,2CAA2C;QAC9D,wBAAwB,EAAE,wBAAwB;QAClD,aAAa,EAAE,uBAAuB;QACtC,6BAA6B,EAAE,+DAA+D;QAC9F,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,OAAO;QACxB,iBAAiB,EAAE,2CAA2C;QAC9D,qBAAqB,EAAE,uDAAuD;QAC9E,iBAAiB,EAAE,kCAAkC;QACrD,oBAAoB,EAAE,cAAc;QACpC,iBAAiB,EAAE,sDAAsD;QACzE,kBAAkB,EAAE,aAAa;QACjC,mBAAmB,EAAE,aAAa;QAClC,qBAAqB,EAAE,eAAe;QACtC,oBAAoB,EAAE,cAAc;QACpC,wBAAwB,EAAE,oBAAoB;QAC9C,uBAAuB,EAAE,kBAAkB;QAC3C,2BAA2B,EAAE,eAAe;KAC7C;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK;QACf,kBAAkB,EAAE,oCAAoC;QACxD,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,CAAC;QAChB,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACvC,0BAA0B,EAAE,0BAA0B;QACtD,gBAAgB,EAAE,cAAc;QAChC,gBAAgB,EAAE,uCAAuC;QACzD,yBAAyB,EAAE,gBAAgB;QAC3C,iBAAiB,EAAE,2CAA2C;QAC9D,wBAAwB,EAAE,wBAAwB;QAClD,aAAa,EAAE,uBAAuB;QACtC,6BAA6B,EAAE,+DAA+D;QAC9F,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,OAAO;QACxB,iBAAiB,EAAE,2CAA2C;QAC9D,qBAAqB,EAAE,uDAAuD;QAC9E,iBAAiB,EAAE,kCAAkC;QACrD,oBAAoB,EAAE,cAAc;QACpC,iBAAiB,EAAE,sDAAsD;QACzE,kBAAkB,EAAE,aAAa;QACjC,mBAAmB,EAAE,aAAa;QAClC,qBAAqB,EAAE,eAAe;QACtC,oBAAoB,EAAE,cAAc;QACpC,wBAAwB,EAAE,oBAAoB;QAC9C,uBAAuB,EAAE,kBAAkB;QAC3C,2BAA2B,EAAE,eAAe;KAC7C;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;KACnB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,yHAAyH;aACjI;SACF;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YACzC,yBAAyB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;YAC3C,8BAA8B,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;SACjD;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,6BAA6B;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnC,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3C,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,0BAA0B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACxD,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,yBAAyB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACvD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3C,6BAA6B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3D,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,6BAA6B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3D,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,iCAAiC;QACjC,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrD,2BAA2B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;KAC1D;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAErD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QACvC,CAAC;QAED,UAAU,CAAC,GAAG,EAAE;;YACd,MAAA,MAAC,EAAU,EAAC,eAAe,kDAAI,CAAC;QAClC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE,8BAA8B;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,KAAK;KACnB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,yIAAyI;aACjJ;SACF;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,6BAA6B;QAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnC,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3C,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,0BAA0B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACxD,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC7C,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtC,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,yBAAyB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACvD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3C,6BAA6B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3D,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC9C,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,6BAA6B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC3D,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrD,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,iCAAiC;QACjC,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,iBAAiB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAC/C,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAChD,mBAAmB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACjD,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACnD,oBAAoB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QAClD,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACtD,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;QACrD,2BAA2B,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;KAC1D;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAErD,IAAI,IAAI,CAAC,WAAW;YAAE,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE3D,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAEhC,iCAAiC;QACjC,UAAU,CAAC,GAAG,EAAE;;YACd,MAAA,MAAC,EAAU,EAAC,qBAAqB,kDAAI,CAAC;QACxC,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC","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    // GENERAL\n    dragAndDrop: {\n      control: 'boolean',\n      description: 'Enables drag-and-drop area. If false, a button-based upload is shown instead.'\n    },\n    required: {\n      control: 'boolean',\n      description: 'If set to true, at least one file must be uploaded. Validation fails if empty.'\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Disables the component and prevents all interaction (upload, drag-and-drop, removal, etc.).',\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    additionalAllowedFileTypes: {\n      control: 'text',\n      description: 'Adds additional allowed file types using exact MIME types. Example: application/zip'\n    },\n    maxFiles: {\n      control: { type: 'number', min: 1, step: 1 },\n      description: 'Maximum number of files that can be uploaded in total. Must be at least 1. If unset, unlimited.'\n    },\n\n    // LABELS\n    label: {\n      control: 'text',\n      description: 'Label shown above the upload area.',\n      table: { category: 'LABELS' }\n    },\n    labelRequiredError: {\n      control: 'text',\n      description: 'Error message shown when no file is uploaded and `required` is true.',\n      table: { category: 'LABELS' }\n    },\n    labelBrowseFiles: {\n      control: 'text',\n      description: 'Text for the file selection button.',\n      table: { category: 'LABELS' }\n    },\n    labelDragAndDrop: {\n      control: 'text',\n      description: 'Text shown inside the drag-and-drop area.',\n      table: { category: 'LABELS' }\n    },\n    labelUploadedFilesHeading: {\n      control: 'text',\n      description: 'Heading above the uploaded files list.',\n      table: { category: 'LABELS' }\n    },\n    labelFileTooLarge: {\n      control: 'text',\n      description: 'Shown when a file exceeds the allowed size. Use {{size}}.',\n      table: { category: 'LABELS' }\n    },\n    labelUnsupportedFileType: {\n      control: 'text',\n      description: 'Shown when an unsupported file type is uploaded.',\n      table: { category: 'LABELS' }\n    },\n    labelUploaded: {\n      control: 'text',\n      description: 'Label shown after successful upload.',\n      table: { category: 'LABELS' }\n    },\n    labelUploadFailed: {\n      control: 'text',\n      description: 'Text shown when a file upload fails.',\n      table: { category: 'LABELS' }\n    },\n    labelSupportedFormatsTemplate: {\n      control: 'text',\n      description: 'Template showing supported file formats. Use {{types}} and {{size}}.',\n      table: { category: 'LABELS' }\n    },\n    labelFileSingular: {\n      control: 'text',\n      description: 'Singular word for file.',\n      table: { category: 'LABELS' }\n    },\n    labelFilePlural: {\n      control: 'text',\n      description: 'Plural word for file.',\n      table: { category: 'LABELS' }\n    },\n    labelMaxFilesInfo: {\n      control: 'text',\n      description: 'Message for max file info. Use {{count}}.',\n      table: { category: 'LABELS' }\n    },\n    labelMaxFilesExceeded: {\n      control: 'text',\n      description: 'Error when exceeding max files. Use {{count}}.',\n      table: { category: 'LABELS' }\n    },\n\n    // ARIA LABELS\n    ariaLabelBrowseFiles: {\n      control: 'text',\n      description: 'ARIA label for the file upload button.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelDropzone: {\n      control: 'text',\n      description: 'ARIA label for the dropzone.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelFileInput: {\n      control: 'text',\n      description: 'ARIA label for the file input.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelRemoveFile: {\n      control: 'text',\n      description: 'ARIA label for remove button.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelCancelUpload: {\n      control: 'text',\n      description: 'ARIA label for cancel button.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelRetryUpload: {\n      control: 'text',\n      description: 'ARIA label for retry button.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelUploadingStatus: {\n      control: 'text',\n      description: 'ARIA status for uploading.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelUploadedStatus: {\n      control: 'text',\n      description: 'ARIA status for success.',\n      table: { category: 'ARIA LABELS' }\n    },\n    ariaLabelUploadFailedStatus: {\n      control: 'text',\n      description: 'ARIA status for failed upload.',\n      table: { category: 'ARIA LABELS' }\n    },\n\n    // CUSTOM EVENTS\n    ifxFileUploadAdd: {\n      description: 'Emitted when files are added.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadRemove: {\n      description: 'Emitted when a file is removed.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadChange: {\n      description: 'Emitted when file list changes.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadError: {\n      description: 'Emitted when an upload error occurs.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadInvalid: {\n      description: 'Emitted when file is invalid.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadStart: {\n      description: 'Emitted when upload starts.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadComplete: {\n      description: 'Emitted when upload completes.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadAllComplete: {\n      description: 'Emitted when all uploads are done.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadAbort: {\n      description: 'Emitted when an upload is cancelled.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadDrop: {\n      description: 'Emitted on file drop.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadClick: {\n      description: 'Emitted on click.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadMaxFilesExceeded: {\n      description: 'Emitted when too many files added.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadValidation: {\n      description: 'Emitted after required validation.',\n      table: { category: 'CUSTOM EVENTS' }\n    },\n    ifxFileUploadRetry: {\n      description: 'Emitted when retry is triggered.',\n      table: { category: 'CUSTOM EVENTS' }\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  if (args.additionalAllowedFileTypes) {\n    const value = Array.isArray(args.additionalAllowedFileTypes)\n      ? args.additionalAllowedFileTypes.join(',')\n      : args.additionalAllowedFileTypes;\n    el.setAttribute('additional-allowed-file-types', value);\n  }\n\n  if (args.maxFiles !== undefined && args.maxFiles !== null) {\n    el.setAttribute('max-files', String(args.maxFiles));\n  }\n\n  if (args.required) {\n    el.setAttribute('required', '');\n  } else {\n    el.removeAttribute('required');\n  }\n\n  if (args.disabled) {\n    el.setAttribute('disabled', '');\n  } else {\n    el.removeAttribute('disabled');\n  }\n\n  const uniqueTypes = Array.from(new Set(mappedTypes));\n  el.setAttribute('allowed-file-types', uniqueTypes.join(','));\n\n  el.setAttribute('label', args.label);\n  el.setAttribute('label-required-error', args.labelRequiredError);\n  el.setAttribute('label-browse-files', args.labelBrowseFiles);\n  el.setAttribute('label-drag-and-drop', args.labelDragAndDrop);\n  el.setAttribute('label-uploaded-files-heading', args.labelUploadedFilesHeading);\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  el.setAttribute('label-file-singular', args.labelFileSingular);\n  el.setAttribute('label-file-plural', args.labelFilePlural);\n  el.setAttribute('label-max-files-info', args.labelMaxFilesInfo);\n  el.setAttribute('label-max-files-exceeded', args.labelMaxFilesExceeded);\n  el.setAttribute('label-upload-failed', args.labelUploadFailed);\n\n  el.setAttribute('aria-label-browse-files', args.ariaLabelBrowseFiles);\n  el.setAttribute('aria-label-dropzone', args.ariaLabelDropzone);\n  el.setAttribute('aria-label-file-input', args.ariaLabelFileInput);\n  el.setAttribute('aria-label-remove-file', args.ariaLabelRemoveFile);\n  el.setAttribute('aria-label-cancel-upload', args.ariaLabelCancelUpload);\n  el.setAttribute('aria-label-retry-upload', args.ariaLabelRetryUpload);\n  el.setAttribute('aria-label-uploading-status', args.ariaLabelUploadingStatus);\n  el.setAttribute('aria-label-uploaded-status', args.ariaLabelUploadedStatus);\n  el.setAttribute('aria-label-upload-failed-status', args.ariaLabelUploadFailedStatus);\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  el.addEventListener('ifxFileUploadMaxFilesExceeded', action('ifxFileUploadMaxFilesExceeded'));\n  el.addEventListener('ifxFileUploadValidation', action('ifxFileUploadValidation'));\n  el.addEventListener('ifxFileUploadRetry', action('ifxFileUploadRetry'));\n\n  return el;\n};\n\nexport const UploadFileButton: Story = {\n  name: 'Upload File (Button)',\n  args: {\n    dragAndDrop: false,\n    label: 'Label',\n    required: false,\n    labelRequiredError: 'You must upload at least one file.',\n    disabled: false,\n    maxFileSizeMB: 7,\n    allowedFileTypes: ['jpg', 'png', 'pdf'],\n    additionalAllowedFileTypes: 'application/zip,text/csv',\n    labelBrowseFiles: 'Browse files',\n    labelDragAndDrop: 'Drag & Drop or browse files to upload',\n    labelUploadedFilesHeading: 'Uploaded files',\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    labelFileSingular: 'file',\n    labelFilePlural: 'files',\n    labelMaxFilesInfo: 'You can upload up to {{count}} {{files}}.',\n    labelMaxFilesExceeded: 'You have exceeded the maximum of {{count}} {{files}}.',\n    labelUploadFailed: 'Upload failed. Please try again.',\n    ariaLabelBrowseFiles: 'Browse files',\n    ariaLabelDropzone: 'Upload area. Click to browse or drag and drop files.',\n    ariaLabelFileInput: 'Upload file',\n    ariaLabelRemoveFile: 'Remove file',\n    ariaLabelCancelUpload: 'Cancel upload',\n    ariaLabelRetryUpload: 'Retry upload',\n    ariaLabelUploadingStatus: 'Upload in progress',\n    ariaLabelUploadedStatus: 'Upload completed',\n    ariaLabelUploadFailedStatus: 'Upload failed'\n  },\n  render: renderFileUpload\n};\n\nexport const UploadAreaDragDrop: Story = {\n  name: 'Upload Area (Drag&Drop)',\n  args: {\n    dragAndDrop: true,\n    label: 'Label',\n    required: false,\n    labelRequiredError: 'You must upload at least one file.',\n    disabled: false,\n    maxFileSizeMB: 7,\n    allowedFileTypes: ['jpg', 'png', 'pdf'],\n    additionalAllowedFileTypes: 'application/zip,text/csv',\n    labelBrowseFiles: 'Browse files',\n    labelDragAndDrop: 'Drag & Drop or browse files to upload',\n    labelUploadedFilesHeading: 'Uploaded files',\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    labelFileSingular: 'file',\n    labelFilePlural: 'files',\n    labelMaxFilesInfo: 'You can upload up to {{count}} {{files}}.',\n    labelMaxFilesExceeded: 'You have exceeded the maximum of {{count}} {{files}}.',\n    labelUploadFailed: 'Upload failed. Please try again.',\n    ariaLabelBrowseFiles: 'Browse files',\n    ariaLabelDropzone: 'Upload area. Click to browse or drag and drop files.',\n    ariaLabelFileInput: 'Upload file',\n    ariaLabelRemoveFile: 'Remove file',\n    ariaLabelCancelUpload: 'Cancel upload',\n    ariaLabelRetryUpload: 'Retry upload',\n    ariaLabelUploadingStatus: 'Upload in progress',\n    ariaLabelUploadedStatus: 'Upload completed',\n    ariaLabelUploadFailedStatus: 'Upload failed'\n  },\n  render: renderFileUpload\n};\n\nexport const UploadStatesDemo: Story = {\n  name: 'Upload States (Demo)',\n  args: {\n    dragAndDrop: false\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: 'Visual preview of all file states (success, upload in progress, rejected). Only the `dragAndDrop` control is available.'\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  argTypes: {\n    dragAndDrop: { control: 'boolean' },\n    // Disable all other controls\n    disabled: { table: { disable: true } },\n    labelUploadFailed: { table: { disable: true } },\n    required: { table: { disable: true } },\n    label: { table: { disable: true } },\n    labelRequiredError: { table: { disable: true } },\n    maxFileSizeMB: { table: { disable: true } },\n    allowedFileTypes: { table: { disable: true } },\n    additionalAllowedFileTypes: { table: { disable: true } },\n    labelBrowseFiles: { table: { disable: true } },\n    labelDragAndDrop: { table: { disable: true } },\n    labelFileSingular: { table: { disable: true } },\n    labelFilePlural: { table: { disable: true } },\n    maxFiles: { table: { disable: true } },\n    labelMaxFilesInfo: { table: { disable: true } },\n    labelMaxFilesExceeded: { table: { disable: true } },\n    labelUploadedFilesHeading: { table: { disable: true } },\n    labelFileTooLarge: { table: { disable: true } },\n    labelUnsupportedFileType: { table: { disable: true } },\n    labelUploaded: { table: { disable: true } },\n    labelSupportedFormatsTemplate: { table: { disable: true } },\n    ifxFileUploadAdd: { table: { disable: true } },\n    ifxFileUploadRemove: { table: { disable: true } },\n    ifxFileUploadChange: { table: { disable: true } },\n    ifxFileUploadError: { table: { disable: true } },\n    ifxFileUploadInvalid: { table: { disable: true } },\n    ifxFileUploadStart: { table: { disable: true } },\n    ifxFileUploadComplete: { table: { disable: true } },\n    ifxFileUploadAllComplete: { table: { disable: true } },\n    ifxFileUploadAbort: { table: { disable: true } },\n    ifxFileUploadDrop: { table: { disable: true } },\n    ifxFileUploadClick: { table: { disable: true } },\n    ifxFileUploadMaxFilesExceeded: { table: { disable: true } },\n    ifxFileUploadValidation: { table: { disable: true } },\n    ifxFileUploadRetry: { table: { disable: true } },\n    // ARIA labels – disabled in demo\n    ariaLabelBrowseFiles: { table: { disable: true } },\n    ariaLabelDropzone: { table: { disable: true } },\n    ariaLabelFileInput: { table: { disable: true } },\n    ariaLabelRemoveFile: { table: { disable: true } },\n    ariaLabelCancelUpload: { table: { disable: true } },\n    ariaLabelRetryUpload: { table: { disable: true } },\n    ariaLabelUploadingStatus: { table: { disable: true } },\n    ariaLabelUploadedStatus: { table: { disable: true } },\n    ariaLabelUploadFailedStatus: { table: { disable: true } },\n  },\n  render: (args) => {\n    const el = document.createElement('ifx-file-upload');\n\n    if (args.dragAndDrop) {\n      el.setAttribute('drag-and-drop', '');\n    }\n\n    setTimeout(() => {\n      (el as any).injectDemoState?.();\n    }, 0);\n\n    return el;\n  }\n};\n\nexport const UploadRequiredError: Story = {\n  name: 'Upload Required Error (Demo)',\n  args: {\n    dragAndDrop: false\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: 'Demonstrates the error state when the upload is required but no files have been added. Only `dragAndDrop` is controllable in this demo.'\n      }\n    }\n  },\n  argTypes: {\n    dragAndDrop: { control: 'boolean' },\n    // Disable all other controls\n    disabled: { table: { disable: true } },\n    labelUploadFailed: { table: { disable: true } },\n    required: { table: { disable: true } },\n    label: { table: { disable: true } },\n    labelRequiredError: { table: { disable: true } },\n    maxFileSizeMB: { table: { disable: true } },\n    allowedFileTypes: { table: { disable: true } },\n    additionalAllowedFileTypes: { table: { disable: true } },\n    labelBrowseFiles: { table: { disable: true } },\n    labelDragAndDrop: { table: { disable: true } },\n    labelFileSingular: { table: { disable: true } },\n    labelFilePlural: { table: { disable: true } },\n    maxFiles: { table: { disable: true } },\n    labelMaxFilesInfo: { table: { disable: true } },\n    labelMaxFilesExceeded: { table: { disable: true } },\n    labelUploadedFilesHeading: { table: { disable: true } },\n    labelFileTooLarge: { table: { disable: true } },\n    labelUnsupportedFileType: { table: { disable: true } },\n    labelUploaded: { table: { disable: true } },\n    labelSupportedFormatsTemplate: { table: { disable: true } },\n    ifxFileUploadAdd: { table: { disable: true } },\n    ifxFileUploadRemove: { table: { disable: true } },\n    ifxFileUploadChange: { table: { disable: true } },\n    ifxFileUploadError: { table: { disable: true } },\n    ifxFileUploadInvalid: { table: { disable: true } },\n    ifxFileUploadStart: { table: { disable: true } },\n    ifxFileUploadComplete: { table: { disable: true } },\n    ifxFileUploadAllComplete: { table: { disable: true } },\n    ifxFileUploadAbort: { table: { disable: true } },\n    ifxFileUploadDrop: { table: { disable: true } },\n    ifxFileUploadClick: { table: { disable: true } },\n    ifxFileUploadMaxFilesExceeded: { table: { disable: true } },\n    ifxFileUploadValidation: { table: { disable: true } },\n    ifxFileUploadRetry: { table: { disable: true } },\n    // ARIA labels – disabled in demo\n    ariaLabelBrowseFiles: { table: { disable: true } },\n    ariaLabelDropzone: { table: { disable: true } },\n    ariaLabelFileInput: { table: { disable: true } },\n    ariaLabelRemoveFile: { table: { disable: true } },\n    ariaLabelCancelUpload: { table: { disable: true } },\n    ariaLabelRetryUpload: { table: { disable: true } },\n    ariaLabelUploadingStatus: { table: { disable: true } },\n    ariaLabelUploadedStatus: { table: { disable: true } },\n    ariaLabelUploadFailedStatus: { table: { disable: true } },\n  },\n  render: (args) => {\n    const el = document.createElement('ifx-file-upload');\n\n    if (args.dragAndDrop) el.setAttribute('drag-and-drop', '');\n\n    el.setAttribute('required', '');\n\n    // Fehlerzustand gezielt triggern\n    setTimeout(() => {\n      (el as any).triggerDemoValidation?.();\n    }, 100);\n\n    return el;\n  }\n};\n"]}

package/dist/collection/components/footer/footer-column.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Card {
     render() {
-        return (h("div", { key: 'b39b050d9a259a269d885597f83d55f8dc2a8048', class: "col" }, h("slot", { key: 'def6a00e5eaa6b959278664c93a366181f44c6f5', name: "title" }), h("span", { key: '98f9d7c688ab310ad4ee8beaceb286267e2cc8a8', "aria-label": 'navigation link' }, h("slot", { key: '2d21498d8b068f6799f674d5e5c602505a9c9c04', name: "link" }))));
+        return (h("div", { key: '6936db25ec4495ee482e843e5603958f03055c6c', class: "col" }, h("slot", { key: '5255b18e7c067b96de60166ff91fee6b2d1c70db', name: "title" }), h("span", { key: '6a7baa1aefd56976e1167f5588b443eff2e9fa3a', "aria-label": 'navigation link' }, h("slot", { key: 'da579e15c58437f36ae6dd866661906ad0acd620', name: "link" }))));
     }
     static get is() { return "ifx-footer-column"; }
     static get encapsulation() { return "shadow"; }