isomtrik-quickchat
Version:
isomtrik-quickchat is a lightweight, real-time chat component built with Stencil JS. It is designed to be seamlessly integrated into web applications, offering customizable and responsive chat functionalities. The module supports both CommonJS and ES modu
128 lines (127 loc) • 4.88 kB
JavaScript
import { h } from "@stencil/core";
// import { Watch, Element } from '@stencil/core';
import "../../../stories/Components/Head/Head";
class ChatHeader {
constructor() {
this.conversationDetails = undefined;
this.onMinimize = undefined;
this.onClose = undefined;
this.isTyping = undefined;
this.backgroundColor = undefined;
this.isDark = undefined;
}
render() {
var _a, _b, _c, _d;
return (h("my-head", { key: '86f2437a5ff6de028be218ac8aea44b9110f58ed', profileImage: (_b = (_a = this.conversationDetails) === null || _a === void 0 ? void 0 : _a.opponentDetails) === null || _b === void 0 ? void 0 : _b.userProfileImageUrl, onFirstSvgClick: this.onMinimize, onSecondSvgClick: this.onClose, text: (_d = (_c = this.conversationDetails) === null || _c === void 0 ? void 0 : _c.opponentDetails) === null || _d === void 0 ? void 0 : _d.userName, borderRadius: "8px 8px 0 0", padding: "20px 15px 20px 15px", lastSeenText: this.isTyping ? 'Typing...' : '', lastSeenTextColor: "#FFF", bgColor: 'var(--chat-header-bg)', textColor: 'var(--chat-header-text)', nameTextColor: 'var(--chat-header-name-text)', closeIconColor: 'var(--chat-header-close-icon)', minimizeIconColor: 'var(--chat-header-minimize-icon)' }));
}
static get is() { return "chat-header"; }
static get encapsulation() { return "shadow"; }
static get properties() {
return {
"conversationDetails": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "ConversationDetails",
"resolved": "ConversationDetails",
"references": {
"ConversationDetails": {
"location": "import",
"path": "../../../types/ConversationDetailsTypes",
"id": "src/types/ConversationDetailsTypes.ts::ConversationDetails"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
}
},
"onMinimize": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "() => void",
"resolved": "() => void",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
}
},
"onClose": {
"type": "unknown",
"mutable": false,
"complexType": {
"original": "() => void",
"resolved": "() => void",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
}
},
"isTyping": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "is-typing",
"reflect": false
},
"backgroundColor": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": ""
},
"attribute": "background-color",
"reflect": false
},
"isDark": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": ""
},
"attribute": "is-dark",
"reflect": false
}
};
}
}
export { ChatHeader };
//# sourceMappingURL=ChatHeader.js.map