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

const iconXCss = ".sc-digi-icon-x-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-x-h svg.sc-digi-icon-x{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 DigiIconXStyle0 = iconXCss;

const IconX = /*@__PURE__*/ proxyCustomElement(class IconX 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: 'b37ba57e85860e0a50560504d19abae3f9074b86', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "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: 'e6e32beacee90cd776cac159369b4195c19c3c94', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '733715351c70082d3648a18d417d2aa3726ddced' }, this.afDesc), h("g", { key: 'c734024fc558d2ecbf09f94bfd9debf88f2b1e01', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, h("path", { key: '6a548dae43ee06648c18b03b3dcb67e1c704fe7a', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
    }
    static get style() { return DigiIconXStyle0; }
}, [2, "digi-icon-x", {
        "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-x"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-x":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconX);
            }
            break;
    } });
}

export { IconX as I, defineCustomElement as d };
