import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconWebTv {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '1c9be9626ca85f53dc302a3557346bc1bdab8dd4', class: "digi-icon-web-tv", width: "18", height: "15", viewBox: "0 0 18 15", "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: 'b39fe2e893b5da1e666000b32d14c53ca2663c4c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '5b60e2b443278f4f393a96b4d0757ef569b7b3c6' }, this.afDesc), h("path", { key: '019c8b85ea0cb7c7bcbd6b70155814fdd56edb29', class: "digi-icon-web-tv__shape", d: "M17.1346154,3.45 L11.9423077,3.45 C11.464369,3.45 11.0769231,3.8361544 11.0769231,4.3125 L11.0769231,12.9375 C11.0769231,13.4138456 11.464369,13.8 11.9423077,13.8 L17.1346154,13.8 C17.6125541,13.8 18,13.4138456 18,12.9375 L18,4.3125 C18,3.8361544 17.6125541,3.45 17.1346154,3.45 Z M17.3076923,13.11 L11.7692308,13.11 L11.7692308,4.14 L17.3076923,4.14 L17.3076923,13.11 Z M2.72596154,0.8625 L13.6298077,0.8625 L13.6298077,2.5875 L14.5384615,2.5875 L14.5384615,0.8625 C14.5384615,0.386154403 14.1316434,0 13.6298077,0 L2.72596154,0 C2.22412588,0 1.81730769,0.386154403 1.81730769,0.8625 L1.81730769,7.7625 L0.454326923,7.7625 C0.203409092,7.7625 0,7.9555772 0,8.19375 L0,8.625 C0.00218016205,9.57588663 0.812985966,10.3465925 1.8147521,10.35 L9.99519231,10.35 L9.99519231,9.4875 L1.8147521,9.4875 C1.31391475,9.48616294 0.908651865,9.10039988 0.908653846,8.625 L9.99519231,8.625 L9.99519231,7.7625 L2.72596154,7.7625 L2.72596154,0.8625 Z", fill: "currentColor", "fill-rule": "nonzero" })));
    }
    static get is() { return "digi-icon-web-tv"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-web-tv.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-web-tv.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": {}
        };
    }
}
