@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
99 lines • 6.43 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { HostBinding, Component, Input } from '@angular/core';
var Avatar = /** @class */ (function () {
function Avatar() {
/**
* Sets the avatar color.
*/
this.color = 'gray';
/**
* Sets the avatar class
*/
this.class = '';
/**
* Sets the avatar size.
*/
this.size = 'md';
}
Object.defineProperty(Avatar.prototype, "attrClass", {
get: /**
* @return {?}
*/
function () {
return "avatar avatar--" + this.color + " avatar--" + this.size + " " + this.class;
},
enumerable: true,
configurable: true
});
/**
* Sets the avatar initials according to the name input.
*/
/**
* Sets the avatar initials according to the name input.
* @return {?}
*/
Avatar.prototype.getInitials = /**
* Sets the avatar initials according to the name input.
* @return {?}
*/
function () {
if (this.name === '' || !this.name) {
return '';
}
/** @type {?} */
var names = this.name.split(' ');
/** @type {?} */
var initials = names[0].substring(0, 1).toUpperCase();
if (names.length > 1) {
initials += names[names.length - 1].substring(0, 1).toUpperCase();
}
return initials;
};
Avatar.decorators = [
{ type: Component, args: [{
selector: "suka-avatar",
template: "\n <ng-container *ngIf=\"!imgSrc\">{{getInitials()}}</ng-container>\n <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" />\n "
}] }
];
Avatar.propDecorators = {
imgSrc: [{ type: Input }],
name: [{ type: Input }],
color: [{ type: Input }],
class: [{ type: Input }],
size: [{ type: Input }],
attrClass: [{ type: HostBinding, args: ['attr.class',] }]
};
return Avatar;
}());
export { Avatar };
if (false) {
/**
* Sets an image url for the avatar. If it is set, it displays instead of the name initials.
* @type {?}
*/
Avatar.prototype.imgSrc;
/**
* Avatar name. Used to display its initials (Max 2).
* @type {?}
*/
Avatar.prototype.name;
/**
* Sets the avatar color.
* @type {?}
*/
Avatar.prototype.color;
/**
* Sets the avatar class
* @type {?}
*/
Avatar.prototype.class;
/**
* Sets the avatar size.
* @type {?}
*/
Avatar.prototype.size;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBRzNFO0lBQUE7Ozs7UUFxQlcsVUFBSyxHQUN5RCxNQUFNLENBQUM7Ozs7UUFLckUsVUFBSyxHQUFHLEVBQUUsQ0FBQzs7OztRQUtYLFNBQUksR0FBc0MsSUFBSSxDQUFDO0lBc0IxRCxDQUFDO0lBcEJDLHNCQUErQiw2QkFBUzs7OztRQUF4QztZQUNFLE9BQU8sb0JBQWtCLElBQUksQ0FBQyxLQUFLLGlCQUFZLElBQUksQ0FBQyxJQUFJLFNBQUksSUFBSSxDQUFDLEtBQU8sQ0FBQztRQUMzRSxDQUFDOzs7T0FBQTtJQUVEOztPQUVHOzs7OztJQUNILDRCQUFXOzs7O0lBQVg7UUFDRSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNsQyxPQUFPLEVBQUUsQ0FBQztTQUNYOztZQUVLLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUM7O1lBQzlCLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUU7UUFFckQsSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNwQixRQUFRLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNuRTtRQUNELE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7O2dCQXJERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRSwySEFHVDtpQkFDRjs7O3lCQUtFLEtBQUs7dUJBS0wsS0FBSzt3QkFLTCxLQUFLO3dCQU1MLEtBQUs7dUJBS0wsS0FBSzs0QkFFTCxXQUFXLFNBQUMsWUFBWTs7SUFvQjNCLGFBQUM7Q0FBQSxBQXRERCxJQXNEQztTQS9DWSxNQUFNOzs7Ozs7SUFJakIsd0JBQXdCOzs7OztJQUt4QixzQkFBc0I7Ozs7O0lBS3RCLHVCQUM4RTs7Ozs7SUFLOUUsdUJBQW9COzs7OztJQUtwQixzQkFBd0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIb3N0QmluZGluZywgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogYHN1a2EtYXZhdGFyYCxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWltZ1NyY1wiPnt7Z2V0SW5pdGlhbHMoKX19PC9uZy1jb250YWluZXI+XG4gICAgPGltZyAqbmdJZj1cImltZ1NyY1wiIFtzcmNdPVwiaW1nU3JjXCIgLz5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXIge1xuICAvKipcbiAgICogU2V0cyBhbiBpbWFnZSB1cmwgZm9yIHRoZSBhdmF0YXIuIElmIGl0IGlzIHNldCwgaXQgZGlzcGxheXMgaW5zdGVhZCBvZiB0aGUgbmFtZSBpbml0aWFscy5cbiAgICovXG4gIEBJbnB1dCgpIGltZ1NyYzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBdmF0YXIgbmFtZS4gVXNlZCB0byBkaXNwbGF5IGl0cyBpbml0aWFscyAoTWF4IDIpLlxuICAgKi9cbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBhdmF0YXIgY29sb3IuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogJ2JsdWUnIHwgJ2F6dXJlJyB8ICdpbmRpZ28nIHwgJ3B1cnBsZScgfCAncGluaycgfCAncmVkJyB8ICdvcmFuZ2UnIHxcbiAgJ3llbGxvdycgfCAnbGltZScgfCAnZ3JlZW4nIHwgJ3RlYWwnIHwgJ2N5YW4nIHwgJ2dyYXknIHwgJ2dyYXktZGFyaycgPSAnZ3JheSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGF2YXRhciBjbGFzc1xuICAgKi9cbiAgQElucHV0KCkgY2xhc3MgPSAnJztcblxuICAvKipcbiAgICogU2V0cyB0aGUgYXZhdGFyIHNpemUuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJzJ4bCcgPSAnbWQnO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5jbGFzcycpIGdldCBhdHRyQ2xhc3MoKSB7XG4gICAgcmV0dXJuIGBhdmF0YXIgYXZhdGFyLS0ke3RoaXMuY29sb3J9IGF2YXRhci0tJHt0aGlzLnNpemV9ICR7dGhpcy5jbGFzc31gO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGF2YXRhciBpbml0aWFscyBhY2NvcmRpbmcgdG8gdGhlIG5hbWUgaW5wdXQuXG4gICAqL1xuICBnZXRJbml0aWFscygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLm5hbWUgPT09ICcnIHx8ICF0aGlzLm5hbWUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgICBjb25zdCBuYW1lcyA9IHRoaXMubmFtZS5zcGxpdCgnICcpO1xuICAgIGxldCBpbml0aWFscyA9IG5hbWVzWzBdLnN1YnN0cmluZygwLCAxKS50b1VwcGVyQ2FzZSgpO1xuXG4gICAgaWYgKG5hbWVzLmxlbmd0aCA+IDEpIHtcbiAgICAgIGluaXRpYWxzICs9IG5hbWVzW25hbWVzLmxlbmd0aCAtIDFdLnN1YnN0cmluZygwLCAxKS50b1VwcGVyQ2FzZSgpO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbHM7XG4gIH1cbn1cbiJdfQ==