/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, Input } from '@angular/core';
import { ChatService } from './chat.service';
export class ChatComponent {
    /**
     * @param {?} chatService
     */
    constructor(chatService) {
        this.chatService = chatService;
        this.showLibrary = true;
    }
}
ChatComponent.decorators = [
    { type: Component, args: [{
                selector: 'bidi-chat',
                template: "<div class=\"is-flex\">\n\n  <ng-container *ngIf=\"chatService.loggedIn$ | async; else notLoggedIn\">\n    <bidi-group-list\n      [ngClass]=\"{ 'is-open':(chatService.selectedGroup$ | async).length === 0 }\"\n    ></bidi-group-list>\n\n    <bidi-channel-list\n      [ngClass]=\"{ 'is-open':(chatService.selectedGroup$ | async).length > 0 && !(chatService.selectedChannel$ | async) }\"\n    ></bidi-channel-list>\n\n    <bidi-chat-panel\n      [ngClass]=\"{ 'is-open': chatService.selectedChannel$ | async }\"\n    ></bidi-chat-panel>\n  </ng-container>\n\n  <ng-template #notLoggedIn>\n    <div class=\"no-connection\">\n      <h2 class=\"has-text-centered has-text-info is-size-7\">Conectando a chat...</h2>\n    </div>\n  </ng-template>\n\n</div>\n",
                styles: [".no-connection{padding:25px;width:230px;background:rgba(30,54,72,.95);height:calc(100vh - 35px)}@media screen and (max-width:680px){bidi-group-list{width:0;overflow:hidden;transition:width .25s}bidi-group-list.is-open{width:230px}bidi-channel-list{width:0;overflow:hidden;transition:width .25s}bidi-channel-list.is-open{width:230px}}bidi-chat-panel{width:0;overflow:hidden;transition:width .25s}bidi-chat-panel.is-open{width:400px}@media screen and (max-width:680px){bidi-chat-panel{width:0;overflow:hidden;transition:width .25s}bidi-chat-panel.is-open{width:90%}}"]
            }] }
];
/** @nocollapse */
ChatComponent.ctorParameters = () => [
    { type: ChatService }
];
ChatComponent.propDecorators = {
    showLibrary: [{ type: Input }]
};
if (false) {
    /** @type {?} */
    ChatComponent.prototype.showLibrary;
    /** @type {?} */
    ChatComponent.prototype.chatService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYmlkaS9jb21tb24tY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImxpYi9tb2R1bGVzL2NoYXQvY2hhdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU83QyxNQUFNLE9BQU8sYUFBYTs7OztJQUd4QixZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUZuQyxnQkFBVyxHQUFHLElBQUksQ0FBQztJQUc1QixDQUFDOzs7WUFURixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLDJ2QkFBb0M7O2FBRXJDOzs7O1lBTlEsV0FBVzs7OzBCQVFqQixLQUFLOzs7O0lBQU4sb0NBQTRCOztJQUVmLG9DQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYXRTZXJ2aWNlIH0gZnJvbSAnLi9jaGF0LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWRpLWNoYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDaGF0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2hvd0xpYnJhcnkgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yIChwdWJsaWMgY2hhdFNlcnZpY2U6IENoYXRTZXJ2aWNlKSB7XG4gIH1cbn1cbiJdfQ==