import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class UserAdd {
    constructor() {
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    prefix(id) {
        return this.titleId + '-' + id;
    }
    get labelledBy() {
        return this.afSvgAriaLabelledby
            ? this.afSvgAriaLabelledby
            : this.afTitle
                ? this.titleId
                : undefined;
    }
    render() {
        return (h("svg", { key: 'ce7e7dba875b13dabedf0abc5a4c8fb2f01acf6c', class: "digi-icon-user-add", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", "aria-labelledby": this.labelledBy, "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '84461e2aec416383044a5ffd2c1e7e0e0929d440', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '35e5b3d557fe17d9f97e5eb8a3ae57910de2972f' }, this.afDesc), h("g", { key: '9bf4bde3f6e11cd759654fccc1eeabab985a16bf', "clip-path": "url(#clip0_2345_196)" }, h("path", { key: 'f2feb95a92ecebb387d49263588ee5e61865db77', d: "M23.9732 36.5464C23.9732 32.8092 25.7194 29.4742 28.4366 27.308H26.2324C22.6646 29.0262 18.4722 29.092 14.7674 27.308H10.5C6.358 27.308 3 30.8338 3 35.183V43.7142C3 44.8016 3.8394 45.683 4.875 45.683H28.3072C25.6634 43.5148 23.9732 40.2246 23.9732 36.5464Z", fill: "currentColor" }), h("path", { key: 'bae5901149df8d4c6441a90bc27277ad9d6cb6a3', d: "M20.5 24.683C26.0228 24.683 30.5 19.982 30.5 14.183C30.5 8.38399 26.0228 3.68298 20.5 3.68298C14.9772 3.68298 10.5 8.38399 10.5 14.183C10.5 19.982 14.9772 24.683 20.5 24.683Z", fill: "currentColor" }), h("path", { key: '96c6fce9cd6ece8dbf673a69917613eb868cbffe', d: "M35.7866 27.233C34.8192 27.233 33.8866 27.3836 33.01 27.6614C29.2826 28.8422 26.5732 32.3334 26.5732 36.4464C26.5732 41.1304 30.0876 45.0064 34.6174 45.583C35.0006 45.6318 35.3902 45.6598 35.7864 45.6598C40.8666 45.6598 44.9998 41.5268 44.9998 36.4466C44.9998 31.3664 40.8666 27.2332 35.7864 27.2332L35.7866 27.233ZM42.2824 36.88C42.2824 37.3302 41.9162 37.6964 41.4662 37.6964H37.1192V42.0432C37.1192 42.4934 36.753 42.8596 36.303 42.8596H35.2704C34.8202 42.8596 34.454 42.4934 34.454 42.0432V37.6964H30.1072C29.657 37.6964 29.2908 37.3302 29.2908 36.88V35.8474C29.2908 35.3972 29.657 35.031 30.1072 35.031H34.454V30.6842C34.454 30.234 34.8202 29.8678 35.2704 29.8678H36.303C36.753 29.8678 37.1192 30.234 37.1192 30.6842V35.031H41.4662C41.9162 35.031 42.2824 35.3972 42.2824 35.8474V36.88Z", fill: "currentColor" })), h("defs", { key: '4e53f6fce6551fa0557fe5f461a6664f9128a6eb' }, h("clipPath", { key: '28d83ee27274a1b99066c8051ad39d4c6732959e' }, h("rect", { key: '073f169f538c1c7f760b762f0497c416214f4d0b', width: "42", height: "42", fill: "currentColor", transform: "translate(3 3.68298)" })))));
    }
    static get is() { return "digi-icon-user-add"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-user-add.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-user-add.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": "Title used by accessibility tools"
                        }],
                    "text": "Titel som anv\u00E4nds av hj\u00E4lpmedel"
                },
                "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": "Description used by accessibility tools"
                        }],
                    "text": "Beskrivning som anv\u00E4nds av hj\u00E4lpmedel"
                },
                "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": "Hide element for accesibility tools. Default is set to true."
                        }],
                    "text": "D\u00F6lj elementet f\u00F6r hj\u00E4lpmedel 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": "Refer element via id to define an accessible name."
                        }],
                    "text": "Referera till ett element via id f\u00F6r att definiera ett tillg\u00E4ngligt namn."
                },
                "getter": false,
                "setter": false,
                "attribute": "af-svg-aria-labelledby",
                "reflect": false
            }
        };
    }
    static get states() {
        return {
            "titleId": {}
        };
    }
}
