'use strict';

var index = require('./index-Bkm7eeWO.js');

const EclNewsTickerItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    getClass() {
        return [
            `ecl-news-ticker__slide`,
            `sc-ecl-news-ticker-${this.theme}`,
            this.styleClass
        ].join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme =
            (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    render() {
        return (index.h("li", { key: '7b27e4c6921bc2c9e989c7e4eb73ce815f6cb84b', class: this.getClass() }, this.image &&
            index.h("img", Object.assign({ key: 'f6d1318edcc09d7d175dddead9ee362d9af52f5f', src: this.image, class: `ecl-news-ticker__icon sc-ecl-news-ticker-${this.theme}` }, (this.altAttr && { 'alt': this.altAttr }), (this.titleAttr && { 'title': this.titleAttr }))), this.icon &&
            index.h("ecl-icon", { key: '86fb315eb59c27304d6b126023830c50505289a5', size: "l", icon: this.icon, styleClass: `ecl-news-ticker__icon sc-ecl-news-ticker-${this.theme}` }), this.path ?
            index.h("ecl-link", { theme: this.theme, path: this.path, styleClass: `ecl-news-ticker__slide-text sc-ecl-news-ticker-${this.theme}` }, index.h("slot", null)) : index.h("slot", null)));
    }
};

exports.ecl_news_ticker_item = EclNewsTickerItem;
