import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-a53686b3.js';
import { I as InfoCardMultiType } from './p-0f6c0360.js';
import { l as logger } from './p-e3d2e899.js';
import { T as TagMediaIcon } from './p-820e795b.js';
import { d as defineCustomElement$b } from './p-343311f0.js';
import { d as defineCustomElement$a } from './p-76c64622.js';
import { d as defineCustomElement$9 } from './p-e20d0e40.js';
import { d as defineCustomElement$8 } from './p-94e0adf7.js';
import { d as defineCustomElement$7 } from './p-89f8304f.js';
import { d as defineCustomElement$6 } from './p-390e3c1b.js';
import { d as defineCustomElement$5 } from './p-bd57308c.js';
import { d as defineCustomElement$4 } from './p-2cbc4f21.js';
import { d as defineCustomElement$3 } from './p-5c53d1d4.js';
import { d as defineCustomElement$2 } from './p-12f1eb2c.js';

const infoCardMultiCss = ".sc-digi-info-card-multi-h{--digi--info-card-multi--color--heading:var(--digi--color--text--primary);--digi--info-card-multi--color--heading--link:var(--digi--color--text--interactive--primary);--digi--info-card-multi--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card-multi--padding--image:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--image--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--padding--text--desktop:var(--digi--padding--medium) var(--digi--padding--medium) var(--digi--padding--large) var(--digi--padding--medium);--digi--info-card-multi--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card-multi--media-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--media-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--related-heading--font-size--mobile:var(--digi--typography--heading-3--font-size--mobile);--digi--info-card-multi--related-heading--font-size--desktop:var(--digi--typography--heading-3--font-size--desktop);--digi--info-card-multi--entry-heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card-multi--entry-heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--info-card--background-color:var(--digi--color--background--primary)}.sc-digi-info-card-multi-h .digi-info-card-multi.sc-digi-info-card-multi{box-sizing:border-box;background-color:var(--BACKGROUND-COLOR);height:100%;display:grid}.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--image);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--media.sc-digi-info-card-multi{--PADDING:var(--digi--info-card-multi--padding--image--desktop);--FONT-SIZE--HEADING:var(--digi--info-card-multi--media-heading--font-size--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color);border-top:var(--digi--info-card-multi--border)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--related.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--related-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--mobile);--COLOR--HEADING:var(--digi--info-card-multi--color--heading);--PADDING:var(--digi--info-card-multi--padding--text);--MARGIN-TOP:var(--digi--margin--medium);--BACKGROUND-COLOR:var(--digi--info-card--background-color)}@media (min-width: 61.9375rem){.sc-digi-info-card-multi-h .digi-info-card-multi--entry.sc-digi-info-card-multi{--FONT-SIZE--HEADING:var(--digi--info-card-multi--entry-heading--font-size--desktop);--PADDING:var(--digi--info-card-multi--padding--text--desktop)}}.sc-digi-info-card-multi-h .digi-info-card-multi__image.sc-digi-info-card-multi{position:relative}.sc-digi-info-card-multi-h .digi-info-card-multi__tag.sc-digi-info-card-multi{position:absolute;z-index:1;left:1rem;bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi__content.sc-digi-info-card-multi{grid-column:1;grid-row:1}.sc-digi-info-card-multi-h .digi-info-card-multi__text.sc-digi-info-card-multi{padding:var(--PADDING)}.sc-digi-info-card-multi-h .digi-info-card-multi__heading.sc-digi-info-card-multi{font-size:var(--FONT-SIZE--HEADING);color:var(--COLOR--HEADING);font-family:var(--digi--global--typography--font-family--default);font-weight:var(--digi--info-card-multi--heading--font-weight);display:inline-block;margin-top:0;margin-bottom:0.5rem}.sc-digi-info-card-multi-h .digi-info-card-multi--active-link.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi{text-decoration:underline}.sc-digi-info-card-multi-h .digi-info-card-multi__link.sc-digi-info-card-multi{margin-top:0;display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-multi-h .digi-info-card-multi__link-overlay.sc-digi-info-card-multi{grid-column:1;grid-row:1;opacity:0}.sc-digi-info-card-multi-h .digi-info-card-multi--hide-visited.sc-digi-info-card-multi .digi-info-card-multi__heading.sc-digi-info-card-multi .digi-info-card-multi__link.sc-digi-info-card-multi:visited{color:var(--digi--info-card-multi--color--heading--link)}.sc-digi-info-card-multi-s .digi-media-image{display:block !important}.sc-digi-info-card-multi-s img{display:block !important}";
const DigiInfoCardMultiStyle0 = infoCardMultiCss;

const InfoCardMulti = /*@__PURE__*/ proxyCustomElement(class InfoCardMulti extends H {
    constructor() {
        super();
        this.__registerHost();
        this.afOnClickLink = createEvent(this, "afOnClickLink", 7);
        this.afSrc = undefined;
        this.afAlt = undefined;
        this.afTagText = undefined;
        this.afTagIcon = TagMediaIcon.NEWS;
        this.afHeading = undefined;
        this.afHeadingLevel = undefined;
        this.afType = InfoCardMultiType.MEDIA;
        this.afLinkHref = undefined;
        this.hideVisitedColor = undefined;
        this.activeLink = false;
    }
    componentWillLoad() {
        this.validateHeading();
    }
    validateHeading() {
        if (!this.afHeading || !this.afHeadingLevel) {
            logger.warn(`digi-info-card must have a heading and a heading level. Please add af-heading and af-heading-level`, this.hostElement);
        }
    }
    clickLinkHandler(e) {
        this.afOnClickLink.emit(e);
    }
    get cssModifiers() {
        return {
            'digi-info-card-multi--media': this.afType === InfoCardMultiType.MEDIA,
            'digi-info-card-multi--related': this.afType === InfoCardMultiType.RELATED,
            'digi-info-card-multi--entry': this.afType === InfoCardMultiType.ENTRY,
            'digi-info-card-multi--hide-visited': this.hideVisitedColor
        };
    }
    render() {
        return (h(Host, { key: '6e86c3b96afe06bc97aa6369bb53db6c607046e7' }, h("div", { key: '9e28770ffebbea882a5ede870ca79d9757de9d2d', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'bf58e7f90fa33731a3cf25a07b7013c45cdc7857', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '0a91943c8086fb9f463e2da8c1f0e7b2c24f9ffa', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '5985ea0130334c9ed194600b30ada961034fa8c9', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '2ba0f3bd7ac2bd4f06c726b7f5b59ab18e5f29f6', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '6f01d9340fe572086a0076ad8cc6f9705a7e2bec', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '81b5c079fffa56ae0606343b596302c74c2cbd82', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: '66e4f9ce65b09d50e783ea79bb922371be6416ea', class: "digi-info-card-multi__heading" }, h("a", { key: '4f5de4bf0cc5185238af8a355b9a7f54a3b3b4a3', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '0e47d96e70e0fb698330ad7c433a290e6c847e2b' }, h("slot", { key: 'a9b62dc9e1f3797850919da12b88ae5cd348e378' })))))));
    }
    get hostElement() { return this; }
    static get watchers() { return {
        "afHeading": ["validateHeading"],
        "afHeadingLevel": ["validateHeading"]
    }; }
    static get style() { return DigiInfoCardMultiStyle0; }
}, [6, "digi-info-card-multi", {
        "afSrc": [1, "af-src"],
        "afAlt": [1, "af-alt"],
        "afTagText": [1, "af-tag-text"],
        "afTagIcon": [1, "af-tag-icon"],
        "afHeading": [1, "af-heading"],
        "afHeadingLevel": [1, "af-heading-level"],
        "afType": [1, "af-type"],
        "afLinkHref": [1, "af-link-href"],
        "hideVisitedColor": [4, "hide-visited-color"],
        "activeLink": [32]
    }, undefined, {
        "afHeading": ["validateHeading"],
        "afHeadingLevel": ["validateHeading"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-info-card-multi", "digi-icon-list-ul", "digi-icon-news", "digi-icon-online-computervideo", "digi-icon-online-video", "digi-icon-pod", "digi-icon-webinar", "digi-media-image", "digi-tag-media", "digi-typography", "digi-util-intersection-observer"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-info-card-multi":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, InfoCardMulti);
            }
            break;
        case "digi-icon-list-ul":
            if (!customElements.get(tagName)) {
                defineCustomElement$b();
            }
            break;
        case "digi-icon-news":
            if (!customElements.get(tagName)) {
                defineCustomElement$a();
            }
            break;
        case "digi-icon-online-computervideo":
            if (!customElements.get(tagName)) {
                defineCustomElement$9();
            }
            break;
        case "digi-icon-online-video":
            if (!customElements.get(tagName)) {
                defineCustomElement$8();
            }
            break;
        case "digi-icon-pod":
            if (!customElements.get(tagName)) {
                defineCustomElement$7();
            }
            break;
        case "digi-icon-webinar":
            if (!customElements.get(tagName)) {
                defineCustomElement$6();
            }
            break;
        case "digi-media-image":
            if (!customElements.get(tagName)) {
                defineCustomElement$5();
            }
            break;
        case "digi-tag-media":
            if (!customElements.get(tagName)) {
                defineCustomElement$4();
            }
            break;
        case "digi-typography":
            if (!customElements.get(tagName)) {
                defineCustomElement$3();
            }
            break;
        case "digi-util-intersection-observer":
            if (!customElements.get(tagName)) {
                defineCustomElement$2();
            }
            break;
    } });
}

const DigiInfoCardMulti = InfoCardMulti;
const defineCustomElement = defineCustomElement$1;

export { DigiInfoCardMulti, defineCustomElement };
