@openexo/design-system
Version:
OpenExO design system
66 lines • 5.99 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} */
var ExOAvatarSystemDirectionEnum = {
row: "row",
column: "column",
};
var ExoAvatarSystemComponent = /** @class */ (function () {
function ExoAvatarSystemComponent() {
this.direction = ExOAvatarSystemDirectionEnum.row;
this.truncateName = false;
this.truncateDescription = false;
this.connected = false;
}
Object.defineProperty(ExoAvatarSystemComponent.prototype, "systemTruncate", {
get: /**
* @return {?}
*/
function () {
return (this.truncateName || this.truncateDescription) ? 'text-truncate' : '';
},
enumerable: true,
configurable: true
});
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 }]
};
return ExoAvatarSystemComponent;
}());
export { ExoAvatarSystemComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLXN5c3RlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ab3BlbmV4by9kZXNpZ24tc3lzdGVtLyIsInNvdXJjZXMiOlsibGliL2F2YXRhci1zeXN0ZW0vYXZhdGFyLXN5c3RlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUVoRSxJQUFLLDRCQUE0QjtJQUMvQixHQUFHLE9BQVE7SUFDWCxNQUFNLFVBQVc7RUFDbEI7QUFFRDtJQUFBO1FBY0UsY0FBUyxHQUFHLDRCQUE0QixDQUFDLEdBQUcsQ0FBQztRQU03QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQix3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFHNUIsY0FBUyxHQUFHLEtBQUssQ0FBQztJQUtwQixDQUFDO0lBSEMsc0JBQUksb0RBQWM7Ozs7UUFBbEI7WUFDRSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDaEYsQ0FBQzs7O09BQUE7O2dCQTlCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IseWdDQUE2QztvQkFFN0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2lCQUNoRDs7O3VCQUVFLEtBQUs7OEJBR0wsS0FBSzs0QkFHTCxLQUFLO3lCQUdMLFlBQVksU0FBQyxrQkFBa0I7K0JBRy9CLEtBQUs7c0NBR0wsS0FBSzs0QkFHTCxLQUFLOztJQU1SLCtCQUFDO0NBQUEsQUEvQkQsSUErQkM7U0F6Qlksd0JBQXdCOzs7SUFDbkMsd0NBQ2E7O0lBRWIsK0NBQ29COztJQUVwQiw2Q0FDNkM7O0lBRTdDLDBDQUM2Qjs7SUFFN0IsZ0RBQ3FCOztJQUVyQix1REFDNEI7O0lBRTVCLDZDQUNrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXhPQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi4vYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuXG5lbnVtIEV4T0F2YXRhclN5c3RlbURpcmVjdGlvbkVudW0ge1xuICByb3cgPSAncm93JyxcbiAgY29sdW1uID0gJ2NvbHVtbicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V4by1hdmF0YXItc3lzdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci1zeXN0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXItc3lzdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFeG9BdmF0YXJTeXN0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKVxuICBuYW1lOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb246IHN0cmluZztcblxuICBASW5wdXQoKVxuICBkaXJlY3Rpb24gPSBFeE9BdmF0YXJTeXN0ZW1EaXJlY3Rpb25FbnVtLnJvdztcblxuICBAQ29udGVudENoaWxkKEV4T0F2YXRhckNvbXBvbmVudClcbiAgYXZhdGFyICE6IEV4T0F2YXRhckNvbXBvbmVudDtcblxuICBASW5wdXQoKVxuICB0cnVuY2F0ZU5hbWUgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICB0cnVuY2F0ZURlc2NyaXB0aW9uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgY29ubmVjdGVkID0gZmFsc2U7XG5cbiAgZ2V0IHN5c3RlbVRydW5jYXRlKCkge1xuICAgIHJldHVybiAodGhpcy50cnVuY2F0ZU5hbWUgfHwgdGhpcy50cnVuY2F0ZURlc2NyaXB0aW9uKSA/ICd0ZXh0LXRydW5jYXRlJyA6ICcnO1xuICB9XG59XG4iXX0=