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

const iconInstagramCss = ".sc-digi-icon-instagram-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-instagram-h svg.sc-digi-icon-instagram{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 DigiIconInstagramStyle0 = iconInstagramCss;

const IconInstagram = /*@__PURE__*/ proxyCustomElement(class IconInstagram 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: '28b9234177697f07ed82f6d39c99b887acc64856', class: "digi-icon-instagram", width: "23", height: "23", viewBox: "0 0 23 23", 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: '2c399f2a658d2d2e79fb728e36de4a8b82b55dec', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '0c26a4f08e4d36aae74530204aec5b21af925ba9' }, this.afDesc), h("path", { key: 'b14b47574a8287ed338f346d8cb51ef54ad026ba', class: "digi-icon-instagram__shape", d: "M11.505 5.635a5.87 5.87 0 00-5.873 5.885 5.87 5.87 0 005.873 5.886 5.87 5.87 0 005.873-5.886 5.87 5.87 0 00-5.873-5.885zm0 9.712a3.826 3.826 0 010-7.653 3.826 3.826 0 010 7.653zm7.483-9.953c0 .763-.614 1.373-1.37 1.373-.762 0-1.37-.615-1.37-1.373s.614-1.373 1.37-1.373c.756 0 1.37.615 1.37 1.373zm3.89 1.393c-.088-1.839-.507-3.468-1.85-4.81-1.34-1.342-2.965-1.762-4.8-1.854-1.891-.108-7.56-.108-9.45 0-1.83.087-3.456.507-4.8 1.85C.634 3.313.22 4.942.128 6.782c-.108 1.895-.108 7.575 0 9.47.087 1.84.506 3.469 1.85 4.81 1.344 1.343 2.964 1.763 4.8 1.855 1.89.108 7.559.108 9.45 0 1.835-.087 3.46-.507 4.8-1.854 1.338-1.342 1.757-2.971 1.85-4.81.107-1.896.107-7.571 0-9.467zm-2.444 11.5a3.87 3.87 0 01-2.177 2.182c-1.508.6-5.086.462-6.752.462-1.666 0-5.249.133-6.752-.462a3.87 3.87 0 01-2.177-2.182c-.598-1.51-.46-5.097-.46-6.767s-.133-5.26.46-6.766A3.87 3.87 0 014.753 2.57c1.508-.599 5.086-.46 6.752-.46 1.666 0 5.25-.134 6.752.46a3.87 3.87 0 012.177 2.183c.598 1.51.46 5.097.46 6.766 0 1.67.138 5.261-.46 6.767z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconInstagramStyle0; }
}, [2, "digi-icon-instagram", {
        "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-instagram"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-instagram":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconInstagram);
            }
            break;
    } });
}

const DigiIconInstagram = IconInstagram;
const defineCustomElement = defineCustomElement$1;

export { DigiIconInstagram, defineCustomElement };
