import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconScreensharing {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '2cffe7c30b0e1e025a560706c60140dc060a431d', class: "digi-icon-screensharing", width: "48", height: "48", fill: "currentColor", viewBox: "0 0 50 32.91", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined, id: "Icon" }, this.afTitle && h("title", { key: '5c4c46f472104ac742b568438656f1cc810b31d2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'f5e8faa7019553f9270ac5f1d3486a6c9b5630ef' }, this.afDesc), h("g", { key: '2929c39d70974090a7c7b80cc9edc66ed37e01dd', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1" }, h("g", { key: 'ef0aea0db07bd2f5e461e33db4571989e4670fb0', id: "Artboard", transform: "translate(-1583.000000, -952.000000)" }, h("g", { key: '099eb8b28acca087c5356d039594299bd1e11e49', id: "screensharing", transform: "translate(1583.000000, 952.000000)" }, h("path", { key: 'a2cf653619cb10e9bf21765a9728c281b44d82b3', d: "M31.909,14.027 L25.939,6.045 C25.884,5.972 25.825,5.902 25.759,5.838 C25.305,5.383 24.72,5.145 24.124,5.1 C24.06,5.094 23.998,5.081 23.932,5.081 C23.869,5.081 23.81,5.094 23.749,5.1 C23.15,5.142 22.562,5.381 22.106,5.838 C22.045,5.899 21.989,5.963 21.937,6.03 L15.847,14.012 C15.204,14.855 15.367,16.059 16.208,16.701 C17.049,17.343 18.253,17.183 18.897,16.34 L22.012,12.257 L22.012,25.176 C22.012,26.236 22.871,27.095 23.931,27.095 C24.991,27.095 25.85,26.236 25.85,25.176 L25.85,12.333 L28.835,16.325 C29.211,16.829 29.788,17.095 30.373,17.095 C30.772,17.095 31.176,16.97 31.52,16.712 C32.371,16.079 32.544,14.876 31.909,14.027", id: "Path" }), h("path", { key: '17ea3b5368ea863286a5bb48c53f866c3b9a30f9', d: "M3.877,29.004 L44.122,29.004 L44.122,3.906 L3.877,3.906 L3.877,29.004 Z M45.608,32.91 L2.392,32.91 C1.073,32.91 0,31.829 0,30.501 L0,2.409 C0,1.081 1.073,0 2.392,0 L45.608,0 C46.927,0 48,1.081 48,2.409 L48,30.501 C48,31.829 46.927,32.91 45.608,32.91 L45.608,32.91 Z", id: "Path" }))))));
    }
    static get is() { return "digi-icon-screensharing"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-screensharing.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-screensharing.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": {}
        };
    }
}
