import { r as registerInstance, h } from './index-e78ba223.js';

const EclFileTranslationsItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.theme = 'ec';
        this.styleClass = undefined;
        this.variant = 'default';
        this.meta = undefined;
        this.fileTitle = undefined;
        this.downloadLink = undefined;
        this.downloadLabel = undefined;
        this.language = undefined;
        this.ariaLabel = undefined;
    }
    getClass() {
        const styleClasses = [
            `ecl-file__translation-item`,
            `sc-ecl-file-${this.theme}`,
            this.styleClass
        ];
        return styleClasses.join(' ');
    }
    getChildrenClass() {
        return `ecl-file__translation-${this.variant === 'default' ? 'info' : 'detail'}`;
    }
    getTitle() {
        return h("div", { class: `ecl-file__translation-title sc-ecl-file-${this.theme}`, lang: this.language }, this.fileTitle);
    }
    getMeta() {
        return h("div", { class: `ecl-file__translation-meta sc-ecl-file-${this.theme}` }, this.meta);
    }
    render() {
        return (h("li", { class: this.getClass() }, this.variant == 'thumbnail' ?
            h("div", { class: `ecl-file__translation-detail sc-ecl-file-${this.theme}` }, this.getTitle()) : '', this.variant == 'thumbnail' ?
            h("div", { class: `ecl-file__translation-info sc-ecl-file-${this.theme}` }, this.getMeta()) :
            h("div", { class: `ecl-file__translation-info sc-ecl-file-${this.theme}` }, this.getTitle(), this.getMeta()), h("ecl-link", { path: this.downloadLink, variant: "standalone", styleClass: `ecl-file__translation-download sc-ecl-file-${this.theme}`, theme: this.theme, "aria-label": this.ariaLabel }, this.downloadLabel, h("ecl-icon", { slot: "icon-after", size: "fluid", icon: "download", theme: this.theme }))));
    }
};

export { EclFileTranslationsItem as ecl_file_translations_item };

//# sourceMappingURL=ecl-file-translations-item.entry.js.map