renta-ng-lib
Version:
Renta Solutions Angular Component Library
32 lines • 2.57 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class AvatarComponent {
constructor() {
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 }]
};
if (false) {
/** @type {?} */
AvatarComponent.prototype.initials;
/** @type {?} */
AvatarComponent.prototype.backgroundColor;
/** @type {?} */
AvatarComponent.prototype.textColor;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3JlbnRhLW5nLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFPVyxvQkFBZSxHQUFHLFNBQVMsQ0FBQztRQUM1QixjQUFTLEdBQUcsT0FBTyxDQUFDO0lBQy9CLENBQUM7OztZQVRBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsZ1RBQXNDOzthQUV2Qzs7O3VCQUVFLEtBQUs7OEJBQ0wsS0FBSzt3QkFDTCxLQUFLOzs7O0lBRk4sbUNBQTBCOztJQUMxQiwwQ0FBcUM7O0lBQ3JDLG9DQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncmVudGEtYXZhdGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGluaXRpYWxzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvciA9ICcjNWE1NDk5JztcbiAgQElucHV0KCkgdGV4dENvbG9yID0gJ2JsYWNrJztcbn1cbiJdfQ==