import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
import { M as MediaFigureAlignment } from './p-40657c82.js';

const mediaFigureCss = ".sc-digi-media-figure-h .digi-media-figure__figcaption.sc-digi-media-figure{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--mobile);color:var(--digi--color--text--neutral);margin-top:var(--digi--gutter--smaller)}.digi-media-figure--align-start.sc-digi-media-figure .digi-media-figure__figcaption.sc-digi-media-figure{text-align:start}.digi-media-figure--align-center.sc-digi-media-figure .digi-media-figure__figcaption.sc-digi-media-figure{text-align:center}.digi-media-figure--align-end.sc-digi-media-figure .digi-media-figure__figcaption.sc-digi-media-figure{text-align:end}";
const DigiMediaFigureStyle0 = mediaFigureCss;

const MediaFigure = /*@__PURE__*/ proxyCustomElement(class MediaFigure extends H {
    constructor() {
        super();
        this.__registerHost();
        this.afFigcaption = undefined;
        this.afAlignment = MediaFigureAlignment.START;
    }
    get cssModifiers() {
        return {
            'digi-media-figure--align-start': this.afAlignment === 'start',
            'digi-media-figure--align-center': this.afAlignment === 'center',
            'digi-media-figure--align-end': this.afAlignment === 'end'
        };
    }
    render() {
        return (h("figure", { key: '1e0f32d194f45478ee10e7db3a3d61225dca5720', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '66c0430815d692bead0f141bf403def13b3e0585', class: "digi-media-figure__image" }, h("slot", { key: '486e2b0a36c186f3574ba1ad78d86cf4df9c5310' })), this.afFigcaption && (h("figcaption", { key: '11b948928b9cd726a3f5d7d52be2124b99552719', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
    }
    static get style() { return DigiMediaFigureStyle0; }
}, [6, "digi-media-figure", {
        "afFigcaption": [1, "af-figcaption"],
        "afAlignment": [1, "af-alignment"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-media-figure"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-media-figure":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, MediaFigure);
            }
            break;
    } });
}

const DigiMediaFigure = MediaFigure;
const defineCustomElement = defineCustomElement$1;

export { DigiMediaFigure, defineCustomElement };
