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

const iconArrowLeftCss = ".sc-digi-icon-arrow-left-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-arrow-left-h svg.sc-digi-icon-arrow-left{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 DigiIconArrowLeftStyle0 = iconArrowLeftCss;

const IconArrowLeft = /*@__PURE__*/ proxyCustomElement(class IconArrowLeft 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: 'a19132167beb8a7193d26ccc77aae0eca1cb5f45', class: "digi-icon-arrow-left", width: "48", height: "48", viewBox: "0 0 48 48", 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: 'def4de4955d6b8445c4723894eed46d38f5595b8', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '02a8509ff746a5063c6ac344477d36c64220d6ec' }, this.afDesc), h("path", { key: 'd8e250dc2c8922726b4f02fafe7ce9661d4ab668', class: "digi-icon-arrow-left__shape", d: "M0.381032171,24.6320096 L2.52712589,26.7533334 C3.03506039,27.2554054 3.85863836,27.2554054 4.36668125,26.7533334 L21.1817412,10.1322435 L21.1817412,46.7142843 C21.1817412,47.4243208 21.7641425,48 22.4824698,48 L25.5175031,48 C26.2358304,48 26.8182317,47.4243208 26.8182317,46.7142843 L26.8182317,10.1322435 L43.6334,26.7533334 C44.1413345,27.2554054 44.9649125,27.2554054 45.4729554,26.7533334 L47.6190491,24.6320096 C48.1269836,24.1299376 48.1269836,23.3158653 47.6190491,22.8136862 L24.9197099,0.376553992 C24.4117754,-0.125517997 23.5881975,-0.125517997 23.0801546,0.376553992 L0.381032171,22.8137933 C-0.127010724,23.3158653 -0.127010724,24.1299376 0.381032171,24.6320096 Z", id: "Icon", transform: "translate(24.000000, 24.000000) rotate(-90.000000) translate(-24.000000, -24.000000) ", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get style() { return DigiIconArrowLeftStyle0; }
}, [2, "digi-icon-arrow-left", {
        "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-arrow-left"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-icon-arrow-left":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, IconArrowLeft);
            }
            break;
    } });
}

const DigiIconArrowLeft = IconArrowLeft;
const defineCustomElement = defineCustomElement$1;

export { DigiIconArrowLeft, defineCustomElement };
