@hsaadawy/ngx-chat
Version:
19 lines • 3.08 kB
JavaScript
import { Component, EventEmitter, Output } from '@angular/core';
export class ChatWindowFrameComponent {
constructor() {
this.closeClick = new EventEmitter();
this.headerClick = new EventEmitter();
}
}
ChatWindowFrameComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-chat-window-frame',
template: "<div class=\"window\">\r\n\r\n <div (click)=\"headerClick.emit()\" class=\"window-header\">\r\n\r\n <ng-content select=\".window-header-content\"></ng-content>\r\n\r\n <div *ngIf=\"closeClick.observers.length > 0\" class=\"window-close\" (click)=\"closeClick.emit()\">\r\n ×\r\n </div>\r\n\r\n </div>\r\n\r\n <ng-content select=\".window-content\"></ng-content>\r\n\r\n</div>\r\n",
styles: ["@keyframes ngx-chat-message-in{0%{transform:translate(50px);opacity:0}to{transform:none;opacity:1}}@keyframes ngx-chat-message-out{0%{transform:translate(-50px);opacity:0}to{transform:none;opacity:1}}.messageItem{background-color:red;width:100%;border-radius:2px}*{box-sizing:border-box;margin:0;padding:0;font-family:\"Helvetica\",\"Arial\",serif}.window{border:1px solid #e1e1e1;border-bottom:none;background:#f5f5f5;margin-left:1em;width:20em;bottom:0;pointer-events:auto;position:relative}.window-header{display:flex;justify-content:space-between;border-bottom:1px solid #e1e1e1;cursor:pointer;height:2.5em;align-items:center;padding:.25em}.window-header:hover{background-color:#efefef}.window-close{padding:.5em;text-align:right;color:#777}.window-close:hover{color:#000}\n"]
},] }
];
ChatWindowFrameComponent.propDecorators = {
closeClick: [{ type: Output }],
headerClick: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC13aW5kb3ctZnJhbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcGF6em5ldHdvcmsvbmd4LWNoYXQvc3JjL2xpYi9jb21wb25lbnRzL2NoYXQtd2luZG93LWZyYW1lL2NoYXQtd2luZG93LWZyYW1lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPaEUsTUFBTSxPQUFPLHdCQUF3QjtJQUxyQztRQVFJLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBR3RDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUUzQyxDQUFDOzs7WUFiQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsc2JBQWlEOzthQUVwRDs7O3lCQUdJLE1BQU07MEJBR04sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3gtY2hhdC13aW5kb3ctZnJhbWUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtd2luZG93LWZyYW1lLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2NoYXQtd2luZG93LWZyYW1lLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGF0V2luZG93RnJhbWVDb21wb25lbnQge1xyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIGhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxufVxyXG4iXX0=