import { NgModule, Component, ElementRef, Input } from "@angular/core";
import { getAttributes } from "@carbon/icon-helpers";
var LogoQuora20 = /** @class */ (function () {
    function LogoQuora20(elementRef) {
        this.elementRef = elementRef;
    }
    LogoQuora20.prototype.ngAfterViewInit = function () {
        var svg = this.elementRef.nativeElement.querySelector("svg");
        var attributes = getAttributes({
            width: 20,
            height: 20,
            viewBox: "0 0 32 32",
            title: this.title,
            "aria-label": this.ariaLabel,
            "aria-labelledby": this.ariaLabelledby,
            "aria-hidden": this.ariaHidden,
            focusable: this.focusable
        });
        var attrKeys = Object.keys(attributes);
        for (var i = 0; i < attrKeys.length; i++) {
            var key = attrKeys[i];
            var value = attributes[key];
            if (key === "title") {
                continue;
            }
            if (value) {
                svg.setAttribute(key, value);
            }
        }
        if (attributes.title) {
            var title = document.createElement("title");
            title.textContent = attributes.title;
            LogoQuora20.titleIdCounter++;
            title.setAttribute("id", "logo-quora20-" + LogoQuora20.titleIdCounter);
            svg.appendChild(title);
            svg.setAttribute("aria-labelledby", "logo-quora20-" + LogoQuora20.titleIdCounter);
        }
    };
    LogoQuora20.titleIdCounter = 0;
    LogoQuora20.decorators = [
        { type: Component, args: [{
                    selector: "ibm-icon-logo-quora20",
                    template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" style=\"will-change: transform;\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M29 23.86h-2a1.72 1.72 0 0 1-1.73 1.72c-1.15 0-1.82-.86-2.58-2a11 11 0 0 0 4.79-9.1c.09-7.19-5.85-11.89-12.17-11.89S3 7.37 3 14.37s6 11.79 12.17 11.79a10.71 10.71 0 0 0 3.07-.48c1.15 2.11 2.59 3.74 5.46 3.74a5 5 0 0 0 5.3-5.56zm-8.14-3.45a6.31 6.31 0 0 0-5.56-3.16 6 6 0 0 0-3.74 1.15l.64 1.6a2.56 2.56 0 0 1 .86-.1c1.82 0 3 1.53 4.12 3.64a7.58 7.58 0 0 1-1.91.19C10.86 23.76 9 20.6 9 14.47s1.91-9.3 6.23-9.3 6.32 3.16 6.32 9.3a20.68 20.68 0 0 1-.72 5.94z\"></path></svg>"
                },] },
    ];
    /** @nocollapse */
    LogoQuora20.ctorParameters = function () { return [
        { type: ElementRef }
    ]; };
    LogoQuora20.propDecorators = {
        ariaLabel: [{ type: Input }],
        ariaLabelledby: [{ type: Input }],
        ariaHidden: [{ type: Input }],
        title: [{ type: Input }],
        focusable: [{ type: Input }]
    };
    return LogoQuora20;
}());
export { LogoQuora20 };
var LogoQuora20Module = /** @class */ (function () {
    function LogoQuora20Module() {
    }
    LogoQuora20Module.decorators = [
        { type: NgModule, args: [{
                    declarations: [
                        LogoQuora20
                    ],
                    exports: [
                        LogoQuora20
                    ]
                },] },
    ];
    return LogoQuora20Module;
}());
export { LogoQuora20Module };
//# sourceMappingURL=20.js.map