import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconArrowBack {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '175e33eabb4f95a6aad82fddcf66873c32f1fda0', class: "digi-icon-arrow-back", width: "48", height: "48", 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: '2673d9886db0131825183b88654c9da161ec673b', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f59962838d60d417fa93912a2bd86b3647574a07' }, this.afDesc), h("path", { key: 'd7b9bc4746629c479a92a9c7efbddc6b5f4a7d6e', class: "digi-icon-arrow-back__shape", d: "M23.910365,9.36383059 L23.910365,9.36383059 L22.0978102,9.36383059 L20.8832117,9.36383059 L20.8832117,2.6525574 C20.8832117,0.298049958 18.0055474,-0.888473479 16.3237956,0.780075104 L5.78481752,11.2363129 C4.73839416,12.2745209 4.73839416,13.9430695 5.78481752,14.9812775 L16.3237956,25.4375153 C18.0055474,27.1060639 20.8832117,25.9195404 20.8832117,23.565033 L20.8832117,16.5571289 L22.0978102,16.5571289 L23.910365,16.5571289 L23.910365,16.5571289 C30.6560584,16.5571289 36.1310949,22.007721 36.1310949,28.6819153 C36.1310949,35.3746491 30.6373723,40.8067017 23.910365,40.8067017 C23.910365,40.8067017 23.8543066,40.8067017 23.8356204,40.8067017 L8.66248175,40.8067017 C8.06452555,40.8067017 7.56,41.3072662 7.56,41.900528 L7.56,46.8690948 C7.56,47.4623566 8.06452555,47.9629211 8.66248175,47.9629211 L23.8169343,48 C23.8543066,48 23.8729927,48 23.910365,48 C34.6548905,48 43.4,39.3235474 43.4,28.6633759 C43.4,18.0217438 34.6548905,9.36383059 23.910365,9.36383059 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get is() { return "digi-icon-arrow-back"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-arrow-back.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-arrow-back.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": {}
        };
    }
}
