ngx-tencent-im/esm2020/group/group-item/group-item.component.mjs

Instant messaging for Angular.

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../tim-helper.service";
import * as i2 from "../../avatar/avatar.component";
export class GroupItemComponent {
    constructor(timHelperService) {
        this.timHelperService = timHelperService;
    }
    ngOnInit() {
    }
    handleGroupClick() {
        const conversationID = `GROUP${this.group.groupID}`;
        this.timHelperService.checkoutConversation(conversationID);
    }
}
GroupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GroupItemComponent, deps: [{ token: i1.TimHelperService }], target: i0.ɵɵFactoryTarget.Component });
GroupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: GroupItemComponent, selector: "app-group-item", inputs: { group: "group" }, ngImport: i0, template: "<div (click)=\"handleGroupClick()\" class=\"scroll-container\">\r\n  <div class=\"group-item\">\r\n    <im-avatar [src]=\"group?.avatar\"></im-avatar>\r\n    <div class=\"group-name text-ellipsis\">{{ group?.name }}</div>\r\n  </div>\r\n</div>\r\n", styles: [".scroll-container{overflow-y:scroll;flex:1}.scroll-container .group-item{display:flex;padding:10px 20px;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.scroll-container .group-item:hover{background-color:#404953}.scroll-container .group-item im-avatar::ng-deep .avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;flex-shrink:0}.scroll-container .group-item .group-name{flex:1;color:#f7f7f8;line-height:30px}\n"], components: [{ type: i2.AvatarComponent, selector: "im-avatar", inputs: ["shape", "size", "type", "title", "src"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GroupItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-group-item', template: "<div (click)=\"handleGroupClick()\" class=\"scroll-container\">\r\n  <div class=\"group-item\">\r\n    <im-avatar [src]=\"group?.avatar\"></im-avatar>\r\n    <div class=\"group-name text-ellipsis\">{{ group?.name }}</div>\r\n  </div>\r\n</div>\r\n", styles: [".scroll-container{overflow-y:scroll;flex:1}.scroll-container .group-item{display:flex;padding:10px 20px;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.scroll-container .group-item:hover{background-color:#404953}.scroll-container .group-item im-avatar::ng-deep .avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;flex-shrink:0}.scroll-container .group-item .group-name{flex:1;color:#f7f7f8;line-height:30px}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.TimHelperService }]; }, propDecorators: { group: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGVuY2VudC1pbS9zcmMvZ3JvdXAvZ3JvdXAtaXRlbS9ncm91cC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10ZW5jZW50LWltL3NyYy9ncm91cC9ncm91cC1pdGVtL2dyb3VwLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVekQsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QixZQUNVLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQ3hDLENBQUM7SUFFTCxRQUFRO0lBQ1IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLE1BQU0sY0FBYyxHQUFHLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNwRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsb0JBQW9CLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDN0QsQ0FBQzs7K0dBYlUsa0JBQWtCO21HQUFsQixrQkFBa0Isa0ZDVi9CLHlQQU1BOzJGRElhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxnQkFBZ0I7dUdBS2pCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdG9yZSB9IGZyb20gJ0BuZ3J4L3N0b3JlJztcclxuaW1wb3J0IHsgR3JvdXAgfSBmcm9tICd0aW0tanMtc2RrJztcclxuaW1wb3J0IHsgVGltSGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uL3RpbS1oZWxwZXIuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1ncm91cC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAtaXRlbS5jb21wb25lbnQubGVzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBHcm91cEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGdyb3VwOiBHcm91cDtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHRpbUhlbHBlclNlcnZpY2U6IFRpbUhlbHBlclNlcnZpY2UsXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVHcm91cENsaWNrKCkge1xyXG4gICAgY29uc3QgY29udmVyc2F0aW9uSUQgPSBgR1JPVVAke3RoaXMuZ3JvdXAuZ3JvdXBJRH1gO1xyXG4gICAgdGhpcy50aW1IZWxwZXJTZXJ2aWNlLmNoZWNrb3V0Q29udmVyc2F0aW9uKGNvbnZlcnNhdGlvbklEKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgKGNsaWNrKT1cImhhbmRsZUdyb3VwQ2xpY2soKVwiIGNsYXNzPVwic2Nyb2xsLWNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJncm91cC1pdGVtXCI+XHJcbiAgICA8aW0tYXZhdGFyIFtzcmNdPVwiZ3JvdXA/LmF2YXRhclwiPjwvaW0tYXZhdGFyPlxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLW5hbWUgdGV4dC1lbGxpcHNpc1wiPnt7IGdyb3VwPy5uYW1lIH19PC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=