UNPKG

@hlpupo/ng2-google-letter-avatar

Version:
87 lines (81 loc) 4.67 kB
import { CommonModule } from '@angular/common'; import { Component, Input, NgModule, Optional, SkipSelf } from '@angular/core'; /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ var LetterAvatarComponent = /** @class */ (function () { function LetterAvatarComponent() { } /** * @return {?} */ LetterAvatarComponent.prototype.ngOnInit = /** * @return {?} */ function () { this.letter = ''; if (this.firstName !== '' && typeof this.firstName !== "undefined") { this.letter += ((/** @type {?} */ (this.firstName))).trim().charAt(0); } if (this.lastName !== '' && typeof this.lastName !== "undefined") { this.letter += ((/** @type {?} */ (this.lastName))).trim().charAt(0); } this.letterClass = 'letter_' + this.letter.charAt(0).toLocaleUpperCase(); }; LetterAvatarComponent.decorators = [ { type: Component, args: [{ selector: 'ng-google-letter-avatar', template: "<div class=\"ng2-avatar-letter \" [ngClass]=\"letterClass\">\n <span>{{letter}}</span>\n</div>", styles: [".letter_A{color:#fff;background-color:#4fc3f7!important}.letter_B{color:#fff;background-color:#616161!important}.letter_C{color:#fff;background-color:#01579b!important}.letter_D{color:#fff;background-color:#311b92!important}.letter_E{color:#fff;background-color:#e57373!important}.letter_F{color:#fff;background-color:#4a148c!important}.letter_G{color:#fff;background-color:#f57f17!important}.letter_H{color:#fff;background-color:#ab47bc!important}.letter_I{color:#fff;background-color:#006064!important}.letter_J{color:#fff;background-color:#ffab00!important}.letter_K{color:#fff;background-color:#2196f3!important}.letter_L{color:#fff;background-color:#1a237e!important}.letter_M{color:#fff;background-color:#c51162!important}.letter_N{color:#fff;background-color:#8c9eff!important}.letter_O{color:#fff;background-color:#1b5e20!important}.letter_P{color:#fff;background-color:#bf360c!important}.letter_Q{color:#fff;background-color:#795548!important}.letter_R{color:#fff;background-color:#0d47a1!important}.letter_S{color:#fff;background-color:#4caf50!important}.letter_T{color:#fff;background-color:#827717!important}.letter_U{color:#fff;background-color:#78909c!important}.letter_V{color:#fff;background-color:#004d40!important}.letter_W{color:#fff;background-color:#ffb300!important}.letter_X{color:#fff;background-color:#ff9800!important}.letter_Y,.letter_Z{color:#fff;background-color:#ffeb3b!important}.ng2-avatar-letter{display:inline-flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;height:40px;width:40px;text-transform:uppercase}"] }] } ]; /** @nocollapse */ LetterAvatarComponent.ctorParameters = function () { return []; }; LetterAvatarComponent.propDecorators = { shape: [{ type: Input }], fontSize: [{ type: Input }], firstName: [{ type: Input }], lastName: [{ type: Input }] }; return LetterAvatarComponent; }()); /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ var LetterAvatarModule = /** @class */ (function () { function LetterAvatarModule(parentModule) { if (parentModule) { console.info('LetterAvatarModule is already loaded. Import it in the MainModule only'); } } LetterAvatarModule.decorators = [ { type: NgModule, args: [{ imports: [ CommonModule ], declarations: [ LetterAvatarComponent ], exports: [ LetterAvatarComponent ] },] } ]; /** @nocollapse */ LetterAvatarModule.ctorParameters = function () { return [ { type: LetterAvatarModule, decorators: [{ type: Optional }, { type: SkipSelf }] } ]; }; return LetterAvatarModule; }()); /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ /** * @fileoverview added by tsickle * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ export { LetterAvatarModule, LetterAvatarComponent as ɵa }; //# sourceMappingURL=hlpupo-ng2-google-letter-avatar.js.map