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

const iconFacebookSquareCss = ".sc-digi-icon-facebook-square-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-facebook-square-h svg.sc-digi-icon-facebook-square{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 DigiIconFacebookSquareStyle0 = iconFacebookSquareCss;

const IconFacebookSquare = /*@__PURE__*/ proxyCustomElement(class IconFacebookSquare 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: '486d1bee8056686247e6fc6d2124ef1a3fb2fe9d', class: "digi-icon-facebook-square", width: "22", height: "22", viewBox: "0 0 22 22", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'e9f17553b911af013f19589ef151324ac7c0775e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'fcfc71f61c06ad68284a4a17cff8eea622c6001d' }, this.afDesc), h("path", { key: 'd62d82661b2ff0494fa5ba9781e5665dbbc77599', class: "digi-icon-facebook-square__shape", d: "M22 2.357v17.286A2.358 2.358 0 0119.643 22h-4.189v-8.702h2.976l.427-3.32h-3.403v-2.12c0-.963.265-1.616 1.645-1.616h1.758V3.275a23.636 23.636 0 00-2.563-.132c-2.534 0-4.273 1.547-4.273 4.39v2.45H9.036v3.32h2.99V22H2.357A2.358 2.358 0 010 19.643V2.357A2.358 2.358 0 012.357 0h17.286A2.358 2.358 0 0122 2.357z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconFacebookSquareStyle0; }
}, [2, "digi-icon-facebook-square", {
        "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-facebook-square"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-facebook-square":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconFacebookSquare);
            }
            break;
    } });
}

const DigiIconFacebookSquare = IconFacebookSquare;
const defineCustomElement = defineCustomElement$1;

export { DigiIconFacebookSquare, defineCustomElement };
