import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconPhoneHangup {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '4c6c3d9ade615d2ac0959afdd7b1f0ff7e958be8', class: "digi-icon-phone-hangup", width: "48", height: "48", viewBox: "0 0 48.0003198 19.9993764", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined, fill: "currentColor", id: "Icon" }, this.afTitle && h("title", { key: 'ea3f98b8f82f47ae614c089f94580d9c99e19e55', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9b66d77e04775180c1089db428e3ff255363e57f' }, this.afDesc), h("g", { key: '8e4b512155a9420c87586b37cf0ccfabaea0461d', id: "P\u00E5g\u00E5ende", stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" }, h("g", { key: 'cb0e567e6c38aec1c0e9787aaf5f96c14b336f0c', id: "Artboard", transform: "translate(-1209.000000, -1002.000000)", "fill-rule": "nonzero" }, h("g", { key: '1d665bbd05416b0088743af9482e4c7170f50ad3', id: "phone-hangup", transform: "translate(1209.000000, 1002.000000)" }, h("path", { key: 'ae811e2d28815dcf8e2515da0b0c1564c786ed1a', d: "M23.9487661,7.11703244 C20.2367661,7.06703244 16.2697661,8.48203244 15.1917661,9.78403244 L15.2687661,16.1310324 C15.2517661,16.2680324 15.5617661,17.0400324 11.3617661,18.3660324 C11.3617661,18.3660324 4.31776613,21.2270324 3.24376613,19.3760324 L0.211766132,13.0690324 C-1.46223387,9.91303244 6.82776613,-0.11696756 23.6837661,0.0010324397 L24.3167661,0.0010324397 C41.1727661,-0.11596756 49.4617661,9.91403244 47.7887661,13.0690324 L44.7567661,19.3760324 C43.6817661,21.2270324 36.6387661,18.3660324 36.6387661,18.3660324 C32.4377661,17.0390324 32.7487661,16.2680324 32.7317661,16.1310324 L32.8087661,9.78403244 C31.7307661,8.48303244 27.7637661,7.06803244 24.0517661,7.11703244", id: "Path" }))))));
    }
    static get is() { return "digi-icon-phone-hangup"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-phone-hangup.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-phone-hangup.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": {}
        };
    }
}
