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-85197207.js';
import { d as defineCustomElement$a } from './p-73101c41.js';
import { d as defineCustomElement$9 } from './p-73796afb.js';
import { d as defineCustomElement$8 } from './p-8bc620b1.js';
import { d as defineCustomElement$7 } from './p-12ec96fa.js';
import { d as defineCustomElement$6 } from './p-6db48210.js';
import { d as defineCustomElement$5 } from './p-c6c4ee59.js';
import { d as defineCustomElement$4 } from './p-388030df.js';
import { d as defineCustomElement$3 } from './p-cfb33ac7.js';
import { d as defineCustomElement$2 } from './p-32226717.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: 'f43f48854d1f95e7a08785336f1920eb4e1be92c' }, h("div", { key: '4cb5f45d3fcbf471117628dba5c8c5c780c5d488', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'e0ab86cac5845360a37324094124371e489ae03a', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '37fa2215b8e54bebae790c6f5c441c950e9d4815', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '10faaef3d9ecf2bcea967e2a132df4b8a6b062d3', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '92a8d9713757098c6457864817ab9d6ed1fd0d72', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '5f3410be21018860e1df7ca15374fe6150c4a9b0', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '8a3e4dffc1ef8a62473915da6161a1b137eea570', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'd08a9fcbd967809859236fed54305abf26468b59', class: "digi-info-card-multi__heading" }, h("a", { key: 'f20e0ff571e33d42bf50a6f89a0b2dbf0104d9fc', 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: 'a36ac9fd73e4888eeeeb73c7112ccc31cd75314c' }, h("slot", { key: '83deb4c5ca5817b5799ad6edd90bdd87b85c68ff' })))))));
    }
    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 };
