@hlpupo/ng2-google-letter-avatar
Version:
Create avatar as google letter avatar
97 lines (89 loc) • 5.59 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core')) :
typeof define === 'function' && define.amd ? define('@hlpupo/ng2-google-letter-avatar', ['exports', '@angular/common', '@angular/core'], factory) :
(factory((global.hlpupo = global.hlpupo || {}, global.hlpupo['ng2-google-letter-avatar'] = {}),global.ng.common,global.ng.core));
}(this, (function (exports,common,core) { 'use strict';
/**
* @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: core.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: core.Input }],
fontSize: [{ type: core.Input }],
firstName: [{ type: core.Input }],
lastName: [{ type: core.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: core.NgModule, args: [{
imports: [
common.CommonModule
],
declarations: [
LetterAvatarComponent
],
exports: [
LetterAvatarComponent
]
},] }
];
/** @nocollapse */
LetterAvatarModule.ctorParameters = function () {
return [
{ type: LetterAvatarModule, decorators: [{ type: core.Optional }, { type: core.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
*/
exports.LetterAvatarModule = LetterAvatarModule;
exports.ɵa = LetterAvatarComponent;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=hlpupo-ng2-google-letter-avatar.umd.js.map