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

const eclFeaturedItemEcCss = ".ecl-featured-item__heading.sc-ecl-featured-item-ec{color:#404040;font:normal normal 400 1.5rem/1.75rem arial, sans-serif;font-weight:700;margin-bottom:0.75rem;margin-top:0}.ecl-featured-item__container.sc-ecl-featured-item-ec{padding:0}.ecl-featured-item__item.sc-ecl-featured-item-ec{box-sizing:border-box;flex-basis:50%;flex-grow:1}.ecl-featured-item__item.sc-ecl-featured-item-ec:first-child{padding-bottom:1rem}.ecl-featured-item__title.sc-ecl-featured-item-ec{color:#404040;font:normal normal 400 1.125rem/1.75rem arial, sans-serif;font-weight:700;margin-bottom:0.5rem;margin-top:0}.ecl-featured-item__description.sc-ecl-featured-item-ec{color:#404040;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin-bottom:0.5rem;margin-top:0}.ecl-featured-item__link.sc-ecl-featured-item-ec{margin-bottom:1rem}.ecl-featured-item--extended.sc-ecl-featured-item-ec .ecl-featured-item__container.sc-ecl-featured-item-ec{background-color:#ebebeb;border-inline-start:8px solid #ffd617;border-radius:0;overflow:hidden;padding-bottom:1rem;padding-inline-start:0.5rem;padding-inline-end:1rem;padding-top:1rem}.ecl-featured-item--extended.sc-ecl-featured-item-ec .ecl-featured-item__heading.sc-ecl-featured-item-ec{padding-inline-start:calc(0.5rem + 8px);padding-inline-end:1rem}@media (min-width: 480px){.ecl-featured-item__heading.sc-ecl-featured-item-ec{font:normal normal 400 1.75rem/2rem arial, sans-serif;font-weight:700;margin-bottom:1rem}.ecl-featured-item__container.sc-ecl-featured-item-ec{display:flex;flex-wrap:wrap}.ecl-featured-item__item.sc-ecl-featured-item-ec{box-sizing:border-box;flex-basis:50%}.ecl-featured-item__item.sc-ecl-featured-item-ec:first-child{padding-bottom:0;padding-inline-end:1rem}.ecl-featured-item__container--right.sc-ecl-featured-item-ec{flex-direction:row-reverse}.ecl-featured-item__container--right.sc-ecl-featured-item-ec .ecl-featured-item__item.sc-ecl-featured-item-ec:first-child{padding-inline-end:0}.ecl-featured-item__container--right.sc-ecl-featured-item-ec .ecl-featured-item__item.sc-ecl-featured-item-ec:last-child{padding-bottom:0;padding-inline-end:1rem}.ecl-featured-item__link.sc-ecl-featured-item-ec{margin-bottom:0}.ecl-featured-item--extended.sc-ecl-featured-item-ec .ecl-featured-item__container.sc-ecl-featured-item-ec{padding-bottom:0.75rem;padding-inline-start:1rem;padding-inline-end:1rem;padding-top:0.75rem}.ecl-featured-item--extended.sc-ecl-featured-item-ec .ecl-featured-item__heading.sc-ecl-featured-item-ec{padding-inline-start:calc(1rem + 8px)}}";

const eclFeaturedItemEuCss = ".ecl-featured-item__heading.sc-ecl-featured-item-eu{color:#262b38;font:normal normal 400 2rem/2.5rem arial, sans-serif;font-weight:400;margin-bottom:1rem;margin-top:0}.ecl-featured-item__container.sc-ecl-featured-item-eu{padding:0}.ecl-featured-item__item.sc-ecl-featured-item-eu{box-sizing:border-box;flex-basis:50%;flex-grow:1}.ecl-featured-item__item.sc-ecl-featured-item-eu:first-child{padding-bottom:1rem}.ecl-featured-item__title.sc-ecl-featured-item-eu{color:#171a22;font:normal normal 400 1.125rem/1.75rem arial, sans-serif;font-weight:700;margin-bottom:0.75rem;margin-top:0}.ecl-featured-item__description.sc-ecl-featured-item-eu{color:#515560;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin-bottom:0.75rem;margin-top:0}.ecl-featured-item__link.sc-ecl-featured-item-eu{margin-bottom:1rem}.ecl-featured-item--extended.sc-ecl-featured-item-eu .ecl-featured-item__container.sc-ecl-featured-item-eu{background-color:#e7edfa;border-inline-start:8px solid #0e47cb;border-radius:4px;overflow:hidden;padding-bottom:1rem;padding-inline-start:0.5rem;padding-inline-end:1rem;padding-top:1rem}.ecl-featured-item--extended.sc-ecl-featured-item-eu .ecl-featured-item__heading.sc-ecl-featured-item-eu{padding-inline-start:calc(0.5rem + 8px);padding-inline-end:1rem}@media (min-width: 480px){.ecl-featured-item__heading.sc-ecl-featured-item-eu{font:normal normal 400 2.25rem/2.75rem arial, sans-serif;font-weight:400;margin-bottom:1rem}.ecl-featured-item__container.sc-ecl-featured-item-eu{display:flex;flex-wrap:wrap}.ecl-featured-item__item.sc-ecl-featured-item-eu{box-sizing:border-box;flex-basis:50%}.ecl-featured-item__item.sc-ecl-featured-item-eu:first-child{padding-bottom:0;padding-inline-end:1rem}.ecl-featured-item__container--right.sc-ecl-featured-item-eu{flex-direction:row-reverse}.ecl-featured-item__container--right.sc-ecl-featured-item-eu .ecl-featured-item__item.sc-ecl-featured-item-eu:first-child{padding-inline-end:0}.ecl-featured-item__container--right.sc-ecl-featured-item-eu .ecl-featured-item__item.sc-ecl-featured-item-eu:last-child{padding-bottom:0;padding-inline-end:1rem}.ecl-featured-item__link.sc-ecl-featured-item-eu{margin-bottom:0}.ecl-featured-item--extended.sc-ecl-featured-item-eu .ecl-featured-item__container.sc-ecl-featured-item-eu{padding-bottom:1rem;padding-inline-start:1.5rem;padding-inline-end:1rem;padding-top:1rem}.ecl-featured-item--extended.sc-ecl-featured-item-eu .ecl-featured-item__heading.sc-ecl-featured-item-eu{padding-inline-start:calc(1.5rem + 8px)}}";

const EclFeaturedItem = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.theme = 'ec';
        this.styleClass = undefined;
        this.variant = 'default';
        this.itemTitle = undefined;
        this.image = undefined;
        this.mediaCaption = undefined;
        this.position = 'left';
        this.eclScript = false;
        this.defaultContainerClass = 'ecl-featured-item__container';
    }
    getClass() {
        return [
            `ecl-featured-item`,
            `ecl-featured-item--${this.variant}`,
            this.styleClass
        ].join(' ');
    }
    render() {
        const containerClasses = this.position === 'right' ? `${this.defaultContainerClass} ecl-featured-item__container--right` : this.defaultContainerClass;
        return (h("article", { class: this.getClass() }, h("div", { class: containerClasses }, h("div", { class: "ecl-featured-item__item" }, h("ecl-media-container", { styleClass: "ecl-featured-item__media_container", image: this.image, hasCaption: this.mediaCaption !== '' }, this.mediaCaption)), h("div", { class: "ecl-featured-item__item" }, this.itemTitle ?
            h("div", { class: "ecl-featured-item__title" }, this.itemTitle) : '', h("div", { class: "ecl-featured-item__description" }, h("slot", null))))));
    }
};
EclFeaturedItem.style = {
    ec: eclFeaturedItemEcCss,
    eu: eclFeaturedItemEuCss
};

export { EclFeaturedItem as ecl_featured_item };

//# sourceMappingURL=ecl-featured-item.entry.js.map