import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconComunicationPlay {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: 'a4c62041b9797986a85a27030fda77d0a336259b', class: "digi-icon-comunication-play", width: "64", height: "64", viewBox: "0 0 64 64", 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: '988d8c3ba96af9859f445d6fd99e598981e14087', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '1d50982b1c1b5c75846840c249d62ea31069c7d9' }, this.afDesc), h("defs", { key: '464464f3cf0457975f2c87b4761add4b11ceb29f' }, h("polygon", { key: '847ba870bd56494c46323dfbadcf5e94e33b41d6', points: "0 0 64 0 64 64 0 64" })), h("g", { key: '59216e9c3c36980b36b98e4e024bc046db7e6e03', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '8c8d22e4b1a709ad5ba95a533167e217b96010a5', transform: "translate(-1383, -386)" }, h("g", { key: '7f476b76246757712582eefbb09a94f5addd13b7', transform: "translate(1383, 386)" }, h("path", { key: 'bd9f3a4ba7e166a5e9e90e19deeb4c25932dc5da', d: "M24.117493,45.0566427 C23.7650141,45.0566427 23.4125352,44.9661414 23.0965744,44.783551 C22.4646529,44.4183702 22.0756559,43.7451673 22.0756559,43.0148057 L22.0756559,20.9848768 C22.0756559,20.2561029 22.4646529,19.5813123 23.0965744,19.2177192 C23.728496,18.8525384 24.5064899,18.8525384 25.1384115,19.2177192 L44.2167269,30.2318898 C44.8486484,30.5970706 45.2376454,31.2718612 45.2376454,32.0006351 C45.2376454,32.729409 44.8486484,33.4041996 44.2167269,33.7677926 L25.1384115,44.783551 C24.8224507,44.9661414 24.4699718,45.0566427 24.117493,45.0566427", fill: "currentColor" }), h("g", { key: 'c42915d3b1be7b08f634e7cb93d4e76bc900c267' }, h("mask", { key: '3f80d69703af04c167119e7ad0616f5ce4d41181', id: "mask-2", fill: "white" }, h("use", { key: '6ef453b5f5cd548aabb36ccf1c45e8da2e8c3981', href: "#path-1" })), h("g", { key: '516fbf5b86fc445848ca2988c60c5e13f3802bbe' }), h("path", { key: '9f2bbe090ba6a4bf4085632da69ff86f09593f17', d: "M32.0006351,6.12519351 C17.7331799,6.12519351 6.12519351,17.7331799 6.12519351,32.0006351 C6.12519351,46.2680903 17.7331799,57.8744889 32.0006351,57.8744889 C46.2680903,57.8744889 57.8760767,46.2680903 57.8760767,32.0006351 C57.8760767,17.7331799 46.2680903,6.12519351 32.0006351,6.12519351 M32.0006351,64 C14.3560513,64 -0.000317548525,49.6452189 -0.000317548525,32.0006351 C-0.000317548525,14.3560513 14.3560513,-0.000317548525 32.0006351,-0.000317548525 C49.6452189,-0.000317548525 64,14.3560513 64,32.0006351 C64,49.6452189 49.6452189,64 32.0006351,64", fill: "currentColor" })))))));
    }
    static get is() { return "digi-icon-comunication-play"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-comunication-play.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-comunication-play.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": {}
        };
    }
}
