import { h, Host } from "@stencil/core";
export class RtkChatHeader {
    constructor() {
        this.onPinnedToggle = async (e) => {
            var _a, _b, _c;
            if ((_a = e.detail) === null || _a === void 0 ? void 0 : _a.open) {
                await ((_c = (_b = this.$chatSelector) === null || _b === void 0 ? void 0 : _b.close) === null || _c === void 0 ? void 0 : _c.call(_b));
            }
        };
        this.onChatToggle = async (e) => {
            var _a, _b, _c;
            if ((_a = e.detail) === null || _a === void 0 ? void 0 : _a.open) {
                await ((_c = (_b = this.$pinnedSelector) === null || _b === void 0 ? void 0 : _b.close) === null || _c === void 0 ? void 0 : _c.call(_b));
            }
        };
    }
    render() {
        return (h(Host, { key: '3cec93546dc5c7eec01df7b1b1a3847a6f004f0d' }, h("rtk-pinned-message-selector", { key: 'f099b29e1fb773bfb2931bec2358dd15819778ce', ref: (el) => (this.$pinnedSelector = el), onRtkDropdownToggle: this.onPinnedToggle }), h("rtk-chat-selector", { key: '0d33e69cf161381dc7598de279147ec9035ef8d7', ref: (el) => (this.$chatSelector = el), onRtkDropdownToggle: this.onChatToggle })));
    }
    static get is() { return "rtk-chat-header"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["rtk-chat-header.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["rtk-chat-header.css"]
        };
    }
}
