renta-ng-lib/esm5/lib/avatar/avatar.component.js

Renta Solutions Angular Component Library

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
var AvatarComponent = /** @class */ (function () {
    function AvatarComponent() {
        this.backgroundColor = '#5a5499';
        this.textColor = 'black';
    }
    AvatarComponent.decorators = [
        { type: Component, args: [{
                    selector: 'renta-avatar',
                    template: "<div class=\"profile-picture\" role=\"button\">\n  <div class=\"avatar-circle\" [ngStyle]=\"{'backgroundColor': backgroundColor}\" style=\"background-image: none;\">\n    <span class=\"initials\" [ngStyle]=\"{'color': textColor, 'fontWeight': 'bold'}\">{{ initials }}</span>\n  </div>\n</div>",
                    styles: ["@import url(https://fonts.googleapis.com/css?family=Montserrat);.profile-picture{cursor:pointer}.avatar-circle{width:50px;height:50px;background:linear-gradient(72deg,#385a8d,#545597);text-align:center;border-radius:50%}.initials{font-size:1em;font-family:Montserrat,sans-serif;position:relative;top:16px}"]
                }] }
    ];
    AvatarComponent.propDecorators = {
        initials: [{ type: Input }],
        backgroundColor: [{ type: Input }],
        textColor: [{ type: Input }]
    };
    return AvatarComponent;
}());
export { AvatarComponent };
if (false) {
    /** @type {?} */
    AvatarComponent.prototype.initials;
    /** @type {?} */
    AvatarComponent.prototype.backgroundColor;
    /** @type {?} */
    AvatarComponent.prototype.textColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3JlbnRhLW5nLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQ7SUFBQTtRQU9XLG9CQUFlLEdBQUcsU0FBUyxDQUFDO1FBQzVCLGNBQVMsR0FBRyxPQUFPLENBQUM7SUFDL0IsQ0FBQzs7Z0JBVEEsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixnVEFBc0M7O2lCQUV2Qzs7OzJCQUVFLEtBQUs7a0NBQ0wsS0FBSzs0QkFDTCxLQUFLOztJQUNSLHNCQUFDO0NBQUEsQUFURCxJQVNDO1NBSlksZUFBZTs7O0lBQzFCLG1DQUEwQjs7SUFDMUIsMENBQXFDOztJQUNyQyxvQ0FBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3JlbnRhLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQge1xuICBASW5wdXQoKSBpbml0aWFsczogc3RyaW5nO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3IgPSAnIzVhNTQ5OSc7XG4gIEBJbnB1dCgpIHRleHRDb2xvciA9ICdibGFjayc7XG59XG4iXX0=