import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconDxa {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: 'c63473e7b6646eeb14d75c3402e70c391296a56d', class: "digi-icon-dxa", width: "24", height: "24", viewBox: "0 0 24 24", 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: '249eaa2aea33f9503b0cb267511bde7d65e22b9e', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f199a56bfe6ee6e0bc3ce08c3875fb988cdbc837' }, this.afDesc), h("g", { key: 'eca40855a732afc34e4d6dc89f95c9e916bfa19c', class: "digi-icon-dxa__shape", fill: "currentColor", "fill-rule": "evenodd" }, h("path", { key: '7749703c3034f22b68f5677ef530a22da2c14c16', d: "M11.882 22.032c-.538.013-1.239.022-2.152.022-3.892 0-9.081-.649-9.081-.649S0 13.622 0 9.73C0 5.838.649.649.649.649S4.54 0 9.729 0c5.19 0 9.082.649 9.082.649s.648 5.189.648 9.08c0 1.064-.02 2.032-.05 2.877a6.486 6.486 0 00-1.895-.282 6.46 6.46 0 00-2.831.649H3.892v1.297h8.99c-.381.388-.713.824-.987 1.298H3.892v1.297h7.432a6.484 6.484 0 00-.297 1.946c0 1.172.311 2.272.855 3.221zm-1.504-14.41c0-.504.973-.811.973-2.086 0-.995-.648-1.644-1.621-1.644s-1.622.649-1.622 1.644c0 1.275.973 1.58.973 2.086 0 .162-.324.324-.649.486-1.297.649-1.621.973-1.621 1.654 0 .308 1.721.616 2.919.616 1.185 0 2.919-.308 2.919-.616 0-.68-.325-1.005-1.622-1.654-.324-.162-.649-.324-.649-.486z" }), h("path", { key: 'c353730755f7f784a866692ecef9e79f24e6ca70', d: "M21.867 17.082a4.54 4.54 0 11-.716-1.23l1.67-1.67.973.973-1.927 1.927zm0 0a4.536 4.536 0 00-.717-1.23l-3.843 3.843-1.946-1.946-.973.973 2.92 2.92 4.559-4.56z" }))));
    }
    static get is() { return "digi-icon-dxa"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-dxa.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-dxa.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": {}
        };
    }
}
