import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconOnlineTask {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: 'af5e200f8a306cf8a0f148527fc568521d8ab023', class: "digi-icon-online-task", width: "62px", height: "62px", viewBox: "0 0 62 62", "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: 'd296a2fe3bb5f9cd8d12521c28e1663bc58ad298', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '598f307399119d25d6155f93cc53283e04451af9' }, this.afDesc), h("defs", { key: 'b4ea2091c8196c5a110fd520b7f4e53f2e071017' }, h("path", { key: 'caf6b056a970c193b4df8a65ffa3f065cb1da1ed', d: "M40.322.348 14.356 26.405 4.814 16.83a1.18 1.18 0 0 0-1.675 0L.347 19.632a1.192 1.192 0 0 0 0 1.682l13.17 13.215a1.179 1.179 0 0 0 1.675 0L44.79 4.831a1.193 1.193 0 0 0 0-1.681L41.996.348a1.178 1.178 0 0 0-1.675 0Z", id: "a" })), h("g", { key: 'b9a81769ef117521315e2590b375765815fdecda', fill: "none", "fill-rule": "evenodd" }, h("g", { key: '1f99077eeefd76c517c2b9c0a2b9f7635d2d3f98', transform: "translate(0 47.327)" }), h("path", { key: 'de4b881c373a3b61158c121f31730a538c4ed11d', d: "M43.14 47.327c-3.878 1.35-5.696 3.177-12.531 3.177-6.836 0-8.653-1.828-12.53-3.177H-.002v4.323c0 2.626 1.424 4.774 4.65 4.774h51.92c3.226 0 4.649-2.148 4.649-4.774v-4.323H43.14Z", fill: "currentColor" }), h("g", { key: '1f627da42f12160bd1dc796db68d097ebe2213b3', transform: "translate(16.864 6.458)" }, h("mask", { key: '6c7404bdc1a3b527791a38a4df8faf59612fe2ec', id: "b", fill: "#fff" }, h("use", { key: '5a7f0fa279b38d9330cb20657168eb013437100b', href: "#a" })), h("g", { key: '2fbab1fd706cadfd5a0eb08930c4fa0a7f278f06' }), h("path", { key: 'd72b7245b3c037c587ad2e4873f43a7f5653e88d', fill: "currentColor", mask: "url(#b)", d: "M-.705 35.699h46.546V-.705H-.705z" })), h("path", { key: '3c6608baf971810bfbc6dce96d16c5b2358dc3db', d: "M5.808 8.434c-1.505 0-2.736 1.288-2.736 2.86v31.142h5.6V15.89c0-.7.547-1.273 1.217-1.273h31.417l6.706-6.183H5.808Zm46.737 34.002h5.6V24.328l-5.6 5.748z", fill: "currentColor" }))));
    }
    static get is() { return "digi-icon-online-task"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-online-task.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-online-task.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": {}
        };
    }
}
