import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconPhone {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: 'f30b16c300d1962a3f61ae65ba421f3e4498b3ff', class: "digi-icon-phone", 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", fill: "currentColor" }, this.afTitle && h("title", { key: 'e7ae5c340ab5fb99ad6d9f8971a05058dfa63123', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'baada7737449ddaec4c4972c3d46b89f642c5cd1' }, this.afDesc), h("g", { key: '906167ae0fa97ea604c4f8beb9417d491392c9c3', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: 'a9a34e68bb010b76b70210eff8dc174509d86855', id: "Artboard", transform: "translate(-1185.000000, -887.000000)", "fill-rule": "nonzero" }, h("g", { key: 'd8a6dcb9936e629cbfd70f2858d916bc877e7644', id: "phone-45-degree-copy-2", transform: "translate(1185.000000, 887.000000)" }, h("path", { key: '49e6152587e69b2e041dda5f1caef0069c21b640', d: "M29.3151176,29.2282295 C32.6450904,25.9852436 34.9040719,21.2212644 34.7090735,19.1122736 L29.02112,13.5592979 C28.9161209,13.4242985 27.9561287,13.0133003 30.5001079,8.12032164 C30.5001079,8.12032164 34.2050777,-0.648640079 36.7940565,0.0383569218 L45.0649889,2.93934426 C49.3309541,4.24733855 50.8759415,20.396268 35.9630633,35.1862035 C35.9270636,35.2222033 35.2250693,35.9242002 35.1890696,35.9602001 C20.3961905,50.876135 4.24732239,49.3311417 2.93933308,45.0651603 L0.038356776,36.7941964 C-0.648637612,34.2052078 8.12029075,30.5002239 8.12029075,30.5002239 C13.0132508,27.956235 13.4242474,28.9132309 13.5592463,29.0212304 L19.112201,34.7092056 C21.2181838,34.9072047 25.9851448,32.6482145 29.2281183,29.3152291", id: "Path" }))))));
    }
    static get is() { return "digi-icon-phone"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-phone.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-phone.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": {}
        };
    }
}
