import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconBubble {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: 'ff004042d4f1868ec016f5670c06e49c2a240e79', class: "digi-icon-bubble", 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: '83d9ac13a3699ac80a564ddb1b0baaacbf9cf156', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'e924a8669eb4d6f5530070d323f6a4fe7735622a' }, this.afDesc), h("path", { key: 'e631a67312f87f7785b1ce5fed3514da1eb02961', class: "digi-icon-bubble__shape", d: "M24.0031106,4 C10.7485787,4 0.00622121476,12.4403846 0.00622121476,22.8571429 C0.00622121476,27.1725275 1.87160441,31.1252747 4.96495344,34.3074176 C3.56825948,37.8793956 0.662386159,40.9074176 0.615517234,40.9436813 C-0.00315257016,41.5782967 -0.171880699,42.503022 0.184323128,43.3008242 C0.540526955,44.0986264 1.35604624,44.6153846 2.2559296,44.6153846 C8.02080732,44.6153846 12.567093,42.2854396 15.2948644,40.4178571 C18.0038883,41.2428571 20.9285092,41.7142857 24.0031106,41.7142857 C37.2576425,41.7142857 48,33.2739011 48,22.8571429 C48,12.4403846 37.2576425,4 24.0031106,4 Z M24.0031106,37.3626374 C21.50031,37.3626374 19.0256308,36.9909341 16.6540632,36.2656593 L14.5262141,35.6129121 L12.698326,36.864011 C11.3578748,37.7796703 9.52061291,38.8041209 7.30839967,39.4931319 C7.99268597,38.3961538 8.65822469,37.1631868 9.17378287,35.8486264 L10.1674041,33.3010989 L8.23640437,31.3247253 C6.5397493,29.575 4.50563798,26.682967 4.50563798,22.8571429 C4.50563798,14.860989 13.2513793,8.35164835 24.0031106,8.35164835 C34.7548419,8.35164835 43.5005832,14.860989 43.5005832,22.8571429 C43.5005832,30.8532967 34.7548419,37.3626374 24.0031106,37.3626374 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get is() { return "digi-icon-bubble"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-bubble.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-bubble.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": {}
        };
    }
}
