import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconArrowSignIn {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '85295d9c15344cc2695f3cd128546dd1b56aa5fd', class: "digi-icon-arrow-sign-in", 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: 'e9f4f19f0ff1a0a508903de4ceae5cb26529a274', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '73ae71f8905710157efb0c364cd5a7f10eba56c6' }, this.afDesc), h("path", { key: '57eef33bb9e86563118da1c669d6bae19d10e64a', class: "digi-icon-arrow-sign-in__shape", d: "M13.5,11.2540632 L13.5,15.8221892 L4.5,15.8221892 C2.015625,15.8221892 0,17.725575 0,20.0716087 L0,27.915329 C0,30.2613627 2.015625,32.1647485 4.5,32.1647485 L13.5,32.1647485 L13.5,36.7328745 C13.5,40.5042344 18.346875,42.4164732 21.178125,39.7340271 L34.678125,26.9946214 C36.43125,25.3391184 36.43125,22.6478193 34.678125,20.9834634 L21.178125,8.23520472 C18.35625,5.58817046 13.5,7.47385038 13.5,11.2540632 Z M31.5,24.0023218 L18,36.7505805 L18,27.9241819 L4.5,27.9241819 L4.5,20.0804617 L18,20.0804617 L18,11.2540632 L31.5,24.0023218 Z M39,41 L31.125,41 C30.50625,41 30,40.5219403 30,39.9376451 L30,37.8129353 C30,37.2286402 30.50625,36.7505805 31.125,36.7505805 L39,36.7505805 C41.484375,36.7505805 43.5,34.8471946 43.5,32.5011609 L43.5,15.5034827 C43.5,13.157449 41.484375,11.2540632 39,11.2540632 L31.125,11.2540632 C30.50625,11.2540632 30,10.7760035 30,10.1917083 L30,8.06699853 C30,7.48270334 30.50625,7.00464364 31.125,7.00464364 L39,7.00464364 C43.96875,7.00464364 48,10.8114153 48,15.5034827 L48,32.5011609 C48,37.1932283 43.96875,41 39,41 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get is() { return "digi-icon-arrow-sign-in"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-arrow-sign-in.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-arrow-sign-in.css"]
        };
    }
    static get properties() {
        return {
            "afTitle": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Adds a title element inside the svg"
                        }],
                    "text": "L\u00E4gger till ett titleelement i svg:n"
                },
                "getter": false,
                "setter": false,
                "attribute": "af-title",
                "reflect": false
            },
            "afDesc": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Adds a desc element inside the svg"
                        }],
                    "text": "L\u00E4gger till ett descelement i svg:n"
                },
                "getter": false,
                "setter": false,
                "attribute": "af-desc",
                "reflect": false
            },
            "afSvgAriaHidden": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Hides the icon for screen readers. Default is set to true."
                        }],
                    "text": "F\u00F6r att d\u00F6lja ikonen f\u00F6r sk\u00E4rml\u00E4sare. Default \u00E4r satt till true."
                },
                "getter": false,
                "setter": false,
                "attribute": "af-svg-aria-hidden",
                "reflect": false,
                "defaultValue": "true"
            },
            "afSvgAriaLabelledby": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [{
                            "name": "en",
                            "text": "Reference other elements on the page to define an accessible name."
                        }],
                    "text": "Referera till andra element p\u00E5 sidan f\u00F6r att definiera ett tillg\u00E4ngligt namn."
                },
                "getter": false,
                "setter": false,
                "attribute": "af-svg-aria-labelledby",
                "reflect": false
            }
        };
    }
    static get states() {
        return {
            "titleId": {}
        };
    }
}
