import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class Folder {
    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: '3b2ce633a5fafe5e92c5c67094ee163455d88504', class: "digi-icon-folder", 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" }, h("path", { key: '59f18def244469dd7ac78e358c5cfad35f3aedce', d: "M41.6443 12.5985H31.5581C30.2266 12.5985 29.003 11.8583 28.3735 10.6721L27.2288 8.57501C26.3919 7.08121 25.4563 6.68298 22.5507 6.68298H6.35567C4.5023 6.68298 3 8.20186 3 10.0757V39.2903C3 41.1641 4.5023 42.683 6.35567 42.683H41.6443C43.4977 42.683 45 41.1641 45 39.2903V15.9912C45 14.1174 43.4977 12.5985 41.6443 12.5985Z", fill: "currentColor" })));
    }
    static get is() { return "digi-icon-folder"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-folder.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-folder.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": {}
        };
    }
}
