import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class FolderAdd {
    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: '71a3c9b4a4bd1232357b6d0b138a3dc58b8c3065', class: "digi-icon-folder-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: 'c8bd6618ec8b065fb18c10a0b1775f69abdffe64', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '67b035ca9920f96f5bc41a90783ed05789bb16d8' }, this.afDesc), h("g", { key: '9bb30d85e5c4bf7ac1cdf678eb252e4bc541c82f', "clip-path": "url(#clip0_2337_75)" }, h("path", { key: 'dd8cb7c13d316a8a86103292c333df44f746625c', d: "M23.9624 31.1246C23.9624 24.6073 29.2645 19.3052 35.7816 19.3052C37.2663 19.3052 38.6868 19.5831 39.9971 20.085V17.1099C39.9971 15.4775 38.6736 14.154 37.0412 14.154H28.1565C26.9837 14.154 25.9058 13.5091 25.3513 12.4756L24.343 10.6484C23.6054 9.34698 22.7812 9 20.2219 9H5.95589C4.32347 9 3 10.3235 3 11.9559V37.4098C3 39.0424 4.32347 40.3657 5.95589 40.3657H28.4259C25.7085 38.1982 23.9624 34.8627 23.9624 31.1246Z", fill: "currentColor" }), h("path", { key: '3522a3a3417b2672f1841a6f3e28c2d4aebc9146', d: "M39.9978 22.9312C38.7334 22.2781 37.3007 21.9065 35.7823 21.9065C30.6995 21.9065 26.5645 26.0418 26.5645 31.1246C26.5645 36.2073 30.6995 40.3424 35.7823 40.3424C36.7898 40.3424 37.7589 40.1777 38.6672 39.8776C42.341 38.6638 45.0006 35.1998 45.0006 31.1244C45.0006 27.5602 42.9657 24.464 39.998 22.9308L39.9978 22.9312ZM42.2814 31.5584C42.2814 32.0088 41.915 32.3752 41.4648 32.3752H37.1156V36.7242C37.1156 37.1746 36.7492 37.541 36.299 37.541H35.2659C34.8154 37.541 34.449 37.1746 34.449 36.7242V32.3752H30.1C29.6496 32.3752 29.2832 32.0088 29.2832 31.5584V30.5253C29.2832 30.0748 29.6496 29.7084 30.1 29.7084H34.449V25.3594C34.449 24.909 34.8154 24.5426 35.2659 24.5426H36.299C36.7492 24.5426 37.1156 24.909 37.1156 25.3594V29.7084H41.4648C41.915 29.7084 42.2814 30.0748 42.2814 30.5253V31.5584Z", fill: "currentColor" })), h("defs", { key: 'fa246245e0abb017a27f5d25095bccaeb35dc724' }, h("clipPath", { key: '67aa36b789ad2175fbbae786f70f7ee17403a35d' }, h("rect", { key: 'b1b29e955ecf3116a7ab6dcaf1f11eec5a9f6bb4', width: "42", height: "31.3659", fill: "currentColor", transform: "translate(3 9)" })))));
    }
    static get is() { return "digi-icon-folder-add"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-folder-add.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-folder-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": {}
        };
    }
}
