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

const iconNotificationInfoCss = ".sc-digi-icon-notification-info-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-notification-info-h svg.sc-digi-icon-notification-info{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 DigiIconNotificationInfoStyle0 = iconNotificationInfoCss;

const IconNotificationInfo = /*@__PURE__*/ proxyCustomElement(class IconNotificationInfo 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: '7a697b6dda1a3b3e356139c50effacda6f41bd4a', class: "digi-icon-notification-info", width: "42", height: "42", viewBox: "0 0 48 48", "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: 'a0f5e4b52b715ef7484424d852050ad4782a8c33', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'ffc03b3b909cb16ba36b2ac4a8ea880c9ff2cfa6' }, this.afDesc), h("g", { key: '0e3d5823d75fea9c70faa098ad5bb245abdc8135', class: "digi-icon-notification-info__shape", fill: "currentColor", "fill-rule": "nonzero" }, h("path", { key: 'c9998b23cfd8d2cf57810044ea556ec0130a3f53', d: "m24 0c-13.254 0-24 10.75-24 24 0 13.258 10.746 24 24 24s24-10.742 24-24c0-13.25-10.746-24-24-24zm0 43.355c-10.697 0-19.355-8.6546-19.355-19.355 0-10.693 8.6586-19.355 19.355-19.355 10.693 0 19.355 8.6585 19.355 19.355 0 10.696-8.6546 19.355-19.355 19.355zm0-32.71c2.2448 0 4.0645 1.8197 4.0645 4.0645s-1.8197 4.0645-4.0645 4.0645-4.0645-1.8197-4.0645-4.0645 1.8197-4.0645 4.0645-4.0645zm5.4194 24.581c0 0.64132-0.51997 1.1613-1.1613 1.1613h-8.5161c-0.64132 0-1.1613-0.51997-1.1613-1.1613v-2.3226c0-0.64132 0.51997-1.1613 1.1613-1.1613h1.1613v-6.1935h-1.1613c-0.64132 0-1.1613-0.51997-1.1613-1.1613v-2.3226c0-0.64132 0.51997-1.1613 1.1613-1.1613h6.1935c0.64132 0 1.1613 0.51997 1.1613 1.1613v9.6774h1.1613c0.64132 0 1.1613 0.51997 1.1613 1.1613v2.3226z", fill: "currentColor", "fill-rule": "nonzero" }))));
    }
    static get style() { return DigiIconNotificationInfoStyle0; }
}, [2, "digi-icon-notification-info", {
        "afTitle": [1, "af-title"],
        "afDesc": [1, "af-desc"],
        "afSvgAriaHidden": [4, "af-svg-aria-hidden"],
        "afSvgAriaLabelledby": [1, "af-svg-aria-labelledby"],
        "titleId": [32]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-icon-notification-info"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-notification-info":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconNotificationInfo);
            }
            break;
    } });
}

export { IconNotificationInfo as I, defineCustomElement as d };
