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

const iconYoutubeCss = ".sc-digi-icon-youtube-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-youtube-h svg.sc-digi-icon-youtube{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 DigiIconYoutubeStyle0 = iconYoutubeCss;

const IconYoutube = /*@__PURE__*/ proxyCustomElement(class IconYoutube 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: '886de4efef62379905e0e20a4eb03a72fed4c829', class: "digi-icon-youtube", width: "27", height: "19", viewBox: "0 0 27 19", 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: 'b44482e5fa2dfa1df546fe5d5433485f418d86fc', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'd065ccea928eddfab28358a9fd1f12c425725032' }, this.afDesc), h("path", { key: 'e311c4afa11baacda9645e25d5fd274c5cad3ba8', class: "digi-icon-youtube__shape", d: "M26.392 2.973a3.388 3.388 0 00-2.38-2.405C21.915 0 13.5 0 13.5 0S5.086 0 2.987.568A3.388 3.388 0 00.608 2.973C.046 5.093.046 9.519.046 9.519s0 4.426.562 6.547a3.338 3.338 0 002.38 2.366C5.085 19 13.5 19 13.5 19s8.414 0 10.513-.568a3.338 3.338 0 002.379-2.366c.562-2.121.562-6.547.562-6.547s0-4.425-.562-6.546zM10.748 13.537V5.501l7.033 4.018-7.033 4.018z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconYoutubeStyle0; }
}, [2, "digi-icon-youtube", {
        "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-youtube"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-youtube":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconYoutube);
            }
            break;
    } });
}

const DigiIconYoutube = IconYoutube;
const defineCustomElement = defineCustomElement$1;

export { DigiIconYoutube, defineCustomElement };
