import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class FileAdd {
    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: '092c58732da6bb5cb6c228b8ec3d28139a7f1f56', class: "digi-icon-file-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: '7a461a22c59d6803d6f222cca2351ae4c4580ac0', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'baf4e605e5785dc4250a401f66a6494d3cdc3fd6' }, this.afDesc), h("g", { key: '9ff4cdb4c98a7f57fb135810eca93383f65e338d', "clip-path": "url(#clip0_2337_362)" }, h("path", { key: 'a2645d34cd8d54de0e88202143e65f947728ff5f', d: "M33.3389 13.6645C33.3389 13.1486 33.1422 12.6492 32.7887 12.2806L25.093 4.25638C24.7395 3.88785 24.2599 3.68323 23.7569 3.68323H23.2773V14.164H33.3389V13.6645Z", fill: "currentColor" }), h("path", { key: 'b3542bdb99e24ca322cf04ec53f6e0259ff83e9c', d: "M23.8565 36.4863C23.8565 30.7744 27.939 25.9995 33.3389 24.9229V16.7839H22.6485C21.6108 16.7839 20.762 15.8995 20.762 14.8187V3.68311H5.04083C3.99535 3.68311 3.1543 4.5593 3.1543 5.6483V43.6409C3.1543 44.7299 3.99535 45.6061 5.04083 45.6061H28.1825C25.5436 43.4419 23.8565 40.1577 23.8565 36.4863Z", fill: "currentColor" }), h("path", { key: '5260586c8dad9f0534843a5d3486771a9719c10b', d: "M35.6485 27.2899C34.8511 27.2899 34.0773 27.3923 33.3393 27.5838C29.3824 28.6109 26.4521 32.2129 26.4521 36.4864C26.4521 40.5023 29.0404 43.9228 32.6354 45.1733C33.5801 45.5019 34.5934 45.6827 35.6485 45.6827C40.7194 45.6827 44.845 41.5573 44.845 36.4864C44.845 31.4155 40.7194 27.2899 35.6485 27.2899ZM42.1324 36.9192C42.1324 37.3686 41.7668 37.7341 41.3177 37.7341H36.9786V42.073C36.9786 42.5223 36.6131 42.8879 36.1639 42.8879H35.1332C34.6838 42.8879 34.3183 42.5223 34.3183 42.073V37.7341H29.9795C29.5301 37.7341 29.1646 37.3686 29.1646 36.9192V35.8885C29.1646 35.4392 29.5301 35.0736 29.9795 35.0736H34.3183V30.7348C34.3183 30.2854 34.6838 29.9199 35.1332 29.9199H36.1639C36.6131 29.9199 36.9786 30.2854 36.9786 30.7348V35.0736H41.3177C41.7668 35.0736 42.1324 35.4392 42.1324 35.8885V36.9192Z", fill: "currentColor" })), h("defs", { key: '27cf1e636ea14084812a0c599f6529653b6c6912' }, h("clipPath", { key: 'c76d27180973dc1044d27541b0380bc4e8f0f950' }, h("rect", { key: '823a3f6ca5ee2ebee2f784cbad0bad620e17f8a7', width: "41.6905", height: "42", fill: "white", transform: "translate(3.1543 3.68311)" })))));
    }
    static get is() { return "digi-icon-file-add"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-file-add.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-file-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": {}
        };
    }
}
