import { p as proxyCustomElement, H, h } from './p-a53686b3.js';
import { r as randomIdGenerator } from './p-ffe5c0e8.js';

const iconHeartCss = ".sc-digi-icon-heart-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-heart-h svg.sc-digi-icon-heart{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
const DigiIconHeartStyle0 = iconHeartCss;

const IconHeart = /*@__PURE__*/ proxyCustomElement(class IconHeart extends H {
    constructor() {
        super();
        this.__registerHost();
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '4313615a23f821661ce3ddef995bae5326e74f49', class: "digi-icon-heart", width: "48", height: "48", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined }, this.afTitle && h("title", { key: 'e7f24ac0e210d41f5e6db365ab411d0f3e03531e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '609b0da61ed221b57f29aeccfc59ae605c7cc2d2' }, this.afDesc), h("path", { key: 'd58f19dc9c31853623087dff38b6290da4564cce', class: "digi-icon-heart__shape", d: "M21.2090909,43.4703308 L6.22727273,28.9641289 C5.58181818,28.372405 0,23.0917172 0,16.5199953 C0,8.388274 5.16363636,3 13.8181818,3 C17.5818182,3 21.1454545,5.04413722 24,7.46482604 C26.8454545,5.04413722 30.4181818,3 34.1818182,3 C42.5181818,3 48,8.06551549 48,16.5199953 C48,21.1820627 45.1090909,25.7993024 41.8090909,28.9551634 L41.7727273,28.9910255 L26.7909091,43.4703308 C25.2437253,44.9765564 22.7562747,44.9765564 21.2090909,43.4703308 Z M9.26363636,25.9473339 L24,40.2210526 L38.7090909,25.9921635 C41.1909091,23.5713695 43.6363636,20.0477693 43.6363636,16.5958964 C43.6363636,10.5977068 40.1636364,7.37894737 34.1818182,7.37894737 C29.8909091,7.37894737 25.7454545,11.7991379 24,13.5116255 C22.4545455,11.9874219 18.1818182,7.37894737 13.8181818,7.37894737 C7.82727273,7.37894737 4.36363636,10.5977068 4.36363636,16.5958964 C4.36363636,19.9401785 6.79090909,23.6699944 9.26363636,25.9473339 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconHeartStyle0; }
}, [2, "digi-icon-heart", {
        "afTitle": [1, "af-title"],
        "afDesc": [1, "af-desc"],
        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
        "titleId": [32]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-icon-heart"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-heart":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconHeart);
            }
            break;
    } });
}

const DigiIconHeart = IconHeart;
const defineCustomElement = defineCustomElement$1;

export { DigiIconHeart, defineCustomElement };
