npm - uapp-communication-sdk - Versions diffs - 1.0.0-dev.54 - Mend

uapp-communication-sdk 1.0.0-dev.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2125) hide show

package/rtk-avatar_26.entry-CEksnaAj.js ADDED Viewed

@@ -0,0 +1,1828 @@
+import { $ as e, G as t, J as n, Q as r, W as i, X as a, Y as o, Z as s, _ as c, g as l, h as ee, m as u, w as d } from "./ui-store-4fbabb78-B6WDMKSM.js";
+import { t as f } from "./index-8be19fcf-BppFp8rx.js";
+import { n as te, r as ne } from "./date-b1f78dea-CMBworrP.js";
+import { i as p, n as re, r as ie, t as ae } from "./string-068ce30a-DsdGnSiw.js";
+import { t as oe } from "./index-3f51790f-Cnkj1veX.js";
+import { i as se, l as ce, n as le, o as ue, t as de } from "./chat-98db6d32-D3jNjCkY.js";
+import { n as fe, r as pe, t as m } from "./file-6114f1a9-BqdWZ5p6.js";
+import { r as h, t as g } from "./merge-d1e6bb2e-DU-Azq-P.js";
+import { t as me } from "./config-73678ba3-Cj6e6Qdv.js";
+import { t as he } from "./ResizeObserver.es-02979d4e-7ifz085B.js";
+import { t as ge } from "./join-error-e87be64a-Bxi3HnXN.js";
+import { i as _e, o as ve, r as _, s as v, t as ye } from "./floating-ui.dom.esm-21c3d54e-BPpyJeSs.js";
+import { t as be } from "./debounce-d193e708-DvRG74IY.js";
+//#region node_modules/@cloudflare/realtimekit-ui/dist/esm/rtk-avatar_26.entry.js
+var xe = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}", Se = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, y = class {
+	constructor(e) {
+		r(this, e), this.variant = "circular", this.iconPack = l, this.t = t(), this.imageState = "loading", this.getAvatar = () => {
+			let e = ae(this.participant?.name || ""), t;
+			if (this.participant != null && "picture" in this.participant && (t = this.participant.picture), t && t.length > 0 && this.imageState !== "errored") return s("div", { class: "image-ctr" }, this.imageState === "loading" && s("rtk-spinner", { iconPack: this.iconPack }), s("img", {
+				src: t,
+				class: { loaded: this.imageState === "loaded" },
+				loading: "lazy",
+				title: e,
+				onLoad: () => this.imageState = "loaded",
+				onError: () => this.imageState = "errored",
+				part: "image"
+			}));
+			let n = re(e);
+			return s("div", {
+				class: "initials",
+				title: e,
+				part: "initials"
+			}, n);
+		};
+	}
+	render() {
+		return s(n, { key: "d7d3a7b03a3807984dc6798b5e35cec4418e06e7" }, this.getAvatar(), s("slot", { key: "25aa9fe632a132c1e2f8ef88ac98043bb8ef085a" }));
+	}
+};
+Se([f()], y.prototype, "iconPack", void 0), Se([f()], y.prototype, "t", void 0), y.style = xe;
+var Ce = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--icon-size:var(--rtk-button-icon-size, var(--rtk-space-5, 20px));--transition-property:var(--rtk-transition-property, all);--transition-duration:100ms;display:inline-flex;height:var(--rtk-space-8, 32px);cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-sm, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration)}button{box-sizing:border-box;background-color:transparent;color:inherit;border:var(--rtk-border-width-sm, 1px) solid transparent;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);display:inline-flex;flex-grow:1;justify-content:center;vertical-align:baseline;gap:var(--rtk-space-1, 4px);transition-property:var(--transition-property);transition-duration:var(--transition-duration);outline:none;height:inherit;border-radius:inherit;fill:inherit;cursor:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.start,.content,.end{align-self:center}::slotted(rtk-icon),::slotted(rtk-spinner){height:var(--icon-size);width:var(--icon-size)}:host([variant='primary']){color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}button:focus-visible{border-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity))}:host([disabled]:not([disabled='false'])){cursor:not-allowed;opacity:0.6}:host([variant='secondary']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='secondary']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='secondary']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([variant='danger']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='danger']:hover){background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.7)}:host([variant='danger']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}:host([variant='ghost']){background-color:transparent;color:inherit}:host([variant='ghost'].active){--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}:host([variant='ghost']:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='ghost']:active){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([kind='icon']){--icon-size:var(--rtk-space-5, 20px);width:var(--rtk-space-8, 32px)}:host([kind='icon']) button{padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px)}:host([kind='wide']){width:100%}:host([size='lg']){--icon-size:var(--rtk-space-5, 20px);height:var(--rtk-space-10, 40px);font-size:16px}:host([size='lg'][kind='icon']){--icon-size:var(--rtk-space-6, 24px);height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px)}:host([size='sm']){--icon-size:var(--rtk-space-4, 16px);height:var(--rtk-space-6, 24px);font-size:12px}:host([size='sm'][kind='icon']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}", b = class {
+	constructor(e) {
+		r(this, e), this.variant = "primary", this.kind = "button", this.reverse = !1, this.disabled = !1, this.type = "button";
+	}
+	render() {
+		return s(n, { key: "0f96cef4ae77a2be8013fa5d62d39626734eeced" }, s("button", {
+			key: "8c06d5f5cc71779b8d56f31d2dd77b8d35e8b280",
+			part: "button",
+			type: this.type,
+			disabled: this.disabled
+		}, s("span", {
+			key: "ae741ddf8cc914f9493c26330b1f322541f64223",
+			class: "start"
+		}, s("slot", {
+			key: "18275dab42a4dd38b5a59463ffca227e4a6df3c8",
+			name: "start"
+		})), s("span", {
+			key: "c2b912515b6edc2966c4cdb282c89022aa05c13f",
+			class: "content",
+			part: "content"
+		}, s("slot", { key: "5d87993198e16a3b5f38e62979fa2ee5637a059d" })), s("span", {
+			key: "0bc907da23ea362f8ae0b3fdf88452b1c3881078",
+			class: "end"
+		}, s("slot", {
+			key: "0862eeefcfa5765ce605b99a04aab88222ed6e68",
+			name: "end"
+		}))));
+	}
+	static get delegatesFocus() {
+		return !0;
+	}
+};
+b.style = Ce;
+var we = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin:var(--rtk-space-0, 0px);display:flex;height:var(--rtk-space-12, 48px);align-items:center;justify-content:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}rtk-chat-messages-ui,rtk-chat-messages-ui-paginated{flex:1 0 0}rtk-chat-composer-view{margin:var(--rtk-space-2, 8px)}.chat-container{display:flex;height:100%;width:100%;flex-direction:row;container-type:size;container-name:chatcontainer}.chat{box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column}.banner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-chats-btn{margin-top:var(--rtk-space-4, 16px)}.selector-container{z-index:50;width:100%;max-width:var(--rtk-space-80, 320px);border-right:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.selector-container.hide{display:none}.mobile-close-btn{display:none}.selector-container.mobile{height:100%;width:100%;max-width:100%;position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);display:flex}.selector-container.mobile .mobile-close-btn{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);margin-left:var(--rtk-space-6, 24px);margin-right:var(--rtk-space-6, 24px);display:block}.pinned-messages{position:relative;display:flex;flex-direction:column}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));font-size:14px;cursor:pointer}.pinned-messages-header div{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}.pinned-messages-header rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}.pinned-messages-content{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));position:absolute;left:var(--rtk-space-0, 0px);top:100%;z-index:50;max-height:30vh;width:100%;overflow:auto}.pinned-message{display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-4, 16px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-style:solid}.pinned-message-avatar{height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important}@keyframes swipe-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}", x = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, S = class {
+	constructor(e) {
+		r(this, e), this.stateUpdate = o(this, "rtkStateUpdate", 7), this.chatPermissionUpdateListener = () => {
+			this.canSend = this.meeting.self.permissions.chatPublic.canSend, this.canSendTextMessage = this.meeting.self.permissions.chatPublic.text, this.canSendFiles = this.meeting.self.permissions.chatPublic.files;
+		}, this.config = u(), this.iconPack = l, this.t = t(), this.overrides = c, this.canPinMessages = !1, this.now = /* @__PURE__ */ new Date(), this.dropzoneActivated = !1, this.showLatestMessageButton = !1, this.canSend = !1, this.canSendTextMessage = !1, this.canSendFiles = !1, this.canPrivateMessage = !1, this.canSendPrivateTexts = !1, this.canSendPrivateFiles = !1, this.emojiPickerEnabled = !1, this.participants = [], this.editingMessage = null, this.replyMessage = null, this.searchQuery = "", this.selectorState = "hide", this.isSendingMessage = !1, this.showPinnedMessages = !1, this.onDragOver = (e) => {
+			e.preventDefault(), this.dropzoneActivated = !0;
+		}, this.onDragLeave = () => {
+			this.dropzoneActivated = !1;
+		}, this.onDrop = (e) => {
+			e.preventDefault(), this.dropzoneActivated = !1, se(e.dataTransfer.items, (e, t) => {
+				var n, r;
+				switch (e) {
+					case "image":
+						this.isFileMessagingAllowed() && ((n = this.meeting?.chat) == null || n.sendImageMessage(t, this.getRecipientPeerIds()));
+						break;
+					case "file":
+						this.isFileMessagingAllowed() && ((r = this.meeting?.chat) == null || r.sendFileMessage(t, this.getRecipientPeerIds()));
+						break;
+				}
+			});
+		}, this.disconnectMeeting = (e) => {
+			e.self.permissions.removeListener("*", this.chatPermissionUpdateListener);
+		}, this.isTextMessagingAllowed = () => this.selectedParticipant ? this.canPrivateMessage && this.canSendPrivateTexts : this.canSend && this.canSendTextMessage, this.isFileMessagingAllowed = () => this.selectedParticipant ? this.canPrivateMessage && this.canSendPrivateFiles : this.canSend && this.canSendFiles, this.onQuotedMessageDismiss = () => {
+			this.replyMessage = null;
+		}, this.onNewMessageHandler = async (e) => {
+			let t = e.detail;
+			this.isSendingMessage = !0;
+			try {
+				await this.meeting.chat.sendMessage(t, this.getRecipientPeerIds());
+			} finally {
+				this.isSendingMessage = !1;
+			}
+		}, this.onEditMessageHandler = async (e) => {
+			this.isSendingMessage = !0;
+			try {
+				await (this.meeting?.chat)?.editTextMessage(this.editingMessage.id, e.detail);
+			} finally {
+				this.isSendingMessage = !1, this.editingMessage = null;
+			}
+		}, this.onEditCancel = () => {
+			this.editingMessage = null;
+		}, this.onPinMessage = (e) => {
+			let t = e.detail;
+			t.pinned ? this.meeting.chat.unpin(t.id) : this.meeting.chat.pin(t.id);
+		}, this.onDeleteMessage = (e) => {
+			let t = e.detail;
+			this.editingMessage?.id === t.id && (this.editingMessage = null);
+			try {
+				if (typeof localStorage < "u") {
+					let e = [];
+					for (let n = 0; n < localStorage.length; n++) {
+						let r = localStorage.key(n);
+						r && r.startsWith("rtk-chat-edit-") && r.endsWith(`-${t.id}`) && e.push(r);
+					}
+					e.forEach((e) => localStorage.removeItem(e));
+				}
+			} catch {}
+			this.meeting.chat.deleteMessage(t.id);
+		}, this.onMessageEdit = (e) => {
+			let t = e.detail;
+			t.type === "text" && (this.replyMessage = null, this.editingMessage = t);
+		};
+	}
+	connectedCallback() {
+		this.meeting && (this.meetingChanged(this.meeting), !(this.meeting && !this.meeting.chat) && this.isFileMessagingAllowed() && (this.host.addEventListener("dragover", this.onDragOver), this.host.addEventListener("dragleave", this.onDragLeave), this.host.addEventListener("drop", this.onDrop)));
+	}
+	onEditMessageInit(e) {
+		e.detail.flags.isReply ? this.replyMessage = e.detail.payload : e.detail.flags.isEdit && (this.editingMessage = e.detail.payload);
+	}
+	onChatSelectorChange(e) {
+		let t = e.detail?.selectedUser;
+		if (!t) {
+			this.selectedParticipant = null;
+			return;
+		}
+		this.selectedParticipant = t;
+	}
+	disconnectedCallback() {
+		var e;
+		(e = this.resizeObserver) == null || e.disconnect(), this.disconnectMeeting(this.meeting), this.host.removeEventListener("dragover", this.onDragOver), this.host.removeEventListener("dragleave", this.onDragLeave), this.host.removeEventListener("drop", this.onDrop);
+	}
+	meetingChanged(e, t) {
+		t != null && this.disconnectMeeting(t), !(e && !e.chat) && e != null && (this.canSend = e.self.permissions.chatPublic.canSend, this.canSendTextMessage = e.self.permissions.chatPublic.text, this.canSendFiles = e.self.permissions.chatPublic.files, this.canPrivateMessage = !!(e.self.permissions.chatPrivate?.canSend || e.self.permissions.chatPrivate?.canReceive), this.canSendPrivateTexts = !!e.self.permissions.chatPrivate?.text, this.canSendPrivateFiles = !!e.self.permissions.chatPrivate?.files, e.self.permissions.on("*", this.chatPermissionUpdateListener));
+	}
+	getRecipientPeerIds() {
+		return this.selectedParticipant ? [this.selectedParticipant.id] : [];
+	}
+	renderComposerUI() {
+		if (!this.selectedParticipant) {
+			if (!this.canSendTextMessage && !this.canSendFiles) return null;
+		} else if (!this.canSendPrivateTexts && !this.canSendPrivateFiles) return null;
+		let e = {
+			iconPack: this.iconPack,
+			t: this.t,
+			size: this.size
+		}, t = this.editingMessage ? this.editingMessage.message : "", n = this.replyMessage ? this.replyMessage.message : "", r = this.editingMessage ? `rtk-chat-edit-no-channel-${this.editingMessage.id}` : "rtk-chat-edit", i = this.editingMessage ? r : "rtk-chat-draft";
+		return s("rtk-chat-composer-view", Object.assign({
+			message: t,
+			storageKey: i,
+			quotedMessage: n,
+			isEditing: !!this.editingMessage,
+			isSending: this.isSendingMessage,
+			canSendTextMessage: this.isTextMessagingAllowed(),
+			canSendFiles: this.isFileMessagingAllowed(),
+			disableEmojiPicker: this.overrides.disableEmojiPicker,
+			maxLength: this.meeting.chat.maxTextLimit,
+			rateLimits: this.meeting.chat.rateLimits,
+			inputTextPlaceholder: this.t("chat.message_placeholder"),
+			onNewMessage: this.onNewMessageHandler,
+			onEditMessage: this.onEditMessageHandler,
+			onEditCancel: this.onEditCancel,
+			onQuotedMessageDismiss: this.onQuotedMessageDismiss
+		}, e), s("slot", {
+			name: "chat-addon",
+			slot: "chat-addon"
+		}));
+	}
+	render() {
+		return this.meeting ? s(n, null, s("div", { class: "chat-container" }, s("div", { class: "chat" }, this.isFileMessagingAllowed() && s("div", {
+			id: "dropzone",
+			class: { active: this.dropzoneActivated },
+			part: "dropzone"
+		}, s("rtk-icon", { icon: this.iconPack.attach }), s("p", null, this.t("chat.send_attachment"))), s("rtk-chat-header", null), s("rtk-chat-messages-ui-paginated", {
+			meeting: this.meeting,
+			privateChatRecipient: this.selectedParticipant,
+			onPinMessage: this.onPinMessage,
+			onEditMessage: this.onMessageEdit,
+			onDeleteMessage: this.onDeleteMessage,
+			size: this.size,
+			iconPack: this.iconPack,
+			t: this.t
+		}), this.renderComposerUI()))) : null;
+	}
+	get host() {
+		return a(this);
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+x([f()], S.prototype, "meeting", void 0), x([f()], S.prototype, "config", void 0), x([f()], S.prototype, "iconPack", void 0), x([f()], S.prototype, "t", void 0), x([f()], S.prototype, "overrides", void 0), S.style = we;
+var Te = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n", C = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, w = {
+	messagesSent: 0,
+	startTime: 0
+}, T = class {
+	constructor(e) {
+		r(this, e), this.onNewMessage = o(this, "newMessage", 7), this.onEditMessage = o(this, "editMessage", 7), this.onEditCancel = o(this, "editCancel", 7), this.onQuotedMessageDismiss = o(this, "quotedMessageDismiss", 7), this.canSendTextMessage = !0, this.isSending = !1, this.canSendFiles = !0, this.message = "", this.quotedMessage = "", this.storageKey = "rtk-text-message", this.inputTextPlaceholder = "Enter your message", this.isEditing = !1, this.iconPack = l, this.t = t(), this.disableEmojiPicker = !1, this.rateLimits = {
+			period: 60,
+			maxInvocations: 60
+		}, this.fileToUpload = null, this.isEmojiPickerOpen = !1, this.disableSendButton = !1, this.rateLimitsBreached = !1, this.textMessage = "", this.sendFile = () => {
+			this.canSendFiles && (this.fileToUpload.type === "image" ? this.onNewMessage.emit({
+				type: "image",
+				image: this.fileToUpload.file
+			}) : this.onNewMessage.emit({
+				type: "file",
+				file: this.fileToUpload.file
+			}), this.fileToUpload = null);
+		}, this.handleSendMessage = () => {
+			if (!this.canSendTextMessage || this.rateLimitsBreached) return;
+			if (this.fileToUpload !== null) {
+				this.sendFile();
+				return;
+			}
+			let e = this.textMessage, t = Date.now();
+			t - w.startTime > this.rateLimits.period * 1e3 && (w.startTime = t, w.messagesSent = 0), w.messagesSent += 1, this.checkRateLimitBreached(t), e.length > 0 && (this.onNewMessage.emit({
+				type: "text",
+				message: e
+			}), this.cleanup());
+		}, this.handleEditMessage = () => {
+			this.onEditMessage.emit(this.textMessage), this.cleanup();
+		}, this.handleEditCancel = () => {
+			this.onEditCancel.emit(), this.cleanup();
+		}, this.onTextChangeHandler = (e) => {
+			this.textMessage = e.detail, this.textMessage.length >= (this.maxLength ?? 2e3) ? this.disableSendButton = !0 : this.disableSendButton &&= !1, d.setItem(this.storageKey, e.detail);
+		}, this.onKeyDownHandler = (e) => {
+			e.key === "Enter" && e.shiftKey || this.disableSendButton || e.key === "Enter" && (e.preventDefault(), this.isEditing ? this.handleEditMessage() : this.handleSendMessage());
+		}, this.onFileUploadHandler = (e, t) => {
+			this.fileToUpload = {
+				type: e,
+				file: t
+			};
+		}, this.onQuotedMessageDismissHandler = () => {
+			this.onQuotedMessageDismiss.emit();
+		}, this.cleanup = () => {
+			this.textMessage = "", this.fileToUpload = null, d.setItem(this.storageKey, ""), this.$textComposer.setText("", !0), this.isEmojiPickerOpen = !1;
+		}, this.onKeyDownHandler = this.onKeyDownHandler.bind(this);
+	}
+	connectedCallback() {
+		this.textMessage = this.message || d.getItem(this.storageKey) || "", this.checkRateLimitBreached(Date.now());
+	}
+	componentWillUpdate() {
+		this.textMessage = this.message || d.getItem(this.storageKey) || "";
+	}
+	componentDidLoad() {
+		this.message && e(() => this.$textComposer.setText(this.message, !0));
+	}
+	checkRateLimitBreached(e) {
+		if (w.messagesSent >= this.rateLimits.maxInvocations) {
+			this.disableSendButton = !0, this.rateLimitsBreached = !0;
+			let t = e - w.startTime + this.rateLimits.period * 1e3;
+			setTimeout(() => {
+				w.messagesSent = 0, w.startTime = Date.now(), this.disableSendButton = !1, this.rateLimitsBreached = !1;
+			}, t);
+		}
+	}
+	render() {
+		let e = {
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return s(n, { key: "2df23422579c855ced1cb6d24bb95786a1326baf" }, this.canSendTextMessage && this.isEmojiPickerOpen && s("rtk-emoji-picker", Object.assign({
+			key: "a7ed280a636d0207f58f0ad13f79c1eaed52ab9c",
+			part: "emoji-picker",
+			onPickerClose: () => {
+				this.isEmojiPickerOpen = !1;
+			},
+			onRtkEmojiClicked: (e) => {
+				this.textMessage += e.detail, this.$textComposer.setText(this.textMessage, !0);
+			}
+		}, e)), s("slot", {
+			key: "759df2a2029fbba963cfc26cd871771881dd6c5e",
+			name: "chat-addon"
+		}), this.quotedMessage && this.quotedMessage.length !== 0 && s("div", {
+			key: "413be05a7374fc76f790ad3f6f5bef5a56a6ef97",
+			class: "quoted-message-container",
+			part: "quoted-message-container"
+		}, s("div", {
+			key: "7fb6b571103c675dca202b74bd07fd55062dab70",
+			class: "quoted-message scrollbar"
+		}, s("rtk-text-message-view", {
+			key: "3997aa719a746234c5641e976dd0c27e68b69dae",
+			text: this.quotedMessage,
+			isMarkdown: !0
+		})), s("div", { key: "f76ec54e3d67d6957d5d152b144b22d8cc122660" }, s("rtk-icon", {
+			key: "897b52fc41814d2cb8beeb461c36c9843cb2869e",
+			"aria-label": this.t("dismiss"),
+			class: "dismiss",
+			icon: this.iconPack.dismiss,
+			onClick: this.onQuotedMessageDismissHandler
+		}))), s("div", {
+			key: "35447eb1fffffd372c231bc76ce741e483e7f26a",
+			class: "composer-container"
+		}, s("div", {
+			key: "0f8f198df49fcc27f6c85b8d6909eb2a7c00e142",
+			class: "composers"
+		}, this.fileToUpload && s("rtk-draft-attachment-view", Object.assign({ key: "9d325d05fecb12ecb41f02e54561d2e1b59b2c2f" }, e, {
+			attachment: this.fileToUpload,
+			onDeleteAttachment: () => this.fileToUpload = null
+		})), !this.fileToUpload && s("rtk-text-composer-view", {
+			key: "fbc870bb9d9c2418e528e64273edb67846e23e17",
+			value: this.textMessage,
+			placeholder: this.inputTextPlaceholder,
+			onTextChange: this.onTextChangeHandler,
+			keyDownHandler: this.onKeyDownHandler,
+			maxLength: this.maxLength ?? 2e3,
+			rateLimitBreached: this.rateLimitsBreached,
+			t: this.t,
+			iconPack: this.iconPack,
+			ref: (e) => this.$textComposer = e
+		})), s("div", {
+			key: "20191403531eb87bca86d13387c7937153a4c99e",
+			class: "chat-buttons",
+			part: "chat-buttons"
+		}, s("div", {
+			key: "4914a61fea3f502dc14778a237e9ce35a97e3afc",
+			class: "left",
+			part: "chat-buttons-left"
+		}, !this.fileToUpload && !this.isEditing && s("div", { key: "76c843588f2f7d90f5e60a1e44955309026eda27" }, this.canSendFiles && [s("rtk-file-picker-button", Object.assign({ key: "cbb6f17b22f10b48ada27a4b4da3c1d5b2c7e320" }, e, { onFileChange: (e) => this.onFileUploadHandler("file", e.detail) })), s("rtk-file-picker-button", Object.assign({
+			key: "0868162a2da021dd4175e977adf47d72ca54044a",
+			filter: "image/*",
+			label: this.t("chat.send_img"),
+			icon: "image",
+			onFileChange: (e) => this.onFileUploadHandler("image", e.detail)
+		}, e))], this.canSendTextMessage && !this.disableEmojiPicker && s("rtk-emoji-picker-button", Object.assign({
+			key: "a73378b5495dc3bfcde7dba335f674292ee6a96c",
+			isActive: this.isEmojiPickerOpen,
+			onClick: () => {
+				this.isEmojiPickerOpen = !this.isEmojiPickerOpen;
+			}
+		}, e)), s("slot", {
+			key: "31208ad279dec430da4527d22730de8e418bc722",
+			name: "chat-buttons"
+		}))), s("div", {
+			key: "04fcdd3f690548cbf1e257ffb2982785e557726b",
+			class: "right",
+			part: "chat-buttons-right"
+		}, !this.isEditing && s("rtk-tooltip", {
+			key: "367bf710673a0a2276f46d52289409abb77fe27b",
+			variant: "primary",
+			label: this.t("chat.send_msg"),
+			delay: 2e3
+		}, s("rtk-button", {
+			key: "c677e3026636c375ed7eee411c596f6d2a802794",
+			kind: "icon",
+			disabled: this.disableSendButton || this.isSending,
+			onClick: () => this.handleSendMessage(),
+			title: this.t("chat.send_msg")
+		}, this.isSending ? s("rtk-spinner", { size: "sm" }) : s("rtk-icon", { icon: this.iconPack.send }))), this.isEditing && s("div", {
+			key: "1e09e8868e4ae048b36bc8198b8aa1de92209a00",
+			class: "edit-buttons"
+		}, s("rtk-tooltip", {
+			key: "29ff7a39bd168169fa7d104357b529a2c9efe0fd",
+			variant: "secondary",
+			label: this.t("cancel"),
+			delay: 2e3
+		}, s("rtk-button", {
+			key: "27cf5353d0e8c2620fd8d4213994a9dcc83f83f3",
+			kind: "icon",
+			variant: "secondary",
+			onClick: () => this.handleEditCancel(),
+			title: this.t("cancel")
+		}, s("rtk-icon", {
+			key: "aeb4c9df3993c6cebf952f64f6676eb8a3866bb0",
+			icon: this.iconPack.dismiss
+		}))), s("rtk-tooltip", {
+			key: "835195d0f51a1db81e66a1b2d9076a71f2aaee4e",
+			variant: "primary",
+			label: this.t("chat.update_msg"),
+			delay: 2e3
+		}, s("rtk-button", {
+			key: "d524f01ba5d7ca52224d39e23e7f963972ad80c9",
+			kind: "icon",
+			onClick: () => this.handleEditMessage(),
+			title: this.t("chat.send_msg")
+		}, this.isSending ? s("rtk-spinner", { size: "sm" }) : s("rtk-icon", { icon: this.iconPack.checkmark }))))))));
+	}
+};
+C([f()], T.prototype, "iconPack", void 0), C([f()], T.prototype, "t", void 0), T.style = Te;
+var Ee = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;width:100%;flex-direction:column;gap:var(--rtk-space-2, 8px);font-size:14px;z-index:10;margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);overflow:hidden;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));cursor:pointer}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}", De = class {
+	constructor(e) {
+		r(this, e), this.onPinnedToggle = async (e) => {
+			var t;
+			e.detail?.open && await ((t = this.$chatSelector)?.close)?.call(t);
+		}, this.onChatToggle = async (e) => {
+			var t;
+			e.detail?.open && await ((t = this.$pinnedSelector)?.close)?.call(t);
+		};
+	}
+	render() {
+		return s(n, { key: "af9956ff6e693f29fb63a6180ef773a0e64822e5" }, s("rtk-pinned-message-selector", {
+			key: "b0d9199d02d84453f8ee26c3a47e00c82047e4f6",
+			ref: (e) => this.$pinnedSelector = e,
+			onRtkDropdownToggle: this.onPinnedToggle
+		}), s("rtk-chat-selector", {
+			key: "4d019562a85ebfeaf4ceae2e99d1b9c8c282127a",
+			ref: (e) => this.$chatSelector = e,
+			onRtkDropdownToggle: this.onChatToggle
+		}));
+	}
+};
+De.style = Ee;
+var Oe = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}", E = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, D = class {
+	constructor(e) {
+		r(this, e), this.editMessageInit = o(this, "editMessageInit", 7), this.onPinMessage = o(this, "pinMessage", 7), this.onEditMessage = o(this, "editMessage", 7), this.onDeleteMessage = o(this, "deleteMessage", 7), this.stateUpdate = o(this, "rtkStateUpdate", 7), this.iconPack = l, this.t = t(), this.permissionsChanged = !1, this.pageSize = 25, this.permissionsUpdateListener = () => {
+			this.permissionsChanged = !this.permissionsChanged;
+		}, this.getChatMessages = async (e, t, n) => {
+			if (this.privateChatRecipient) try {
+				return await this.meeting.chat.fetchPrivateMessages({
+					timestamp: e,
+					limit: t,
+					direction: n ? "before" : "after",
+					userId: this.privateChatRecipient.userId
+				});
+			} catch {
+				return [];
+			}
+			try {
+				return await this.meeting.chat.fetchPublicMessages({
+					timestamp: e,
+					limit: t,
+					direction: n ? "before" : "after"
+				});
+			} catch {
+				return [];
+			}
+		}, this.createChatNodes = (e) => e.map((t, n) => {
+			let r = t.userId === e[n - 1]?.userId;
+			if (!(!this.privateChatRecipient && t.targetUserIds?.length > 0)) return this.createChatNode(t, r);
+		}), this.disconnectMeeting = (e) => {
+			var t, n;
+			(t = e?.chat) == null || t.removeListener("chatUpdate", this.chatUpdateListener), (n = this.meeting) == null || n.self.permissions.removeListener("permissionsUpdate", this.permissionsUpdateListener);
+		}, this.getMessageActions = (e) => {
+			let t = [], n = e.userId === this.meeting.self.userId;
+			return e.targetUserIds?.length > 0 || t.push({
+				id: "pin_message",
+				label: e.pinned ? this.t("unpin") : this.t("pin"),
+				icon: this.iconPack.pin
+			}), n && (t.push({
+				id: "edit_message",
+				label: this.t("chat.edit_msg"),
+				icon: this.iconPack.edit
+			}), t.push({
+				id: "delete_message",
+				label: this.t("chat.delete_msg"),
+				icon: this.iconPack.delete
+			})), t;
+		}, this.onMessageActionHandler = (e, t) => {
+			switch (e) {
+				case "pin_message":
+					this.onPinMessage.emit(t);
+					break;
+				case "edit_message":
+					this.onEditMessage.emit(t);
+					break;
+				case "delete_message":
+					this.onDeleteMessage.emit(t);
+					break;
+			}
+		}, this.createChatNode = (e, t) => {
+			let n;
+			n = this.meeting.meta.viewType === "CHAT" ? this.meeting.participants.all.toArray().find((t) => t.userId === e.userId)?.picture : this.meeting.self.userId === e.userId ? this.meeting.self.picture : this.meeting.participants.joined.toArray().find((t) => t.userId === e.userId)?.picture ?? this.meeting.participants.waitlisted.toArray().find((t) => t.userId === e.userId)?.picture;
+			let r = e.userId === this.meeting.self.userId, i = r ? "outgoing" : "incoming";
+			return s("div", null, s("div", {
+				class: "message-wrapper",
+				id: e.id
+			}, s("rtk-message-view", {
+				messageType: e.type,
+				pinned: e.pinned,
+				isEdited: e.isEdited,
+				time: e.time,
+				actions: this.getMessageActions(e),
+				authorName: e.displayName,
+				isSelf: r,
+				avatarUrl: n,
+				hideAuthorName: t,
+				viewType: i,
+				variant: "bubble",
+				onAction: (t) => this.onMessageActionHandler(t.detail, e)
+			}, s("div", null, s("div", { class: "body" }, e.type === "text" && s("rtk-text-message-view", {
+				text: e.message,
+				isMarkdown: !0
+			}), e.type === "file" && s("rtk-file-message-view", {
+				name: e.name,
+				url: e.link,
+				size: e.size
+			}), e.type === "image" && s("rtk-image-message-view", {
+				url: e.link,
+				onPreview: () => {
+					this.stateUpdate.emit({ image: e });
+				}
+			}))))));
+		}, this.chatUpdateListener = (e) => {
+			e.message.targetUserIds?.length > 0 && !e.message.targetUserIds.includes(this.privateChatRecipient?.userId) || this.privateChatRecipient && e.message.targetUserIds?.length === 0 || (e.action === "add" ? this.$paginatedListRef.onNewNode(e.message) : e.action === "delete" ? this.$paginatedListRef.onNodeDelete(e.message.id) : e.action === "edit" && this.$paginatedListRef.onNodeUpdate(e.message.id, e.message));
+		};
+	}
+	componentDidLoad() {
+		let e = this.host.shadowRoot.querySelector("slot");
+		e && (this.children = e.assignedElements()[0]);
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	async onPinnedMessageSelect(e) {
+		var t;
+		let n = e.detail;
+		n && await ((t = this.$paginatedListRef)?.reset)?.call(t, n.timeMs + 1);
+	}
+	disconnectedCallback() {
+		this.disconnectMeeting(this.meeting);
+	}
+	privateChatRecipientChanged() {
+		var e;
+		(e = this.$paginatedListRef) == null || e.reset();
+	}
+	meetingChanged(e, t) {
+		var n;
+		t != null && this.disconnectMeeting(t), !(e && !e.chat) && (e != null && ((n = e.chat) == null || n.addListener("chatUpdate", this.chatUpdateListener), e.self.permissions.addListener("permissionsUpdate", this.permissionsUpdateListener)), this.permissionsUpdateListener());
+	}
+	render() {
+		return s(n, { key: "8062f966f4bc489a4fdadb2da59bb88473e45194" }, s("rtk-paginated-list", {
+			key: "7f50458ee29cd7bd83bd123303e82db556230d67",
+			ref: (e) => this.$paginatedListRef = e,
+			pageSize: this.pageSize,
+			pagesAllowed: 3,
+			fetchData: this.getChatMessages,
+			createNodes: this.createChatNodes,
+			emptyListLabel: this.t("chat.empty_chat")
+		}, s("slot", { key: "69b0106558d9995b0bc24ed3d0d36f56febbf90f" })));
+	}
+	get host() {
+		return a(this);
+	}
+	static get watchers() {
+		return {
+			privateChatRecipient: ["privateChatRecipientChanged"],
+			meeting: ["meetingChanged"]
+		};
+	}
+};
+E([f()], D.prototype, "meeting", void 0), E([f()], D.prototype, "iconPack", void 0), E([f()], D.prototype, "t", void 0), D.style = Oe;
+var ke = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.public-chat-icon rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}", O = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, k = class {
+	constructor(e) {
+		r(this, e), this.dropdownToggle = o(this, "rtkDropdownToggle", 7), this.chatSelectorChange = o(this, "rtkChatSelectorChange", 7), this.config = u(), this.iconPack = l, this.t = t(), this.overrides = c, this.isOpen = !1, this.showPrivateChat = !1, this.selectedUser = void 0, this.pageSize = 1e5, this.pagesAllowed = 3, this.unreadMap = /* @__PURE__ */ new Map(), this.disconnectMeeting = (e) => {
+			var t, n, r, i;
+			let { self: a, participants: o } = e || {};
+			(t = e.chat) == null || t.off("chatUpdate", this.chatUpdateListener), (n = a?.permissions) == null || n.off("*", this.chatPermissionUpdateListener), (r = o?.joined) == null || r.off("participantJoined", this.participantJoinedListener), (i = o?.joined) == null || i.off("participantLeft", this.participantLeftListener);
+		}, this.toggle = (e) => {
+			e.preventDefault(), e.stopPropagation(), this.isOpen = !this.isOpen, this.dropdownToggle.emit({ open: this.isOpen });
+		}, this.selectUser = async (e) => {
+			e?.userId && (this.unreadMap.set(e.userId, !1), this.$paginatedListRef.rerenderList()), this.selectedUser = e, this.chatSelectorChange.emit({ selectedUser: e }), await this.close();
+		}, this.chatPermissionUpdateListener = () => {
+			this.showPrivateChat = !!(this.meeting.self.permissions.chatPrivate?.canSend || this.meeting.self.permissions.chatPrivate?.canReceive), this.showPrivateChat || (this.selectedUser = void 0, this.chatSelectorChange.emit({ selectedUser: void 0 }));
+		}, this.onParticipantUpdate = () => {
+			var e;
+			this.selectedUser && ((((e = this.meeting?.participants?.joined)?.toArray)?.call(e) || []).some((e) => e.id === this.selectedUser?.id) || (this.selectedUser = void 0, this.chatSelectorChange.emit({ selectedUser: void 0 })));
+		}, this.participantJoinedListener = (e) => {
+			this.$paginatedListRef.onNewNode(e);
+		}, this.participantLeftListener = (e) => {
+			this.$paginatedListRef.onNodeDelete(e.id), this.onParticipantUpdate();
+		}, this.getParticipants = async (e, t, n) => {
+			let r = this.meeting;
+			return !r || !e ? [] : r.participants.joined.toArray();
+		}, this.createPaticipantNodes = (e) => e.map((e) => s("div", {
+			class: "private-chat-label",
+			id: e.id,
+			onClick: () => this.selectUser(e)
+		}, s("rtk-avatar", {
+			size: "sm",
+			participant: e
+		}), s("span", null, e.name ?? this.t("participant")), this.unreadMap.get(e.userId) ? s("div", { class: "private-chat-unread-badge" }) : null)), this.chatUpdateListener = (e) => {
+			if (e.action !== "add" || !e.message.targetUserIds?.length) return;
+			let t = this.meeting.self.userId, n = e.message.targetUserIds.find((e) => e !== t);
+			n && (this.unreadMap.set(n, !0), this.$paginatedListRef.rerenderList());
+		};
+	}
+	async close() {
+		this.isOpen && (this.isOpen = !1, this.dropdownToggle.emit({ open: !1 }));
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting), this.overridesChanged(this.overrides);
+	}
+	disconnectedCallback() {
+		var e, t, n;
+		if (!this.meeting) return;
+		let { self: r, participants: i } = this.meeting;
+		(e = r?.permissions) == null || e.off("*", this.chatPermissionUpdateListener), (t = i?.joined) == null || t.off("participantJoined", this.participantJoinedListener), (n = i?.joined) == null || n.off("participantLeft", this.participantLeftListener);
+	}
+	overridesChanged(e) {
+		!this.meeting || this.meeting.self || (this.showPrivateChat = !!(this.meeting.self.permissions.chatPrivate?.canSend || this.meeting.self.permissions.chatPrivate?.canReceive) && !e.disablePrivateChat);
+	}
+	meetingChanged(e, t) {
+		var n, r, i;
+		t && this.disconnectMeeting(t), !(!e || !e.chat) && (this.showPrivateChat = !!(e.self.permissions.chatPrivate?.canSend || e.self.permissions.chatPrivate?.canReceive) && !this.overrides.disablePrivateChat, this.onParticipantUpdate(), (n = e.chat) == null || n.on("chatUpdate", this.chatUpdateListener), e.self.permissions.on("*", this.chatPermissionUpdateListener), (r = e?.participants?.joined) == null || r.on("participantJoined", this.participantJoinedListener), (i = e?.participants?.joined) == null || i.on("participantLeft", this.participantLeftListener));
+	}
+	render() {
+		return this.showPrivateChat ? s(n, null, s("div", {
+			class: "chat-header",
+			onClick: this.toggle
+		}, s("div", { class: "chat-header-label" }, this.selectedUser ? s("rtk-icon", {
+			icon: this.iconPack.people,
+			size: "sm"
+		}) : s("rtk-icon", {
+			icon: this.iconPack.participants,
+			size: "sm"
+		}), this.selectedUser ? this.selectedUser.name : this.t("chat.everyone")), s("div", { class: "chevron" }, s("rtk-icon", {
+			icon: this.isOpen ? this.iconPack.chevron_up : this.iconPack.chevron_down,
+			size: "sm"
+		}))), s("div", { class: {
+			dropdown: !0,
+			open: this.isOpen,
+			scrollbar: !0
+		} }, s("div", {
+			class: "public-chat-group-label",
+			onClick: () => this.selectUser(void 0)
+		}, s("div", { class: "public-chat-icon" }, s("rtk-icon", {
+			icon: this.iconPack.participants,
+			size: "sm"
+		})), this.t("chat.everyone")), s("rtk-paginated-list", {
+			class: "chat-selector-paginated-list",
+			ref: (e) => this.$paginatedListRef = e,
+			pageSize: this.pageSize,
+			pagesAllowed: 3,
+			fetchData: this.getParticipants,
+			createNodes: this.createPaticipantNodes,
+			emptyListLabel: this.t("participants.empty_list")
+		}, s("slot", null)))) : null;
+	}
+	static get watchers() {
+		return {
+			overrides: ["overridesChanged"],
+			meeting: ["meetingChanged"]
+		};
+	}
+};
+O([f()], k.prototype, "meeting", void 0), O([f()], k.prototype, "states", void 0), O([f()], k.prototype, "config", void 0), O([f()], k.prototype, "iconPack", void 0), O([f()], k.prototype, "t", void 0), O([f()], k.prototype, "overrides", void 0), k.style = ke;
+var Ae = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}", A = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, j = class {
+	constructor(e) {
+		r(this, e), this.onDeleteAttachment = o(this, "deleteAttachment", 7), this.iconPack = l, this.t = t(), this.attachment = null, this.filePreview = null, this.fileReader = new FileReader(), this.generatePreview = () => {
+			this.attachment.type === "image" ? this.fileReader.readAsDataURL(this.attachment.file) : this.attachment.type === "file" && (this.filePreview = this.attachment.file.name);
+		}, this.onDeleteClickHandler = () => {
+			this.filePreview = null, this.onDeleteAttachment.emit();
+		};
+	}
+	onAttachmentChange() {
+		this.generatePreview();
+	}
+	connectedCallback() {
+		this.fileReader.onload = (e) => {
+			typeof e.target.result == "string" && (this.filePreview = e.target.result);
+		};
+	}
+	componentWillLoad() {
+		this.onAttachmentChange();
+	}
+	render() {
+		return s(n, { key: "51ac9914a6c3626f3abd63d8101dd33d956f0cb0" }, s("div", {
+			key: "9520035fca81e905b7bcc3696ec9803ca127a370",
+			class: "preview-overlay"
+		}, s("div", {
+			key: "6c8139ece3ce95836f7853a160c0a01e298c2892",
+			class: "preview"
+		}, s("rtk-tooltip", {
+			key: "d3379d7a4a3b09c15d75ec4fce8bc7c2e89b1df4",
+			label: this.t("chat.cancel_upload")
+		}, s("rtk-button", {
+			key: "d5badd1b4a2fce0f2958d8923adde9353562eb8a",
+			variant: "secondary",
+			kind: "icon",
+			onClick: this.onDeleteClickHandler
+		}, s("rtk-icon", {
+			key: "4acde8f6352eab6e2277f6317ef226d22defe4e0",
+			icon: this.iconPack.dismiss
+		}))), this.attachment.type === "image" ? s("img", {
+			class: "preview-image",
+			src: this.filePreview
+		}) : s("div", { class: "preview-file" }, s("span", null, this.filePreview)))));
+	}
+	static get watchers() {
+		return { attachment: ["onAttachmentChange"] };
+	}
+};
+A([f()], j.prototype, "iconPack", void 0), A([f()], j.prototype, "t", void 0), j.style = Ae;
+var je = "https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json", Me, Ne = async () => (Me ||= (await fetch(je)).json(), Me), Pe = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{width:100%}.emoji-parent{box-sizing:border-box;display:inline-flex;height:var(--rtk-space-64, 256px);width:100%;max-width:640px;flex-direction:column;padding:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-0, 0px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.close-parent{display:flex;flex:1 1 0%;justify-content:flex-end;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#emoji-grid{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:scroll;height:100%;grid-auto-rows:minmax(min-content, max-content)}#loader{display:flex;height:100%;width:100%;align-items:center;justify-content:center}input{display:block;height:var(--rtk-space-8, 32px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;border-width:var(--rtk-border-width-none, 0);border-style:solid;border-style:none;border-color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input::placeholder{color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}input{border-radius:var(--rtk-border-radius-sm, 4px);outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-ring-opacity));--tw-ring-opacity:0.3}.emoji{height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);font-size:20px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}", Fe = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, M = class {
+	constructor(e) {
+		r(this, e), this.pickerClose = o(this, "pickerClose", 7), this.emojiClicked = o(this, "rtkEmojiClicked", 7), this.iconPack = l, this.t = t(), this.focusWhenOpened = !0, this.filterVal = "", this.filteredEmojis = [];
+	}
+	componentWillLoad() {
+		Ne().then((e) => {
+			this.emojiList = e, this.handleInputChange(this.inputElement);
+		});
+	}
+	componentDidLoad() {
+		this.focusWhenOpened && this.inputElement.focus();
+	}
+	handleInputChange(e) {
+		this.filterVal = e.value;
+		let t = RegExp(`([^,]*?${this.filterVal}[^,]*):(\\d+)`, "g");
+		this.filteredEmojis = Array.from(this.emojiList.search.matchAll(t)).map((e) => ({
+			name: e[1],
+			emoji: this.emojiList.emojis[e[2]]
+		}));
+	}
+	handleEmojiClick(e) {
+		this.emojiClicked.emit(e);
+	}
+	mapEmojiList() {
+		return this.emojiList?.length > 0 ? s("div", { id: "loader" }, s("rtk-spinner", { iconPack: this.iconPack })) : s("div", {
+			id: "emoji-grid",
+			class: "scrollbar max-w-40"
+		}, this.filteredEmojis.map((e) => s("rtk-button", {
+			key: `emoji-button-${e.name}`,
+			class: "emoji",
+			variant: "ghost",
+			kind: "icon",
+			title: e.name,
+			onClick: () => this.handleEmojiClick(e.emoji)
+		}, e.emoji)));
+	}
+	render() {
+		return s(n, { key: "db0bbe8c8af774ca199ac800fb2a0fba9ef7ab6d" }, s("div", {
+			key: "3e51dd2b14a87ebc0c65ee406ec67f92722296ab",
+			class: "close-parent"
+		}, s("rtk-button", {
+			key: "a8697bf95723f0598de3e2b6f88729562466ed81",
+			variant: "ghost",
+			kind: "icon",
+			class: "close",
+			onClick: () => this.pickerClose?.emit(),
+			"aria-label": this.t("close")
+		}, s("rtk-icon", {
+			key: "dc787e4ccf8a6f170ccd1f0954602a08a85b12ad",
+			icon: this.iconPack.dismiss
+		}))), s("div", {
+			key: "77f7377f40708c4f5fa3e531621660bf68f01b4b",
+			class: "emoji-parent"
+		}, s("input", {
+			key: "7db399dc58c0c6863db8ed1c80ac313417eab8c9",
+			value: this.filterVal,
+			onInput: (e) => this.handleInputChange(e.target),
+			placeholder: this.t("search"),
+			ref: (e) => this.inputElement = e
+		}), this.mapEmojiList()));
+	}
+};
+Fe([f()], M.prototype, "iconPack", void 0), Fe([f()], M.prototype, "t", void 0), M.style = Pe;
+var Ie = ":host{}", Le = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, N = class {
+	constructor(e) {
+		r(this, e), this.iconPack = l, this.t = t();
+	}
+	render() {
+		return s("rtk-tooltip", {
+			key: "82c39530cddfd5cab8672cc5f7f590587749f9cc",
+			label: this.t("chat.send_emoji")
+		}, s("rtk-button", {
+			key: "8e7ee7dbe901b78482ad3f828bb28bda1fdc36b7",
+			variant: "ghost",
+			kind: "icon",
+			class: { active: this.isActive },
+			title: this.t("chat.send_emoji")
+		}, s("rtk-icon", {
+			key: "a83691903dae86b3cb7c8cf17fb488e4da13090b",
+			icon: this.iconPack.emoji_multiple
+		})));
+	}
+};
+Le([f()], N.prototype, "iconPack", void 0), Le([f()], N.prototype, "t", void 0), N.style = Ie;
+var Re = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{margin-left:var(--rtk-space-1, 4px);flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}", ze = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, P = class {
+	constructor(e) {
+		r(this, e), this.iconPack = l;
+	}
+	render() {
+		return s("div", {
+			key: "9fce348979b0354484f0deeddc6e55007ef70ae5",
+			class: "file"
+		}, s("rtk-button", {
+			key: "22bc5f6cdff07ec4f9cdb1b588b64e5e604d0029",
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => m(p(this.url), {
+				name: this.name,
+				fallbackName: "file"
+			}),
+			part: "button"
+		}, s("rtk-icon", {
+			key: "3d46920c69604896bba651ae8205d3a761ffdeb7",
+			icon: this.iconPack.download
+		})), s("div", {
+			key: "c42a4c9bdd415d4d307efcb4f375f575220e473a",
+			class: "file-data"
+		}, s("div", {
+			key: "fe9bd86c88ce3184ed0b38dfe312bf7ac0207551",
+			class: "name"
+		}, this.name), s("div", {
+			key: "93aa6bf4c3933b292c59a1522b8398e96938aba3",
+			class: "file-data-split"
+		}, s("div", {
+			key: "2807cbf9844af17617ec76db10689fc6dcb80e0e",
+			class: "ext"
+		}, fe(this.name)), s("span", {
+			key: "fa0a03cf79b2f4dee34a11fb0a0bf82a608ca3c1",
+			class: "divider"
+		}), s("div", {
+			key: "0fd5d15e43aca15ffd3ae2fc6b176c0455ea5db3",
+			class: "size"
+		}, pe(this.size)))));
+	}
+};
+ze([f()], P.prototype, "iconPack", void 0), P.style = Re;
+var Be = ":host{}", F = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, I = class {
+	constructor(e) {
+		r(this, e), this.onFileChange = o(this, "fileChange", 7), this.icon = "attach", this.iconPack = l, this.t = t(), this.uploadFile = () => {
+			let e = this.fileInputField;
+			e.type = "file", this.filter && (e.accept = this.filter), e.onchange = (e) => {
+				let { validity: t, files: [n] } = e.target;
+				t.valid && this.onFileChange.emit(n);
+			}, e.click();
+		};
+	}
+	connectedCallback() {
+		this.fileInputField = document.createElement("input");
+	}
+	disconnectedCallback() {
+		this.fileInputField = void 0;
+	}
+	render() {
+		let e = this.label || this.t("chat.send_file"), t = this.iconPack[this.icon];
+		return s("rtk-tooltip", {
+			key: "c97c7e1e106e14f2443dd405fd6657a14d9d315c",
+			label: e
+		}, s("rtk-button", {
+			key: "cffa7ef14cc7fe0285e642ca76b658b6c70d4b42",
+			variant: "ghost",
+			kind: "icon",
+			onClick: () => this.uploadFile(),
+			title: e
+		}, s("rtk-icon", {
+			key: "47133f919946ce2a63e4f2b64977f1127a4eae7c",
+			icon: t
+		})));
+	}
+};
+F([f()], I.prototype, "iconPack", void 0), F([f()], I.prototype, "t", void 0), I.style = Be;
+var Ve = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:var(--rtk-space-10, 40px);outline:2px solid transparent;outline-offset:2px}:host .icon-wrapper{display:flex;height:100%;width:100%;flex-direction:column;align-items:center}:host svg{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}:host([size='xl']){box-sizing:border-box;display:block;height:var(--rtk-space-16, 64px) !important;width:var(--rtk-space-16, 64px) !important;--rtk-spinner-color:currentColor}:host([size='md']){box-sizing:border-box;display:block;height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important;--rtk-spinner-color:currentColor}:host([size='sm']){box-sizing:border-box;display:block;height:var(--rtk-space-4, 16px) !important;width:var(--rtk-space-4, 16px) !important;--rtk-spinner-color:currentColor}:host([variant='secondary']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-text-opacity))}:host([variant='danger']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}", He = (e) => {
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}, L = class {
+	constructor(e) {
+		r(this, e), this.variant = "primary", this.size = "lg";
+	}
+	render() {
+		return s(n, { key: "fdbe6fd9647bae7cfdf02ba6a250aa3c0c39ad85" }, s("div", {
+			key: "114baca2f9ce9376e69073b40170473cc359915f",
+			class: "icon-wrapper",
+			innerHTML: He(this.icon),
+			part: "wrapper"
+		}));
+	}
+};
+L.style = Ve;
+var Ue = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}", R = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, z = class {
+	constructor(e) {
+		r(this, e), this.onPreview = o(this, "preview", 7), this.iconPack = l, this.t = t(), this.status = "loading";
+	}
+	render() {
+		return s("div", {
+			key: "170c98345079edb4814c871ca72c64cade6a4add",
+			class: {
+				image: !0,
+				loaded: this.status === "loaded"
+			}
+		}, s("img", {
+			key: "88189cf42bab19881f2a95a4230f7d0ac66f4337",
+			src: p(this.url),
+			onLoad: () => {
+				this.status = "loaded";
+			},
+			onError: () => {
+				this.status = "errored";
+			},
+			onClick: () => {
+				this.status === "loaded" && this.onPreview.emit(this.url);
+			}
+		}), this.status === "loading" && s("div", {
+			key: "54068ed33b45ea3e5096a3d9f7ad4d0e43021a9d",
+			class: "image-spinner",
+			title: this.t("chat.img.loading"),
+			"aria-label": this.t("chat.img.loading")
+		}, s("rtk-spinner", {
+			key: "cd48be496f0dd93e570a968fabcd57396a74c3b5",
+			iconPack: this.iconPack
+		})), this.status === "errored" && s("div", {
+			key: "f978c01f72fec9fe777afa1b4c2be3aa90eeb2bf",
+			class: "image-errored",
+			title: this.t("chat.error.img_not_found"),
+			"aria-label": this.t("chat.error.img_not_found")
+		}, s("rtk-icon", {
+			key: "976ff4914e5d74b70aac86c1bdbacd0d6d685f73",
+			icon: this.iconPack.image_off
+		})), this.status === "loaded" && s("div", {
+			key: "94eb2ae1370cd8bd58f8e21238f860eff9a649cc",
+			class: "actions"
+		}, s("rtk-button", {
+			key: "ca64db76c200c2a902e35da82ff412e4d9324c23",
+			class: "action",
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => {
+				this.onPreview.emit(this.url);
+			}
+		}, s("rtk-icon", {
+			key: "d764aa39aabb1ebf8e9a0e7c395d4b5383c9022e",
+			icon: this.iconPack.full_screen_maximize
+		})), s("rtk-button", {
+			key: "1aade465c956175dfd4d31b6d48236f304154ef8",
+			class: "action",
+			variant: "secondary",
+			kind: "icon",
+			onClick: () => m(this.url, { fallbackName: "image" })
+		}, s("rtk-icon", {
+			key: "dbcba831bcc1f66a3b20624945883d4ce9ca301b",
+			icon: this.iconPack.download
+		}))));
+	}
+};
+R([f()], z.prototype, "iconPack", void 0), R([f()], z.prototype, "t", void 0), z.style = Ue;
+var We = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{overflow-wrap:break-word}a{color:currentColor}.block-quote,blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}pre{white-space:pre-wrap;width:300px;margin-right:var(--rtk-space-2, 8px)}.markdown-message{box-sizing:border-box}", B = class {
+	constructor(e) {
+		r(this, e), this.maxLength = de, this.restoreEmpty = (e, t, n) => e.trim().length === 0 ? `${t}${e}${t}` : n(e), this.renderLink = (e) => s("a", {
+			class: "link",
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}, e), this.renderBold = (e) => typeof e == "string" ? this.restoreEmpty(e, "*", (e) => s("b", null, e)) : s("b", null, this.renderTokens(e)), this.renderItalic = (e) => typeof e == "string" ? this.restoreEmpty(e, "_", (e) => s("i", null, e)) : s("i", null, this.renderTokens(e)), this.renderStrikethrough = (e) => typeof e == "string" ? this.restoreEmpty(e, "~", (e) => s("s", null, e)) : s("b", null, this.renderTokens(e)), this.renderPlainText = (e) => typeof e == "string" ? e : s("p", null, this.renderTokens(e)), this.renderTokens = (e) => e.map((e) => {
+			switch (e.type) {
+				case "a": if (typeof e.content == "string") return this.renderLink(e.content);
+				case "b": return this.renderBold(e.content);
+				case "i": return this.renderItalic(e.content);
+				case "s": return this.renderStrikethrough(e.content);
+				case "q": return s("span", { class: "block-quote" });
+				default: return this.renderPlainText(e.content);
+			}
+		});
+	}
+	renderMessage(e) {
+		let t = e.split("\n"), n = !1;
+		t[0] === "```" && t[t.length - 1] === "```" && (n = !0, t = t.slice(1, -1));
+		let r = t.map((e) => {
+			let t = ue(e);
+			return s("p", null, this.renderTokens(t));
+		});
+		return n ? s("pre", { style: {
+			whiteSpace: "pre",
+			overflow: "scroll"
+		} }, t.join("\n")) : r;
+	}
+	render() {
+		let e = this.text.slice(0, this.maxLength), t = le(e, !0), n = ce(e);
+		return s("p", {
+			key: "b4114b74658b0311835f31ea387e47ef9323ef4f",
+			class: "markdown-message"
+		}, t.length !== 0 && s("blockquote", { key: "cc726294f8b71999f6fa48442b40419f17e3c049" }, this.renderMessage(t)), n.length !== 0 && this.renderMessage(n));
+	}
+};
+B.style = We;
+var V = {
+	sm: 640,
+	md: 768,
+	lg: 1080,
+	xl: 2160
+}, Ge = (e) => e >= V.lg ? "lg" : e >= V.md ? "md" : "sm", Ke = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}", H = class {
+	constructor(e) {
+		r(this, e), this.statesUpdate = o(this, "rtkStatesUpdate", 7), this.providerId = "provider-" + Math.floor(Math.random() * 100), this.roomJoinedListener = () => {
+			this.updateStates({
+				meeting: "joined",
+				joinError: void 0,
+				joinErrorCode: void 0
+			});
+		}, this.waitlistedListener = () => {
+			this.updateStates({ meeting: "waiting" });
+		}, this.roomLeftListener = ({ state: e }) => {
+			e === "disconnected" || e === "failed" || this.updateStates({
+				meeting: "ended",
+				roomLeftState: e
+			});
+		}, this.mediaPermissionUpdateListener = ({ kind: e, message: t }) => {
+			if (["audio", "video"].includes(e) && (t === "DENIED" || t === "SYSTEM_DENIED") && (this.peerStore || i).state.states.activeDebugger !== !0) {
+				let t = {
+					enabled: !0,
+					kind: e
+				};
+				this.updateStates({ activePermissionsMessage: t });
+			}
+		}, this.socketConnectionUpdateListener = ({ state: e }) => {
+			e === "failed" && setTimeout(() => {
+				this.meeting.leave("disconnected");
+			}, this.leaveRoomTimer);
+		}, this.peerStore = null, this.loadConfigFromPreset = !1, this.applyDesignSystem = !1, this.mode = "fixed", this.leaveOnUnmount = !1, this.t = t(), this.config = u(), this.gridLayout = "row", this.iconPack = l, this.overrides = c, this.handleChangingMeeting = (e) => {
+			let t = (this.peerStore || i).state.states;
+			this.updateStates({ activeBreakoutRoomsManager: Object.assign(Object.assign({}, t.activeBreakoutRoomsManager), { destinationMeetingId: e }) });
+		};
+	}
+	connectedCallback() {
+		typeof window < "u" && (this.authErrorListener = (e) => {
+			e.detail.message.includes("401") && this.updateStates({
+				meeting: "ended",
+				roomLeftState: "unauthorized"
+			});
+		}, window.addEventListener("rtkError", this.authErrorListener)), this.leaveRoomTimer = 1e4, this.loadConfigFromPreset = !0, this.applyDesignSystem = !0, this.setupStoreRequestListener(), this.setupStateUpdateListener(), this.meetingChanged(this.meeting), this.iconPackChanged(this.iconPack), this.tChanged(this.t), this.configChanged(this.config), this.overridesChanged(this.overrides), this.resizeObserver = new he(() => this.handleResize()), this.resizeObserver.observe(this.host), this.applyDesignSystem && this.config?.designTokens != null && typeof document < "u" && (this.peerStore || i).state.states.activeDebugger !== !0 && h(document.documentElement, this.config.designTokens);
+	}
+	disconnectedCallback() {
+		var e;
+		this.leaveOnUnmount && ((e = this.meeting) == null || e.leaveRoom()), this.resizeObserver.disconnect(), window.removeEventListener("rtkError", this.authErrorListener), this.storeRequestListener &&= (this.host.removeEventListener("rtkRequestStore", this.storeRequestListener), null), this.stateUpdateListener &&= (this.host.removeEventListener("rtkStateUpdate", this.stateUpdateListener), null), this.meeting && this.clearListeners(this.meeting);
+	}
+	setupStoreRequestListener() {
+		this.storeRequestListener && this.host.removeEventListener("rtkRequestStore", this.storeRequestListener), this.storeRequestListener = (e) => {
+			if (!this.peerStore) return;
+			let t = this.peerStore, n = new CustomEvent("rtkProvideStore", { detail: {
+				store: t,
+				requestId: e.detail.requestId
+			} });
+			document.dispatchEvent(n), e.stopPropagation();
+		}, this.host.addEventListener("rtkRequestStore", this.storeRequestListener);
+	}
+	setupStateUpdateListener() {
+		this.stateUpdateListener && this.host.removeEventListener("rtkStateUpdate", this.stateUpdateListener), this.stateUpdateListener = (e) => {
+			let t = e.target;
+			this.host.contains(t) && this.updateStates(e.detail);
+		}, this.host.addEventListener("rtkStateUpdate", this.stateUpdateListener);
+	}
+	clearListeners(e) {
+		e && (e.self.removeListener("roomLeft", this.roomLeftListener), e.self.removeListener("roomJoined", this.roomJoinedListener), e.self.removeListener("waitlisted", this.waitlistedListener), e.self.removeListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), e.meta.removeListener("socketConnectionUpdate", this.socketConnectionUpdateListener));
+	}
+	meetingChanged(e, t) {
+		if (!e) return;
+		e ? (this.peerStore = ee({
+			meeting: e,
+			config: this.config,
+			iconPack: this.iconPack,
+			t: this.t,
+			providerId: this.providerId,
+			overrides: g(Object.assign({}, c), this.overrides)
+		}), document.dispatchEvent(new CustomEvent("rtkPeerStoreReady", { detail: { peerId: e.self.id } }))) : this.peerStore = null;
+		let n = this.peerStore || i, r = t ? !!n.state.states.activeCaptions : !!e.self.permissions.transcriptionEnabled;
+		if (this.updateStates({
+			viewType: e.meta.viewType,
+			activeCaptions: r
+		}), this.loadConfigFromPreset && e.self.config != null) {
+			let t = e.self.config, { config: r, data: i } = me(t, e);
+			this.config = r, this.showSetupScreen ??= i.showSetupScreen, e.connectedMeetings.supportsConnectedMeetings && n.state.states.activeBreakoutRoomsManager?.destinationMeetingId && (this.showSetupScreen = !1);
+		}
+		this.applyDesignSystem && this.config?.designTokens != null && typeof document < "u" && n.state.states.activeDebugger !== !0 && h(document.documentElement, this.config.designTokens), e.self.addListener("roomJoined", this.roomJoinedListener), e.self.addListener("waitlisted", this.waitlistedListener), e.self.addListener("roomLeft", this.roomLeftListener), e.self.addListener("mediaPermissionUpdate", this.mediaPermissionUpdateListener), e.meta.addListener("socketConnectionUpdate", this.socketConnectionUpdateListener), e.connectedMeetings.supportsConnectedMeetings && e.connectedMeetings.once("changingMeeting", this.handleChangingMeeting), e.self.roomJoined ? this.updateStates({ meeting: "joined" }) : this.showSetupScreen ? this.updateStates({ meeting: "setup" }) : e.joinRoom().then(() => {
+			this.updateStates({
+				joinError: void 0,
+				joinErrorCode: void 0
+			});
+		}).catch((e) => {
+			let { message: t, code: n } = ge(this.t, e);
+			this.updateStates({
+				joinError: t,
+				joinErrorCode: n
+			});
+		}), window.removeEventListener("rtkError", this.authErrorListener);
+	}
+	iconPackChanged(e) {
+		this.peerStore && (this.peerStore.state.iconPack = e);
+	}
+	tChanged(e) {
+		this.peerStore && (this.peerStore.state.t = e);
+	}
+	configChanged(e) {
+		this.peerStore && (this.peerStore.state.config = e), e?.designTokens && typeof document < "u" && (this.peerStore || i).state.states.activeDebugger !== !0 && h(document.documentElement, e.designTokens);
+	}
+	overridesChanged(e) {
+		this.peerStore && (this.peerStore.state.overrides = g(Object.assign({}, c), e));
+	}
+	handleResize() {
+		this.size = Ge(this.host.clientWidth);
+	}
+	updateStates(e) {
+		let t = this.peerStore || i, n = Object.assign({}, t.state.states);
+		t.state.states = g(n, e), this.statesUpdate.emit(t.state.states);
+		let r = new CustomEvent("rtkStatesUpdate", {
+			detail: t.state.states,
+			bubbles: !0,
+			composed: !0
+		});
+		this.host.dispatchEvent(r);
+	}
+	render() {
+		let e = {
+			meeting: this.meeting,
+			size: this.size,
+			states: (this.peerStore || i).state.states,
+			config: this.config || u(),
+			iconPack: this.iconPack,
+			t: this.t
+		};
+		return (this.peerStore || i).state.states.viewType === "CHAT" ? s("rtk-chat", Object.assign({}, e)) : s(oe, {
+			element: "rtk-meeting",
+			defaults: e,
+			asHost: !0,
+			elementProps: { "rtk-grid": { layout: this.gridLayout } }
+		});
+	}
+	get host() {
+		return a(this);
+	}
+	static get watchers() {
+		return {
+			meeting: ["meetingChanged"],
+			iconPack: ["iconPackChanged"],
+			t: ["tChanged"],
+			config: ["configChanged"],
+			overrides: ["overridesChanged"]
+		};
+	}
+};
+H.style = Ke;
+var qe = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}", U = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, W = class {
+	constructor(e) {
+		r(this, e), this.clickedThis = !1, this.placement = "bottom-end", this.offset = 10, this.iconPack = l, this.t = t(), this.handleOutsideClick = () => {
+			this.clickedThis || (this.menuListEl.style.display = "none"), this.clickedThis = !1;
+		};
+	}
+	componentDidLoad() {
+		document.addEventListener("click", this.handleOutsideClick), this.update();
+	}
+	disconnectedCallback() {
+		document.removeEventListener("click", this.handleOutsideClick);
+	}
+	update() {
+		_(this.triggerEl, this.menuListEl, {
+			placement: this.placement,
+			middleware: [
+				ve(this.offset),
+				_e(),
+				v({ padding: 5 })
+			]
+		}).then(({ x: e, y: t }) => {
+			Object.assign(this.menuListEl.style, {
+				left: `${e}px`,
+				top: `${t}px`
+			});
+		});
+	}
+	render() {
+		return s(n, { key: "65dc1faca548d5222533251ff175db56e37d4251" }, s("span", {
+			key: "68502e98e56a32200bfdea312cb137bcffc9df6b",
+			id: "trigger",
+			ref: (e) => this.triggerEl = e,
+			onClick: () => {
+				this.clickedThis = !0, this.menuListEl.style.display === "block" ? this.menuListEl.style.display = "none" : (this.menuListEl.style.display = "block", this.update());
+			}
+		}, s("slot", {
+			key: "fa0deae3dcf9ed4b8c47ff9695c3ef39fefc014e",
+			name: "trigger"
+		})), s("span", {
+			key: "9e618bf62212c2c04e59ff99bb0eec6cb9835707",
+			part: "menu-list",
+			id: "menu-list",
+			ref: (e) => this.menuListEl = e
+		}, s("slot", { key: "4836bb1ed6a82243264e428d2c4a5dc1228bada1" })));
+	}
+};
+U([f()], W.prototype, "iconPack", void 0), U([f()], W.prototype, "t", void 0), W.style = qe;
+var Je = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host(.primary:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}", G = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, K = class {
+	constructor(e) {
+		r(this, e), this.menuVariant = "secondary", this.iconPack = l, this.t = t();
+	}
+	render() {
+		return s(n, {
+			key: "daeee3f1da3b66a803a149013b5973d48fd5c8b5",
+			class: { [this.menuVariant]: !0 }
+		}, s("slot", {
+			key: "d71253130e5c910a3112260898049e00a1e4088e",
+			name: "start"
+		}), s("slot", { key: "8c93c1bd422d1fcb667438373199bff23bcc7a3a" }), s("slot", {
+			key: "e41161c7d4b5fb2652ddc9bda01d57793f144096",
+			name: "end"
+		}));
+	}
+};
+G([f()], K.prototype, "iconPack", void 0), G([f()], K.prototype, "t", void 0), K.style = Je;
+var Ye = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}", Xe = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, q = class {
+	constructor(e) {
+		r(this, e), this.iconPack = l, this.menuVariant = "secondary", this.t = t();
+	}
+	render() {
+		return s(n, {
+			key: "747bcb38ca155d89fd5ae2c5fa2e667ad1e96a2f",
+			class: { [this.menuVariant]: !0 }
+		}, s("slot", { key: "5e9137c067847c3c4ef2defdcc958c077b821621" }));
+	}
+};
+Xe([f()], q.prototype, "iconPack", void 0), Xe([f()], q.prototype, "t", void 0), q.style = Ye;
+var Ze = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:12px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.metadata-content{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px)}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-1, 4px);top:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming rtk-avatar{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming .actions{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}", Qe = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, J = class {
+	constructor(e) {
+		r(this, e), this.onAction = o(this, "action", 7), this.actions = [], this.variant = "bubble", this.pinned = !1, this.viewType = "outgoing", this.hideAvatar = !1, this.isSelf = !1, this.hideAuthorName = !1, this.hideMetadata = !1, this.iconPack = l;
+	}
+	renderActions() {
+		return s("rtk-menu", {
+			placement: this.isSelf ? "bottom-start" : "bottom-end",
+			offset: 1
+		}, s("button", {
+			slot: "trigger",
+			class: "actions"
+		}, s("rtk-icon", { icon: this.iconPack.chevron_down })), s("rtk-menu-list", { menuVariant: this.isSelf ? "primary" : "secondary" }, this.actions.map((e) => {
+			if (!(e.id === "edit_message" && this.messageType !== "text")) return s("rtk-menu-item", {
+				menuVariant: this.isSelf ? "primary" : "secondary",
+				onClick: () => this.onAction.emit(e.id)
+			}, e.icon && s("rtk-icon", {
+				icon: e.icon,
+				slot: "start"
+			}), e.label);
+		})));
+	}
+	render() {
+		return s(n, { key: "3d53fc59bda6a82e4c4753e34f915c8f62611f6b" }, s("div", {
+			key: "1f9cbd79c9e5526645fafd0c4436b91c6c612f08",
+			class: {
+				"message-wrapper": !0,
+				[this.viewType]: !0
+			}
+		}, !this.hideAvatar && s("aside", {
+			key: "23071b4dff9dd4ecc1385be9a1610ffbab98a9e9",
+			class: "avatar",
+			part: "avatar"
+		}, s("rtk-avatar", {
+			key: "9a4596ea3636188ef391e65f86d6a608b3aa02d5",
+			participant: {
+				name: this.authorName,
+				picture: this.avatarUrl
+			},
+			size: "sm"
+		})), s("div", {
+			key: "eefe1bf5803e371266a0b8ee230dd2f42a193dc2",
+			class: "message",
+			part: "message"
+		}, !this.hideAuthorName && s("div", {
+			key: "45ba437f7a3ba2b253f22a1885d7e5be954a387e",
+			class: "header"
+		}, this.authorName, " ", this.isSelf ? " (You)" : ""), s("div", {
+			key: "e9636fb45358423d5cc4e8144b6b47cf065117cc",
+			class: {
+				body: !0,
+				bubble: this.variant === "bubble"
+			}
+		}, s("slot", { key: "1d6cd92eb8d4514b7ae4266fae8cd060a56ac1e3" }), !this.hideMetadata && !!this.time && s("div", {
+			key: "77b29974a960e4b4809025305ce005aeab8edebc",
+			class: "metadata",
+			title: ne(this.time)
+		}, this.pinned && s("span", {
+			key: "e6b99085f2cbcbc9505c20e5407a98c382306614",
+			class: "metadata-content"
+		}, s("rtk-icon", {
+			key: "45ad875ef38b1db0105c85659cf938cc9bd792d8",
+			icon: this.iconPack.pin,
+			size: "sm"
+		}), " •"), this.isEdited && s("span", {
+			key: "48d5ecd659fe2308d8c33e94a2216049a2bea5ef",
+			class: "metadata-content"
+		}, s("span", { key: "9203ff6d3f65b81b875f5bc17231fd2c65c1c2c2" }, "Edited"), " •"), te(this.time, new Date(Date.now()))), this.actions.length !== 0 && this.renderActions()))));
+	}
+};
+Qe([f()], J.prototype, "iconPack", void 0), J.style = Ze;
+var $e = ".scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;flex:1}:host(.chat-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.chat-selector-paginated-list) .private-chat-label{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px)}:host(.chat-selector-paginated-list) .private-chat-label rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host(.chat-selector-paginated-list) .show-new-messages-ctr.active{display:none}.private-chat-unread-badge{height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}:host(.pinned-message-selector-paginated-list) .page{position:relative;box-sizing:border-box}:host(.pinned-message-selector-paginated-list) .pinned-message{box-sizing:border-box;display:flex;width:100%;cursor:pointer;flex-direction:row;overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px)}:host(.pinned-message-selector-paginated-list) .pinned-message:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host(.pinned-message-selector-paginated-list) .pinned-message-container{display:flex;width:100%;flex-direction:row;align-items:flex-start;padding:var(--rtk-space-2, 8px)}:host(.pinned-message-selector-paginated-list) .pinned-message-content{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex;min-width:var(--rtk-space-0, 0px);flex:1 1 0%;flex-direction:column}:host(.pinned-message-selector-paginated-list) .pinned-message-time{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}:host(.pinned-message-selector-paginated-list) .pinned-message-preview{margin-bottom:var(--rtk-space-2, 8px);word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}:host(.pinned-message-selector-paginated-list) rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.container{box-sizing:border-box;display:flex;flex-direction:column-reverse;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);flex:1 0 0px;overflow-y:scroll}.file-picker{display:none}.chat *:first-child{margin-top:var(--rtk-space-0, 0px)}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{margin-top:var(--rtk-space-4, 16px);display:block;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-3, 12px)}rtk-text-message[is-continued]{margin-top:var(--rtk-space-2, 8px)}.chat .image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.chat .image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.chat .image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.chat .image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat .image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.chat .image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.chat .image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.chat .file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.chat .file .file-data{flex:1 1 0%}.chat .file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.chat .file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat .file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.chat .file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}.smallest-dom-element{width:1px}#top-scroll{transform:translateY(20vh);transform:translateY(20px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.show-new-messages-ctr{position:absolute;bottom:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);z-index:10;margin-top:calc(var(--rtk-space-14, 56px) * -1);--tw-translate-y:var(--rtk-space-28, 112px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages-ctr.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;opacity:1}.show-new-messages{pointer-events:auto;border-radius:9999px}.show-new-messages:hover{border-radius:9999px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-ring-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}rtk-spinner,.empty-list{margin:auto}.page-wrapper{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px);display:flex;flex-direction:column-reverse}.message-wrapper{margin-bottom:var(--rtk-space-2, 8px)}.pinned .message-wrapper{position:relative}.pinned .pin-icon{position:absolute;right:calc(var(--rtk-space-1, 4px) * -1);top:calc(var(--rtk-space-1, 4px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px)}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}.load-more-on-top-container{pointer-events:none;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-4, 16px);z-index:10}.load-more-icon{pointer-events:auto;border-radius:9999px}.load-more-icon:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-ring-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}", et = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, Y = class {
+	constructor(e) {
+		r(this, e), this.oldestPaginatedTimestamp = 0, this.latestPaginatedTimestamp = null, this.latestMessageTimestamp = null, this.pages = [], this.shouldScrollToBottom = !1, this.showNewMessagesCTR = !1, this.emptyListLabel = null, this.iconPack = l, this.t = t(), this.rerenderBoolean = !1, this.showEmptyListLabel = !1, this.isLoading = !1, this.isLoadingTop = !1, this.isLoadingBottom = !1, this.pendingScrollAnchor = null, this.isInView = (e) => {
+			let t = e.getBoundingClientRect();
+			return t.top >= 0 && t.bottom <= window.innerHeight;
+		};
+	}
+	async rerenderList() {
+		this.rerenderBoolean = !this.rerenderBoolean;
+	}
+	async onNewNode(e) {
+		if (this.pages.length < 1) this.oldestPaginatedTimestamp = e.timeMs, this.pages.unshift([e]), this.latestPaginatedTimestamp = e.timeMs, this.latestMessageTimestamp = e.timeMs, this.rerender(), this.autoScroll && this.$bottomRef.scrollIntoView({ behavior: "smooth" });
+		else if (this.latestMessageTimestamp === this.latestPaginatedTimestamp) {
+			if (this.pages[0].length < this.pageSize) this.pages[0].unshift(e), this.latestPaginatedTimestamp = e.timeMs, this.latestMessageTimestamp = e.timeMs, this.rerender();
+			else {
+				this.pages.unshift([e]), this.latestPaginatedTimestamp = e.timeMs, this.latestMessageTimestamp = e.timeMs, this.pages.length > this.pagesAllowed && this.pages.pop();
+				let t = this.pages[this.pages.length - 1];
+				this.oldestPaginatedTimestamp = t[t.length - 1].timeMs, this.rerender();
+			}
+			this.autoScroll && this.$bottomRef.scrollIntoView({ behavior: "smooth" });
+		} else this.autoScroll && this.scrollToBottom();
+		this.pendingScrollAnchor = null;
+	}
+	async onNodeDelete(e) {
+		for (let t = this.pages.length - 1; t >= 0; t--) {
+			let n = this.pages[t].findIndex((t) => t.id === e);
+			if (n === -1) continue;
+			this.pages[t].splice(n, 1), this.pages[t].length === 0 && this.pages.splice(t, 1);
+			let r = this.pages[0], i = this.pages[this.pages.length - 1];
+			this.latestPaginatedTimestamp = r?.[0]?.timeMs, this.oldestPaginatedTimestamp = i?.[i.length - 1]?.timeMs, n === 0 && t === 0 && (this.latestMessageTimestamp = this.latestPaginatedTimestamp), this.rerender();
+			break;
+		}
+	}
+	async onNodeUpdate(e, t) {
+		for (let n = this.pages.length - 1; n >= 0; n--) {
+			let r = this.pages[n].findIndex((t) => t.id === e);
+			if (r !== -1) {
+				this.pages[n][r] = Object.assign(Object.assign({}, this.pages[n][r]), t), this.rerender();
+				break;
+			}
+		}
+	}
+	async reset(e = 0) {
+		this.oldestPaginatedTimestamp = e, this.latestPaginatedTimestamp = null, this.pages = [], this.shouldScrollToBottom = !1, this.showNewMessagesCTR = !1, this.pendingScrollAnchor = null, this.isLoading = !1, this.isLoadingTop = !1, this.isLoadingBottom = !1, e === 0 && (this.latestMessageTimestamp = null), this.rerender(), await this.loadPrevPage();
+	}
+	connectedCallback() {
+		this.rerender = be(this.rerender.bind(this), 50, { maxWait: 200 });
+	}
+	componentDidLoad() {
+		this.loadPrevPage(), this.$containerRef && (this.$containerRef.onscrollend = async () => {
+			this.shouldScrollToBottom || (this.isInView(this.$bottomRef) && this.latestMessageTimestamp > this.latestPaginatedTimestamp ? await this.loadNextPage() : this.isInView(this.$topRef) && (this.showNewMessagesCTR = !0, await this.loadPrevPage()));
+		});
+	}
+	componentDidRender() {
+		if (!this.pendingScrollAnchor) return;
+		let e = this.pendingScrollAnchor;
+		this.pendingScrollAnchor = null, this.restoreScrollToAnchor(e);
+	}
+	async loadPrevPage() {
+		if (this.isLoading) return;
+		let e = this.getScrollAnchor("top");
+		this.oldestPaginatedTimestamp === 0 && (this.oldestPaginatedTimestamp = (/* @__PURE__ */ new Date()).getTime()), this.isLoading = !0, this.isLoadingTop = !0;
+		let t = await this.fetchData(this.oldestPaginatedTimestamp - 1, this.pageSize, !0);
+		if (this.isLoading = !1, this.isLoadingTop = !1, !t.length) return;
+		this.pages.push(t), this.pages.length > this.pagesAllowed && this.pages.shift();
+		let n = this.pages[this.pages.length - 1];
+		this.oldestPaginatedTimestamp = n[n.length - 1].timeMs, this.latestPaginatedTimestamp = this.pages[0][0].timeMs, this.latestMessageTimestamp ||= this.latestPaginatedTimestamp, this.rerender(), e && (this.pendingScrollAnchor = e);
+	}
+	async loadNextPage() {
+		if (this.isLoading) return [];
+		if (!this.latestPaginatedTimestamp) return this.showNewMessagesCTR = !1, [];
+		this.isLoading = !0, this.isLoadingBottom = !0;
+		let e = this.getScrollAnchor("bottom"), t = await this.fetchData(this.latestPaginatedTimestamp + 1, this.pageSize, !1);
+		if (this.isLoading = !1, this.isLoadingBottom = !1, !t.length) return this.latestMessageTimestamp = this.latestPaginatedTimestamp, this.showNewMessagesCTR = !1, [];
+		let n = [...t].reverse();
+		this.pages.length === 0 && this.pages.unshift([]);
+		let r = this.pages[0], i = this.pageSize - r.length;
+		if (i > 0) {
+			let e = n.splice(0, i);
+			r.unshift(...e);
+		}
+		for (; n.length > 0;) this.pages.unshift(n.splice(0, this.pageSize));
+		this.pages.length > this.pagesAllowed && this.pages.pop();
+		let a = this.pages[this.pages.length - 1];
+		return this.oldestPaginatedTimestamp = a[a.length - 1].timeMs, this.latestPaginatedTimestamp = this.pages[0][0].timeMs, this.rerender(), this.pendingScrollAnchor = e, t;
+	}
+	getScrollAnchor(e = "top") {
+		if (!this.$containerRef) return null;
+		let t = this.$containerRef.getBoundingClientRect(), n = Array.from(this.$containerRef.querySelectorAll("[id]")).filter((e) => e.id !== "top-scroll" && e.id !== "bottom-scroll"), r = null;
+		for (let i of n) {
+			let n = i.getBoundingClientRect();
+			if (n.bottom > t.top && n.top < t.bottom) if (e === "top") {
+				let e = n.top - t.top;
+				(r == null || r.edge === "top" && e < r.offsetTop) && (r = {
+					id: i.id,
+					edge: "top",
+					offsetTop: e
+				});
+			} else {
+				let e = t.bottom - n.bottom;
+				(r == null || r.edge === "bottom" && e < r.offsetBottom) && (r = {
+					id: i.id,
+					edge: "bottom",
+					offsetBottom: e
+				});
+			}
+		}
+		return r;
+	}
+	restoreScrollToAnchor(e) {
+		if (!this.$containerRef) return;
+		let t = this.$containerRef.querySelector(`#${((e) => {
+			let t = globalThis.CSS?.escape;
+			return typeof t == "function" ? t(e) : e.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+		})(e.id)}`);
+		if (!t) return;
+		let n = this.$containerRef.getBoundingClientRect(), r = t.getBoundingClientRect();
+		if (e.edge === "top") {
+			let t = r.top - n.top;
+			this.$containerRef.scrollTop += t - e.offsetTop;
+		} else {
+			let t = n.bottom - r.bottom;
+			this.$containerRef.scrollTop += e.offsetBottom - t;
+		}
+	}
+	async scrollToBottom() {
+		for (this.shouldScrollToBottom = !0; this.shouldScrollToBottom;) {
+			let e = await this.loadNextPage();
+			this.$bottomRef.scrollIntoView({ behavior: "smooth" }), e.length === 0 && (this.shouldScrollToBottom = !1);
+		}
+	}
+	rerender() {
+		this.rerenderBoolean = !this.rerenderBoolean;
+	}
+	render() {
+		return s(n, { key: "bff4fc91b737334c5764e690fbf2adafa1444408" }, s("div", {
+			key: "f4efa98ef0bd178602ee03718d35fcb833487909",
+			class: "scrollbar container",
+			part: "container",
+			ref: (e) => this.$containerRef = e
+		}, s("div", {
+			key: "37403f6462812a6662efa9577ae9ed43d27f63d6",
+			class: {
+				"show-new-messages-ctr": !0,
+				active: this.showNewMessagesCTR
+			}
+		}, s("rtk-button", {
+			key: "ee7e04e6281370dddb1b1e10b753e96dc602d42a",
+			class: "show-new-messages",
+			kind: "icon",
+			variant: "secondary",
+			part: "show-new-messages",
+			onClick: () => {
+				this.scrollToBottom();
+			}
+		}, this.shouldScrollToBottom ? s("rtk-spinner", { size: "sm" }) : s("rtk-icon", { icon: this.iconPack.chevron_down }))), s("div", {
+			key: "91bcdadd2518313fa06306a172575f5acc786596",
+			class: "smallest-dom-element",
+			id: "bottom-scroll",
+			ref: (e) => this.$bottomRef = e
+		}), this.isLoadingBottom && this.pages.length > 0 && s("rtk-spinner", {
+			key: "932af19af69c3ecd5af22dd3051a5eea5cb25e7a",
+			size: "sm"
+		}), this.isLoading && this.pages.length < 1 && s("rtk-spinner", {
+			key: "9fa60fb784a09800a32a3accdc81d940476330d2",
+			size: "lg"
+		}), !this.isLoading && this.pages.flat().length === 0 ? s("div", { class: "empty-list" }, this.emptyListLabel ?? this.t("list.empty")) : s("div", { class: "page-wrapper" }, this.pages.map((e, t) => s("div", {
+			class: "page",
+			"data-page-index": t
+		}, this.createNodes([...e].reverse())))), this.isLoadingTop && this.pages.length > 0 && s("rtk-spinner", {
+			key: "73103f58338bdb89be69f9f6dc742e3cdd2c95d8",
+			size: "sm"
+		}), s("div", {
+			key: "9c4c43ffb6442d58040448fe1b2d7332505fc81e",
+			class: "smallest-dom-element",
+			id: "top-scroll",
+			ref: (e) => this.$topRef = e
+		})));
+	}
+};
+et([f()], Y.prototype, "iconPack", void 0), et([f()], Y.prototype, "t", void 0), Y.style = $e;
+var tt = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}", X = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, Z = class {
+	constructor(e) {
+		r(this, e), this.dropdownToggle = o(this, "rtkDropdownToggle", 7), this.pinnedMessageSelect = o(this, "rtkPinnedMessageSelect", 7), this.isOpen = !1, this.iconPack = l, this.t = t(), this.pageSize = 25, this.pagesAllowed = 3, this.showPinnedMessages = !0, this.toggle = (e) => {
+			e.preventDefault(), e.stopPropagation(), this.isOpen = !this.isOpen, this.dropdownToggle.emit({ open: this.isOpen });
+		}, this.getPinnedChatMessages = async (e, t, n) => {
+			let r = this.meeting;
+			if (!r) return [];
+			try {
+				return await r.chat.fetchPinnedMessages({
+					timestamp: e,
+					limit: t,
+					direction: n ? "before" : "after"
+				});
+			} catch {
+				return [];
+			}
+		}, this.createPinnedChatNodes = (e) => e.map((e) => {
+			let t = e.type === "text" ? (e.message || "").replace(/\s+/g, " ").trim() : e.type === "file" ? "File Attachment" : e.type === "image" ? "Image Attachment" : "";
+			return s("div", {
+				class: "pinned-message",
+				id: e.id,
+				onClick: () => {
+					this.pinnedMessageSelect.emit(e), this.close();
+				}
+			}, s("div", { class: "pinned-message-container" }, s("rtk-avatar", {
+				size: "sm",
+				participant: {
+					name: e.displayName,
+					picture: ""
+				}
+			}), s("div", { class: "pinned-message-content" }, s("div", {
+				class: "pinned-message-preview",
+				title: t
+			}, t), s("div", { class: "pinned-message-meta" }, s("span", { class: "pinned-message-time" }, te(e.time, new Date(Date.now())))))));
+		}), this.pinChatListener = (e) => {
+			var t;
+			e.message.targetUserIds?.length > 0 || (t = this.$paginatedListRef) == null || t.reset();
+		}, this.unpinChatListener = async (e) => {
+			var t;
+			e.message.targetUserIds?.length > 0 || (t = this.$paginatedListRef) == null || t.onNodeDelete(e.message.id);
+		}, this.chatUpdateListener = async (e) => {
+			e.action === "delete" && this.unpinChatListener(e);
+		};
+	}
+	connectedCallback() {
+		this.meetingChanged(this.meeting);
+	}
+	disconnectedCallback() {
+		this.disconnectMeeting(this.meeting);
+	}
+	disconnectMeeting(e) {
+		var t, n, r;
+		(t = e.chat) == null || t.removeListener("pinMessage", this.pinChatListener), (n = e.chat) == null || n.removeListener("unpinMessage", this.unpinChatListener), (r = e.chat) == null || r.removeListener("chatUpdate", this.chatUpdateListener);
+	}
+	meetingChanged(e, t) {
+		var n, r, i, a;
+		t && this.disconnectMeeting(t), e && ((n = this.$paginatedListRef) == null || n.reset(), (r = e.chat) == null || r.addListener("pinMessage", this.pinChatListener), (i = e.chat) == null || i.addListener("unpinMessage", this.unpinChatListener), (a = e.chat) == null || a.addListener("chatUpdate", this.chatUpdateListener));
+	}
+	async close() {
+		this.isOpen && (this.isOpen = !1, this.dropdownToggle.emit({ open: !1 }));
+	}
+	async onChatSelectorChange(e) {
+		e.detail?.selectedUser ? this.showPinnedMessages = !1 : this.showPinnedMessages = !0;
+	}
+	render() {
+		return this.showPinnedMessages ? s(n, null, s("div", {
+			class: "chat-header",
+			onClick: this.toggle
+		}, s("div", { class: "chat-header-label" }, s("rtk-icon", {
+			icon: this.iconPack.pin,
+			size: "sm"
+		}), this.t("chat.pinned_msgs")), s("div", { class: "chevron" }, s("rtk-icon", {
+			icon: this.isOpen ? this.iconPack.chevron_up : this.iconPack.chevron_down,
+			size: "sm"
+		}))), s("div", { class: {
+			dropdown: !0,
+			open: this.isOpen,
+			scrollbar: !0
+		} }, s("rtk-paginated-list", {
+			class: "pinned-message-selector-paginated-list",
+			ref: (e) => this.$paginatedListRef = e,
+			pageSize: this.pageSize,
+			pagesAllowed: 3,
+			fetchData: this.getPinnedChatMessages,
+			createNodes: this.createPinnedChatNodes,
+			emptyListLabel: this.t("chat.empty_search")
+		}, s("slot", null)))) : null;
+	}
+	static get watchers() {
+		return { meeting: ["meetingChanged"] };
+	}
+};
+X([f()], Z.prototype, "meeting", void 0), X([f()], Z.prototype, "iconPack", void 0), X([f()], Z.prototype, "t", void 0), Z.style = tt;
+var nt = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);--rtk-spinner-color:currentColor}.spinner{height:100%;width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;background-color:transparent;animation-duration:1.3s}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}", rt = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, Q = class {
+	constructor(e) {
+		r(this, e), this.iconPack = l, this.size = "md";
+	}
+	render() {
+		return s(n, { key: "5e435f3b94bf3a2b9d242d78407390996a76be15" }, s("rtk-icon", {
+			key: "9e9e4200e0dc295bfe9048e57beb6cd809bf53a2",
+			class: "spinner",
+			icon: this.iconPack.spinner
+		}));
+	}
+};
+rt([f()], Q.prototype, "iconPack", void 0), Q.style = nt;
+var it = ".chat-input {\n  position: relative;\n  z-index: 10;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: var(--rtk-border-radius-md, 8px);\n  border-top-right-radius: var(--rtk-border-radius-md, 8px)\n}\n\n  .chat-input textarea {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  box-sizing: border-box;\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::-moz-placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea {\n  font-family: var(--rtk-font-family, sans-serif);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  overflow-y: auto;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  min-height: 60px;\n  font-size: 14px\n}\n\n@container chatcontainer (height < 360px) {\n  textarea {\n    height: 30px !important;\n    min-height: 30px !important\n  }\n}\n\n.text-error {\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  margin-top: var(--rtk-space-1, 4px);\n  margin-left: var(--rtk-space-1, 4px);\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  font-weight: 600;\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity));\n  border: 1px solid\n}\n\n#warning-indicator {\n  margin-right: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px)\n}\n\n.text-error.breached {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))\n}", at = function(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}, $ = class {
+	constructor(e) {
+		r(this, e), this.onTextChange = o(this, "textChange", 7), this.disabled = !1, this.rateLimitBreached = !1, this.keyDownHandler = () => {}, this.iconPack = l, this.t = t(), this.maxLengthBreached = 0, this.onInputHandler = () => {
+			let e = this.$textArea.value.trim();
+			this.maybeResize(e), this.checkLength(e), this.onTextChange.emit(e);
+		}, this.maybeResize = (e) => {
+			let t = [...e.matchAll(/\n/g)].length;
+			this.$textArea.style.height = `${Math.min(200, 60 + 20 * t)}px`;
+		};
+	}
+	componentDidLoad() {
+		this.maxLength && (this.$textArea.maxLength = this.maxLength);
+		let e = this.$textArea.value.trim();
+		e !== "" && this.maybeResize(e), this.$textArea.focus();
+	}
+	async setText(e, t = !1) {
+		this.$textArea.value = e, this.maybeResize(e), t && this.$textArea.focus(), this.checkLength(e), this.onTextChange.emit(e);
+	}
+	checkLength(e) {
+		let t = e.length;
+		t + 10 >= this.maxLength ? this.maxLengthBreached = e.length : t + 10 < this.maxLength && this.maxLengthBreached > 0 && (this.maxLengthBreached = 0);
+	}
+	render() {
+		return s("div", {
+			key: "900c8fc082af9cffe94011fb0d682802cc450851",
+			class: "chat-input",
+			part: "chat-input-container"
+		}, this.maxLengthBreached > 0 && s("div", {
+			key: "fa2362fa593952c3680ae3408c8041c2567342dc",
+			class: "text-error " + (this.maxLengthBreached === this.maxLength ? "breached" : "")
+		}, s("rtk-icon", {
+			key: "0bfa55917acfbe23250bb2b3d487cf27c1eddc58",
+			id: "warning-indicator",
+			icon: this.iconPack.warning,
+			part: "warning-indicator"
+		}), " ", this.maxLengthBreached, " / ", this.maxLength, " ", this.t("chat.max_limit_warning")), this.rateLimitBreached && s("div", {
+			key: "b4dc7987ec892e6dd8746d21efddeb0a3b765a4c",
+			class: "text-error breached"
+		}, s("rtk-icon", {
+			key: "e74b331f6674c5a5a7596d848c7b4846d28a4700",
+			id: "warning-indicator",
+			icon: this.iconPack.warning,
+			part: "warning-indicator"
+		}), " ", this.t("chat.rate_limit_error")), s("textarea", {
+			key: "16dfc924b0d935a2e6b4d9fd22418331a9cd1044",
+			ref: (e) => this.$textArea = e,
+			placeholder: this.placeholder,
+			disabled: this.disabled,
+			onInput: this.onInputHandler,
+			onKeyDown: this.keyDownHandler,
+			part: "chat-input",
+			value: this.value
+		}));
+	}
+};
+at([f()], $.prototype, "iconPack", void 0), at([f()], $.prototype, "t", void 0), $.style = it;
+var ot = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.text{word-break:break-word;display:block;overflow-wrap:break-word;line-height:1.375}.text.emoji{font-size:24px}", st = class {
+	constructor(e) {
+		r(this, e), this.isMarkdown = !1;
+	}
+	render() {
+		return s("p", {
+			key: "45d7cc7d147e74609251f6ab3c2918d42ec6aaea",
+			class: {
+				text: !0,
+				emoji: ie(this.text)
+			}
+		}, this.isMarkdown ? s("rtk-markdown-view", { text: this.text }) : this.text);
+	}
+};
+st.style = ot;
+var ct = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(--rtk-tooltip-background-color, rgb(var(--rtk-colors-background-600, 60 60 60)));--color:var(--rtk-tooltip-color, rgb(var(--rtk-colors-text-1000, 255 255 255)));display:inline-flex}#trigger{display:block;width:100%;flex:1 1 0%}.tooltip{max-width:var(--rtk-space-64, 256px);position:fixed;z-index:20;display:none;width:-moz-max-content;width:max-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);font-size:12px}.tooltip,#arrow{position:absolute;background-color:var(--background-color);color:var(--color)}#arrow{position:absolute;height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);transform:rotate(45deg)}:host([variant='primary']){--background-color:rgb(var(--rtk-colors-brand-500, 33 96 253));--color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host([kind='block']){display:block}", lt = class {
+	constructor(e) {
+		r(this, e), this.openChange = o(this, "rtkOpenChange", 7), this.label = "", this.variant = "secondary", this.disabled = !1, this.open = !1, this.kind = "inline", this.placement = "top", this.delay = 0, this.isInFocus = !1, this.showMenu = () => {
+			this.disabled || (this.isInFocus = !0, setTimeout(() => {
+				this.isInFocus && (this.tooltipEl.style.display = "block", this.update(), this.openChange.emit(!0), this.size === "sm" && setTimeout(() => {
+					this.isInFocus && this.hideMenu();
+				}, 1e3));
+			}, this.delay));
+		}, this.hideMenu = () => {
+			this.open || this.disabled || (this.isInFocus = !1, this.tooltipEl.style.display = "none", this.openChange.emit(!1));
+		};
+	}
+	componentDidLoad() {
+		this.triggerEl.addEventListener("focusin", this.showMenu), this.triggerEl.addEventListener("mouseenter", this.showMenu), this.triggerEl.addEventListener("focusout", this.hideMenu), this.triggerEl.addEventListener("mouseleave", this.hideMenu), e(() => {
+			this.openChanged(this.open);
+		});
+	}
+	disconnectedCallback() {
+		this.triggerEl &&= (this.triggerEl.removeEventListener("focusin", this.showMenu), this.triggerEl.removeEventListener("mouseenter", this.showMenu), this.triggerEl.removeEventListener("focusout", this.hideMenu), this.triggerEl.removeEventListener("mouseleave", this.hideMenu), void 0);
+	}
+	openChanged(e) {
+		e ? this.showMenu() : this.hideMenu();
+	}
+	update() {
+		_(this.triggerEl, this.tooltipEl, {
+			placement: this.placement,
+			middleware: [
+				ve(8),
+				_e(),
+				v({ padding: 5 }),
+				ye({ element: this.arrowEl })
+			]
+		}).then(({ x: e, y: t, placement: n, middlewareData: r }) => {
+			Object.assign(this.tooltipEl.style, {
+				left: `${e}px`,
+				top: `${t}px`
+			});
+			let { x: i, y: a } = r.arrow, o = {
+				top: "bottom",
+				right: "left",
+				bottom: "top",
+				left: "right"
+			}[n.split("-")[0]];
+			Object.assign(this.arrowEl.style, {
+				left: i == null ? "" : `${i}px`,
+				top: a == null ? "" : `${a}px`,
+				right: "",
+				bottom: "",
+				[o]: "-4px"
+			});
+		});
+	}
+	render() {
+		return s(n, { key: "ce9cb2211743e50c83b7f572b2e9dc5b02fa3ac8" }, s("span", {
+			key: "74f73894f5a62519b3bf8c03a83e7102092ccd5c",
+			part: "trigger",
+			id: "trigger",
+			ref: (e) => this.triggerEl = e
+		}, s("slot", { key: "4551b2a438b1c57ca68e4a2973529186063a13c2" })), s("div", {
+			key: "e3dd196c6ee225cb363bcf54d35836ff17ed5969",
+			part: "tooltip",
+			class: "tooltip",
+			id: "tooltip",
+			role: "tooltip",
+			ref: (e) => this.tooltipEl = e
+		}, s("div", {
+			key: "4eb8bb3af588160018ef9d8899afc09edf4b195d",
+			id: "arrow",
+			ref: (e) => this.arrowEl = e,
+			part: "arrow"
+		}), this.label, s("slot", {
+			key: "c427ef3ef9953b764f9b1adcb4a8b7eee1fe91cd",
+			name: "tooltip"
+		})));
+	}
+	static get watchers() {
+		return { open: ["openChanged"] };
+	}
+};
+lt.style = ct;
+//#endregion
+export { y as rtk_avatar, b as rtk_button, S as rtk_chat, T as rtk_chat_composer_view, De as rtk_chat_header, D as rtk_chat_messages_ui_paginated, k as rtk_chat_selector, j as rtk_draft_attachment_view, M as rtk_emoji_picker, N as rtk_emoji_picker_button, P as rtk_file_message_view, I as rtk_file_picker_button, L as rtk_icon, z as rtk_image_message_view, B as rtk_markdown_view, H as rtk_meeting, W as rtk_menu, K as rtk_menu_item, q as rtk_menu_list, J as rtk_message_view, Y as rtk_paginated_list, Z as rtk_pinned_message_selector, Q as rtk_spinner, $ as rtk_text_composer_view, st as rtk_text_message_view, lt as rtk_tooltip };
+//# sourceMappingURL=rtk-avatar_26.entry-CEksnaAj.js.map