@openexo/design-system
Version:
OpenExO design system
60 lines • 5.59 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/avatar-system/avatar-system.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { ChangeDetectionStrategy, Component, ContentChild, Input, } from '@angular/core';
import { ExOAvatarComponent } from '../avatar/avatar.component';
/** @enum {string} */
const ExOAvatarSystemDirectionEnum = {
row: "row",
column: "column",
};
export class ExoAvatarSystemComponent {
constructor() {
this.direction = ExOAvatarSystemDirectionEnum.row;
this.truncateName = false;
this.truncateDescription = false;
this.connected = false;
}
/**
* @return {?}
*/
get systemTruncate() {
return (this.truncateName || this.truncateDescription) ? 'text-truncate' : '';
}
}
ExoAvatarSystemComponent.decorators = [
{ type: Component, args: [{
selector: 'exo-avatar-system',
template: "<div class=\"avatar-system__container\" [ngClass]=\"direction\">\n <ng-content select=\"exo-avatar\"></ng-content>\n <div class=\"avatar-system__data\" [ngClass]=\"[direction, systemTruncate] \">\n <p class=\"avatar-system__data--name\"\n [ngClass]=\"{\n 'title': avatar?.size === 'xl',\n 'subheading-2': avatar?.size === 'lg',\n 'body-2': avatar?.size === 'sm',\n 'caption-2': avatar?.size === 'xs',\n 'text-truncate': truncateName === true,\n 'connected': connected === true }\"\n [matTooltip]=\"truncateName === true ? name : undefined\"\n >\n {{ name }}\n </p>\n <p class=\"foreground-secondary-text avatar-system__data--description\"\n [ngClass]=\"{\n 'subheading-2': avatar?.size === 'xl',\n 'caption-1': avatar?.size !== 'xl',\n 'text-truncate': truncateDescription === true }\"\n [matTooltip]=\"truncateDescription === true ? description : undefined \"\n [innerHTML] = \"description\"\n >\n </p>\n </div>\n</div>\n",
changeDetection: ChangeDetectionStrategy.OnPush,
styles: [""]
}] }
];
ExoAvatarSystemComponent.propDecorators = {
name: [{ type: Input }],
description: [{ type: Input }],
direction: [{ type: Input }],
avatar: [{ type: ContentChild, args: [ExOAvatarComponent,] }],
truncateName: [{ type: Input }],
truncateDescription: [{ type: Input }],
connected: [{ type: Input }]
};
if (false) {
/** @type {?} */
ExoAvatarSystemComponent.prototype.name;
/** @type {?} */
ExoAvatarSystemComponent.prototype.description;
/** @type {?} */
ExoAvatarSystemComponent.prototype.direction;
/** @type {?} */
ExoAvatarSystemComponent.prototype.avatar;
/** @type {?} */
ExoAvatarSystemComponent.prototype.truncateName;
/** @type {?} */
ExoAvatarSystemComponent.prototype.truncateDescription;
/** @type {?} */
ExoAvatarSystemComponent.prototype.connected;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLXN5c3RlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ab3BlbmV4by9kZXNpZ24tc3lzdGVtLyIsInNvdXJjZXMiOlsibGliL2F2YXRhci1zeXN0ZW0vYXZhdGFyLXN5c3RlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUVoRSxNQUFLLDRCQUE0QjtJQUMvQixHQUFHLE9BQVE7SUFDWCxNQUFNLFVBQVc7RUFDbEI7QUFRRCxNQUFNLE9BQU8sd0JBQXdCO0lBTnJDO1FBY0UsY0FBUyxHQUFHLDRCQUE0QixDQUFDLEdBQUcsQ0FBQztRQU03QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQix3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFHNUIsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUtwQixDQUFDOzs7O0lBSEMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNoRixDQUFDOzs7WUE5QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLHlnQ0FBNkM7Z0JBRTdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O21CQUVFLEtBQUs7MEJBR0wsS0FBSzt3QkFHTCxLQUFLO3FCQUdMLFlBQVksU0FBQyxrQkFBa0I7MkJBRy9CLEtBQUs7a0NBR0wsS0FBSzt3QkFHTCxLQUFLOzs7O0lBbEJOLHdDQUNhOztJQUViLCtDQUNvQjs7SUFFcEIsNkNBQzZDOztJQUU3QywwQ0FDNkI7O0lBRTdCLGdEQUNxQjs7SUFFckIsdURBQzRCOztJQUU1Qiw2Q0FDa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV4T0F2YXRhckNvbXBvbmVudCB9IGZyb20gJy4uL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcblxuZW51bSBFeE9BdmF0YXJTeXN0ZW1EaXJlY3Rpb25FbnVtIHtcbiAgcm93ID0gJ3JvdycsXG4gIGNvbHVtbiA9ICdjb2x1bW4nLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdleG8tYXZhdGFyLXN5c3RlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXItc3lzdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLXN5c3RlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRXhvQXZhdGFyU3lzdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbmFtZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlyZWN0aW9uID0gRXhPQXZhdGFyU3lzdGVtRGlyZWN0aW9uRW51bS5yb3c7XG5cbiAgQENvbnRlbnRDaGlsZChFeE9BdmF0YXJDb21wb25lbnQpXG4gIGF2YXRhciAhOiBFeE9BdmF0YXJDb21wb25lbnQ7XG5cbiAgQElucHV0KClcbiAgdHJ1bmNhdGVOYW1lID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdHJ1bmNhdGVEZXNjcmlwdGlvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGNvbm5lY3RlZCA9IGZhbHNlO1xuXG4gIGdldCBzeXN0ZW1UcnVuY2F0ZSgpIHtcbiAgICByZXR1cm4gKHRoaXMudHJ1bmNhdGVOYW1lIHx8IHRoaXMudHJ1bmNhdGVEZXNjcmlwdGlvbikgPyAndGV4dC10cnVuY2F0ZScgOiAnJztcbiAgfVxufVxuIl19