import { h } from "@stencil/core";
import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
export class IconExclamationTriangleWarning {
    constructor() {
        this._id = randomIdGenerator('digi-icon');
        this.afTitle = undefined;
        this.afDesc = undefined;
        this.afSvgAriaHidden = true;
        this.afSvgAriaLabelledby = undefined;
        this.titleId = randomIdGenerator('icontitle');
    }
    render() {
        return (h("svg", { key: '6328ea70af486c0d2b6eb13847f5fdb4e7905543', class: "digi-icon-exclamation-triangle-warning", width: "22", height: "20", viewBox: "0 0 22 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                ? this.afSvgAriaLabelledby
                : this.afTitle
                    ? this.titleId
                    : undefined }, this.afTitle && h("title", { key: '85e10a51818aefe36d7672aa8b58bbb0577a9799', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '2d8bfd2e7d7de8182f2dd6ddd3f9705be15c0cf3' }, this.afDesc), h("defs", { key: '0a2e4ef41a3c83ac58541adf6e87ae8c5922b9a5' }, h("path", { key: '215c37b497769ef96d1a9644cf88870d2737a39e', d: "M9.5 8.38l.252 4.207a.455.455 0 00.458.424h1.58a.455.455 0 00.458-.424l.251-4.207a.454.454 0 00-.457-.477H9.958a.454.454 0 00-.457.477zm3.104 6.734c0 .872-.718 1.578-1.604 1.578-.886 0-1.604-.706-1.604-1.578 0-.87.718-1.577 1.604-1.577.886 0 1.604.706 1.604 1.577zm-.016-13.522c-.704-1.2-2.47-1.202-3.176 0L.247 17.218c-.703 1.2.178 2.704 1.588 2.704h18.33c1.407 0 2.292-1.502 1.587-2.704L12.588 1.592zM2.032 17.782l8.77-14.95a.231.231 0 01.397 0l8.77 14.95a.225.225 0 01-.2.337H2.23a.225.225 0 01-.198-.338z", id: `${this._id}-iconExclamationTriangelWarningPath` })), h("g", { key: '2ea108e5a227f10cb48385fbaf04b2f889224fdf', fill: "none", "fill-rule": "nonzero" }, h("path", { key: '0b7922cce81b2128dde4f125d9a7be4336cc989d', d: "M11.874 2.573l8.3 14.941A1 1 0 0119.3 19H2.7a1 1 0 01-.875-1.486l8.3-14.94a1 1 0 011.75 0z", fill: "#FFE200" }), h("g", { key: '194495be550c1482328574e189b23e7ebf8e0fbb' }, h("mask", { key: '6c41e0856269c44da6a234ec80aacec763b468c7', id: `${this._id}-iconExclamationTriangelWarningPathB`, fill: "#FFF" }, h("use", { key: '487d0a1b5209a46e021fa44fdfd5074003cf5d22', href: `#${this._id}-iconExclamationTriangelWarningPath` })), h("use", { key: 'ea95cb3b2ae356de090add84815993a164c1c435', fill: "none", "fill-rule": "nonzero", href: `#${this._id}-iconExclamationTriangelWarningPath` }), h("g", { key: '757dc5fce523f1369b37505f08effe415f9db261', mask: `url(#${this._id}-iconExclamationTriangelWarningPathB)`, fill: "var(--digi--icon-exclamation-triangle-warning--outline)" }, h("path", { key: 'cb9581d2c7ee4ee66f8a1b25d4c0badb0e63581f', d: "M-1.571-2.308h25.143v24.615H-1.571z" }))))));
    }
    static get is() { return "digi-icon-exclamation-triangle-warning"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "$": ["icon-exclamation-triangle-warning.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["icon-exclamation-triangle-warning.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": {}
        };
    }
}
