@eui/ecl 19.3.3-snapshot-1754582255784 → 19.3.3-snapshot-1754655052849

package/fesm2022/eui-ecl-components-ecl-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-file-upload.mjs","sources":["../../components/ecl-file-upload/events/ecl-file-upload-file-selected.event.ts","../../components/ecl-file-upload/ecl-file-upload.directive.ts","../../components/ecl-file-upload/ecl-file-upload.module.ts","../../components/ecl-file-upload/eui-ecl-components-ecl-file-upload.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclFileUpload } from '../models/ecl-file-upload.model';\n\n/**\n * Custom event emitted by the ECL file upload directive\n * when one or more files are selected.\n */\nexport class EclFileUploadFileSelectedEvent extends EclBaseEvent {\n    /**\n     * List of selected files.\n     * Each file includes its name, extension, and formatted size.\n     */\n    constructor(public files: Array<EclFileUpload>) {\n        super();\n    }\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    PLATFORM_ID,\n    Renderer2,\n    Self,\n    booleanAttribute,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFileUpload } from './models/ecl-file-upload.model';\nimport { EclFileUploadFileSelectedEvent } from './events/ecl-file-upload-file-selected.event';\n\n/**\n * Directive that enhances a native input[type=file] with ECL-compliant styling and behavior.\n * Supports multiple file selection, dynamic file list rendering, translations and validation state.\n */\n@Directive({\n    selector: '[eclFileUpload]',\n    standalone: false,\n})\nexport class EclFileUploadDirective extends ECLBaseDirective implements OnInit, OnDestroy, DoCheck {\n    /**\n     * Variant of the component's appearance. Currently unused. Default: `'default'`.\n     */\n    @Input() variant = 'default';\n\n    /**\n     * Marks the component as invalid (if not using Angular form validation).\n     */\n    @Input() isInvalid = false;\n\n    /**\n     * ID attribute applied to the native file input.\n     */\n    @Input() @HostBinding('attr.id') id: string;\n\n    /**\n     * Whether the component is disabled.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.disabled')\n    disabled: boolean;\n\n    /**\n     * Allows selecting multiple files.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.multiple')\n    multiple: boolean;\n\n    /**\n     * Event emitted when files are selected.\n     */\n    @Output() filesSelected = new EventEmitter<EclFileUploadFileSelectedEvent>();\n\n    /**\n     * Host binding to define input type as 'file'.\n     */\n    @HostBinding('attr.type') type = 'file';\n\n    private fileListEl: HTMLElement;\n\n    private files: EclFileUpload[] = [];\n    private buttonEl: HTMLElement;\n    private labelEl: HTMLElement;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly SPAN_BUTTON_CONVERSION_CLASSES = ['ecl-button', 'ecl-button--primary', 'ecl-file-upload__button'];\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        private el: ElementRef,\n        private translate: TranslateService,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) private platformId: object,\n    ) {\n        super();\n    }\n\n    /**\n     * Applies the base `ecl-file-upload` class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-file-upload')].join(' ').trim();\n    }\n\n    /**\n     * Returns `true` if component should be displayed as invalid.\n     * Prioritizes Angular form control status over `isInvalid` input.\n     */\n    @HostBinding('class.ecl-file-upload--invalid')\n    get invalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    /**\n     * Initializes component structure and translation subscription (browser-only).\n     */\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            this.createDOMStructure();\n            this.handleTranslations();\n        }\n    }\n\n    /**\n     * Clean up resources and RxJS subscriptions.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Checks component state during change detection to toggle the disabled state of internal elements.\n     */\n    ngDoCheck(): void {\n        if (this.disabled) {\n            this.renderer.setAttribute(this.buttonEl, 'disabled', 'true');\n        } else {\n            this.renderer.removeAttribute(this.buttonEl, 'disabled');\n        }\n    }\n\n    /**\n     * Prevents file dialog from opening when component is disabled.\n     * @param evt Click event on the input element.\n     */\n    @HostListener('click', ['$event']) onClick(evt: Event): void {\n        if (this.disabled) {\n            evt.preventDefault();\n        }\n    }\n\n    /**\n     * Handles file selection and emits a structured file selection event.\n     * @param evt Change event from input.\n     */\n    @HostListener('change', ['$event']) onFilesSelected(evt: Event): void {\n        const inputElement: HTMLInputElement = evt.target as HTMLInputElement;\n        const fileList: FileList = inputElement.files;\n        this.files = this.getFileModels(fileList);\n\n        const fileEvent = new EclFileUploadFileSelectedEvent(this.files);\n        this.filesSelected.next(fileEvent);\n\n        if (!fileEvent.defaultPrevented) {\n            this.handleTranslations();\n            this.updateListItemsDOM(this.files);\n        }\n    }\n\n    private handleTranslations(): void {\n        const uploadButtonLabelKey = this.geti18nUploadButtonLabelKey();\n\n        this.translate\n            .stream(uploadButtonLabelKey)\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((translation: string) => {\n                if (this.buttonEl) {\n                    this.renderer.setProperty(this.buttonEl, 'textContent', translation);\n                }\n            });\n    }\n\n    private geti18nUploadButtonLabelKey(): string {\n        let key = '';\n\n        if (this.files && this.files.length !== 0) {\n            if (this.multiple) {\n                key = 'ecl.file-upload.REPLACE-FILES';\n            } else {\n                key = 'ecl.file-upload.REPLACE-FILE';\n            }\n        } else {\n            if (this.multiple) {\n                key = 'ecl.file-upload.CHOOSE-FILES';\n            } else {\n                key = 'ecl.file-upload.CHOOSE-FILE';\n            }\n        }\n\n        return key;\n    }\n\n    private updateListItemsDOM(files: EclFileUpload[]): void {\n        this.renderer.setProperty(this.fileListEl, 'textContent', '');\n        files.forEach((file) => {\n            const item = this.createFileListItemDOMElement(file);\n            this.renderer.appendChild(this.fileListEl, item);\n        });\n    }\n\n    private createDOMStructure(): void {\n        const labelEl = this.createLabelDOMElement();\n        const hostEl = this.getHostDOMElement();\n        const fileListEl = this.createFileListDOMElement();\n\n        hostEl.insertAdjacentElement('afterend', fileListEl);\n        hostEl.insertAdjacentElement('afterend', labelEl);\n\n        this.fileListEl = fileListEl;\n    }\n\n    private getHostDOMElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n\n    private createLabelDOMElement(): HTMLElement {\n        this.buttonEl = this.renderer.createElement('span');\n        this.addClasses(this.buttonEl, this.SPAN_BUTTON_CONVERSION_CLASSES);\n\n        this.labelEl = this.renderer.createElement('label');\n        this.renderer.setAttribute(this.labelEl, 'for', this.id);\n        this.renderer.addClass(this.labelEl, 'ecl-file-upload__button-container');\n\n        this.renderer.appendChild(this.labelEl, this.buttonEl);\n\n        return this.labelEl;\n    }\n\n    private addClasses(element: HTMLElement, classes: string[] ): void {\n        classes.forEach(className=> this.renderer.addClass(element, className) )\n    }\n    \n    private createFileListDOMElement(): HTMLElement {\n        const element = this.renderer.createElement('ul');\n        this.renderer.addClass(element,'ecl-file-upload__list');\n        this.renderer.setAttribute(element,'aria-live','polite');\n\n        return element;\n    }\n\n    private createFileListItemDOMElement(fileUpload: EclFileUpload): HTMLElement {\n        const liElement = this.renderer.createElement('li');\n        this.renderer.addClass(liElement,'ecl-file-upload__item');\n\n        const fileNameElement = this.renderer.createElement('span');\n        const fileName = this.renderer.createText(fileUpload.name);\n        this.renderer.appendChild(fileNameElement, fileName);\n\n        this.renderer.addClass( fileNameElement,'ecl-file-upload__item-name' );\n\n        const fileMetaElement = this.renderer.createElement('span');\n\n        const fileMetaElementText = this.renderer.createText(`(${fileUpload.size} - ${fileUpload.extension})`);\n        this.renderer.appendChild(fileMetaElement, fileMetaElementText);\n        this.renderer.addClass(fileMetaElement, 'ecl-file-upload__item-meta');\n\n        this.renderer.appendChild(liElement, fileNameElement);\n        this.renderer.appendChild(liElement, fileMetaElement);\n\n        return liElement;\n    }\n\n    private getFileModels(fileList: FileList): Array<EclFileUpload> {\n        return Array.from(fileList).map((f) => ({\n            name: f.name,\n            extension: this.getFilenameExtension(f.name),\n            size: this.formatBytes(f.size),\n        }));\n    }\n\n    private getFilenameExtension(filename: string): string {\n        return filename.split('.').pop();\n    }\n\n    private formatBytes(bytes, decimals = 2): string {\n        if (bytes === 0) {\n            return '0 Bytes';\n        }\n\n        const k = 1024;\n        const dm = decimals < 0 ? 0 : decimals;\n        const sizes = ['Bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n        return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclFileUploadDirective } from './ecl-file-upload.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclFileUploadDirective],\n    declarations: [EclFileUploadDirective],\n})\nexport class EclFileUploadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-file-upload.mjs","sources":["../../components/ecl-file-upload/events/ecl-file-upload-file-selected.event.ts","../../components/ecl-file-upload/ecl-file-upload.directive.ts","../../components/ecl-file-upload/ecl-file-upload.module.ts","../../components/ecl-file-upload/index.ts","../../components/ecl-file-upload/eui-ecl-components-ecl-file-upload.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\nimport { EclFileUpload } from '../models/ecl-file-upload.model';\n\n/**\n * Custom event emitted by the ECL file upload directive\n * when one or more files are selected.\n */\nexport class EclFileUploadFileSelectedEvent extends EclBaseEvent {\n    /**\n     * List of selected files.\n     * Each file includes its name, extension, and formatted size.\n     */\n    constructor(public files: Array<EclFileUpload>) {\n        super();\n    }\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    PLATFORM_ID,\n    Renderer2,\n    Self,\n    booleanAttribute,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclFileUpload } from './models/ecl-file-upload.model';\nimport { EclFileUploadFileSelectedEvent } from './events/ecl-file-upload-file-selected.event';\n\n/**\n * Directive that enhances a native input[type=file] with ECL-compliant styling and behavior.\n * Supports multiple file selection, dynamic file list rendering, translations and validation state.\n */\n@Directive({\n    selector: '[eclFileUpload]',\n})\nexport class EclFileUploadDirective extends ECLBaseDirective implements OnInit, OnDestroy, DoCheck {\n    /**\n     * Variant of the component's appearance. Currently unused. Default: `'default'`.\n     */\n    @Input() variant = 'default';\n\n    /**\n     * Marks the component as invalid (if not using Angular form validation).\n     */\n    @Input() isInvalid = false;\n\n    /**\n     * ID attribute applied to the native file input.\n     */\n    @Input() @HostBinding('attr.id') id: string;\n\n    /**\n     * Whether the component is disabled.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.disabled')\n    disabled: boolean;\n\n    /**\n     * Allows selecting multiple files.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('attr.multiple')\n    multiple: boolean;\n\n    /**\n     * Event emitted when files are selected.\n     */\n    @Output() filesSelected = new EventEmitter<EclFileUploadFileSelectedEvent>();\n\n    /**\n     * Host binding to define input type as 'file'.\n     */\n    @HostBinding('attr.type') type = 'file';\n\n    private fileListEl: HTMLElement;\n\n    private files: EclFileUpload[] = [];\n    private buttonEl: HTMLElement;\n    private labelEl: HTMLElement;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private readonly SPAN_BUTTON_CONVERSION_CLASSES = ['ecl-button', 'ecl-button--primary', 'ecl-file-upload__button'];\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        private el: ElementRef,\n        private translate: TranslateService,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) private platformId: object,\n    ) {\n        super();\n    }\n\n    /**\n     * Applies the base `ecl-file-upload` class to the host element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-file-upload')].join(' ').trim();\n    }\n\n    /**\n     * Returns `true` if component should be displayed as invalid.\n     * Prioritizes Angular form control status over `isInvalid` input.\n     */\n    @HostBinding('class.ecl-file-upload--invalid')\n    get invalidState(): boolean {\n        if (this.ngControl) {\n            return this.ngControl.status === 'INVALID' && this.ngControl.touched;\n        } else {\n            return this.isInvalid;\n        }\n    }\n\n    /**\n     * Initializes component structure and translation subscription (browser-only).\n     */\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            this.createDOMStructure();\n            this.handleTranslations();\n        }\n    }\n\n    /**\n     * Clean up resources and RxJS subscriptions.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Checks component state during change detection to toggle the disabled state of internal elements.\n     */\n    ngDoCheck(): void {\n        if (this.disabled) {\n            this.renderer.setAttribute(this.buttonEl, 'disabled', 'true');\n        } else {\n            this.renderer.removeAttribute(this.buttonEl, 'disabled');\n        }\n    }\n\n    /**\n     * Prevents file dialog from opening when component is disabled.\n     * @param evt Click event on the input element.\n     */\n    @HostListener('click', ['$event']) onClick(evt: Event): void {\n        if (this.disabled) {\n            evt.preventDefault();\n        }\n    }\n\n    /**\n     * Handles file selection and emits a structured file selection event.\n     * @param evt Change event from input.\n     */\n    @HostListener('change', ['$event']) onFilesSelected(evt: Event): void {\n        const inputElement: HTMLInputElement = evt.target as HTMLInputElement;\n        const fileList: FileList = inputElement.files;\n        this.files = this.getFileModels(fileList);\n\n        const fileEvent = new EclFileUploadFileSelectedEvent(this.files);\n        this.filesSelected.next(fileEvent);\n\n        if (!fileEvent.defaultPrevented) {\n            this.handleTranslations();\n            this.updateListItemsDOM(this.files);\n        }\n    }\n\n    private handleTranslations(): void {\n        const uploadButtonLabelKey = this.geti18nUploadButtonLabelKey();\n\n        this.translate\n            .stream(uploadButtonLabelKey)\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((translation: string) => {\n                if (this.buttonEl) {\n                    this.renderer.setProperty(this.buttonEl, 'textContent', translation);\n                }\n            });\n    }\n\n    private geti18nUploadButtonLabelKey(): string {\n        let key = '';\n\n        if (this.files && this.files.length !== 0) {\n            if (this.multiple) {\n                key = 'ecl.file-upload.REPLACE-FILES';\n            } else {\n                key = 'ecl.file-upload.REPLACE-FILE';\n            }\n        } else {\n            if (this.multiple) {\n                key = 'ecl.file-upload.CHOOSE-FILES';\n            } else {\n                key = 'ecl.file-upload.CHOOSE-FILE';\n            }\n        }\n\n        return key;\n    }\n\n    private updateListItemsDOM(files: EclFileUpload[]): void {\n        this.renderer.setProperty(this.fileListEl, 'textContent', '');\n        files.forEach((file) => {\n            const item = this.createFileListItemDOMElement(file);\n            this.renderer.appendChild(this.fileListEl, item);\n        });\n    }\n\n    private createDOMStructure(): void {\n        const labelEl = this.createLabelDOMElement();\n        const hostEl = this.getHostDOMElement();\n        const fileListEl = this.createFileListDOMElement();\n\n        hostEl.insertAdjacentElement('afterend', fileListEl);\n        hostEl.insertAdjacentElement('afterend', labelEl);\n\n        this.fileListEl = fileListEl;\n    }\n\n    private getHostDOMElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n\n    private createLabelDOMElement(): HTMLElement {\n        this.buttonEl = this.renderer.createElement('span');\n        this.addClasses(this.buttonEl, this.SPAN_BUTTON_CONVERSION_CLASSES);\n\n        this.labelEl = this.renderer.createElement('label');\n        this.renderer.setAttribute(this.labelEl, 'for', this.id);\n        this.renderer.addClass(this.labelEl, 'ecl-file-upload__button-container');\n\n        this.renderer.appendChild(this.labelEl, this.buttonEl);\n\n        return this.labelEl;\n    }\n\n    private addClasses(element: HTMLElement, classes: string[] ): void {\n        classes.forEach(className=> this.renderer.addClass(element, className) )\n    }\n    \n    private createFileListDOMElement(): HTMLElement {\n        const element = this.renderer.createElement('ul');\n        this.renderer.addClass(element,'ecl-file-upload__list');\n        this.renderer.setAttribute(element,'aria-live','polite');\n\n        return element;\n    }\n\n    private createFileListItemDOMElement(fileUpload: EclFileUpload): HTMLElement {\n        const liElement = this.renderer.createElement('li');\n        this.renderer.addClass(liElement,'ecl-file-upload__item');\n\n        const fileNameElement = this.renderer.createElement('span');\n        const fileName = this.renderer.createText(fileUpload.name);\n        this.renderer.appendChild(fileNameElement, fileName);\n\n        this.renderer.addClass( fileNameElement,'ecl-file-upload__item-name' );\n\n        const fileMetaElement = this.renderer.createElement('span');\n\n        const fileMetaElementText = this.renderer.createText(`(${fileUpload.size} - ${fileUpload.extension})`);\n        this.renderer.appendChild(fileMetaElement, fileMetaElementText);\n        this.renderer.addClass(fileMetaElement, 'ecl-file-upload__item-meta');\n\n        this.renderer.appendChild(liElement, fileNameElement);\n        this.renderer.appendChild(liElement, fileMetaElement);\n\n        return liElement;\n    }\n\n    private getFileModels(fileList: FileList): Array<EclFileUpload> {\n        return Array.from(fileList).map((f) => ({\n            name: f.name,\n            extension: this.getFilenameExtension(f.name),\n            size: this.formatBytes(f.size),\n        }));\n    }\n\n    private getFilenameExtension(filename: string): string {\n        return filename.split('.').pop();\n    }\n\n    private formatBytes(bytes, decimals = 2): string {\n        if (bytes === 0) {\n            return '0 Bytes';\n        }\n\n        const k = 1024;\n        const dm = decimals < 0 ? 0 : decimals;\n        const sizes = ['Bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n        return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclFileUploadDirective } from './ecl-file-upload.directive';\n\n/**\n * Module that provides the EclFileUpload directive.\n *\n * @deprecated Use {@link EUI_ECL_FILE_UPLOAD} instead.\n */\n@NgModule({\n    imports: [EclFileUploadDirective],\n    exports: [EclFileUploadDirective],\n})\nexport class EclFileUploadModule {}\n","import { EclFileUploadDirective } from './ecl-file-upload.directive';\n\nexport * from './ecl-file-upload.module';\nexport * from './ecl-file-upload.directive';\nexport * from './models/ecl-file-upload.model';\nexport * from './events/ecl-file-upload-file-selected.event';\n\nexport const EUI_ECL_FILE_UPLOAD = [\n    EclFileUploadDirective,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAGA;;;AAGG;AACG,MAAO,8BAA+B,SAAQ,YAAY,CAAA;AAC5D;;;AAGG;AACH,IAAA,WAAA,CAAmB,KAA2B,EAAA;AAC1C,QAAA,KAAK,EAAE;QADQ,IAAA,CAAA,KAAK,GAAL,KAAK;IAExB;AACH;;ACYD;;;AAGG;AAIG,MAAO,sBAAuB,SAAQ,gBAAgB,CAAA;IAgDxD,WAAA,CACkC,SAAoB,EAC1C,EAAc,EACd,SAA2B,EAC3B,QAAmB,EACE,UAAkB,EAAA;AAE/C,QAAA,KAAK,EAAE;QANuB,IAAA,CAAA,SAAS,GAAT,SAAS;QAC/B,IAAA,CAAA,EAAE,GAAF,EAAE;QACF,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACa,IAAA,CAAA,UAAU,GAAV,UAAU;AApD3C;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,SAAS;AAE5B;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK;AAqB1B;;AAEG;AACO,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAkC;AAE5E;;AAEG;QACuB,IAAA,CAAA,IAAI,GAAG,MAAM;QAI/B,IAAA,CAAA,KAAK,GAAoB,EAAE;AAG3B,QAAA,IAAA,CAAA,QAAQ,GAAqB,IAAI,OAAO,EAAW;QAC1C,IAAA,CAAA,8BAA8B,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,CAAC;IAUlH;AAEA;;AAEG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACpE;AAEA;;;AAGG;AACH,IAAA,IACI,YAAY,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO;QACxE;aAAO;YACH,OAAO,IAAI,CAAC,SAAS;QACzB;IACJ;AAEA;;AAEG;IACH,QAAQ,GAAA;AACJ,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACpC,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,kBAAkB,EAAE;QAC7B;IACJ;AAEA;;AAEG;IACH,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;IAC/B;AAEA;;AAEG;IACH,SAAS,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;QACjE;aAAO;YACH,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;QAC5D;IACJ;AAEA;;;AAGG;AACgC,IAAA,OAAO,CAAC,GAAU,EAAA;AACjD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,GAAG,CAAC,cAAc,EAAE;QACxB;IACJ;AAEA;;;AAGG;AACiC,IAAA,eAAe,CAAC,GAAU,EAAA;AAC1D,QAAA,MAAM,YAAY,GAAqB,GAAG,CAAC,MAA0B;AACrE,QAAA,MAAM,QAAQ,GAAa,YAAY,CAAC,KAAK;QAC7C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;QAEzC,MAAM,SAAS,GAAG,IAAI,8BAA8B,CAAC,IAAI,CAAC,KAAK,CAAC;AAChE,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAElC,QAAA,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE;YAC7B,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;QACvC;IACJ;IAEQ,kBAAkB,GAAA;AACtB,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,2BAA2B,EAAE;AAE/D,QAAA,IAAI,CAAC;aACA,MAAM,CAAC,oBAAoB;AAC3B,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,aAAA,SAAS,CAAC,CAAC,WAAmB,KAAI;AAC/B,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC;YACxE;AACJ,QAAA,CAAC,CAAC;IACV;IAEQ,2BAA2B,GAAA;QAC/B,IAAI,GAAG,GAAG,EAAE;AAEZ,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACvC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,GAAG,GAAG,+BAA+B;YACzC;iBAAO;gBACH,GAAG,GAAG,8BAA8B;YACxC;QACJ;aAAO;AACH,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,GAAG,GAAG,8BAA8B;YACxC;iBAAO;gBACH,GAAG,GAAG,6BAA6B;YACvC;QACJ;AAEA,QAAA,OAAO,GAAG;IACd;AAEQ,IAAA,kBAAkB,CAAC,KAAsB,EAAA;AAC7C,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,EAAE,CAAC;AAC7D,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YACnB,MAAM,IAAI,GAAG,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC;YACpD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;AACpD,QAAA,CAAC,CAAC;IACN;IAEQ,kBAAkB,GAAA;AACtB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAC5C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE;AACvC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,wBAAwB,EAAE;AAElD,QAAA,MAAM,CAAC,qBAAqB,CAAC,UAAU,EAAE,UAAU,CAAC;AACpD,QAAA,MAAM,CAAC,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC;AAEjD,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;IAChC;IAEQ,iBAAiB,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa;IAChC;IAEQ,qBAAqB,GAAA;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;QACnD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,8BAA8B,CAAC;QAEnE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;QACxD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,mCAAmC,CAAC;AAEzE,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC;QAEtD,OAAO,IAAI,CAAC,OAAO;IACvB;IAEQ,UAAU,CAAC,OAAoB,EAAE,OAAiB,EAAA;AACtD,QAAA,OAAO,CAAC,OAAO,CAAC,SAAS,IAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAE;IAC5E;IAEQ,wBAAwB,GAAA;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;QACjD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAC,uBAAuB,CAAC;QACvD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAC,WAAW,EAAC,QAAQ,CAAC;AAExD,QAAA,OAAO,OAAO;IAClB;AAEQ,IAAA,4BAA4B,CAAC,UAAyB,EAAA;QAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,EAAC,uBAAuB,CAAC;QAEzD,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC3D,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;QAC1D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,EAAE,QAAQ,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAE,eAAe,EAAC,4BAA4B,CAAE;QAEtE,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAE3D,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,IAAI,CAAA,GAAA,EAAM,UAAU,CAAC,SAAS,CAAA,CAAA,CAAG,CAAC;QACtG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC;QAC/D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,eAAe,EAAE,4BAA4B,CAAC;QAErE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,eAAe,CAAC;QACrD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,eAAe,CAAC;AAErD,QAAA,OAAO,SAAS;IACpB;AAEQ,IAAA,aAAa,CAAC,QAAkB,EAAA;AACpC,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;YACpC,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5C,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,SAAA,CAAC,CAAC;IACP;AAEQ,IAAA,oBAAoB,CAAC,QAAgB,EAAA;QACzC,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE;IACpC;AAEQ,IAAA,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,EAAA;AACnC,QAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACb,YAAA,OAAO,SAAS;QACpB;QAEA,MAAM,CAAC,GAAG,IAAI;AACd,QAAA,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ;QACtC,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QAEvE,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAEnD,OAAO,CAAA,EAAG,UAAU,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA,EAAI,KAAK,CAAC,CAAC,CAAC,CAAA,CAAE;IACpE;AAvQS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,0JAqDnB,WAAW,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGArDd,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAmBX,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAOhB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,eAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,gCAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FA1B3B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC9B,iBAAA;;0BAkDQ;;0BAAY;;0BAIZ,MAAM;2BAAC,WAAW;yCAjDd,OAAO,EAAA,CAAA;sBAAf;gBAKQ,SAAS,EAAA,CAAA;sBAAjB;gBAKgC,EAAE,EAAA,CAAA;sBAAlC;;sBAAS,WAAW;uBAAC,SAAS;gBAO/B,QAAQ,EAAA,CAAA;sBAFP,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBACrC,WAAW;uBAAC,eAAe;gBAQ5B,QAAQ,EAAA,CAAA;sBAFP,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBACrC,WAAW;uBAAC,eAAe;gBAMlB,aAAa,EAAA,CAAA;sBAAtB;gBAKyB,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAwBpB,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAUhB,YAAY,EAAA,CAAA;sBADf,WAAW;uBAAC,gCAAgC;gBA0CV,OAAO,EAAA,CAAA;sBAAzC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;gBAUG,eAAe,EAAA,CAAA;sBAAlD,YAAY;uBAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;;;ACzJtC;;;;AAIG;MAKU,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAnB,mBAAmB,EAAA,OAAA,EAAA,CAHlB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CACtB,sBAAsB,CAAA,EAAA,CAAA,CAAA;gHAEvB,mBAAmB,EAAA,CAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACpC,iBAAA;;;ACJM,MAAM,mBAAmB,GAAG;IAC/B,sBAAsB;;;ACR1B;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-file.mjs

@@ -1,17 +1,97 @@
 import * as i0 from '@angular/core';
 import { HostBinding, Directive, Input, ContentChild, Component, booleanAttribute, EventEmitter, ContentChildren, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import * as i3$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { EclLinkModule } from '@eui/ecl/components/ecl-link';
+import * as i1 from '@eui/ecl/core';
+import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
 import * as i2 from '@eui/ecl/components/ecl-icon';
 import { EclIconModule } from '@eui/ecl/components/ecl-icon';
 import * as i3 from '@eui/ecl/components/ecl-label';
 import { EclLabelModule } from '@eui/ecl/components/ecl-label';
-import * as i2$1 from '@eui/ecl/components/ecl-button';
+import * as i3$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$1 from '@eui/ecl/components/ecl-button';
 import { EclButtonModule } from '@eui/ecl/components/ecl-button';
-import * as i1 from '@eui/ecl/core';
-import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
+
+/**
+ * Directive to apply the correct styling class for a translation download link
+ * inside a file component.
+ */
+class EclFileTranslationDownloadDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Applies the ECL translation download class to the host element.
+         */
+        this.className = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTranslationDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTranslationDownloadDirective, isStandalone: true, selector: "[eclFileTranslationDownload]", host: { properties: { "class.ecl-file__translation-download": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTranslationDownloadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclFileTranslationDownload]',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class.ecl-file__translation-download']
+            }] } });
+/**
+ * Directive to apply the correct styling class for a standard file download link.
+ */
+class EclFileDownloadDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Applies the ECL download class to the host element.
+         */
+        this.className = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileDownloadDirective, isStandalone: true, selector: "[eclFileDownload]", host: { properties: { "class.ecl-file__download": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileDownloadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclFileDownload]',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class.ecl-file__download']
+            }] } });
+/**
+ * Directive to style a file preview link.
+ * Adds spacing and ECL link classes for standalone appearance.
+ */
+class EclFilePreviewDirective extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        /**
+         * Applies ECL link class to the host element.
+         */
+        this.hasClass = true;
+        /**
+         * Applies the standalone variant of the ECL link class to the host element.
+         */
+        this.hasClassStandalone = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePreviewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFilePreviewDirective, isStandalone: true, selector: "[eclFilePreview]", host: { properties: { "style.margin-inline-end.px": "24", "class.ecl-link": "this.hasClass", "class.ecl-link--standalone": "this.hasClassStandalone" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePreviewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclFilePreview]',
+                    host: {
+                        '[style.margin-inline-end.px]': '24',
+                    },
+                }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.ecl-link']
+            }], hasClassStandalone: [{
+                type: HostBinding,
+                args: ['class.ecl-link--standalone']
+            }] } });
 
 /**
  * Directive to style a <picture> element used in an ECL file component.
@@ -25,13 +105,12 @@ class EclFilePictureDirective extends ECLBaseDirective {
         return [super.getCssClasses('ecl-picture ecl-file__picture')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFilePictureDirective, isStandalone: false, selector: "picture[eclFilePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFilePictureDirective, isStandalone: true, selector: "picture[eclFilePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclFilePicture]',
-                    standalone: false,
                 }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
@@ -50,13 +129,12 @@ class EclFileImageDirective extends ECLBaseDirective {
         this.className = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileImageDirective, isStandalone: false, selector: "img[eclFileImage]", host: { properties: { "class.ecl-file__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileImageDirective, isStandalone: true, selector: "img[eclFileImage]", host: { properties: { "class.ecl-file__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclFileImage]',
-                    standalone: false,
                 }]
         }], propDecorators: { className: [{
                 type: HostBinding,
@@ -74,13 +152,12 @@ class EclFileTitleDirective extends ECLBaseDirective {
         this.className = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTitleDirective, isStandalone: false, selector: "[eclFileTitle]", inputs: { id: "id" }, host: { properties: { "class.ecl-file__title": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTitleDirective, isStandalone: true, selector: "[eclFileTitle]", inputs: { id: "id" }, host: { properties: { "class.ecl-file__title": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileTitle]',
-                    standalone: false,
                 }]
         }], propDecorators: { className: [{
                 type: HostBinding,
@@ -112,11 +189,15 @@ class EclFileComponent extends ECLBaseDirective {
         return !!this.eclPictureContent;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileComponent, deps: [{ token: i1.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EclFileComponent, isStandalone: false, selector: "ecl-file", inputs: { description: "description", id: "id", langId: "langId", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n        } @else {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"m\"></ecl-icon>\n        }\n    } @else {\n    <ng-content select=\"[eclFilePicture]\"></ng-content>\n    }\n    <div class=\"ecl-file__info\">\n        @if(labelInfo) {\n        <div class=\"ecl-file__label\">\n            <span eclLabel variant=\"highlight\">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <ul class=\"ecl-file__detail-meta\">\n            @for (el of detailMeta; track el) {\n                <li class=\"ecl-file__detail-meta-item\" >{{ el }}</li>\n            }\n        </ul>\n        }\n        <ng-content select=\"[eclFileTitle]\"></ng-content>\n        @if(description) {\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        }\n        <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    </div>\n\n    </div>\n    <div class=\"ecl-file__footer\">\n        <div class=\"ecl-file__language\" [id]=\"langId\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i3.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EclFileComponent, isStandalone: true, selector: "ecl-file", inputs: { description: "description", id: "id", langId: "langId", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n        } @else {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"m\"></ecl-icon>\n        }\n    } @else {\n    <ng-content select=\"[eclFilePicture]\"></ng-content>\n    }\n    <div class=\"ecl-file__info\">\n        @if(labelInfo) {\n        <div class=\"ecl-file__label\">\n            <span eclLabel variant=\"highlight\">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <ul class=\"ecl-file__detail-meta\">\n            @for (el of detailMeta; track el) {\n                <li class=\"ecl-file__detail-meta-item\" >{{ el }}</li>\n            }\n        </ul>\n        }\n        <ng-content select=\"[eclFileTitle]\"></ng-content>\n        @if(description) {\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        }\n        <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    </div>\n\n    </div>\n    <div class=\"ecl-file__footer\">\n        <div class=\"ecl-file__language\" [id]=\"langId\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: EclIconModule }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: // TODO: Replace with Component
+                EclLabelModule }, { kind: "directive", type: i3.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file', standalone: false, template: "<div class=\"ecl-file__container\">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n        } @else {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"m\"></ecl-icon>\n        }\n    } @else {\n    <ng-content select=\"[eclFilePicture]\"></ng-content>\n    }\n    <div class=\"ecl-file__info\">\n        @if(labelInfo) {\n        <div class=\"ecl-file__label\">\n            <span eclLabel variant=\"highlight\">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <ul class=\"ecl-file__detail-meta\">\n            @for (el of detailMeta; track el) {\n                <li class=\"ecl-file__detail-meta-item\" >{{ el }}</li>\n            }\n        </ul>\n        }\n        <ng-content select=\"[eclFileTitle]\"></ng-content>\n        @if(description) {\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        }\n        <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    </div>\n\n    </div>\n    <div class=\"ecl-file__footer\">\n        <div class=\"ecl-file__language\" [id]=\"langId\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'ecl-file', imports: [
+                        EclIconModule, // TODO: Replace with Component
+                        EclLabelModule,
+                    ], template: "<div class=\"ecl-file__container\">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n        } @else {\n            <ecl-icon icon=\"file\" class=\"ecl-file__icon\" size=\"m\"></ecl-icon>\n        }\n    } @else {\n    <ng-content select=\"[eclFilePicture]\"></ng-content>\n    }\n    <div class=\"ecl-file__info\">\n        @if(labelInfo) {\n        <div class=\"ecl-file__label\">\n            <span eclLabel variant=\"highlight\">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <ul class=\"ecl-file__detail-meta\">\n            @for (el of detailMeta; track el) {\n                <li class=\"ecl-file__detail-meta-item\" >{{ el }}</li>\n            }\n        </ul>\n        }\n        <ng-content select=\"[eclFileTitle]\"></ng-content>\n        @if(description) {\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        }\n        <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    </div>\n\n    </div>\n    <div class=\"ecl-file__footer\">\n        <div class=\"ecl-file__language\" [id]=\"langId\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n        <div class=\"ecl-file__action\">\n            <ng-content select=\"[eclFilePreview]\"></ng-content>\n            <ng-content select=\"[eclFileDownload]\"></ng-content>\n        </div>\n    </div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.EclThemeService }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -177,11 +258,11 @@ class EclFileItemComponent extends ECLBaseDirective {
         return this.eclFileComponent && this.eclFileComponent.isThumbnail;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileItemComponent, deps: [{ token: EclFileComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EclFileItemComponent, isStandalone: false, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "@if (isDescription) {\n    <ng-content></ng-content>\n} @else {\n    <div class=\"ecl-file__translation-info\">\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <div class=\"ecl-file__translation-action\">\n        <ng-content select=\"[eclFilePreview]\"></ng-content>\n        <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n    </div>\n}\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: EclFileItemComponent, isStandalone: true, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "@if (isDescription) {\n    <ng-content></ng-content>\n} @else {\n    <div class=\"ecl-file__translation-info\">\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <div class=\"ecl-file__translation-action\">\n        <ng-content select=\"[eclFilePreview]\"></ng-content>\n        <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n    </div>\n}\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file-item', standalone: false, template: "@if (isDescription) {\n    <ng-content></ng-content>\n} @else {\n    <div class=\"ecl-file__translation-info\">\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <div class=\"ecl-file__translation-action\">\n        <ng-content select=\"[eclFilePreview]\"></ng-content>\n        <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n    </div>\n}\n" }]
+            args: [{ selector: 'ecl-file-item', template: "@if (isDescription) {\n    <ng-content></ng-content>\n} @else {\n    <div class=\"ecl-file__translation-info\">\n        <div class=\"ecl-file__translation-title\" [id]=\"titleId\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <div class=\"ecl-file__translation-action\">\n        <ng-content select=\"[eclFilePreview]\"></ng-content>\n        <ng-content select=\"[eclFileTranslationDownload]\"></ng-content>\n    </div>\n}\n" }]
         }], ctorParameters: () => [{ type: EclFileComponent }], propDecorators: { isDescription: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -255,11 +336,16 @@ class EclFileItemsComponent extends ECLBaseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: EclFileItemsComponent, isStandalone: false, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" [attr.aria-expanded]=\"isExpanded\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate: { count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>\n", dependencies: [{ kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: i2$1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2$1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: EclFileItemsComponent, isStandalone: true, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" [attr.aria-expanded]=\"isExpanded\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate: { count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>\n", dependencies: [{ kind: "ngmodule", type: EclButtonModule }, { kind: "component", type: i1$1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1$1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "ngmodule", type: EclIconModule }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "ngmodule", type: // TODO: Replace with Component
+                TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileItemsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file-items', standalone: false, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" [attr.aria-expanded]=\"isExpanded\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate: { count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>\n" }]
+            args: [{ selector: 'ecl-file-items', imports: [
+                        EclButtonModule,
+                        EclIconModule, // TODO: Replace with Component
+                        TranslateModule,
+                    ], template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" [attr.aria-expanded]=\"isExpanded\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate: { count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>\n" }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -286,101 +372,16 @@ class EclFileTaxonomyComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-file__taxonomy')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTaxonomyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTaxonomyComponent, isStandalone: false, selector: "ecl-file-taxonomy", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTaxonomyComponent, isStandalone: true, selector: "ecl-file-taxonomy", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTaxonomyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecl-file-taxonomy', standalone: false, template: "<ng-content></ng-content>\n" }]
+            args: [{ selector: 'ecl-file-taxonomy', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
-/**
- * Directive to apply the correct styling class for a translation download link
- * inside a file component.
- */
-class EclFileTranslationDownloadDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Applies the ECL translation download class to the host element.
-         */
-        this.className = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTranslationDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileTranslationDownloadDirective, isStandalone: false, selector: "[eclFileTranslationDownload]", host: { properties: { "class.ecl-file__translation-download": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileTranslationDownloadDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclFileTranslationDownload]',
-                    standalone: false,
-                }]
-        }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class.ecl-file__translation-download']
-            }] } });
-/**
- * Directive to apply the correct styling class for a standard file download link.
- */
-class EclFileDownloadDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Applies the ECL download class to the host element.
-         */
-        this.className = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFileDownloadDirective, isStandalone: false, selector: "[eclFileDownload]", host: { properties: { "class.ecl-file__download": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileDownloadDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclFileDownload]',
-                    standalone: false,
-                }]
-        }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class.ecl-file__download']
-            }] } });
-/**
- * Directive to style a file preview link.
- * Adds spacing and ECL link classes for standalone appearance.
- */
-class EclFilePreviewDirective extends ECLBaseDirective {
-    constructor() {
-        super(...arguments);
-        /**
-         * Applies ECL link class to the host element.
-         */
-        this.hasClass = true;
-        /**
-         * Applies the standalone variant of the ECL link class to the host element.
-         */
-        this.hasClassStandalone = true;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePreviewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: EclFilePreviewDirective, isStandalone: false, selector: "[eclFilePreview]", host: { properties: { "style.margin-inline-end.px": "24", "class.ecl-link": "this.hasClass", "class.ecl-link--standalone": "this.hasClassStandalone" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFilePreviewDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[eclFilePreview]',
-                    standalone: false,
-                    host: {
-                        '[style.margin-inline-end.px]': '24',
-                    },
-                }]
-        }], propDecorators: { hasClass: [{
-                type: HostBinding,
-                args: ['class.ecl-link']
-            }], hasClassStandalone: [{
-                type: HostBinding,
-                args: ['class.ecl-link--standalone']
-            }] } });
-
 const COMPONENTS = [
     EclFileComponent,
     EclFileDownloadDirective,
@@ -393,9 +394,14 @@ const COMPONENTS = [
     EclFileImageDirective,
     EclFilePreviewDirective,
 ];
+/**
+ * Module that provides the EclFile component and its dependencies.
+ *
+ * @deprecated Use {@link EUI_ECL_FILE} instead.
+ */
 class EclFileModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, declarations: [EclFileComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, imports: [EclFileComponent,
             EclFileDownloadDirective,
             EclFileItemsComponent,
             EclFileItemComponent,
@@ -404,12 +410,7 @@ class EclFileModule {
             EclFileTranslationDownloadDirective,
             EclFilePictureDirective,
             EclFileImageDirective,
-            EclFilePreviewDirective], imports: [CommonModule,
-            EclLinkModule,
-            EclIconModule,
-            EclButtonModule,
-            EclLabelModule,
-            TranslateModule], exports: [EclFileComponent,
+            EclFilePreviewDirective], exports: [EclFileComponent,
             EclFileDownloadDirective,
             EclFileItemsComponent,
             EclFileItemComponent,
@@ -419,32 +420,33 @@ class EclFileModule {
             EclFilePictureDirective,
             EclFileImageDirective,
             EclFilePreviewDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, imports: [CommonModule,
-            EclLinkModule,
-            EclIconModule,
-            EclButtonModule,
-            EclLabelModule,
-            TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, imports: [EclFileComponent,
+            EclFileItemsComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFileModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        EclLinkModule,
-                        EclIconModule,
-                        EclButtonModule,
-                        EclLabelModule,
-                        TranslateModule,
-                    ],
+                    imports: [...COMPONENTS],
                     exports: [...COMPONENTS],
-                    declarations: [...COMPONENTS],
                 }]
         }] });
 
+const EUI_ECL_FILE = [
+    EclFileComponent,
+    EclFileDownloadDirective,
+    EclFileItemsComponent,
+    EclFileItemComponent,
+    EclFileTaxonomyComponent,
+    EclFileTitleDirective,
+    EclFileTranslationDownloadDirective,
+    EclFilePictureDirective,
+    EclFileImageDirective,
+    EclFilePreviewDirective,
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EclFileComponent, EclFileDownloadDirective, EclFileImageDirective, EclFileItemComponent, EclFileItemsComponent, EclFileItemsToggleEvent, EclFileModule, EclFilePictureDirective, EclFilePreviewDirective, EclFileTaxonomyComponent, EclFileTitleDirective, EclFileTranslationDownloadDirective };
+export { EUI_ECL_FILE, EclFileComponent, EclFileDownloadDirective, EclFileImageDirective, EclFileItemComponent, EclFileItemsComponent, EclFileItemsToggleEvent, EclFileModule, EclFilePictureDirective, EclFilePreviewDirective, EclFileTaxonomyComponent, EclFileTitleDirective, EclFileTranslationDownloadDirective };
 //# sourceMappingURL=eui-ecl-components-ecl-file.mjs.map