@cloudflare/realtimekit-ui 1.1.0-staging.4 → 1.1.0-staging.5

package/dist/esm/loader.js

@@ -2040,7 +2040,7 @@ const globalScripts = () => {};
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"rtk-avatar_24\",[[1,\"rtk-meeting\",{\"loadConfigFromPreset\":[1028,\"load-config-from-preset\"],\"applyDesignSystem\":[1028,\"apply-design-system\"],\"mode\":[513],\"leaveOnUnmount\":[4,\"leave-on-unmount\"],\"meeting\":[16],\"showSetupScreen\":[1028,\"show-setup-screen\"],\"t\":[16],\"config\":[1040],\"size\":[1537],\"gridLayout\":[1,\"grid-layout\"],\"iconPack\":[16],\"overrides\":[16]},null,{\"meeting\":[\"meetingChanged\"],\"iconPack\":[\"iconPackChanged\"],\"t\":[\"tChanged\"],\"config\":[\"configChanged\"],\"overrides\":[\"overridesChanged\"]}],[1,\"rtk-chat\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"overrides\":[16],\"disablePrivateChat\":[4,\"disable-private-chat\"],\"privatePresetFilter\":[16],\"displayFilter\":[16],\"canPinMessages\":[32],\"unreadCountGroups\":[32],\"chatGroups\":[32],\"selectedGroup\":[32],\"now\":[32],\"dropzoneActivated\":[32],\"showLatestMessageButton\":[32],\"canSend\":[32],\"canSendTextMessage\":[32],\"canSendFiles\":[32],\"canPrivateMessage\":[32],\"canSendPrivateTexts\":[32],\"canSendPrivateFiles\":[32],\"emojiPickerEnabled\":[32],\"chatRecipientId\":[32],\"participants\":[32],\"selectedParticipant\":[32],\"channels\":[32],\"selectedChannelId\":[32],\"editingMessage\":[32],\"replyMessage\":[32],\"searchQuery\":[32],\"selectorState\":[32],\"creatingChannel\":[32],\"showPinnedMessages\":[32]},[[8,\"editMessageInit\",\"onEditMessageInit\"],[0,\"switchChannel\",\"channelSwitchListener\"]],{\"meeting\":[\"meetingChanged\"],\"chatGroups\":[\"chatGroupsChanged\"],\"displayFilter\":[\"onDisplayFilterChanged\"]}],[1,\"rtk-chat-messages-ui-paginated\",{\"meeting\":[16],\"selectedChannel\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"leftAlign\":[4,\"left-align\"],\"children\":[32],\"permissionsChanged\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"selectedChannelId\":[\"channelChanged\"]}],[1,\"rtk-chat-composer-view\",{\"canSendTextMessage\":[4,\"can-send-text-message\"],\"canSendFiles\":[4,\"can-send-files\"],\"message\":[1],\"quotedMessage\":[1,\"quoted-message\"],\"storageKey\":[1,\"storage-key\"],\"inputTextPlaceholder\":[1,\"input-text-placeholder\"],\"isEditing\":[4,\"is-editing\"],\"iconPack\":[16],\"t\":[16],\"maxLength\":[2,\"max-length\"],\"disableEmojiPicker\":[4,\"disable-emoji-picker\"],\"rateLimits\":[16],\"fileToUpload\":[32],\"isEmojiPickerOpen\":[32],\"disableSendButton\":[32],\"rateLimitsBreached\":[32]}],[1,\"rtk-channel-selector-view\",{\"channels\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"disableSearch\":[4,\"disable-search\"],\"hideAvatar\":[4,\"hide-avatar\"],\"iconPack\":[16],\"t\":[16],\"viewAs\":[1,\"view-as\"],\"searchQuery\":[32],\"showDropdown\":[32]}],[1,\"rtk-draft-attachment-view\",{\"iconPack\":[16],\"t\":[16],\"attachment\":[16],\"filePreview\":[32]},null,{\"attachment\":[\"onAttachmentChange\"]}],[1,\"rtk-emoji-picker-button\",{\"iconPack\":[16],\"t\":[16],\"isActive\":[4,\"is-active\"]}],[1,\"rtk-file-picker-button\",{\"filter\":[1],\"label\":[1],\"icon\":[1],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-text-composer-view\",{\"disabled\":[4],\"placeholder\":[1],\"value\":[1],\"maxLength\":[2,\"max-length\"],\"rateLimitBreached\":[4,\"rate-limit-breached\"],\"keyDownHandler\":[16],\"iconPack\":[16],\"t\":[16],\"maxLengthBreached\":[32],\"setText\":[64]}],[1,\"rtk-message-view\",{\"actions\":[16],\"variant\":[1],\"pinned\":[4],\"viewType\":[1,\"view-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"hideAvatar\":[4,\"hide-avatar\"],\"authorName\":[1,\"author-name\"],\"isSelf\":[4,\"is-self\"],\"hideAuthorName\":[4,\"hide-author-name\"],\"hideMetadata\":[4,\"hide-metadata\"],\"time\":[16],\"iconPack\":[16]}],[1,\"rtk-emoji-picker\",{\"iconPack\":[16],\"t\":[16],\"focusWhenOpened\":[4,\"focus-when-opened\"],\"emojiList\":[32],\"filterVal\":[32],\"filteredEmojis\":[32]}],[1,\"rtk-image-message-view\",{\"url\":[1],\"iconPack\":[16],\"t\":[16],\"status\":[32]}],[1,\"rtk-paginated-list\",{\"pageSize\":[2,\"page-size\"],\"pagesAllowed\":[2,\"pages-allowed\"],\"fetchData\":[16],\"createNodes\":[16],\"selectedItemId\":[1,\"selected-item-id\"],\"autoScroll\":[4,\"auto-scroll\"],\"iconPack\":[16],\"t\":[16],\"emptyListLabel\":[1,\"empty-list-label\"],\"isLoading\":[32],\"isLoadingTop\":[32],\"isLoadingBottom\":[32],\"hasMoreDataAtTop\":[32],\"rerenderBoolean\":[32],\"shouldRenderNewNodes\":[32],\"hasNewNodesToRender\":[32],\"showEmptyListLabel\":[32],\"onNewNode\":[64],\"onNodeDelete\":[64],\"onNodeUpdate\":[64]},null,{\"selectedItemId\":[\"onItemChanged\"]}],[1,\"rtk-file-message-view\",{\"name\":[1],\"size\":[2],\"url\":[1],\"iconPack\":[16]}],[0,\"rtk-text-message-view\",{\"text\":[1],\"isMarkdown\":[4,\"is-markdown\"]}],[1,\"rtk-markdown-view\",{\"text\":[1],\"maxLength\":[2,\"max-length\"]}],[1,\"rtk-menu\",{\"size\":[513],\"placement\":[1],\"offset\":[2],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-menu-item\",{\"size\":[513],\"menuVariant\":[1,\"menu-variant\"],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-menu-list\",{\"iconPack\":[16],\"menuVariant\":[1,\"menu-variant\"],\"t\":[16]}],[1,\"rtk-avatar\",{\"participant\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"imageState\":[32]}],[1,\"rtk-tooltip\",{\"label\":[1],\"variant\":[513],\"disabled\":[516],\"open\":[516],\"kind\":[513],\"size\":[513],\"placement\":[1],\"delay\":[2],\"isInFocus\":[32]},null,{\"open\":[\"openChanged\"]}],[1,\"rtk-spinner\",{\"iconPack\":[16],\"size\":[513]}],[17,\"rtk-button\",{\"size\":[513],\"variant\":[513],\"kind\":[513],\"reverse\":[516],\"disabled\":[516],\"type\":[513]}],[1,\"rtk-icon\",{\"icon\":[1],\"variant\":[513],\"size\":[513]}]]],[\"rtk-dialog-manager\",[[1,\"rtk-dialog-manager\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participants\",[[1,\"rtk-participants\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"defaultParticipantsTabId\":[1,\"default-participants-tab-id\"],\"t\":[16],\"currentParticipantsTabId\":[32],\"tabs\":[32],\"hasRequests\":[32],\"search\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"currentParticipantsTabId\":[\"currentParticipantsTabIdChanged\"]}]]],[\"rtk-chat-messages-ui\",[[1,\"rtk-chat-messages-ui\",{\"selectedGroup\":[1,\"selected-group\"],\"messages\":[16],\"selfUserId\":[1,\"self-user-id\"],\"canPinMessages\":[4,\"can-pin-messages\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"now\":[32],\"showLatestMessageButton\":[32]},null,{\"messages\":[\"chatChanged\"],\"selectedGroup\":[\"selectedBucketChanged\"]}]]],[\"rtk-chat-search-results\",[[1,\"rtk-chat-search-results\",{\"meeting\":[16],\"query\":[1],\"channelId\":[1,\"channel-id\"],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-settings\",[[1,\"rtk-settings\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[32],\"isMobileMainVisible\":[32],\"networkStatus\":[32],\"canProduceVideo\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-grid\",[[1,\"rtk-grid\",{\"layout\":[513],\"aspectRatio\":[513,\"aspect-ratio\"],\"meeting\":[16],\"gap\":[514],\"size\":[513],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16],\"overrides\":[8],\"participants\":[32],\"pinnedParticipants\":[32],\"screenShareParticipants\":[32],\"plugins\":[32],\"emptyStage\":[32],\"showLiveStreamPlayer\":[32],\"canCurrentPeerHost\":[32],\"pipSupported\":[32],\"pipEnabled\":[32],\"hidden\":[32],\"roomState\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"overrides\":[\"overridesChanged\"],\"screenShareParticipants\":[\"screenShareParticipantsChanged\"],\"plugins\":[\"pluginsChanged\"],\"pinnedParticipants\":[\"pinnedParticipantsChanged\"]}]]],[\"rtk-sidebar\",[[1,\"rtk-sidebar\",{\"enabledSections\":[1040],\"defaultSection\":[1,\"default-section\"],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"view\":[513],\"currentTab\":[32],\"isFloating\":[32],\"enablePinning\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"view\":[\"viewChanged\"]}]]],[\"rtk-channel-header\",[[0,\"rtk-channel-header\",{\"meeting\":[16],\"channel\":[16],\"iconPack\":[16],\"t\":[16],\"showBackButton\":[4,\"show-back-button\"],\"showChannelDetailsDialog\":[32],\"showSearchBar\":[32],\"members\":[32]},null,{\"channel\":[\"onChannelChanged\"]}]]],[\"rtk-chat-composer-ui\",[[1,\"rtk-chat-composer-ui\",{\"canSendTextMessage\":[4,\"can-send-text-message\"],\"canSendFiles\":[4,\"can-send-files\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"disableEmojiPicker\":[4,\"disable-emoji-picker\"],\"prefill\":[16],\"members\":[16],\"channelId\":[1,\"channel-id\"],\"emojiPickerActive\":[32],\"mentionQuery\":[32],\"focusedMemberIndex\":[32],\"filePreview\":[32]},null,{\"channelId\":[\"onChannelChanged\"]}]]],[\"rtk-mixed-grid\",[[1,\"rtk-mixed-grid\",{\"layout\":[513],\"participants\":[16],\"pinnedParticipants\":[16],\"screenShareParticipants\":[16],\"plugins\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16],\"activeTab\":[32],\"initialised\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"screenShareParticipants\":[\"screenShareParticipantsChanged\"],\"plugins\":[\"pluginsChanged\"]}]]],[\"rtk-setup-screen\",[[1,\"rtk-setup-screen\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"displayName\":[32],\"isJoining\":[32],\"canEditName\":[32],\"canProduceAudio\":[32],\"connectionState\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-audio-tile\",[[1,\"rtk-audio-tile\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"participant\":[16],\"audioEnabled\":[32],\"volume\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-camera-toggle\",[[1,\"rtk-camera-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoEnabled\":[32],\"canProduceVideo\":[32],\"cameraPermission\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-channel-creator\",[[1,\"rtk-channel-creator\",{\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"channelName\":[32],\"searchQuery\":[32],\"step\":[32],\"loading\":[32],\"selectedMemberIds\":[32],\"focusedMemberIndex\":[32],\"showAllMembersList\":[32]}]]],[\"rtk-channel-selector-ui\",[[1,\"rtk-channel-selector-ui\",{\"channels\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"iconPack\":[16],\"t\":[16],\"showRecentMessage\":[4,\"show-recent-message\"],\"isHidden\":[32],\"searchQuery\":[32]}]]],[\"rtk-mic-toggle\",[[1,\"rtk-mic-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"audioEnabled\":[32],\"canProduceAudio\":[32],\"micPermission\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-mute-all-button\",[[1,\"rtk-mute-all-button\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"canDisable\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-screen-share-toggle\",[[1,\"rtk-screen-share-toggle\",{\"states\":[16],\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"maxScreenShareCount\":[32],\"screenShareCount\":[32],\"screenShareEnabled\":[32],\"canScreenShare\":[32],\"shareScreenPermission\":[32],\"screenShareState\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-stage-toggle\",[[1,\"rtk-stage-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"states\":[16],\"t\":[16],\"stageStatus\":[32],\"state\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-ai\",[[1,\"rtk-ai\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"view\":[513]},null,{\"view\":[\"viewChanged\"]}]]],[\"rtk-ai-toggle\",[[1,\"rtk-ai-toggle\",{\"variant\":[513],\"states\":[16],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"aiActive\":[32]},null,{\"states\":[\"statesChanged\"]}]]],[\"rtk-breakout-rooms-toggle\",[[1,\"rtk-breakout-rooms-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"canToggle\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-caption-toggle\",[[1,\"rtk-caption-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"captionEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-chat-toggle\",[[1,\"rtk-chat-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"unreadMessageCount\":[32],\"chatActive\":[32],\"canViewChat\":[32],\"hasNewMessages\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"chatActive\":[\"handleChatActiveChange\"]}]]],[\"rtk-debugger-toggle\",[[1,\"rtk-debugger-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"t\":[16],\"iconPack\":[16],\"size\":[513]}]]],[\"rtk-grid-pagination\",[[1,\"rtk-grid-pagination\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"page\":[32],\"pageCount\":[32],\"activeCount\":[32],\"activeComputedCount\":[32],\"showPagination\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"size\":[\"sizeChanged\"]}]]],[\"rtk-idle-screen\",[[1,\"rtk-idle-screen\",{\"meeting\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-leave-button\",[[1,\"rtk-leave-button\",{\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-livestream-toggle\",[[1,\"rtk-livestream-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"livestreamState\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-more-toggle\",[[1,\"rtk-more-toggle\",{\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-notifications\",[[1,\"rtk-notifications\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"t\":[16],\"size\":[513],\"iconPack\":[16],\"notifications\":[32],\"paused\":[32]},[[8,\"rtkApiError\",\"apiErrorListener\"],[8,\"rtkSendNotification\",\"sendNotificationListener\"]],{\"meeting\":[\"meetingChanged\"],\"config\":[\"configChanged\"],\"states\":[\"statesChanged\"]}]]],[\"rtk-participants-audio\",[[1,\"rtk-participants-audio\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"preloadedAudioElem\":[16],\"showPlayDialog\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participants-toggle\",[[1,\"rtk-participants-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"participantsActive\":[32],\"waitlistedParticipants\":[32],\"stageRequestedParticipants\":[32],\"badgeCount\":[32],\"canViewParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"participantsActive\":[\"handleParticipantsActiveChange\"]}]]],[\"rtk-pip-toggle\",[[1,\"rtk-pip-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"pipSupported\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugins-toggle\",[[1,\"rtk-plugins-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"pluginsActive\":[32],\"canViewPlugins\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"pluginsActive\":[\"handlePluginsActiveChange\"]}]]],[\"rtk-polls-toggle\",[[1,\"rtk-polls-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"pollsActive\":[32],\"unreadPollsCount\":[32],\"canViewPolls\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"pollsActive\":[\"handlePollsActiveChange\"]}]]],[\"rtk-recording-toggle\",[[1,\"rtk-recording-toggle\",{\"variant\":[513],\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"size\":[513],\"disabled\":[4],\"recordingState\":[32],\"canRecord\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-screenshare-view\",[[1,\"rtk-screenshare-view\",{\"hideFullScreenButton\":[4,\"hide-full-screen-button\"],\"nameTagPosition\":[513,\"name-tag-position\"],\"participant\":[16],\"meeting\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoExpanded\":[32],\"screenShareEnabled\":[32],\"isFullScreen\":[32],\"remoteControlInfo\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-settings-toggle\",[[1,\"rtk-settings-toggle\",{\"variant\":[513],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-ended-screen\",[[1,\"rtk-ended-screen\",{\"config\":[16],\"size\":[513],\"states\":[16],\"t\":[16],\"iconPack\":[16],\"meeting\":[16],\"icon\":[32],\"message\":[32]},null,{\"states\":[\"statesChanged\"]}]]],[\"rtk-image-viewer\",[[1,\"rtk-image-viewer\",{\"image\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16]}]]],[\"rtk-message-list-view\",[[0,\"rtk-message-list-view\",{\"messages\":[16],\"renderer\":[16],\"loadMore\":[16],\"visibleItemsCount\":[2,\"visible-items-count\"],\"estimateItemSize\":[2,\"estimate-item-size\"],\"iconPack\":[16],\"range\":[32],\"isFetching\":[32],\"autoScroll\":[32],\"totalHeight\":[32]},null,{\"messages\":[\"messagesUpdated\"]}]]],[\"rtk-chat-selector-ui\",[[1,\"rtk-chat-selector-ui\",{\"selfUserId\":[1,\"self-user-id\"],\"selectedGroupId\":[1,\"selected-group-id\"],\"unreadCounts\":[16],\"groups\":[16],\"iconPack\":[16],\"t\":[16],\"showParticipantsPanel\":[32],\"query\":[32]}]]],[\"rtk-clock\",[[1,\"rtk-clock\",{\"meeting\":[16],\"iconPack\":[16],\"size\":[513],\"startedTime\":[32],\"timeDiff\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"startedTime\":[\"startedTimeChanged\"]}]]],[\"rtk-file-dropzone\",[[1,\"rtk-file-dropzone\",{\"hostEl\":[16],\"iconPack\":[16],\"t\":[16],\"dropzoneActivated\":[32]}]]],[\"rtk-information-tooltip\",[[1,\"rtk-information-tooltip\",{\"iconPack\":[16]}]]],[\"rtk-meeting-title\",[[1,\"rtk-meeting-title\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-network-indicator\",[[1,\"rtk-network-indicator\",{\"participant\":[16],\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"isScreenShare\":[4,\"is-screen-share\"],\"score\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-participant-count\",[[1,\"rtk-participant-count\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"participantCount\":[32],\"isViewer\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-recording-indicator\",[[1,\"rtk-recording-indicator\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"isRecording\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-transcripts\",[[1,\"rtk-transcripts\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"t\":[16],\"transcripts\":[32],\"listenerAttached\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"]}]]],[\"rtk-waiting-screen\",[[1,\"rtk-waiting-screen\",{\"meeting\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-audio-grid\",[[1,\"rtk-audio-grid\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"hideSelf\":[4,\"hide-self\"],\"activeParticipants\":[32],\"onStageParticipants\":[32],\"offStageParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-controlbar\",[[1,\"rtk-controlbar\",{\"variant\":[513],\"disableRender\":[4,\"disable-render\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513]}]]],[\"rtk-header\",[[1,\"rtk-header\",{\"variant\":[513],\"disableRender\":[4,\"disable-render\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513]}]]],[\"rtk-participant-setup\",[[1,\"rtk-participant-setup\",{\"nameTagPosition\":[513,\"name-tag-position\"],\"isPreview\":[4,\"is-preview\"],\"participant\":[16],\"states\":[16],\"config\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoState\":[32],\"isPinned\":[32]},null,{\"participant\":[\"participantsChanged\"],\"videoState\":[\"videoStateChanged\"]}]]],[\"rtk-simple-grid\",[[1,\"rtk-simple-grid\",{\"participants\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"dimensions\":[32],\"mediaConnection\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-spotlight-grid\",[[1,\"rtk-spotlight-grid\",{\"layout\":[513],\"participants\":[16],\"pinnedParticipants\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16]}]]],[\"rtk-stage\",[[1,\"rtk-stage\",{\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-ui-provider\",[[4,\"rtk-ui-provider\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"config\":[16],\"mode\":[513],\"showSetupScreen\":[4,\"show-setup-screen\"],\"overrides\":[16]},null,{\"meeting\":[\"meetingChanged\"],\"iconPack\":[\"iconPackChanged\"],\"t\":[\"tChanged\"],\"config\":[\"configChanged\"],\"overrides\":[\"overridesChanged\"]}]]],[\"rtk-chat-message\",[[1,\"rtk-chat-message\",{\"message\":[16],\"isContinued\":[4,\"is-continued\"],\"child\":[16],\"isUnread\":[4,\"is-unread\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isSelf\":[4,\"is-self\"],\"canEdit\":[4,\"can-edit\"],\"canDelete\":[4,\"can-delete\"],\"canReply\":[4,\"can-reply\"],\"canPin\":[4,\"can-pin\"],\"disableControls\":[4,\"disable-controls\"],\"alignRight\":[4,\"align-right\"],\"senderDisplayPicture\":[1,\"sender-display-picture\"],\"hideAvatar\":[4,\"hide-avatar\"],\"leftAlign\":[4,\"left-align\"],\"now\":[32]}]]],[\"rtk-channel-details\",[[1,\"rtk-channel-details\",{\"channel\":[16],\"t\":[16],\"iconPack\":[16],\"members\":[16]}]]],[\"rtk-notification\",[[1,\"rtk-notification\",{\"notification\":[16],\"paused\":[4],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"imageState\":[32]},null,{\"paused\":[\"pausedChanged\"],\"notification\":[\"notificationChanged\"]}]]],[\"rtk-ai-transcriptions\",[[1,\"rtk-ai-transcriptions\",{\"t\":[16],\"meeting\":[16],\"initialTranscriptions\":[16],\"participantQuery\":[32],\"isProcessing\":[32],\"transcriptions\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"transcriptions\":[\"transcriptionsChanged\"]}]]],[\"rtk-name-tag\",[[1,\"rtk-name-tag\",{\"participant\":[16],\"meeting\":[16],\"size\":[513],\"isScreenShare\":[4,\"is-screen-share\"],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"length\":[32]},null,{\"size\":[\"sizeChanged\"]}]]],[\"rtk-transcript\",[[1,\"rtk-transcript\",{\"transcript\":[16],\"t\":[16],\"timeout\":[32]},null,{\"transcript\":[\"transcriptChanged\"]}]]],[\"rtk-settings-audio_2\",[[1,\"rtk-settings-audio\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-settings-video\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugins_2\",[[1,\"rtk-polls\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"create\":[32],\"polls\":[32],\"permissions\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-plugins\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"plugins\":[32],\"canStartPlugins\":[32],\"canClosePlugins\":[32],\"activatedPluginsId\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugin-main_2\",[[1,\"rtk-tab-bar\",{\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"layout\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[16],\"tabs\":[16]}],[1,\"rtk-plugin-main\",{\"meeting\":[16],\"plugin\":[16],\"iconPack\":[16],\"t\":[16],\"canClosePlugin\":[32],\"viewModeEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"plugin\":[\"pluginChanged\"]}]]],[\"rtk-fullscreen-toggle\",[[1,\"rtk-fullscreen-toggle\",{\"states\":[16],\"targetElement\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"fullScreenActive\":[32],\"isFullScreenSupported\":[32]}]]],[\"rtk-sidebar-ui\",[[1,\"rtk-sidebar-ui\",{\"view\":[513],\"tabs\":[16],\"hideHeader\":[4,\"hide-header\"],\"hideCloseAction\":[4,\"hide-close-action\"],\"currentTab\":[1,\"current-tab\"],\"iconPack\":[16],\"focusCloseButton\":[4,\"focus-close-button\"],\"t\":[16]},null,{\"currentTab\":[\"handleFocusCloseButton\"]}]]],[\"rtk-spotlight-indicator\",[[1,\"rtk-spotlight-indicator\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"canSpotlight\":[32],\"isSpotlighted\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-livestream-indicator_3\",[[1,\"rtk-livestream-player\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"playbackUrl\":[32],\"isSupported\":[32],\"playerState\":[32],\"livestreamState\":[32],\"playerError\":[32],\"livestreamId\":[32],\"audioPlaybackError\":[32],\"qualityLevels\":[32],\"selectedQuality\":[32],\"currentTime\":[32],\"duration\":[32],\"hideControls\":[32],\"isDragging\":[32],\"seekPosition\":[32],\"isSeeking\":[32]},null,{\"livestreamState\":[\"updateLivestreamId\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-livestream-indicator\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"isLivestreaming\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-viewer-count\",{\"meeting\":[16],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"viewerCount\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-dialog\",[[1,\"rtk-dialog\",{\"hideCloseButton\":[4,\"hide-close-button\"],\"disableEscapeKey\":[4,\"disable-escape-key\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"open\":[1540]}]]],[\"rtk-logo\",[[1,\"rtk-logo\",{\"logoUrl\":[1025,\"logo-url\"],\"config\":[16],\"meeting\":[16],\"t\":[16]},null,{\"config\":[\"configChanged\"],\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participant_2\",[[1,\"rtk-participant\",{\"meeting\":[16],\"states\":[16],\"view\":[1],\"participant\":[16],\"iconPack\":[16],\"t\":[16],\"config\":[16],\"audioEnabled\":[32],\"videoEnabled\":[32],\"isPinned\":[32],\"isHidden\":[32],\"isOnStage\":[32],\"canDisableParticipantAudio\":[32],\"canDisableParticipantVideo\":[32],\"canKickParticipant\":[32],\"canPinParticipant\":[32],\"canAllowParticipantOnStage\":[32],\"menuOpen\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participant\":[\"participantChanged\"]}],[0,\"rtk-virtualized-participant-list\",{\"items\":[16],\"renderItem\":[16],\"itemHeight\":[1026,\"item-height\"],\"bufferedItemsCount\":[2,\"buffered-items-count\"],\"emptyListElement\":[16],\"visibleStart\":[32],\"visibleEnd\":[32]},null,{\"items\":[\"itemsChanged\"]}]]],[\"rtk-participants-stage-list_4\",[[1,\"rtk-participants-viewer-list\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"hideHeader\":[4,\"hide-header\"],\"iconPack\":[16],\"view\":[1],\"search\":[1],\"t\":[16],\"stageViewers\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"search\":[\"searchChanged\"]}],[1,\"rtk-participants-stage-queue\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"stageRequestedParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-participants-waiting-list\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"waitlistedParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-participants-stage-list\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"size\":[513],\"hideHeader\":[4,\"hide-header\"],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"search\":[1],\"participants\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"search\":[\"searchChanged\"]}]]],[\"rtk-poll_2\",[[1,\"rtk-poll-form\",{\"iconPack\":[16],\"t\":[16],\"options\":[32],\"anonymous\":[32],\"hideVotes\":[32],\"error\":[32]}],[1,\"rtk-poll\",{\"poll\":[16],\"self\":[1],\"permissions\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-camera-selector_2\",[[1,\"rtk-participant-tile\",{\"nameTagPosition\":[513,\"name-tag-position\"],\"isPreview\":[4,\"is-preview\"],\"participant\":[16],\"meeting\":[16],\"states\":[16],\"config\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isPinned\":[32],\"mediaConnectionError\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participant\":[\"participantsChanged\"]}],[1,\"rtk-camera-selector\",{\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"variant\":[1],\"t\":[16],\"videoDevices\":[32],\"currentDevice\":[32],\"canProduceVideo\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-breakout-room-manager_3\",[[1,\"rtk-breakout-room-manager\",{\"meeting\":[16],\"assigningParticipants\":[4,\"assigning-participants\"],\"mode\":[1],\"states\":[16],\"allowDelete\":[4,\"allow-delete\"],\"iconPack\":[16],\"t\":[16],\"isDragMode\":[4,\"is-drag-mode\"],\"room\":[16],\"defaultExpanded\":[4,\"default-expanded\"],\"editingTitleRoomId\":[32],\"newTitle\":[32],\"showExpandedCard\":[32],\"glowingCard\":[32]}],[1,\"rtk-breakout-room-participants\",{\"meeting\":[16],\"participantIds\":[16],\"iconPack\":[16],\"t\":[16],\"selectedParticipantIds\":[16],\"search\":[32],\"participantsToShow\":[32],\"isDragging\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participantIds\":[\"participantsChanged\"],\"search\":[\"searchChanged\"]}],[1,\"rtk-counter\",{\"size\":[513],\"value\":[2],\"minValue\":[2,\"min-value\"],\"iconPack\":[16],\"t\":[16],\"input\":[32]},null,{\"input\":[\"watchStateHandler\"]}]]],[\"rtk-file-message_3\",[[0,\"rtk-image-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"],\"status\":[32]}],[0,\"rtk-file-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}],[0,\"rtk-text-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}]]],[\"rtk-debugger-audio_4\",[[1,\"rtk-debugger-audio\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"audioProducerFormattedStats\":[32],\"audioProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32],\"devicesHealth\":[32]},null,{\"audioProducerScoreStats\":[\"audioProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-screenshare\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"videoProducerFormattedStats\":[32],\"videoProducerScoreStats\":[32],\"audioProducerFormattedStats\":[32],\"audioProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32]},null,{\"videoProducerScoreStats\":[\"videoProducerScoreStatsChanged\"],\"audioProducerScoreStats\":[\"audioProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-system\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isBatterySectionOpen\":[32],\"batterySectionHealth\":[32],\"battery\":[32],\"batteryFormattedStats\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-video\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"videoProducerFormattedStats\":[32],\"videoProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32],\"devicesHealth\":[32]},null,{\"videoProducerScoreStats\":[\"videoProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-breakout-rooms-manager_9\",[[1,\"rtk-breakout-rooms-manager\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"loading\":[32],\"roomConfig\":[32],\"draftState\":[32],\"assigningParticipants\":[32],\"selectedParticipants\":[32],\"ephemeralStatusText\":[32],\"isDragMode\":[32]},[[0,\"participantDelete\",\"onParticipantDelete\"],[0,\"participantsDragging\",\"toggleDragMode\"],[0,\"selectedParticipantsUpdate\",\"updateSelectedParticipants\"],[0,\"allParticipantsToggleUpdate\",\"updateAllParticipants\"]],{\"selectedParticipants\":[\"onSelectedParticipantsChanged\"]}],[1,\"rtk-debugger\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[32],\"isMobileMainVisible\":[32],\"progress\":[32]},[[0,\"testProgress\",\"progressUpdate\"]]],[1,\"rtk-broadcast-message-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"messagePayload\":[32],\"successMessage\":[32]}],[1,\"rtk-join-stage\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"dataConfig\":[16],\"isLoading\":[32]}],[1,\"rtk-permissions-message\",{\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"states\":[16],\"device\":[32],\"currentStep\":[32],\"svgSteps\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-confirmation-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-leave-meeting\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"canEndMeeting\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-mute-all-confirmation\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"allowUnmute\":[32]}],[1,\"rtk-overlay-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-audio-visualizer_4\",[[1,\"rtk-audio-visualizer\",{\"variant\":[513],\"participant\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"hideMuted\":[4,\"hide-muted\"],\"isScreenShare\":[4,\"is-screen-share\"],\"audioEnabled\":[32],\"volume\":[32]},null,{\"participant\":[\"participantChanged\"]}],[1,\"rtk-speaker-selector\",{\"meeting\":[16],\"states\":[16],\"variant\":[1],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"speakerDevices\":[32],\"currentDevices\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-microphone-selector\",{\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"variant\":[1],\"t\":[16],\"audioinputDevices\":[32],\"canProduceAudio\":[32],\"currentDevices\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-switch\",{\"checked\":[1028],\"readonly\":[4],\"disabled\":[516],\"iconPack\":[16],\"t\":[16]},null,{\"checked\":[\"checkedChange\"]}]]],[\"rtk-controlbar-button\",[[17,\"rtk-controlbar-button\",{\"variant\":[513],\"showWarning\":[4,\"show-warning\"],\"size\":[513],\"label\":[1],\"icon\":[1],\"isLoading\":[4,\"is-loading\"],\"disabled\":[516],\"iconPack\":[16],\"brandIcon\":[516,\"brand-icon\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"rtk-avatar_24\",[[1,\"rtk-meeting\",{\"loadConfigFromPreset\":[1028,\"load-config-from-preset\"],\"applyDesignSystem\":[1028,\"apply-design-system\"],\"mode\":[513],\"leaveOnUnmount\":[4,\"leave-on-unmount\"],\"meeting\":[16],\"showSetupScreen\":[1028,\"show-setup-screen\"],\"t\":[16],\"config\":[1040],\"size\":[1537],\"gridLayout\":[1,\"grid-layout\"],\"iconPack\":[16],\"overrides\":[16]},null,{\"meeting\":[\"meetingChanged\"],\"iconPack\":[\"iconPackChanged\"],\"t\":[\"tChanged\"],\"config\":[\"configChanged\"],\"overrides\":[\"overridesChanged\"]}],[1,\"rtk-chat\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"overrides\":[16],\"disablePrivateChat\":[4,\"disable-private-chat\"],\"privatePresetFilter\":[16],\"displayFilter\":[16],\"canPinMessages\":[32],\"unreadCountGroups\":[32],\"chatGroups\":[32],\"selectedGroup\":[32],\"now\":[32],\"dropzoneActivated\":[32],\"showLatestMessageButton\":[32],\"canSend\":[32],\"canSendTextMessage\":[32],\"canSendFiles\":[32],\"canPrivateMessage\":[32],\"canSendPrivateTexts\":[32],\"canSendPrivateFiles\":[32],\"emojiPickerEnabled\":[32],\"chatRecipientId\":[32],\"participants\":[32],\"selectedParticipant\":[32],\"channels\":[32],\"selectedChannelId\":[32],\"editingMessage\":[32],\"replyMessage\":[32],\"searchQuery\":[32],\"selectorState\":[32],\"creatingChannel\":[32],\"showPinnedMessages\":[32]},[[8,\"editMessageInit\",\"onEditMessageInit\"],[0,\"switchChannel\",\"channelSwitchListener\"]],{\"meeting\":[\"meetingChanged\"],\"chatGroups\":[\"chatGroupsChanged\"],\"displayFilter\":[\"onDisplayFilterChanged\"]}],[1,\"rtk-chat-messages-ui-paginated\",{\"meeting\":[16],\"selectedChannel\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"leftAlign\":[4,\"left-align\"],\"children\":[32],\"permissionsChanged\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"selectedChannelId\":[\"channelChanged\"]}],[1,\"rtk-chat-composer-view\",{\"canSendTextMessage\":[4,\"can-send-text-message\"],\"canSendFiles\":[4,\"can-send-files\"],\"message\":[1],\"quotedMessage\":[1,\"quoted-message\"],\"storageKey\":[1,\"storage-key\"],\"inputTextPlaceholder\":[1,\"input-text-placeholder\"],\"isEditing\":[4,\"is-editing\"],\"iconPack\":[16],\"t\":[16],\"maxLength\":[2,\"max-length\"],\"disableEmojiPicker\":[4,\"disable-emoji-picker\"],\"rateLimits\":[16],\"fileToUpload\":[32],\"isEmojiPickerOpen\":[32],\"disableSendButton\":[32],\"rateLimitsBreached\":[32]}],[1,\"rtk-channel-selector-view\",{\"channels\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"disableSearch\":[4,\"disable-search\"],\"hideAvatar\":[4,\"hide-avatar\"],\"iconPack\":[16],\"t\":[16],\"viewAs\":[1,\"view-as\"],\"searchQuery\":[32],\"showDropdown\":[32]}],[1,\"rtk-draft-attachment-view\",{\"iconPack\":[16],\"t\":[16],\"attachment\":[16],\"filePreview\":[32]},null,{\"attachment\":[\"onAttachmentChange\"]}],[1,\"rtk-emoji-picker-button\",{\"iconPack\":[16],\"t\":[16],\"isActive\":[4,\"is-active\"]}],[1,\"rtk-file-picker-button\",{\"filter\":[1],\"label\":[1],\"icon\":[1],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-text-composer-view\",{\"disabled\":[4],\"placeholder\":[1],\"value\":[1],\"maxLength\":[2,\"max-length\"],\"rateLimitBreached\":[4,\"rate-limit-breached\"],\"keyDownHandler\":[16],\"iconPack\":[16],\"t\":[16],\"maxLengthBreached\":[32],\"setText\":[64]}],[1,\"rtk-message-view\",{\"actions\":[16],\"variant\":[1],\"pinned\":[4],\"viewType\":[1,\"view-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"hideAvatar\":[4,\"hide-avatar\"],\"authorName\":[1,\"author-name\"],\"isSelf\":[4,\"is-self\"],\"hideAuthorName\":[4,\"hide-author-name\"],\"hideMetadata\":[4,\"hide-metadata\"],\"time\":[16],\"iconPack\":[16]}],[1,\"rtk-emoji-picker\",{\"iconPack\":[16],\"t\":[16],\"focusWhenOpened\":[4,\"focus-when-opened\"],\"emojiList\":[32],\"filterVal\":[32],\"filteredEmojis\":[32]}],[1,\"rtk-image-message-view\",{\"url\":[1],\"iconPack\":[16],\"t\":[16],\"status\":[32]}],[1,\"rtk-paginated-list\",{\"pageSize\":[2,\"page-size\"],\"pagesAllowed\":[2,\"pages-allowed\"],\"emptyListLabel\":[1,\"empty-list-label\"],\"fetchData\":[16],\"createNodes\":[16],\"selectedItemId\":[1,\"selected-item-id\"],\"autoScroll\":[4,\"auto-scroll\"],\"iconPack\":[16],\"t\":[16],\"rerenderBoolean\":[32],\"showEmptyListLabel\":[32],\"isLoading\":[32],\"isLoadingTop\":[32],\"isLoadingBottom\":[32],\"onNewNode\":[64],\"onNodeDelete\":[64],\"onNodeUpdate\":[64]}],[1,\"rtk-file-message-view\",{\"name\":[1],\"size\":[2],\"url\":[1],\"iconPack\":[16]}],[0,\"rtk-text-message-view\",{\"text\":[1],\"isMarkdown\":[4,\"is-markdown\"]}],[1,\"rtk-markdown-view\",{\"text\":[1],\"maxLength\":[2,\"max-length\"]}],[1,\"rtk-menu\",{\"size\":[513],\"placement\":[1],\"offset\":[2],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-menu-item\",{\"size\":[513],\"menuVariant\":[1,\"menu-variant\"],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-menu-list\",{\"iconPack\":[16],\"menuVariant\":[1,\"menu-variant\"],\"t\":[16]}],[1,\"rtk-avatar\",{\"participant\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"imageState\":[32]}],[1,\"rtk-tooltip\",{\"label\":[1],\"variant\":[513],\"disabled\":[516],\"open\":[516],\"kind\":[513],\"size\":[513],\"placement\":[1],\"delay\":[2],\"isInFocus\":[32]},null,{\"open\":[\"openChanged\"]}],[1,\"rtk-spinner\",{\"iconPack\":[16],\"size\":[513]}],[17,\"rtk-button\",{\"size\":[513],\"variant\":[513],\"kind\":[513],\"reverse\":[516],\"disabled\":[516],\"type\":[513]}],[1,\"rtk-icon\",{\"icon\":[1],\"variant\":[513],\"size\":[513]}]]],[\"rtk-dialog-manager\",[[1,\"rtk-dialog-manager\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participants\",[[1,\"rtk-participants\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"defaultParticipantsTabId\":[1,\"default-participants-tab-id\"],\"t\":[16],\"currentParticipantsTabId\":[32],\"tabs\":[32],\"hasRequests\":[32],\"search\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"currentParticipantsTabId\":[\"currentParticipantsTabIdChanged\"]}]]],[\"rtk-chat-messages-ui\",[[1,\"rtk-chat-messages-ui\",{\"selectedGroup\":[1,\"selected-group\"],\"messages\":[16],\"selfUserId\":[1,\"self-user-id\"],\"canPinMessages\":[4,\"can-pin-messages\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"now\":[32],\"showLatestMessageButton\":[32]},null,{\"messages\":[\"chatChanged\"],\"selectedGroup\":[\"selectedBucketChanged\"]}]]],[\"rtk-chat-search-results\",[[1,\"rtk-chat-search-results\",{\"meeting\":[16],\"query\":[1],\"channelId\":[1,\"channel-id\"],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-settings\",[[1,\"rtk-settings\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[32],\"isMobileMainVisible\":[32],\"networkStatus\":[32],\"canProduceVideo\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-grid\",[[1,\"rtk-grid\",{\"layout\":[513],\"aspectRatio\":[513,\"aspect-ratio\"],\"meeting\":[16],\"gap\":[514],\"size\":[513],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16],\"overrides\":[8],\"participants\":[32],\"pinnedParticipants\":[32],\"screenShareParticipants\":[32],\"plugins\":[32],\"emptyStage\":[32],\"showLiveStreamPlayer\":[32],\"canCurrentPeerHost\":[32],\"pipSupported\":[32],\"pipEnabled\":[32],\"hidden\":[32],\"roomState\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"overrides\":[\"overridesChanged\"],\"screenShareParticipants\":[\"screenShareParticipantsChanged\"],\"plugins\":[\"pluginsChanged\"],\"pinnedParticipants\":[\"pinnedParticipantsChanged\"]}]]],[\"rtk-sidebar\",[[1,\"rtk-sidebar\",{\"enabledSections\":[1040],\"defaultSection\":[1,\"default-section\"],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"view\":[513],\"currentTab\":[32],\"isFloating\":[32],\"enablePinning\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"view\":[\"viewChanged\"]}]]],[\"rtk-channel-header\",[[0,\"rtk-channel-header\",{\"meeting\":[16],\"channel\":[16],\"iconPack\":[16],\"t\":[16],\"showBackButton\":[4,\"show-back-button\"],\"showChannelDetailsDialog\":[32],\"showSearchBar\":[32],\"members\":[32]},null,{\"channel\":[\"onChannelChanged\"]}]]],[\"rtk-chat-composer-ui\",[[1,\"rtk-chat-composer-ui\",{\"canSendTextMessage\":[4,\"can-send-text-message\"],\"canSendFiles\":[4,\"can-send-files\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"disableEmojiPicker\":[4,\"disable-emoji-picker\"],\"prefill\":[16],\"members\":[16],\"channelId\":[1,\"channel-id\"],\"emojiPickerActive\":[32],\"mentionQuery\":[32],\"focusedMemberIndex\":[32],\"filePreview\":[32]},null,{\"channelId\":[\"onChannelChanged\"]}]]],[\"rtk-mixed-grid\",[[1,\"rtk-mixed-grid\",{\"layout\":[513],\"participants\":[16],\"pinnedParticipants\":[16],\"screenShareParticipants\":[16],\"plugins\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16],\"activeTab\":[32],\"initialised\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"screenShareParticipants\":[\"screenShareParticipantsChanged\"],\"plugins\":[\"pluginsChanged\"]}]]],[\"rtk-setup-screen\",[[1,\"rtk-setup-screen\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"displayName\":[32],\"isJoining\":[32],\"canEditName\":[32],\"canProduceAudio\":[32],\"connectionState\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-audio-tile\",[[1,\"rtk-audio-tile\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"participant\":[16],\"audioEnabled\":[32],\"volume\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-camera-toggle\",[[1,\"rtk-camera-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoEnabled\":[32],\"canProduceVideo\":[32],\"cameraPermission\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-channel-creator\",[[1,\"rtk-channel-creator\",{\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"channelName\":[32],\"searchQuery\":[32],\"step\":[32],\"loading\":[32],\"selectedMemberIds\":[32],\"focusedMemberIndex\":[32],\"showAllMembersList\":[32]}]]],[\"rtk-channel-selector-ui\",[[1,\"rtk-channel-selector-ui\",{\"channels\":[16],\"selectedChannelId\":[1,\"selected-channel-id\"],\"iconPack\":[16],\"t\":[16],\"showRecentMessage\":[4,\"show-recent-message\"],\"isHidden\":[32],\"searchQuery\":[32]}]]],[\"rtk-mic-toggle\",[[1,\"rtk-mic-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"audioEnabled\":[32],\"canProduceAudio\":[32],\"micPermission\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-mute-all-button\",[[1,\"rtk-mute-all-button\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"canDisable\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-screen-share-toggle\",[[1,\"rtk-screen-share-toggle\",{\"states\":[16],\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"maxScreenShareCount\":[32],\"screenShareCount\":[32],\"screenShareEnabled\":[32],\"canScreenShare\":[32],\"shareScreenPermission\":[32],\"screenShareState\":[32],\"stageStatus\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-stage-toggle\",[[1,\"rtk-stage-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"states\":[16],\"t\":[16],\"stageStatus\":[32],\"state\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-ai\",[[1,\"rtk-ai\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"view\":[513]},null,{\"view\":[\"viewChanged\"]}]]],[\"rtk-ai-toggle\",[[1,\"rtk-ai-toggle\",{\"variant\":[513],\"states\":[16],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"aiActive\":[32]},null,{\"states\":[\"statesChanged\"]}]]],[\"rtk-breakout-rooms-toggle\",[[1,\"rtk-breakout-rooms-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"canToggle\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-caption-toggle\",[[1,\"rtk-caption-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"captionEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-chat-toggle\",[[1,\"rtk-chat-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"unreadMessageCount\":[32],\"chatActive\":[32],\"canViewChat\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"chatActive\":[\"handleChatActiveChange\"]}]]],[\"rtk-debugger-toggle\",[[1,\"rtk-debugger-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"t\":[16],\"iconPack\":[16],\"size\":[513]}]]],[\"rtk-grid-pagination\",[[1,\"rtk-grid-pagination\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"page\":[32],\"pageCount\":[32],\"activeCount\":[32],\"activeComputedCount\":[32],\"showPagination\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"size\":[\"sizeChanged\"]}]]],[\"rtk-idle-screen\",[[1,\"rtk-idle-screen\",{\"meeting\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-leave-button\",[[1,\"rtk-leave-button\",{\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-livestream-toggle\",[[1,\"rtk-livestream-toggle\",{\"variant\":[513],\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"livestreamState\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-more-toggle\",[[1,\"rtk-more-toggle\",{\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-notifications\",[[1,\"rtk-notifications\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"t\":[16],\"size\":[513],\"iconPack\":[16],\"notifications\":[32],\"paused\":[32]},[[8,\"rtkApiError\",\"apiErrorListener\"],[8,\"rtkSendNotification\",\"sendNotificationListener\"]],{\"meeting\":[\"meetingChanged\"],\"config\":[\"configChanged\"],\"states\":[\"statesChanged\"]}]]],[\"rtk-participants-audio\",[[1,\"rtk-participants-audio\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"preloadedAudioElem\":[16],\"showPlayDialog\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participants-toggle\",[[1,\"rtk-participants-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"participantsActive\":[32],\"waitlistedParticipants\":[32],\"stageRequestedParticipants\":[32],\"badgeCount\":[32],\"canViewParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"participantsActive\":[\"handleParticipantsActiveChange\"]}]]],[\"rtk-pip-toggle\",[[1,\"rtk-pip-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"pipSupported\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugins-toggle\",[[1,\"rtk-plugins-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"pluginsActive\":[32],\"canViewPlugins\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"pluginsActive\":[\"handlePluginsActiveChange\"]}]]],[\"rtk-polls-toggle\",[[1,\"rtk-polls-toggle\",{\"variant\":[513],\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"pollsActive\":[32],\"unreadPollsCount\":[32],\"canViewPolls\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"],\"pollsActive\":[\"handlePollsActiveChange\"]}]]],[\"rtk-recording-toggle\",[[1,\"rtk-recording-toggle\",{\"variant\":[513],\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"size\":[513],\"disabled\":[4],\"recordingState\":[32],\"canRecord\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-screenshare-view\",[[1,\"rtk-screenshare-view\",{\"hideFullScreenButton\":[4,\"hide-full-screen-button\"],\"nameTagPosition\":[513,\"name-tag-position\"],\"participant\":[16],\"meeting\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoExpanded\":[32],\"screenShareEnabled\":[32],\"isFullScreen\":[32],\"remoteControlInfo\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-settings-toggle\",[[1,\"rtk-settings-toggle\",{\"variant\":[513],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-ended-screen\",[[1,\"rtk-ended-screen\",{\"config\":[16],\"size\":[513],\"states\":[16],\"t\":[16],\"iconPack\":[16],\"meeting\":[16],\"icon\":[32],\"message\":[32]},null,{\"states\":[\"statesChanged\"]}]]],[\"rtk-image-viewer\",[[1,\"rtk-image-viewer\",{\"image\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16]}]]],[\"rtk-message-list-view\",[[0,\"rtk-message-list-view\",{\"messages\":[16],\"renderer\":[16],\"loadMore\":[16],\"visibleItemsCount\":[2,\"visible-items-count\"],\"estimateItemSize\":[2,\"estimate-item-size\"],\"iconPack\":[16],\"range\":[32],\"isFetching\":[32],\"autoScroll\":[32],\"totalHeight\":[32]},null,{\"messages\":[\"messagesUpdated\"]}]]],[\"rtk-chat-selector-ui\",[[1,\"rtk-chat-selector-ui\",{\"selfUserId\":[1,\"self-user-id\"],\"selectedGroupId\":[1,\"selected-group-id\"],\"unreadCounts\":[16],\"groups\":[16],\"iconPack\":[16],\"t\":[16],\"showParticipantsPanel\":[32],\"query\":[32]}]]],[\"rtk-clock\",[[1,\"rtk-clock\",{\"meeting\":[16],\"iconPack\":[16],\"size\":[513],\"startedTime\":[32],\"timeDiff\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"startedTime\":[\"startedTimeChanged\"]}]]],[\"rtk-file-dropzone\",[[1,\"rtk-file-dropzone\",{\"hostEl\":[16],\"iconPack\":[16],\"t\":[16],\"dropzoneActivated\":[32]}]]],[\"rtk-information-tooltip\",[[1,\"rtk-information-tooltip\",{\"iconPack\":[16]}]]],[\"rtk-meeting-title\",[[1,\"rtk-meeting-title\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-network-indicator\",[[1,\"rtk-network-indicator\",{\"participant\":[16],\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"isScreenShare\":[4,\"is-screen-share\"],\"score\":[32]},null,{\"participant\":[\"participantChanged\"]}]]],[\"rtk-participant-count\",[[1,\"rtk-participant-count\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"participantCount\":[32],\"isViewer\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-recording-indicator\",[[1,\"rtk-recording-indicator\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"isRecording\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-transcripts\",[[1,\"rtk-transcripts\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"t\":[16],\"transcripts\":[32],\"listenerAttached\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"states\":[\"statesChanged\"]}]]],[\"rtk-waiting-screen\",[[1,\"rtk-waiting-screen\",{\"meeting\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-audio-grid\",[[1,\"rtk-audio-grid\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"size\":[513],\"t\":[16],\"hideSelf\":[4,\"hide-self\"],\"activeParticipants\":[32],\"onStageParticipants\":[32],\"offStageParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-controlbar\",[[1,\"rtk-controlbar\",{\"variant\":[513],\"disableRender\":[4,\"disable-render\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513]}]]],[\"rtk-header\",[[1,\"rtk-header\",{\"variant\":[513],\"disableRender\":[4,\"disable-render\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513]}]]],[\"rtk-participant-setup\",[[1,\"rtk-participant-setup\",{\"nameTagPosition\":[513,\"name-tag-position\"],\"isPreview\":[4,\"is-preview\"],\"participant\":[16],\"states\":[16],\"config\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoState\":[32],\"isPinned\":[32]},null,{\"participant\":[\"participantsChanged\"],\"videoState\":[\"videoStateChanged\"]}]]],[\"rtk-simple-grid\",[[1,\"rtk-simple-grid\",{\"participants\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"dimensions\":[32],\"mediaConnection\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-spotlight-grid\",[[1,\"rtk-spotlight-grid\",{\"layout\":[513],\"participants\":[16],\"pinnedParticipants\":[16],\"aspectRatio\":[1,\"aspect-ratio\"],\"gap\":[2],\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"iconPack\":[16],\"t\":[16],\"gridSize\":[16]}]]],[\"rtk-stage\",[[1,\"rtk-stage\",{\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-ui-provider\",[[4,\"rtk-ui-provider\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"config\":[16],\"mode\":[513],\"showSetupScreen\":[4,\"show-setup-screen\"],\"overrides\":[16]},null,{\"meeting\":[\"meetingChanged\"],\"iconPack\":[\"iconPackChanged\"],\"t\":[\"tChanged\"],\"config\":[\"configChanged\"],\"overrides\":[\"overridesChanged\"]}]]],[\"rtk-chat-message\",[[1,\"rtk-chat-message\",{\"message\":[16],\"isContinued\":[4,\"is-continued\"],\"child\":[16],\"isUnread\":[4,\"is-unread\"],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isSelf\":[4,\"is-self\"],\"canEdit\":[4,\"can-edit\"],\"canDelete\":[4,\"can-delete\"],\"canReply\":[4,\"can-reply\"],\"canPin\":[4,\"can-pin\"],\"disableControls\":[4,\"disable-controls\"],\"alignRight\":[4,\"align-right\"],\"senderDisplayPicture\":[1,\"sender-display-picture\"],\"hideAvatar\":[4,\"hide-avatar\"],\"leftAlign\":[4,\"left-align\"],\"now\":[32]}]]],[\"rtk-channel-details\",[[1,\"rtk-channel-details\",{\"channel\":[16],\"t\":[16],\"iconPack\":[16],\"members\":[16]}]]],[\"rtk-notification\",[[1,\"rtk-notification\",{\"notification\":[16],\"paused\":[4],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"imageState\":[32]},null,{\"paused\":[\"pausedChanged\"],\"notification\":[\"notificationChanged\"]}]]],[\"rtk-ai-transcriptions\",[[1,\"rtk-ai-transcriptions\",{\"t\":[16],\"meeting\":[16],\"initialTranscriptions\":[16],\"participantQuery\":[32],\"isProcessing\":[32],\"transcriptions\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"transcriptions\":[\"transcriptionsChanged\"]}]]],[\"rtk-name-tag\",[[1,\"rtk-name-tag\",{\"participant\":[16],\"meeting\":[16],\"size\":[513],\"isScreenShare\":[4,\"is-screen-share\"],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"length\":[32]},null,{\"size\":[\"sizeChanged\"]}]]],[\"rtk-transcript\",[[1,\"rtk-transcript\",{\"transcript\":[16],\"t\":[16],\"timeout\":[32]},null,{\"transcript\":[\"transcriptChanged\"]}]]],[\"rtk-settings-audio_2\",[[1,\"rtk-settings-audio\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-settings-video\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"videoEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugins_2\",[[1,\"rtk-polls\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"create\":[32],\"polls\":[32],\"permissions\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-plugins\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"plugins\":[32],\"canStartPlugins\":[32],\"canClosePlugins\":[32],\"activatedPluginsId\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-plugin-main_2\",[[1,\"rtk-tab-bar\",{\"size\":[513],\"meeting\":[16],\"states\":[16],\"config\":[16],\"layout\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[16],\"tabs\":[16]}],[1,\"rtk-plugin-main\",{\"meeting\":[16],\"plugin\":[16],\"iconPack\":[16],\"t\":[16],\"canClosePlugin\":[32],\"viewModeEnabled\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"plugin\":[\"pluginChanged\"]}]]],[\"rtk-fullscreen-toggle\",[[1,\"rtk-fullscreen-toggle\",{\"states\":[16],\"targetElement\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"fullScreenActive\":[32],\"isFullScreenSupported\":[32]}]]],[\"rtk-sidebar-ui\",[[1,\"rtk-sidebar-ui\",{\"view\":[513],\"tabs\":[16],\"hideHeader\":[4,\"hide-header\"],\"hideCloseAction\":[4,\"hide-close-action\"],\"currentTab\":[1,\"current-tab\"],\"iconPack\":[16],\"focusCloseButton\":[4,\"focus-close-button\"],\"t\":[16]},null,{\"currentTab\":[\"handleFocusCloseButton\"]}]]],[\"rtk-spotlight-indicator\",[[1,\"rtk-spotlight-indicator\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"canSpotlight\":[32],\"isSpotlighted\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-livestream-indicator_3\",[[1,\"rtk-livestream-player\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"playbackUrl\":[32],\"isSupported\":[32],\"playerState\":[32],\"livestreamState\":[32],\"playerError\":[32],\"livestreamId\":[32],\"audioPlaybackError\":[32],\"qualityLevels\":[32],\"selectedQuality\":[32],\"currentTime\":[32],\"duration\":[32],\"hideControls\":[32],\"isDragging\":[32],\"seekPosition\":[32],\"isSeeking\":[32]},null,{\"livestreamState\":[\"updateLivestreamId\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-livestream-indicator\",{\"meeting\":[16],\"size\":[513],\"t\":[16],\"iconPack\":[16],\"isLivestreaming\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-viewer-count\",{\"meeting\":[16],\"variant\":[513],\"iconPack\":[16],\"t\":[16],\"viewerCount\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-dialog\",[[1,\"rtk-dialog\",{\"hideCloseButton\":[4,\"hide-close-button\"],\"disableEscapeKey\":[4,\"disable-escape-key\"],\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"open\":[1540]}]]],[\"rtk-logo\",[[1,\"rtk-logo\",{\"logoUrl\":[1025,\"logo-url\"],\"config\":[16],\"meeting\":[16],\"t\":[16]},null,{\"config\":[\"configChanged\"],\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-participant_2\",[[1,\"rtk-participant\",{\"meeting\":[16],\"states\":[16],\"view\":[1],\"participant\":[16],\"iconPack\":[16],\"t\":[16],\"config\":[16],\"audioEnabled\":[32],\"videoEnabled\":[32],\"isPinned\":[32],\"isHidden\":[32],\"isOnStage\":[32],\"canDisableParticipantAudio\":[32],\"canDisableParticipantVideo\":[32],\"canKickParticipant\":[32],\"canPinParticipant\":[32],\"canAllowParticipantOnStage\":[32],\"menuOpen\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participant\":[\"participantChanged\"]}],[0,\"rtk-virtualized-participant-list\",{\"items\":[16],\"renderItem\":[16],\"itemHeight\":[1026,\"item-height\"],\"bufferedItemsCount\":[2,\"buffered-items-count\"],\"emptyListElement\":[16],\"visibleStart\":[32],\"visibleEnd\":[32]},null,{\"items\":[\"itemsChanged\"]}]]],[\"rtk-participants-stage-list_4\",[[1,\"rtk-participants-viewer-list\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"hideHeader\":[4,\"hide-header\"],\"iconPack\":[16],\"view\":[1],\"search\":[1],\"t\":[16],\"stageViewers\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"search\":[\"searchChanged\"]}],[1,\"rtk-participants-stage-queue\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"stageRequestedParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-participants-waiting-list\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"waitlistedParticipants\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-participants-stage-list\",{\"meeting\":[16],\"states\":[16],\"config\":[16],\"size\":[513],\"hideHeader\":[4,\"hide-header\"],\"iconPack\":[16],\"view\":[1],\"t\":[16],\"search\":[1],\"participants\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"search\":[\"searchChanged\"]}]]],[\"rtk-poll_2\",[[1,\"rtk-poll-form\",{\"iconPack\":[16],\"t\":[16],\"options\":[32],\"anonymous\":[32],\"hideVotes\":[32],\"error\":[32]}],[1,\"rtk-poll\",{\"poll\":[16],\"self\":[1],\"permissions\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-camera-selector_2\",[[1,\"rtk-participant-tile\",{\"nameTagPosition\":[513,\"name-tag-position\"],\"isPreview\":[4,\"is-preview\"],\"participant\":[16],\"meeting\":[16],\"states\":[16],\"config\":[16],\"variant\":[513],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isPinned\":[32],\"mediaConnectionError\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participant\":[\"participantsChanged\"]}],[1,\"rtk-camera-selector\",{\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"variant\":[1],\"t\":[16],\"videoDevices\":[32],\"currentDevice\":[32],\"canProduceVideo\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-breakout-room-manager_3\",[[1,\"rtk-breakout-room-manager\",{\"meeting\":[16],\"assigningParticipants\":[4,\"assigning-participants\"],\"mode\":[1],\"states\":[16],\"allowDelete\":[4,\"allow-delete\"],\"iconPack\":[16],\"t\":[16],\"isDragMode\":[4,\"is-drag-mode\"],\"room\":[16],\"defaultExpanded\":[4,\"default-expanded\"],\"editingTitleRoomId\":[32],\"newTitle\":[32],\"showExpandedCard\":[32],\"glowingCard\":[32]}],[1,\"rtk-breakout-room-participants\",{\"meeting\":[16],\"participantIds\":[16],\"iconPack\":[16],\"t\":[16],\"selectedParticipantIds\":[16],\"search\":[32],\"participantsToShow\":[32],\"isDragging\":[32]},null,{\"meeting\":[\"meetingChanged\"],\"participantIds\":[\"participantsChanged\"],\"search\":[\"searchChanged\"]}],[1,\"rtk-counter\",{\"size\":[513],\"value\":[2],\"minValue\":[2,\"min-value\"],\"iconPack\":[16],\"t\":[16],\"input\":[32]},null,{\"input\":[\"watchStateHandler\"]}]]],[\"rtk-file-message_3\",[[0,\"rtk-image-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"],\"status\":[32]}],[0,\"rtk-file-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}],[0,\"rtk-text-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}]]],[\"rtk-debugger-audio_4\",[[1,\"rtk-debugger-audio\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"audioProducerFormattedStats\":[32],\"audioProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32],\"devicesHealth\":[32]},null,{\"audioProducerScoreStats\":[\"audioProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-screenshare\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"videoProducerFormattedStats\":[32],\"videoProducerScoreStats\":[32],\"audioProducerFormattedStats\":[32],\"audioProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32]},null,{\"videoProducerScoreStats\":[\"videoProducerScoreStatsChanged\"],\"audioProducerScoreStats\":[\"audioProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-system\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isBatterySectionOpen\":[32],\"batterySectionHealth\":[32],\"battery\":[32],\"batteryFormattedStats\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-debugger-video\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"isNetworkOpen\":[32],\"isDevicesOpen\":[32],\"videoProducerFormattedStats\":[32],\"videoProducerScoreStats\":[32],\"networkBasedMediaHealth\":[32],\"devicesHealth\":[32]},null,{\"videoProducerScoreStats\":[\"videoProducerScoreStatsChanged\"],\"meeting\":[\"meetingChanged\"]}]]],[\"rtk-breakout-rooms-manager_9\",[[1,\"rtk-breakout-rooms-manager\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"loading\":[32],\"roomConfig\":[32],\"draftState\":[32],\"assigningParticipants\":[32],\"selectedParticipants\":[32],\"ephemeralStatusText\":[32],\"isDragMode\":[32]},[[0,\"participantDelete\",\"onParticipantDelete\"],[0,\"participantsDragging\",\"toggleDragMode\"],[0,\"selectedParticipantsUpdate\",\"updateSelectedParticipants\"],[0,\"allParticipantsToggleUpdate\",\"updateAllParticipants\"]],{\"selectedParticipants\":[\"onSelectedParticipantsChanged\"]}],[1,\"rtk-debugger\",{\"meeting\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"activeTab\":[32],\"isMobileMainVisible\":[32],\"progress\":[32]},[[0,\"testProgress\",\"progressUpdate\"]]],[1,\"rtk-broadcast-message-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"messagePayload\":[32],\"successMessage\":[32]}],[1,\"rtk-join-stage\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"dataConfig\":[16],\"isLoading\":[32]}],[1,\"rtk-permissions-message\",{\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"states\":[16],\"device\":[32],\"currentStep\":[32],\"svgSteps\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-confirmation-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-leave-meeting\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"canEndMeeting\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-mute-all-confirmation\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16],\"allowUnmute\":[32]}],[1,\"rtk-overlay-modal\",{\"meeting\":[16],\"states\":[16],\"iconPack\":[16],\"t\":[16]}]]],[\"rtk-audio-visualizer_4\",[[1,\"rtk-audio-visualizer\",{\"variant\":[513],\"participant\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"hideMuted\":[4,\"hide-muted\"],\"isScreenShare\":[4,\"is-screen-share\"],\"audioEnabled\":[32],\"volume\":[32]},null,{\"participant\":[\"participantChanged\"]}],[1,\"rtk-speaker-selector\",{\"meeting\":[16],\"states\":[16],\"variant\":[1],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"speakerDevices\":[32],\"currentDevices\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-microphone-selector\",{\"meeting\":[16],\"size\":[513],\"iconPack\":[16],\"variant\":[1],\"t\":[16],\"audioinputDevices\":[32],\"canProduceAudio\":[32],\"currentDevices\":[32]},null,{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-switch\",{\"checked\":[1028],\"readonly\":[4],\"disabled\":[516],\"iconPack\":[16],\"t\":[16]},null,{\"checked\":[\"checkedChange\"]}]]],[\"rtk-controlbar-button\",[[17,\"rtk-controlbar-button\",{\"variant\":[513],\"showWarning\":[4,\"show-warning\"],\"size\":[513],\"label\":[1],\"icon\":[1],\"isLoading\":[4,\"is-loading\"],\"disabled\":[516],\"iconPack\":[16],\"brandIcon\":[516,\"brand-icon\"]}]]]]"), options);
 };
 
 const FlagsmithFeatureFlags = {
@@ -10554,18 +10554,6 @@ const formatDateTime = (date) => {
     return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
 
-/**
- * Scroll to bottom of an element.
- *
- * Works in all browsers - just that in Safari, the smooth scrolling doesn't work.
- * @param el The bottom of which element you want to scroll down to
- */
-const smoothScrollToBottom = (el, smooth = true) => {
-    if (el == null)
-        return;
-    el.scrollTo({ top: el.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });
-};
-
 const rtkAvatarCss = ":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)}";
 const RtkAvatarStyle0 = rtkAvatarCss;
 
@@ -11646,7 +11634,7 @@ const RtkChatMessagesUiPaginated = class {
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (h(Host, { key: 'dbe69aec6f462c8cfa5d6574ad77efdbadd641b9' }, h("rtk-paginated-list", { key: 'b6b525ad58e8173a78577265f2cde2981ca015cf', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '4045a3fccefe09d76edff35b5d0183a89db51491' }))));
+        return (h(Host, { key: '012b7189dfbdccfd8017cc9023263e6a7e9afd44' }, h("rtk-paginated-list", { key: '0ea37ee880fda0acdd7460b6da5f03e11ac304bf', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '53cb197b6d9319f470e87fe73d7ca0d158778e3f' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -11719,7 +11707,7 @@ const RtkDraftAttachmentView = class {
         this.onAttachmentChange();
     }
     render() {
-        return (h(Host, { key: '4ccd7a73401d3931dadc59779ec4edfddef219f1' }, h("div", { key: 'a75fa81f358436f6ac349a56b8a62671a25f38d7', class: "preview-overlay" }, h("div", { key: 'b95e371e0108cf613305f74c204ebb8fec26140d', class: "preview" }, h("rtk-tooltip", { key: '9c43de18dbdcff2d5cd6fdd344a13cd0d1e7c2f8', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: 'e99f168f015abc65b33876e44d3a2d80f6fa6169', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: '53f0ffd566825e8cb3d7a7b69c93a62c63206505', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
+        return (h(Host, { key: 'f6ede093bcdf8100807baab4de2a296fc4960a07' }, h("div", { key: 'b19bbe9b2ea58ea4adccc2028a1b24ea6bc9f0a9', class: "preview-overlay" }, h("div", { key: 'cbb2bfcb3a50e6e7fbfd4109eb340ba51d6a162d', class: "preview" }, h("rtk-tooltip", { key: '15b50c547470b0fa22014e0992a1c7e26b234573', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '940332a51747af3368ffec497d5ef76fa64ecf75', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: 'cc04b0ac70753e970ff638f187ad5f702dc3656b', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
     }
     static get watchers() { return {
         "attachment": ["onAttachmentChange"]
@@ -11804,7 +11792,7 @@ const RtkEmojiPicker = class {
         return (h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (h("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 (h(Host, { key: 'f448ab61063b55b8e5572fbcb8be3f520b0704ea' }, h("div", { key: '459b42557c8e7b853410b53e42dd663461b0593a', class: 'close-parent' }, h("rtk-button", { key: '8b64136b51a96bda767b7fbbc05b51a335d1a7b9', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '82bdc4ea24be656d182c9e420bd86b0b5cbfa589', icon: this.iconPack.dismiss }))), h("div", { key: '934d08102c4cffda109752eecd5be41854030133', class: 'emoji-parent' }, h("input", { key: '8c21c91a89d77fce9847ade88663d9ec969491da', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (h(Host, { key: '6581d26d75a7b869d0ba00243ec74ee06b927e7d' }, h("div", { key: '3705d8c557ac3e05769171998e9176e7e40a232c', class: 'close-parent' }, h("rtk-button", { key: 'b437e579cb828a709de255ddfa6b751e4bdfbe51', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '7fac79a21c6be57156d17ceeff9ceb2834bbf709', icon: this.iconPack.dismiss }))), h("div", { key: '46cb2af6654ef36b7258baf47e3cd9e5bd60bf89', class: 'emoji-parent' }, h("input", { key: 'cfde33638d531f9bac1b1bf25d966a369f4dfb38', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
 };
 __decorate$b$1([
@@ -11837,7 +11825,7 @@ const RtkEmojiPickerButton = class {
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: '45792cf2e2523dc94b5dd4c861d4006fae8aee56', label: this.t('chat.send_emoji') }, h("rtk-button", { key: 'd2f80aede59b62d7e0587515f4823bdb5e278c28', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '15229de453f1cbf93c8de5c002d6ea33ff54ed3b', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: '45ef1f18da6d1ecc3c02882590cd22e930461562', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '6504abab2f1c6537443699c53a8cbdcf13530cba', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: 'd730c81abce72d9c3226f1f666941e1136bee77f', icon: this.iconPack.emoji_multiple }))));
     }
 };
 __decorate$a$1([
@@ -11868,7 +11856,7 @@ const RtkFileMessageView = class {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: 'f25ec20ac84c7ec0961abbdc58d74b64b3261042', class: "file" }, h("rtk-button", { key: '9daa2ca8992821456f7dad66550c1f3b0e07e5c2', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'f4a578a8613eab5a2b91a86870ee02ff2659c4ec', icon: this.iconPack.download })), h("div", { key: '61d6a100bd716741e15f80404796ad8e5850d2a3', class: "file-data" }, h("div", { key: 'be8f7fdf168388073e5f094cb717d75766b291df', class: "name" }, this.name), h("div", { key: 'f1dbb45817084612a31baf71784d713ec85a3b79', class: "file-data-split" }, h("div", { key: '49ac2abd19ae9fb07da0a4f234c45b932cd41221', class: "ext" }, getExtension(this.name)), h("span", { key: 'fe7e8660a54184ffc3d5cff5a320a1f8929ec3e6', class: "divider" }), h("div", { key: '402df689a8cf059bd3031c9c036544c486846d40', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: '5cc29b4780f581a2f8b045e5051bcc66f3fdaf55', class: "file" }, h("rtk-button", { key: '4100b47bc1d72f08ec5fe645291bfbb58e3a6486', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '52ae14abb7c27b89861d5ba4c907d606257628c9', icon: this.iconPack.download })), h("div", { key: '02c9ad8d173172a85cc474273a966607d456360e', class: "file-data" }, h("div", { key: '6ceca21685d04f175006ba35a6de194cc98879ad', class: "name" }, this.name), h("div", { key: 'b07d07bcaedee3fd6fbcfe81ce2f6bf757655b5f', class: "file-data-split" }, h("div", { key: '280635ef486de02bc68ca3e774be14fa5a461d1c', class: "ext" }, getExtension(this.name)), h("span", { key: '84f72d8b37b7d15c257faed036b76c737eec780b', class: "divider" }), h("div", { key: '1b88f48f51afe3fceb57920c3d17f586e848a25f', class: "size" }, getFileSize(this.size))))));
     }
 };
 __decorate$9$1([
@@ -11924,7 +11912,7 @@ const RtkFilePickerButton = class {
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: '03d24cebc847667a6d59e21d22105c48db0c589c', label: label }, h("rtk-button", { key: 'bddd8cac214d897979c9a38b26643e1027e696e3', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '0a9756a9f6c1e8ab0c34ea46b3614816aa257df4', icon: icon }))));
+        return (h("rtk-tooltip", { key: '057a0a5a714dbbde228e3481e53adea4f88fb3ad', label: label }, h("rtk-button", { key: '04193df1053b14687fb9464a122b9158707bdda1', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: 'ed2fce30b93dfce9dd6b967d5993c93496cf3388', icon: icon }))));
     }
 };
 __decorate$8$2([
@@ -11984,7 +11972,7 @@ const RtkImageMessageView = class {
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '99e8a76eea11e740c21642445fb803b3027f95ff', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '98c0477fab6ae6f86657579d4d4e44dab3af0bf5', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '066606e6ae62634b2466bb46b453e0c2d91b17ea', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'f042e5d3c1a6341e9fc0845e6643016f1be5b5f7', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -11992,9 +11980,9 @@ const RtkImageMessageView = class {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: '91005900f67fb450d9b1515b8fc493e09f5ccebd', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'c96f80a0a53426058635254c5efd78cdccd3a23f', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'c1f7a709ccaf0c0ba1104992616f8405e2380c95', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '27d22b3f706d641b5d77a5fa75ba4233663afb88', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '2caf4c258128cf03dae23769c832a3b7bb76be9e', class: "actions" }, h("rtk-button", { key: 'e668325aa6f1f20a2d4f7d172e483521b709b7c8', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd4a5030468fbf70afae62bd55ae4d0fa989e15c2', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '216aba361a46cc100e7d26cc2daf1ffb0948d695', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '01f5da8f70872c9fa22dc9a9b70b046b0001d05b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '0f7e6fed2730f6366d07fc6afddb2b247e9b7d3a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '5ac0e61c65a88a8d6b9ee54c900b856854d1b84b', class: "actions" }, h("rtk-button", { key: 'fd83dfecd7b5d9c3976374c3c55731b1f026fc0a', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: 'ceea157f0a5e4802d2c4041f4304b9202b95bc11', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '2941579aef2546aa70c056bdee9bb76fea9e286f', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3878b4a96f77e419e4a26725bfe7a49e29af8760', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: '3ca7384fa28e6716345acacf9225ae9471ff8d63', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '198787808c389e4df48d3609a53c2d27cf2e7fb3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'f38fe3da48d1fc854001c719164c95f0673808c5', icon: this.iconPack.download }))))));
     }
 };
 __decorate$7$2([
@@ -12085,7 +12073,7 @@ const RtkMarkdownView = class {
         const slicedMessage = this.text.slice(0, this.maxLength);
         const withReply = extractReplyBlock(slicedMessage, true);
         const withoutReply = stripOutReplyBlock(slicedMessage);
-        return (h("p", { key: 'beef042bc590e1cb543ddfa4a45b699ab78db63c' }, withReply.length !== 0 && h("blockquote", { key: '5fd5c57b235c15cdd009474d70e2a6074dd0ec0a' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
+        return (h("p", { key: '787e6d3177f4faf1c8dcd7c73d83a6de9c57b42b' }, withReply.length !== 0 && h("blockquote", { key: '1c4b82fb870994e6707d35adcd5e6f2f0e65dd26' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
     }
 };
 RtkMarkdownView.style = RtkMarkdownViewStyle0;
@@ -12460,7 +12448,7 @@ const RtkMenu$1 = class {
         });
     }
     render() {
-        return (h(Host, { key: '5d80123d52e211d4f120441d9f79582b4dc53247' }, h("span", { key: '996b1faea4afd983ea69c2bb197b1b6c56c0eca6', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: '15461c803838be1651df6116a61598ce8ab988f9' }, h("span", { key: 'f36cdd2f1141f46a993daa880682382904a72509', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -12469,7 +12457,7 @@ const RtkMenu$1 = class {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, h("slot", { key: 'd54671184af01247f285e27bda8dbb9faf1ba399', name: "trigger" })), h("span", { key: '3d57dcf7805d7fb53577e722a265a60acea6971a', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' }))));
+            } }, h("slot", { key: 'af622c9dbb3394cb46a6bb909a45c5e3248b1a09', name: "trigger" })), h("span", { key: '445258e31b4b775fbc22b268234fe15a33f809c9', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' }))));
     }
 };
 __decorate$6$2([
@@ -12504,7 +12492,7 @@ const RtkMenuItem = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '05ed5b993b4c05f4fc295e2ac45c5337d9b993b3', class: { [this.menuVariant]: true } }, h("slot", { key: '80aebd20b238627fa7aa2ab3777ebafd8876faaf', name: "start" }), h("slot", { key: '50ff6c2c4fa7dfe9976030d1e7e39385578b902d' }), h("slot", { key: 'd93c2517156791d636d0b86569bcd79e08ed4e29', name: "end" })));
+        return (h(Host, { key: '8679dae05e846bb8b83a1dbc9580aa2dcad18ccd', class: { [this.menuVariant]: true } }, h("slot", { key: 'da53376b8188bfc47f904d348212fedff932b03a', name: "start" }), h("slot", { key: '4394a3afa13bd298880c1be5255f5a004c5ed42e' }), h("slot", { key: '2be62c70172912e6516ce207b571ea4794aa4f6c', name: "end" })));
     }
 };
 __decorate$5$2([
@@ -12539,7 +12527,7 @@ const RtkMenuList = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '758a8f0419b51b59f46391e28265bf6201f537d3', class: { [this.menuVariant]: true } }, h("slot", { key: '9bc391de012f416c8c29c33fcc26a146f33afe82' })));
+        return (h(Host, { key: 'b743da0bae39c93cff7896968a64c84166b8a751', class: { [this.menuVariant]: true } }, h("slot", { key: '46ca973e68fccbf5c8c7544f61bb9745840d0054' })));
     }
 };
 __decorate$4$2([
@@ -12598,9 +12586,37 @@ __decorate$3$5([
 ], RtkMessageView.prototype, "iconPack", void 0);
 RtkMessageView.style = RtkMessageViewStyle0;
 
-const rtkPaginatedListCss = ".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}.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)}#bottom-scroll{transform:translateY(-20vh)}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{pointer-events:none;position:absolute;bottom:var(--rtk-space-2, 8px);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, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-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));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)}.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))}";
+const rtkPaginatedListCss = ".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}.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, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-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))}";
 const RtkPaginatedListStyle0 = rtkPaginatedListCss;
 
+/**
+ * HOW INFINITE SCROLL WORKS:
+ *
+ * We use intersectionObserver to scroll up.
+ * We use scrollEnd listener to scroll down.
+ *
+ * Why?
+ * intersectionObserver doesn't work reliably for 2 way scrolling but has great ux,
+ * so we use it to smoothly scroll up.
+ *
+ * We have empty divs at the top and bottom ($topRef, $bottomRef)
+ * which act as triggers to tell that we have reached the top or end of our messages and need to fetch new messages,
+ *
+ * When scrolling up, we can't remove pages as intersectionObserver relies on
+ * the index of dom elements to work properly.
+ * So instead, we fetch older messages and push them to the end of the 2d array
+ * if length exceeds pagesAllowed, we free up the pages and keep the first empty index in memory (firstEmptyIndex).
+ *
+ * For scrolling down, when scroll ends we see if the bottomRef is in view.
+ * If yes, we fetch the new page and insert it at the firstEmptyIndex.
+ * We update timestamps & firstEmptyIndex, then we rerender.
+ *
+ * If we have exceeded our page allowance we delete old pages.
+ *
+ * In this case deleting pages is okay as we are not relying on the index of dom elements to detect page end.
+ *
+ * This also simplifies the code because when a user scrolls up we do not need to manage a lastEmptyIndex.
+ */
 var __decorate$2$8 = function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
@@ -12614,274 +12630,257 @@ var __decorate$2$8 = function (decorators, target, key, desc) {
 const RtkPaginatedList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * when scrolling up, we can't remove pages as intersectionObserver relies on
+         * the index of dom elements to stay stable.
+         * So, instead we free up the pages and keep the last empty index in memory.
+         */
+        this.firstEmptyIndex = -1;
+        this.maxTS = 0;
+        // the length of pages will always be pageSize + 2
+        this.pages = [];
+        /** label to show when empty */
+        this.emptyListLabel = null;
+        this.rerenderBoolean = false;
+        this.showEmptyListLabel = false;
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
-        /** label to show when empty */
-        this.emptyListLabel = null;
         this.isLoading = false;
         this.isLoadingTop = false;
         this.isLoadingBottom = false;
-        this.hasMoreDataAtTop = false;
-        this.rerenderBoolean = false;
         /**
-         * This gets disabled when the user scrolls up and the bottom node
-         * is not visible anymore.
-         */
-        this.shouldRenderNewNodes = true;
-        /**
-         * This gets disabled when the user scrolls up and the bottom node
-         * is not visible anymore.
-         */
-        this.hasNewNodesToRender = false;
-        this.showEmptyListLabel = false;
-        /**
-         * This is a private variable not a state
-         * since we want to debounce rerenders
-         *
-         * A list of pages where each page contains a number of Nodes
-         * [
-         *  [Node 1, Node 2, Node 3.... Node N],
-         *  [Node 1, Node 2, Node 3.... Node N],
-         * ]
-         */
-        this.pagesToRender = [[]];
-        this.currentTime = () => {
-            return new Date().getTime();
-        };
+         * Even when auto scroll is enabled, we only want to scroll if a new realtime message has arrived.
+         * This variable tells us if we should respect auto scroll after a new page has been loaded.
+         * It is also used by the scroll to bottom button.
+         *  */
+        this.shouldScrollToBottom = false;
+        /** UI Indicator for the "scroll to bottom" button.
+         * Toggles on when a new node is added and autoscroll is disabled.
+         * Toggles off when all nodes are loaded */
+        this.showNewMessagesCTR = false;
         this.observe = (el) => {
             if (!el)
                 return;
             this.intersectionObserver.observe(el);
         };
+        this.isAtBottom = () => {
+            const rect = this.$bottomRef.getBoundingClientRect();
+            return rect.top >= 0 && rect.bottom <= window.innerHeight;
+        };
     }
     /**
-     * On a new node created
+     * Adds a new node to the beginning of the paginated list
+     * @param {DataNode} node - The data node to add to the beginning of the list
      */
     async onNewNode(node) {
-        if (!this.shouldRenderNewNodes) {
-            this.hasNewNodesToRender = true;
-            return;
+        // Always update the maxTS. New messages will load on scroll till the end cursor (newTS) reaches this value.
+        this.maxTS = Math.max(this.maxTS, node.timeMs);
+        // if we are at the bottom of the page
+        if (this.firstEmptyIndex === -1) {
+            // append messages to the page if page has not reached full capacity
+            if (this.pages[0].length < this.pageSize) {
+                this.pages[0].unshift(node);
+                this.newTS = node.timeMs;
+                this.rerender();
+            }
+            else {
+                // if page is at full capacity, load next page
+                this.loadNextPage();
+            }
         }
-        this.addNodeToRender(node, false);
-        this.rerender();
+        // If autoscroll is enabled, this method will scroll to the bottom
+        if (this.autoScroll) {
+            this.shouldScrollToBottom = true;
+            this.scrollToBottom();
+        }
+        else {
+            this.showNewMessagesCTR = true;
+        }
+    }
+    // this method is called recursively based on shouldScrollToBottom (see scrollEnd listener)
+    scrollToBottom() {
+        this.$bottomRef.scrollIntoView({ behavior: 'smooth' });
     }
     /**
-     * On node deleted
-     */
-    async onNodeDelete(key) {
-        const oldLength = this.pagesToRender.flat().length;
-        this.pagesToRender = this.pagesToRender.map((page) => page.filter((item) => item.id !== key));
-        if (oldLength !== this.pagesToRender.flat().length) {
-            this.rerender();
+     * Deletes a node anywhere from the list
+     * @param {string} id - The id of the node to delete
+     * */
+    async onNodeDelete(id) {
+        // Iterate only over pages that have content (not empty)
+        for (let i = this.pages.length - 1; i > this.firstEmptyIndex; i--) {
+            const index = this.pages[i].findIndex((node) => node.id === id);
+            // message in view
+            if (index !== -1) {
+                // delete message
+                this.pages[i].splice(index, 1);
+                if (i === this.firstEmptyIndex + 1) {
+                    //  if newest page is empty, update first empty index
+                    if (this.pages[i].length === 0)
+                        this.firstEmptyIndex++;
+                    // update timestamp, first empty index could be -1, so we need to cap it at 0
+                    this.newTS = this.pages[Math.max(this.firstEmptyIndex, 0)][0].timeMs;
+                }
+                else if (i === this.firstEmptyIndex + this.pagesAllowed) {
+                    //  if oldest page is empty, remove it
+                    if (this.pages[i].length === 0)
+                        this.pages.pop();
+                    // update timestamp
+                    const lastPage = this.pages[this.firstEmptyIndex + this.pagesAllowed];
+                    this.oldTS = lastPage[lastPage.length - 1].timeMs;
+                }
+                this.rerender();
+            }
         }
     }
     /**
-     * On node updated
-     */
-    async onNodeUpdate(key, newItem) {
-        let shouldRerender = false;
-        this.pagesToRender = this.pagesToRender.map((page) => page.map((item) => {
-            if (item.id === key) {
-                shouldRerender = true;
-                return newItem;
-            }
-            return item;
-        }));
-        if (shouldRerender)
-            this.rerender();
-    }
-    onItemChanged(newItemId, oldItemId) {
-        if (newItemId !== oldItemId) {
-            this.pagesToRender = [[]];
-            this.loadFirstPage().then(() => this.rerender());
-        }
+     * Updates a new node anywhere in the list
+     * @param {string} _id - The id of the node to update
+     * @param {DataNode} _node - The updated data node
+     * */
+    async onNodeUpdate(_id, _node) { }
+    rerender() {
+        this.rerenderBoolean = !this.rerenderBoolean;
     }
     connectedCallback() {
         this.rerender = debounce$1(this.rerender.bind(this), 50, { maxWait: 200 });
-        this.autoScroll = true;
         this.intersectionObserver = new IntersectionObserver((entries) => {
-            writeTask(() => {
+            writeTask(async () => {
                 for (const entry of entries) {
-                    if (entry.target.id === 'bottom-scroll') {
-                        if (entry.isIntersecting)
-                            this.loadBottom();
-                        else
-                            this.shouldRenderNewNodes = false;
-                    }
                     if (entry.target.id === 'top-scroll' && entry.isIntersecting) {
-                        this.loadTop();
+                        this.isLoadingTop = true;
+                        await this.loadPrevPage();
+                        this.isLoadingTop = false;
                     }
                 }
             });
         });
     }
-    disconnectedCallback() {
-        this.intersectionObserver.disconnect();
-    }
     componentDidLoad() {
-        /**
-         * Adding observes here so that on the first render we scroll down
-         * and shouldRenderNewNodes remains true
-         */
-        this.loadFirstPage();
         this.observe(this.$topRef);
-        this.observe(this.$bottomRef);
-    }
-    componentDidRender() {
-        if (this.shouldRenderNewNodes && this.autoScroll)
-            smoothScrollToBottom(this.$paginatedList);
-    }
-    loadFirstPage() {
-        return this.loadPage(this.currentTime(), this.pageSize, true, (data) => {
-            if (data.length === 0) {
-                this.showEmptyListLabel = true;
-            }
-        });
+        if (this.$containerRef) {
+            this.$containerRef.onscrollend = async () => {
+                /**
+                 * Load new page if:
+                 * if there are nodes to load at the bottom (maxTS > newTS)
+                 * or if there are pages to fill at the bottom (firstEmptyIndex > -1)
+                 */
+                if (this.isAtBottom() && (this.maxTS > this.newTS || this.firstEmptyIndex > -1)) {
+                    this.isLoadingBottom = true;
+                    await this.loadNextPage();
+                    this.isLoadingBottom = false;
+                    if (this.shouldScrollToBottom)
+                        this.scrollToBottom();
+                }
+            };
+        }
     }
-    loadTop() {
-        /**
-         * If there is only one unfilled page or no page, no need to check
-         * for top since it will be empty
-         */
-        if (this.pagesToRender.length === 0)
-            return;
-        if (this.pagesToRender.length === 1 && this.pagesToRender[0].length < this.pageSize)
+    async loadPrevPage() {
+        if (this.isLoading)
             return;
         /**
-         * TODO: Make this more flexible currently this only works with chat
+         * NOTE(ikabra): this case also runs on initial load
+         * if scrolling up ->
+         * fetch older messages and push to the end of the array
+         * cleanup 1st non empty page from the array if length exceeds pagesAllowed
          */
-        const oldestVNode = this.pagesToRender[0][0];
-        const oldestTimestamp = oldestVNode.timeMs;
-        // TODO: scrollIntoView
-        const onPageRendered = () => { }; // oldestVNode.$elm$?.scrollIntoView();
-        this.isLoadingTop = true;
-        this.loadPage(oldestTimestamp - 1, this.pageSize, true, onPageRendered, 'top');
-    }
-    loadBottom() {
-        /**
-         * If there is only one unfilled page or no page, no need to check
-         * for top since it will be empty
-         */
-        if (this.pagesToRender.length === 0) {
-            this.shouldRenderNewNodes = true;
-            return;
-        }
-        if (this.pagesToRender.length === 1 && this.pagesToRender[0].length < this.pageSize) {
-            this.shouldRenderNewNodes = true;
+        // if no old timestamp, it means we are at initial state
+        if (!this.oldTS)
+            this.oldTS = new Date().getTime();
+        // load data
+        this.isLoading = true;
+        const data = await this.fetchData(this.oldTS - 1, this.pageSize, true);
+        this.isLoading = false;
+        // no more old messages to show, we are at the top of the page
+        if (!data.length)
             return;
-        }
-        const newestVNode = this.pagesToRender.at(-1).at(-1);
-        const newestTimestamp = newestVNode.timeMs;
-        // TODO: scrollIntoView
-        const onPageRendered = () => smoothScrollToBottom(this.$paginatedList);
-        this.isLoadingBottom = true;
-        this.loadPage(newestTimestamp + 1, this.pageSize, false, onPageRendered, 'bottom');
-    }
-    addNodeToRender(node, addToStart) {
-        if (addToStart) {
-            const firstPage = this.pagesToRender[0];
-            if (firstPage && (firstPage === null || firstPage === void 0 ? void 0 : firstPage.length) < this.pageSize) {
-                /**
-                 * If first page is not full then just add to that page
-                 */
-                firstPage.unshift(node);
-            }
-            else {
-                /**
-                 * If first page is full then add a new page to the start
-                 */
-                const newPage = [node];
-                this.pagesToRender.unshift(newPage);
-                this.removeLastPageIfNeeded(false);
-            }
-        }
-        else {
-            const [lastPage] = this.pagesToRender.slice(-1);
-            if (lastPage && (lastPage === null || lastPage === void 0 ? void 0 : lastPage.length) < this.pageSize) {
-                /**
-                 * If last page is not full then just add it
-                 */
-                lastPage.push(node);
-            }
-            else {
-                /**
-                 * If last page is full add a new page with just
-                 * this node
-                 */
-                const newPage = [node];
-                this.pagesToRender.push(newPage);
-                this.removeLastPageIfNeeded(true);
+        // add old data to the end of the array
+        this.pages.push(data);
+        // clear old pages when we reach the limit
+        if (this.pages.length > this.pagesAllowed) {
+            this.pages[this.pages.length - this.pagesAllowed - 1] = [];
+            /**
+             * find last non empty page in range (this.pages.length, this.firstEmptyIndex)
+             * we are doing this because any of the middle pages in the currently rendered pages
+             * could be empty as we allow deleting messages.
+             * This helps us set the first empty index correctly.
+             */
+            for (let i = this.firstEmptyIndex + 1; i < this.pages.length; i++) {
+                if (this.pages[i].length > 0)
+                    break;
+                this.firstEmptyIndex = i;
             }
         }
+        // update the old timestamp
+        const lastPage = this.pages[this.pages.length - 1];
+        this.oldTS = lastPage[lastPage.length - 1].timeMs;
+        // update the new timestamp
+        this.newTS = this.pages[this.firstEmptyIndex + 1][0].timeMs;
+        this.rerender();
     }
-    /**
-     * @param start
-     * @param end
-     * @param reversed Defines whether to add the page at the beginning or the end
-     * @param onPageLoaded Callback for when all new nodes are rendered
-     * @param direction Indicates if loading from 'top' or 'bottom'
-     */
-    async loadPage(timestamp, size, reversed, onPageRendered = () => { }, direction) {
+    async loadNextPage() {
+        if (this.isLoading)
+            return;
+        // new timestamp needs to be assigned by loadPrevPage method
+        if (!this.newTS) {
+            this.showNewMessagesCTR = false;
+            this.shouldScrollToBottom = false;
+            return;
+        }
+        // load data
         this.isLoading = true;
-        const data = (await this.fetchData(timestamp, size, reversed));
+        const data = await this.fetchData(this.newTS + 1, this.pageSize, false);
         this.isLoading = false;
-        if (direction === 'top') {
-            this.isLoadingTop = false;
-            this.hasMoreDataAtTop = (data === null || data === void 0 ? void 0 : data.length) > 0;
+        // no more new messages to load
+        if (!data.length) {
+            this.showNewMessagesCTR = false;
+            this.shouldScrollToBottom = false;
+            // remove extra pages from the start if any (could be due to users deleting messages)
+            this.pages = this.pages.filter((page) => page.length > 0);
+            this.firstEmptyIndex = -1;
+            return;
         }
-        if (direction === 'bottom') {
-            this.isLoadingBottom = false;
+        // when filling empty pages
+        if (this.firstEmptyIndex > -1) {
+            this.pages[this.firstEmptyIndex] = data.reverse();
         }
-        if (!(data === null || data === void 0 ? void 0 : data.length)) {
-            /**
-             * While scrolling down if there were no new items found
-             * then start rendering new nodes;
-             */
-            if (!reversed) {
-                this.hasNewNodesToRender = false;
-                this.shouldRenderNewNodes = true;
-            }
-            onPageRendered([]);
-            return;
+        else {
+            // when already at the bottom and loading messages in realtime
+            this.pages.unshift(data.reverse());
         }
-        data.forEach((node) => this.addNodeToRender(node, reversed));
-        this.rerender();
-        onPageRendered(data);
-    }
-    rerender() {
-        this.rerenderBoolean = !this.rerenderBoolean;
-    }
-    removeLastPageIfNeeded(removeFromStart) {
-        if (this.pagesToRender.length > this.pagesAllowed) {
-            if (removeFromStart)
-                this.pagesToRender.shift();
-            else
-                this.pagesToRender.pop();
+        if (this.pages.length > this.pagesAllowed) {
+            this.pages.pop();
         }
-    }
-    onDownArrowClicked() {
-        /**
-         * Load the freshest pages
-         */
-        this.loadBottom();
-    }
-    onLoadMoreOnTopClicked() {
-        this.loadTop();
+        // smallest value for firstEmptyIndex can be -1, so we cap the index at 0
+        this.newTS = this.pages[Math.max(0, this.firstEmptyIndex)][0].timeMs;
+        // remove all empty pages from the end
+        for (let i = this.pages.length - 1; i > this.firstEmptyIndex; i--) {
+            if (this.pages[i].length > 0)
+                break;
+            // if page is empty, remove it
+            this.pages.pop();
+        }
+        // update the old timestamp
+        const lastPage = this.pages[this.pages.length - 1];
+        this.oldTS = lastPage[lastPage.length - 1].timeMs;
+        // when scrolling too fast scroll a bit to the top to be able to load new messages when you scroll down
+        if (this.$containerRef.scrollTop === 0)
+            this.$containerRef.scrollTop = -60;
+        // smallest value for this index can be -1 (indicates we are at the bottom of the page).
+        this.firstEmptyIndex = Math.max(-1, this.firstEmptyIndex - 1);
+        this.rerender();
     }
     render() {
-        var _a;
         /**
          * div.container is flex=column-reverse
          * which is why div#bottom-scroll comes before div#top-scroll
-         * div.page-wrapper prevents reversal of messages
          */
-        return (h(Host, { key: '2ee90baa6b1b9f88829d04632c129287b936ba30' }, h("div", { key: 'd68db998539fd1df12e92d61828a04628f7d9f0a', class: "scrollbar container", part: "container", ref: (el) => (this.$paginatedList = el) }, h("div", { key: '4fe1ae2b1aa961242ba6be8ca3b8b6c6e504ef5c', class: { 'show-new-messages-ctr': true, active: !this.shouldRenderNewNodes } }, h("rtk-button", { key: '5c7ad4c553eb6f1b7f14bad406e49fe18f63d100', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => this.onDownArrowClicked() }, h("rtk-icon", { key: 'dacfc24e3fb9ec34e40447b606e256eefaefdc6e', icon: this.iconPack.chevron_down }))), h("div", { key: '569ffce0c198638b831a3eb0bac9a032c863ed9d', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoadingBottom && h("rtk-spinner", { key: '06f571694e1877d8eba4ec939bc6a74f68f16caa', size: "sm" }), this.isLoading && this.pagesToRender.flat().length === 0 && h("rtk-spinner", { key: '628c0eef27fe29d2c3cbf6f0da7d10a12560c127', size: "lg" }), this.pagesToRender.flat().length === 0 && this.showEmptyListLabel ? (h("div", { class: "empty-list" }, (_a = this.emptyListLabel) !== null && _a !== void 0 ? _a : this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pagesToRender.map((page) => this.createNodes(page)))), this.hasMoreDataAtTop && !this.isLoadingTop && (h("div", { key: 'fc5207945ed0949074e3460d9943130eb4289409', class: "load-more-on-top-container" }, h("rtk-button", { key: '4fff7d14798340dc576e4aeeebfe9e3946cbcf6a', class: "load-more-icon", kind: "icon", variant: "secondary", part: "load-more-icon", onClick: () => this.onLoadMoreOnTopClicked() }, h("rtk-icon", { key: '87b2abaf1c850189246d1b9aa84b55c374b31d1d', icon: this.iconPack.chevron_up })))), this.isLoadingTop && h("rtk-spinner", { key: '766ac48eebaa236a9a44f770d777c2c31fabe10e', size: "sm" }), h("div", { key: '6a5287556030f9f426ac2d8b6063b13a966135ff', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
+        return (h(Host, { key: '91ac7d0ca3fb720259945ffaa97f465b34c694fa' }, h("div", { key: '33896c19ecc4359ae163c65b5c71b9f17673e765', class: "scrollbar container", part: "container", ref: (el) => (this.$containerRef = el) }, h("div", { key: 'e26a5ef3979ec132277b9598afc17ea65683f6c8', class: { 'show-new-messages-ctr': true, active: this.showNewMessagesCTR } }, h("rtk-button", { key: 'e769a8f54a298af456552733dc9de27d059e5138', class: "show-new-messages", kind: "icon", variant: "secondary", part: "show-new-messages", onClick: () => {
+                this.shouldScrollToBottom = true;
+                this.scrollToBottom();
+            } }, h("rtk-icon", { key: '6fb4cbc2247eb971004a94926b95ebd0f90ab0fd', icon: this.iconPack.chevron_down }))), h("div", { key: 'e91dd8f25012e4509e0ff3cb4d6b65aa9467d427', class: "smallest-dom-element", id: "bottom-scroll", ref: (el) => (this.$bottomRef = el) }), this.isLoadingBottom && this.pages.length > 0 && h("rtk-spinner", { key: '199c0ccffd57716bd5a05dcef8610113d3c58d3d', size: "sm" }), this.isLoading && this.pages.length < 1 && h("rtk-spinner", { key: 'b8a3e08a25b2bc1d50b5a9b1b2deda802ae5eb28', size: "lg" }), !this.isLoading && this.pages.flat().length === 0 ? (h("div", { class: "empty-list" }, this.t('list.empty'))) : (h("div", { class: "page-wrapper" }, this.pages.map((page, pageIndex) => (h("div", { class: "page", "data-page-index": pageIndex }, this.createNodes([...page].reverse())))))), this.isLoadingTop && this.pages.length > 0 && h("rtk-spinner", { key: '2cb56b4f70d37548fd9aa71b961559b43c54a922', size: "sm" }), h("div", { key: '4b183c49bfe60fd63af40e02b9b46215c08bb484', class: "smallest-dom-element", id: "top-scroll", ref: (el) => (this.$topRef = el) }))));
     }
-    static get watchers() { return {
-        "selectedItemId": ["onItemChanged"]
-    }; }
 };
 __decorate$2$8([
     SyncWithStore()
@@ -12913,7 +12912,7 @@ const RtkSpinner = class {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '6533b4dea247db4d15d92409c6a9dc8f9662833d' }, h("rtk-icon", { key: '1db4c3e42e78355313ea59f3247cc0a5ef8283c7', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: 'c042cbd31d8fa9e58c0cbbc5646575a3172fc824' }, h("rtk-icon", { key: '0171ba3d5f7506e2c67eb813c5ad5b263352088d', class: "spinner", icon: this.iconPack.spinner })));
     }
 };
 __decorate$1$d([
@@ -12991,7 +12990,7 @@ const RtkTextComposerView = class {
         }
     }
     render() {
-        return (h("div", { key: 'f6fee4d5766f78409f6bcc788be8ecdd5ad8b865', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '10c3721417e791557b4d0b126838209880e9f570', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: 'e806de9d5db9bf708d06ede1c4a958583f87b08b', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: '8c84906b5247775bf404e626f45f30b183fb9086', class: 'text-error breached' }, h("rtk-icon", { key: 'b2b646474d6702e4191ac9c50eef0d3c0efd0e4f', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'f17233beb688a811ebe11f965a39c7df288b6ea5', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (h("div", { key: 'e5f7fa2bd4a2386ff5185001981477ccacf24556', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '4c06c853ddc7bebafe45fdb2e2c5c9e1c20021fe', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '524037dc257f0aea206fbc3503d1fe1cb03449be', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'cf975664f367f2621593239ab1cf2e73f5acdb45', class: 'text-error breached' }, h("rtk-icon", { key: '70a6555f1fa9752f91951181b46e0ed0e7eb8679', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '7fc7280dd143cd701d5037e04c2b36c3ea8ec023', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
 };
 __decorate$1k([
@@ -13012,7 +13011,7 @@ const RtkTextMessageView = class {
         this.isMarkdown = false;
     }
     render() {
-        return (h("p", { key: 'a52466b9a67706f84af1fc84c9504b028af8b082', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (h("p", { key: 'b4cbabb44d32f96a23cd72f108d6a36b05491c97', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
     }
 };
 RtkTextMessageView.style = RtkTextMessageViewStyle0;
@@ -13118,7 +13117,7 @@ const RtkMenu = class {
         });
     }
     render() {
-        return (h(Host, { key: '502a8095ff2d516209a343d9fd9d6869757bf68b' }, h("span", { key: '18089635a87113958cb9ff8f3f5f5a44a32456e8', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '5a31f0ab6825d8fc822afbb2a55604b5dd306b1c' })), h("div", { key: '8d2859fcdda1429d4527659ff5f7127f6e6fb4d2', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: '21ee9c44389decfac5bb43a3182ea645b237900d', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '43d0841146bc003133e1b6747fae4a676f9b5324', name: "tooltip" }))));
+        return (h(Host, { key: '5278137bc9b99d9fe9ffeb0fc30bd887d600494d' }, h("span", { key: 'cbefda068a15340dad76668c3696a10bd94cb8e9', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'f160cf29ece64145e795a9a11459bd458482c446' })), h("div", { key: '1056b2bbc8cbacd3c32280d334d9f703a578b5ef', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: '6c6816fa1b18d49fa22ab6ffb600aaa23c5b9ec5', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '3c2d3425b2e8b4d810de2ce40394491c4698aede', name: "tooltip" }))));
     }
     static get watchers() { return {
         "open": ["openChanged"]
@@ -13396,7 +13395,7 @@ const RtkAudioGrid = class {
     }
     render() {
         const onStage = this.activeParticipants.concat(this.onStageParticipants);
-        return (h(Host, { key: '299200e5a41d726073148287637e109e5a869d2d' }, h("div", { key: '9619ff485abbc7abebeaf4cee9808526391a71a0', class: "content scrollbar" }, h("div", { key: '1266ebb3ccd0278b5f160bbb70ea4726461f1e54', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: 'a3add35c718ff260991720837c572d83ad84938a', class: "waitlist-area" }, h("div", { key: 'e916f1aae651d8b534c0b94e6fb6d18f4634a678', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'a070304c733a2fb4cce581dce4df64f511984a21', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: '012a150a33f6e3cdddb9d65ef1adb30e2ce06d05' })));
+        return (h(Host, { key: '1fe3a85bc93c05e225d68f21055e1017a7f70d58' }, h("div", { key: 'af48ec158bcd5b6a9c2326703aac739643053c05', class: "content scrollbar" }, h("div", { key: 'c8141f9cb9f9eee023419c3c99cc98098907208b', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '43bc09bdf14e0faac406f8f5f0f0a244ec95624a', class: "waitlist-area" }, h("div", { key: '609530579f746d37e16839dd82afd8f04c183101', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: '410f40724a1816bd12e925e5de5a2212f0202c6a', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'f3ecc1e452e89239e3cb3327b597805fd01b6a1b' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -14331,9 +14330,9 @@ const RtkChannelCreator = class {
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '2a8a498ae3cdc2c3d7bf10f4914a617d7e2661e0' }, h("header", { key: '9b047a3ad2820e634db9b5b93f162250601bb51b' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: '520e78e1827e820f5ea9eabbd03bae4efd0907a5', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (h(Host, { key: '0e938e24a3838a8b3cff8be5f8f56e0e828a656a' }, h("header", { key: 'b0aed03cea09e2105feee1bbfd1acad453cc924e' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: 'f252b9a1d899fa189837d6dd44097ee3e132907b', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: 'add838deac0797e7eb7dc234054b0e6e4561baed' }, h("rtk-button", { key: 'fe9718d1352e6b83a0400442c8ec7dec224d0b9b', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '4dc3bc442c35be9c21d5c0a510aac74f8f94bc6a' }, h("rtk-button", { key: 'de530ede30a33ae9cf14c155cbf3b53d25d434ae', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     get $el() { return getElement(this); }
 };
@@ -14610,7 +14609,7 @@ const RtkChannelSelectorUi = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ebc2801952d073ebdba519f8248b2c935af387d0' }, h("div", { key: 'c80ed1798f73329422efe7552791fe92c8e3896f', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'e088063cd35372380b6da7b66204d92e77d278b9', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: 'a6980e8cb7ce4ebcf9a93ada0db9ff04ec5cc481', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '972a55086e2fdf3cd0b2d6b45950527e57f4aad2', name: "header" }), h("div", { key: '4d1d45847e5812cbc8143fa5bbc20f1de279b326', class: "search-wrapper" }, h("div", { key: 'e88da1214668170d3250041ef5107f856aaff49f', class: "search" }, h("input", { key: '3313f0df796f540d2177e2360e37a6d6de7ce8c1', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: '75f65423459f25c63227474930ac2b8a90e5f20c', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: 'a06f906dacfa3b9f8abdc3b067f92f9af105bd6a', class: "channel-container scrollbar", role: "list" }, this.channels
+        return (h(Host, { key: '8c0e21c2edeb6cedf5e4332d361dd06fef80e2c3' }, h("div", { key: 'b4f0bdc102cf4a6bdaafe945ccacc65691cda6c8', class: "container", ref: (el) => (this.$el = el) }, this.isHidden && (h("rtk-button", { key: 'c0a4ffa6a83074b59d39827dd0d49db89d0bbe86', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '51316a7127bc3f780d4110fe62a6114156859fef', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))), h("slot", { key: '9f62d231516e418d40e73ff4e7128c3df93fa516', name: "header" }), h("div", { key: 'e337d9c1c2599b894812d1f9d68740ddff45a417', class: "search-wrapper" }, h("div", { key: 'a4e60014174739d658cac4a8a2b4cc6170a718c3', class: "search" }, h("input", { key: 'e4b02408f7893c2ac6dc4d7f52dbafbd6acba59b', type: "search", autocomplete: "off", placeholder: this.t('chat.search_conversations'), onInput: this.onSearchInput }), h("rtk-icon", { key: 'ab9fd67f26aebf1062ed89d0411f00cd3a1ce30b', icon: this.iconPack.search, class: "search-icon" }))), h("div", { key: 'ac46c45d8f8ee6a93c04748e8eae278fecc9d2a9', class: "channel-container scrollbar", role: "list" }, this.channels
             .filter((channel) => this.searchQuery === '' || channel.displayName.includes(this.searchQuery))
             .map((channel) => {
             return (h("div", { class: {
@@ -14620,7 +14619,7 @@ const RtkChannelSelectorUi = class {
                 }, role: "listitem", onClick: () => {
                     this.channelSelected(channel.id);
                 } }, this.renderChannelDisplayPic(channel), h("div", { class: "channel-card", "is-direct-message": channel.isDirectMessage }, h("div", { class: 'recent-message-row' }, h("span", { class: "channel-name" }, channel.displayName), channel.latestMessage && (h("span", { class: "latest-msg-time" }, this.getTimeLabel(channel.latestMessage)))), h("div", { class: 'recent-message-row' }, this.renderRecentMessage(channel), channel.unreadCount > 0 && channel.id !== this.selectedChannelId ? (h("span", { class: "new-msgs-count" }, channel.unreadCount < 99 ? channel.unreadCount : '99+')) : null))));
-        }))), !this.isHidden && (h("div", { key: '55753b6d172f18f9e58e19acb9de067cef27a33d', class: "overlay-container" }, h("rtk-button", { key: 'dfa6f03b0a4571c2d6235ab84ab8796d988f6acb', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '2b3fc88ca89286d10831a9c8769537b50b9a2ab9', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
+        }))), !this.isHidden && (h("div", { key: '7c886fbae80b1248db515317cfcf525eb74ffa6b', class: "overlay-container" }, h("rtk-button", { key: 'f48116160f38d361ec4842dbe2a550a1154d0b00', kind: "icon", variant: "ghost", size: "md", onClick: this.onRevealClicked, class: "sidebar-btn" }, h("rtk-icon", { key: '29f1f41eb90dddacf0ef6a42479d7468a03ee005', icon: this.isHidden ? this.iconPack.chevron_left : this.iconPack.dismiss }))))));
     }
 };
 __decorate$1a([
@@ -14943,6 +14942,18 @@ var rtkChatComposerUi_entry = /*#__PURE__*/Object.freeze({
   rtk_chat_composer_ui: RtkChatComposerUi
 });
 
+/**
+ * Scroll to bottom of an element.
+ *
+ * Works in all browsers - just that in Safari, the smooth scrolling doesn't work.
+ * @param el The bottom of which element you want to scroll down to
+ */
+const smoothScrollToBottom = (el, smooth = true) => {
+    if (el == null)
+        return;
+    el.scrollTo({ top: el.scrollHeight, behavior: smooth ? 'smooth' : 'auto' });
+};
+
 const rtkChatMessagesUiCss = ":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{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);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{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.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)}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}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);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, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.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));opacity:1}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;
 
@@ -15095,7 +15106,7 @@ const RtkChatMessagesUi = class {
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: '178fac50ff102f6186953051af07d65e8811d2cf' }, h("div", { key: '00310e41a9d3494c3bc9c4a25594844854e240cb', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '1232aca1fc213e70bf3aa63bd13d2288ba3884a4', class: "spacer", part: "spacer" }), h("div", { key: 'f74b23005e75874224d4cf56e0286ddb4cacfe9d', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: '1e00d65234971f64cb44cfc9f3f27523ef4184eb' }, h("div", { key: '6f1f50001914707a79782e2b035f7f056545bd73', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '0e2513409c533ce131341d8d636f95cde39bd1e4', class: "spacer", part: "spacer" }), h("div", { key: 'c677a4a1f80fb07f59157358aff8008d2cf52569', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -15114,10 +15125,10 @@ const RtkChatMessagesUi = class {
                     } })))), message.pinned && (h("div", { class: "pin-button", part: "pin-button" }, h("rtk-tooltip", { label: this.t('unpin') }, h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), h("div", { key: '9123c1900c65f238962a51926e750dbebeab18f4', class: "show-new-messages-ctr" }, h("rtk-button", { key: '01de40dd8bdc2c27f4512bf98a0a6ff4d42714d4', class: {
+        }))), h("div", { key: 'b0cd46132b3cd70b784f94a8c97a3fbeef57900f', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'd8faf61563052ad61ef2cc19e6f8d91993bae58d', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: '68c7981e90a248d8aebb872123eaa92f2939b0af', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'ef37ed2fc35d087ac95a75393a2470ce9def4670', icon: this.iconPack.chevron_down })))));
     }
     static get watchers() { return {
         "messages": ["chatChanged"],
@@ -15171,7 +15182,7 @@ const RtkChatSearchResults = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd16d67449de1e354428a96a798540b19a4a3b3b5' }, h("rtk-paginated-list", { key: '8979769039cf4f4d66e83d6cf8cb87075fbc8488', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: 'e71457e70093c4de4d453d3905aaeedf7ef91df3' }, h("rtk-paginated-list", { key: '4a8f9360d483804ed31c512ddc9ae91454ab1c89', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
 };
 __decorate$17([
@@ -15305,7 +15316,7 @@ const canViewPlugins = (meeting) => {
     return plugins.canClose || plugins.canStart;
 };
 
-const rtkChatToggleCss = ":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:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
+const rtkChatToggleCss = ":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:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;
 
 var __decorate$15 = function (decorators, target, key, desc) {
@@ -15331,17 +15342,15 @@ const RtkChatToggle = class {
         this.t = useLanguage();
         this.chatActive = false;
         this.canViewChat = false;
-        /**
-         * Only used when paginated chat is enabled
-         */
-        this.hasNewMessages = false;
+        this.pageSize = 11;
         this.onChatUpdate = ({ action, message }) => {
             var _a;
             if (this.chatActive)
                 return;
             if (action === 'add' && message.userId !== ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId)) {
-                this.hasNewMessages = true;
-                this.unreadMessageCount += 1;
+                if (this.unreadMessageCount <= 10) {
+                    this.unreadMessageCount += 1;
+                }
             }
         };
         this.toggleChat = () => {
@@ -15349,7 +15358,6 @@ const RtkChatToggle = class {
             this.chatActive = !((states === null || states === void 0 ? void 0 : states.activeSidebar) && (states === null || states === void 0 ? void 0 : states.sidebar) === 'chat');
             if (this.chatActive) {
                 this.unreadMessageCount = 0;
-                this.hasNewMessages = false;
             }
             this.stateUpdate.emit({
                 activeSidebar: this.chatActive,
@@ -15373,27 +15381,36 @@ const RtkChatToggle = class {
         (_f = (_e = this.meeting) === null || _e === void 0 ? void 0 : _e.self) === null || _f === void 0 ? void 0 : _f.permissions.removeListener('chatUpdate', this.updateCanView);
     }
     meetingChanged(meeting) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c;
         if (!meeting)
             return;
-        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.getMessages(new Date().getTime(), 1, true).then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a.length)
-                this.hasNewMessages = true;
-        });
-        const meetingStartedTimeMs = (_c = (_b = meeting.meta) === null || _b === void 0 ? void 0 : _b.meetingStartedTimestamp.getTime()) !== null && _c !== void 0 ? _c : 0;
-        const newMessages = (_d = meeting.chat) === null || _d === void 0 ? void 0 : _d.messages.filter((m) => m.timeMs > meetingStartedTimeMs);
-        this.unreadMessageCount = newMessages.length || 0;
-        (_e = meeting.chat) === null || _e === void 0 ? void 0 : _e.addListener('chatUpdate', this.onChatUpdate);
+        this.setUnreadMessageCount();
         this.canViewChat = canViewChat(meeting);
-        (_f = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _f === void 0 ? void 0 : _f.on('stageStatusUpdate', this.updateCanView);
-        (_g = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _g === void 0 ? void 0 : _g.permissions.on('chatUpdate', this.updateCanView);
+        (_a = meeting.chat) === null || _a === void 0 ? void 0 : _a.addListener('chatUpdate', this.onChatUpdate);
+        (_b = meeting === null || meeting === void 0 ? void 0 : meeting.stage) === null || _b === void 0 ? void 0 : _b.on('stageStatusUpdate', this.updateCanView);
+        (_c = meeting === null || meeting === void 0 ? void 0 : meeting.self) === null || _c === void 0 ? void 0 : _c.permissions.on('chatUpdate', this.updateCanView);
     }
     statesChanged(states) {
         if (states != null) {
             this.chatActive = states.activeSidebar === true && states.sidebar === 'chat';
         }
     }
+    async setUnreadMessageCount() {
+        var _a, _b;
+        const chat = this.meeting.chat;
+        if (!chat)
+            return;
+        const { messages } = await chat.getMessages(new Date().getTime(), this.pageSize, true);
+        const meetingStartedTimeMs = (_b = (_a = this.meeting.meta) === null || _a === void 0 ? void 0 : _a.meetingStartedTimestamp.getTime()) !== null && _b !== void 0 ? _b : 0;
+        const newMessages = messages.filter((m) => m.timeMs > meetingStartedTimeMs);
+        if (newMessages.length === messages.length && messages.length > 0) {
+            // all messages are new, so we can't know the exact count, but we know there are at least pageSize - 1 new messages
+            this.unreadMessageCount = this.pageSize - 1;
+        }
+        else {
+            this.unreadMessageCount = newMessages.length;
+        }
+    }
     handleChatActiveChange() {
         // Chat sidebar closed without opening a different sidebar
         if (!this.chatActive && !this.states.activeSidebar) {
@@ -15405,8 +15422,7 @@ const RtkChatToggle = class {
             return null;
         if (!this.canViewChat)
             return h(Host, { "data-hidden": true });
-        return (h(Host, { title: this.t('chat') }, this.hasNewMessages && h("div", { class: "unread-count-dot", part: "unread-count-dot" })
-            , h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
+        return (h(Host, { title: this.t('chat') }, this.unreadMessageCount !== 0 && !this.chatActive && (h("div", { class: "unread-count", part: "unread-count" }, h("span", null, this.unreadMessageCount < this.pageSize ? this.unreadMessageCount : '10+'))), h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -15504,9 +15520,9 @@ const RtkClock = class {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (h(Host, { key: '39ec8f3aefb91d5314ea8d39b7ded49a1bced4f6', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            h("rtk-icon", { key: '76017ad292041e04dc2b420b4c3a9c1d14656706', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            h("span", { key: '2cd75a435089d1bd534f49b50c0ceaa6e7335f8a', part: "text" }, this.getFormattedTime()),
+        return (h(Host, { key: 'a389e7c6a9fc8183f3228564bfa61f606ceaf979', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            h("rtk-icon", { key: '5fe283d25031c367f018d7a99ea46ed0c0d46a86', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            h("span", { key: 'e5e134c951f7bbb3f161ae01d88d9c83ed85c798', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get watchers() { return {
@@ -15563,7 +15579,7 @@ const RtkControlbar = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: '0376a3a5059538d4ae60fce32813e797fae18b2a' }, !this.disableRender && (h(Render, { key: 'b6990b5966e6b270c93181ddb1d156d55b02dbde', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: 'f5130e01e8efd65a0a52e035baac2836d5102731' })));
+        return (h(Host, { key: 'f42df94eb381604cc1e4e9716e7908cab55da6b2' }, !this.disableRender && (h(Render, { key: '2c961c3e2546e7610cd2e18ea8aeaf72dbdd1075', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), h("slot", { key: '9e2a7239b36ba2f4c40bf7c7d63441c833927a97' })));
     }
 };
 __decorate$13([
@@ -15620,7 +15636,7 @@ const RtkDebuggerToggle = class {
         });
     }
     render() {
-        return (h(Host, { key: '921018aa53c87d13bd51b20d8a98ac84f7b1c2ff', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: '043c5e9648bf9303488977554f9a1e70ca681995', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (h(Host, { key: '38be7c2de47b57a51bb6feedc0f8ea05801eec58', title: this.t('Troubleshooting') }, h("rtk-controlbar-button", { key: '18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
 };
 __decorate$12([
@@ -15938,7 +15954,7 @@ const RtkFileDropzone = class {
         });
     }
     render() {
-        return (h(Host, { key: '9525e4e25630d45a8945e0cd169ac7830eb131b2' }, h("div", { key: '1be56002e1adecfaf2f9b6216e2551929bcac4e2', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'e7d366446b6714ad64d2b95da7f08f67a1429333', icon: this.iconPack.attach }), h("p", { key: 'ab3b2e3a048ee8bd812ece1ad5a9afcc03d00c67' }, this.t('chat.send_attachment')))));
+        return (h(Host, { key: '6a205001d1e1e1f7c54855005cab34b81e95c9b9' }, h("div", { key: 'b87bcc6c90819127b2783665e541b69ce49f1032', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: '1f603086a79a170a4fc3f3df53df9cfdfbae73fe', icon: this.iconPack.attach }), h("p", { key: '0b4914a3fb881006b1af20533750e6b273a82a48' }, this.t('chat.send_attachment')))));
     }
 };
 __decorate$$([
@@ -17134,7 +17150,7 @@ const RtkHeader = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: 'b027d881ec9b4b6e27750e13e9aa0ac50ce9748c' }, !this.disableRender && h(Render, { key: '7bb2e5d3b9d9b2aeb9550c5675743c5ddfeee99c', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '66bbb8bdcbb511f3e97a17f6b3703725ed708fe4' })));
+        return (h(Host, { key: 'cc998eacd57a6ab5492229b6eb900caf9aa6cfaa' }, !this.disableRender && h(Render, { key: 'c8bfb68227fcea6955c7e4d07cfe3d1eb9d7906d', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '50848506efeeccf7a6bd4539d65374eb64279d17' })));
     }
 };
 __decorate$Y([
@@ -17183,7 +17199,7 @@ const RtkIdleScreen = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '0d5f3eea616808cb6d59173bc875ed1e19a571eb' }, h("slot", { key: '9d647571d81e227c3deba0b131e05763f0e17bd4' }, h("div", { key: '856f24853a9d5d1a941be50ff2567083cccc2d0b', class: "ctr", part: "container" }, h("rtk-logo", { key: '0bceeddd22d96bd07f015041e5b79d5de19dac59', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '62841691c9f2669e3e11a4e995848a3f1df4180a', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (h(Host, { key: '9542c3ce51e79f077f59e3c260884b117ee8d327' }, h("slot", { key: 'b0d7e6f916ef6bc00eb77c89a6ee6c4f55fe81c5' }, h("div", { key: '028702fec102195179abb5ad93803478cda2cd4d', class: "ctr", part: "container" }, h("rtk-logo", { key: '5fa9163f969de1ee7f9f02b585138e16d583bf2b', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: 'cbf0b91e0455cb2be65059766d6eb713674f2dcb', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
 };
 __decorate$X([
@@ -17242,7 +17258,7 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (h(Host, { key: '8d935bb0caf8d693e1a689ca43aae99862170ac9', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '99e92847c61ae836819158df5e755a15ffc857c0', class: "header" }, h("div", { key: '00fa44b137b19e90480ab67a915d795e69d0e8d2', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: 'c8cdd90cdb236581421d39f397dcb532c0052f88', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: '5c4c76c34a58598056c737cab95966014713fda1', class: "actions" }, h("rtk-button", { key: '78e4b05fc056a4924e7d795ce751d26213b7b31c', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '97f528e26b23f749597e783b15ae2b28cdb57432', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '1c8db312bcdbb7b58886bd042866dce4a742b2b6', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: '91a7127dce1d432cd6ab8bbba45d37054459b6d5', icon: this.iconPack.dismiss })))), h("div", { key: 'c5389b11ee44af064e9d12c443b2986a349d02de', class: "image-ctr" }, h("img", { key: 'a6b8cfadc2f11395695358f97a285986e5dab799', src: this.image.link }))));
+        return (h(Host, { key: 'd3d145c8bd304fbe0e9420e7746ea15872772f3b', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '3f9ceed6d177439c39438dbb6ac60d08d630bf0e', class: "header" }, h("div", { key: '3944264dcf9903e55b544bda02dfa8d6643ba3ff', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '540b69c4f1abdd437a003fa4ba9c9ddf8aa71dd8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'ed632e11bcdf8fa46a2c1bd0f6b02884ee635b5a', class: "actions" }, h("rtk-button", { key: '677ef4df0f7235a27c925b1e742a61222c90049f', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '2479f3a5e2f9eff5359d377625d06337b2023e8c', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '6ff009deb6e385481254e9fa6a7ae30f1676cff0', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: '6ad51918f8e76980f61c02c10b9a2cccfe5a2a7f', icon: this.iconPack.dismiss })))), h("div", { key: '5fd522972d26d9b4815ffe37d2d418b784e751ae', class: "image-ctr" }, h("img", { key: 'a45df563ecdf79e020e3269f6fd055aee27cfab0', src: this.image.link }))));
     }
 };
 __decorate$W([
@@ -17278,7 +17294,7 @@ const RtkInformationTooltip = class {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: 'a94703e845d2ed6757b794e5582a27790d9ffc22' }, h("div", { key: '9dba2927f2763b84127237d269bbb21bda299018', class: "tooltip-container" }, h("rtk-icon", { key: 'dda3376f2f3e0bcc61a978f6ed4d9a746243480c', icon: this.iconPack.info, size: "sm" }), h("div", { key: '87df9ff5be316f60f1b9b6445ee19f48aed6918c', class: "tooltip" }, h("slot", { key: '25cacd1c76d12aef06b7c757d6cc1580f214d938', name: "tootlip-text" })))));
+        return (h(Host, { key: 'e6592aeb2d479a084f6100d1a32f6df61c2e979c' }, h("div", { key: '9406039d36b98781c2eb8dbbe37fab9a3390c90b', class: "tooltip-container" }, h("rtk-icon", { key: '97fd3324d790e8dc81d81bb272cacd95a2a95997', icon: this.iconPack.info, size: "sm" }), h("div", { key: 'e3b5b3a8e69cea34a1aa86b1a6eff2008028b673', class: "tooltip" }, h("slot", { key: '88608c68efc3287baf74d717a5e3ca418ef0dc9b', name: "tootlip-text" })))));
     }
 };
 __decorate$V([
@@ -17320,7 +17336,7 @@ const RtkLeaveButton = class {
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: '5b0ccd7eca4a3330a6bbfd377fa5cbdc050ac346', label: text }, h("rtk-controlbar-button", { key: '8dcb835fb29edad956d715c2cbe882686ccce40d', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: 'fc176585ba4617c2b64d05d9b2e1ee66084666aa', label: text }, h("rtk-controlbar-button", { key: 'feb4ee03ff7d16bf6ab858a3207a628121fd477b', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
 };
 __decorate$U([
@@ -17775,11 +17791,11 @@ const RtkMessageListView = class {
         this.updateTotalHeight();
     }
     render() {
-        return (h("div", { key: '592cc96edd18a6c3f9bb18650d4a3c0969302ba9', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: 'c720432351e2a051502deaeedb10e4d911776d86', class: "scroller" }, h("div", { key: '7a7aafb1dc0589059bd467258cf46640f1dc2966', style: {
+        return (h("div", { key: '17ccb3852a89ddb77e5799413f8ee0ef0ac7c132', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: '044af22a10ae312a46d90f29dc9a793d86540fb8', class: "scroller" }, h("div", { key: '15a2b213883f210a44081c05c317f9da7a58380c', style: {
                 height: `${this.totalHeight}px`,
-            } }), h("div", { key: 'ee9e8a1819a66d73e67860615f580511ee34b31c', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: 'e055b8db2ae6796797074e26f4ca4ef564006ece', class: "content", style: {
+            } }), h("div", { key: '918071c6d3aed045814c1c2b3908572edae480ac', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: '19b2f45794fa73f44d54b9b91ef1cab0df6c4aae', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (h("div", { key: 'fea9260948b5127ccd0e510ae55a01f4adbfcbbc', class: "loader" }, h("rtk-spinner", { key: '7af2be1f15773fdf4b467d7ceee8902c61cb8ca7', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (h("div", { key: '1a05d8ec0a4a11812afef413226c472d797e7ebe', class: "loader" }, h("rtk-spinner", { key: '29f275642f8f8be5d9cbe12ff0eeedba48e1b4c1', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get watchers() { return {
         "messages": ["messagesUpdated"]
@@ -18243,10 +18259,10 @@ const RtkMoreToggle = class {
     }
     render() {
         const text = this.t('more');
-        return (h(Host, { key: '73044df7026e090e30d8f9b2f40b3c4adf5424ae', title: text }, this.states.activeMoreMenu && (h("div", { key: '0abe46d0b772ff7bef2ecbf5fa2ce372bf81fe1d', class: "more-menu" }, h("slot", { key: '8eba4b6a5fee4812ad2dcd81ba0511cddb090100', name: "more-elements" }))), h("rtk-controlbar-button", { key: 'e043fc7b60f24fbe761c442edfb38d245f84b419', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (h(Host, { key: 'ae92dc374ab721ea86cfe8d0f658be4f4c624d51', title: text }, this.states.activeMoreMenu && (h("div", { key: '061d68748259df66e729ff830c9d72909b8185a6', class: "more-menu" }, h("slot", { key: '6a89ae4f51c32c560c83bb5fa10f694797f4d20c', name: "more-elements" }))), h("rtk-controlbar-button", { key: '775fcd968101f57f070159f6992ad55527fd424a', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '739c90ae5b23b98dab457c3dfce24d5a19a24c67', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '4b2006186051bf7c0e80dc4d9536d610d25ae7ba', name: "expanded" })));
     }
     get host() { return getElement(this); }
 };
@@ -19205,11 +19221,11 @@ const RtkParticipantSetup = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '58684c8d6926e8992c460332d208a90c7dbbbb7d' }, h("video", { key: 'bfe2dfcfc1c94066910736eef08e676f7955d790', ref: (el) => (this.videoEl = el), class: {
+        return (h(Host, { key: '0e892e1dfa9613f7fdd62dbca7254284eb6df977' }, h("video", { key: 'bc958a758eef2ada959c848ea85ab337daec8dc7', ref: (el) => (this.videoEl = el), class: {
                 visible: (_a = this.videoState) === null || _a === void 0 ? void 0 : _a.videoEnabled,
                 mirror: this.isMirrored(),
                 [(_d = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.videoFit) !== null && _d !== void 0 ? _d : 'cover']: true,
-            }, autoPlay: true, playsInline: true, muted: true }), h("slot", { key: '9236d9897799ecf8971f097c14ebc8c85aade7b8' })));
+            }, autoPlay: true, playsInline: true, muted: true }), h("slot", { key: '4271e84aaf556c68d2781da4b1e67ce709a1f00c' })));
     }
     static get watchers() { return {
         "participant": ["participantsChanged"],
@@ -19599,7 +19615,7 @@ const RtkParticipantsAudio = class {
         await this.handleEvents(meeting);
     }
     render() {
-        return (h(Host, { key: '8861f8007e47645f2ea4c9fe5e3e5e235db31c71' }, this.showPlayDialog && (h("rtk-dialog", { key: 'ffd0f251216fb1a4a8698838d9a1f0d8998ffe86', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, h("div", { key: '4c7b4b054d19dd9d1c70d2d9f141a85cc1d479fa', class: "modal" }, h("h3", { key: 'd6c7372950b801b2b3f12e7957571e50eb02b87e' }, this.t('audio_playback.title')), h("p", { key: '07a7a45b8576084c093d1c3aaac031ccbffb9ef1' }, this.t('audio_playback.description')), h("rtk-button", { key: '6e98d5da5d893f35902f14f23f886bb22561c671', kind: "wide", onClick: () => {
+        return (h(Host, { key: '21a64212a6cc90c14a8f5593269be311b844c574' }, this.showPlayDialog && (h("rtk-dialog", { key: '9572a416560f8ebd569d977b0d6b1758fe9ffaa4', open: true, onRtkDialogClose: this.onRtkDialogClose, hideCloseButton: true, disableEscapeKey: true, iconPack: this.iconPack, t: this.t }, h("div", { key: 'dd3cea3ac1b3ba4feb4f85a0cc2d8505bf25597e', class: "modal" }, h("h3", { key: '3dc9046e0322029cee74b8d5688453f081b529e1' }, this.t('audio_playback.title')), h("p", { key: 'b9b076d73c0ac8fa13e25bfba2ebd6c968d41e58' }, this.t('audio_playback.description')), h("rtk-button", { key: '274d941ea5c4f3b6aa6e94f200dabd84856ebccc', kind: "wide", onClick: () => {
                 this.audio.play();
                 this.onRtkDialogClose();
             }, title: this.t('audio_playback') }, this.t('audio_playback')))))));
@@ -20100,7 +20116,7 @@ const RtkRecordingIndicator = class {
         }
     }
     render() {
-        return (h(Host, { key: 'edc0246112ee48a4197cd2cd7581a8f8f4b9d2bc', "data-hidden": !this.isRecording }, this.isRecording && (h("div", { key: '5e30947cec1cfe79c3b9868ac93aa8958d0b058e', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, h("rtk-icon", { key: '7cb31ee410ff44d939f346fc8c5cf180c96d8160', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), h("span", { key: '4a0c8ebcfc06b8ce30b7e5de5fb7a9e00af596b3' }, this.t('recording.label'))))));
+        return (h(Host, { key: '3bc3bfca9c1b7159afd2f79820c2b6e9a6726dfc', "data-hidden": !this.isRecording }, this.isRecording && (h("div", { key: '66fc2ee9663a4d1bfc4f1e3c200e712fa1c8b80f', class: "indicator", "aria-label": this.t('recording.indicator'), part: "indicator" }, h("rtk-icon", { key: '24f268ae015c0d8874a5e398e7e24bbea66b76df', icon: this.iconPack.recording, "aria-hidden": true, tabIndex: -1, part: "icon" }), h("span", { key: '033532a521765c2a5e9c1a5ceafbb453be9c2d86' }, this.t('recording.label'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -20686,7 +20702,7 @@ const RtkScreenshareView = class {
         const icon = this.isFullScreen
             ? this.iconPack.full_screen_minimize
             : this.iconPack.full_screen_maximize;
-        return (h(Host, { key: '89b80a7eafe99830a360d30b2565c238ba1b4b3f', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: '88b2c8f5a5abff2f247800768846383eb9e72e78', ref: (el) => (this.videoEl = el), class: {
+        return (h(Host, { key: '2f708b5df22fcffc0d19fdf30896e4aaad29684b', class: { isSelf } }, h("div", { key: "video-container", id: "video-container", class: { expand: this.videoExpanded } }, h("video", { key: '7cdbbde096cad5a675757f87291150d5bd8087b6', ref: (el) => (this.videoEl = el), class: {
                 visible: this.screenShareEnabled,
                 'fit-in-container': this.participant.supportsRemoteControl,
             }, playsInline: true, onPlay: () => {
@@ -20694,15 +20710,15 @@ const RtkScreenshareView = class {
                     screenshareParticipant: this.participant,
                     participant: this.meeting.self,
                 });
-            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: '0a26414307d9622b7469810389994f2d73d9cb6d', label: text }, h("rtk-button", { key: 'ed5a5a827b261e78b4397e7ef57de895c3e83e27', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: 'd29d300b05a610e83900216080717adc60419d18', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: '70ff28db0d44d32a3777b3998e2f70137e5305eb' }, this.t('screenshare.shared')), h("div", { key: '70676921a19f0c7ae34a10b8a4abf85219e29def', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '5178c6868ff869bb6ca5a634d4d49675fb4a7315', variant: "danger", onClick: () => {
+            }, autoPlay: true, muted: true, id: `screen-share-video-${this.participant.id}` })), h("div", { id: "controls", key: "controls" }, !this.hideFullScreenButton && !isSelf && isFullScreenSupported() && (h("rtk-tooltip", { key: 'c3340c5de0b70f2759a4654442a6ba9c85061a34', label: text }, h("rtk-button", { key: '882d093ec8c5af94ed7d15fa246319811eb45350', id: "full-screen-btn", kind: "icon", onClick: this.toggleFullScreen, title: text }, h("rtk-icon", { key: '59cf742dc69dc5407a0c575bef7cd9ad40c648dc', icon: icon, "aria-hidden": true, tabIndex: -1 }))))), isSelf && (h("div", { id: "self-message", key: "self-message" }, h("h3", { key: 'cddd41b2f2ce83d28c52f86c401ea41b847d1197' }, this.t('screenshare.shared')), h("div", { key: '475a0a10753366bf3ae5c25b18086155c1d57be7', class: "actions" }, this.meeting != null && (h("rtk-button", { key: '98dd92a16e1b26e22053868d07add3b38514b3d1', variant: "danger", onClick: () => {
                 this.meeting.self.disableScreenShare();
-            } }, h("rtk-icon", { key: '5b942500b72c5b51269967fe2cd62da95ad703af', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '9ba6b88e20ee1f3d36e95ff46f403f7535679da5', variant: "secondary", id: "expand-btn", onClick: () => {
+            } }, h("rtk-icon", { key: '1147425c7c92aa8e8e9b15848e86b64e8fde3d5b', icon: this.iconPack.share_screen_stop, slot: "start" }), this.t('screenshare.stop'))), h("rtk-button", { key: '15aa7c156b00282d7b2c7be66eaef6d78768d166', variant: "secondary", id: "expand-btn", onClick: () => {
                 this.videoExpanded = !this.videoExpanded;
-            } }, h("rtk-icon", { key: '1bc4ad47774672d2a364c961dae6d8b85b7e2bba', icon: this.videoExpanded
+            } }, h("rtk-icon", { key: '3e15e3948c1226eb02ed2f573a57447d2b8459b6', icon: this.videoExpanded
                 ? this.iconPack.full_screen_minimize
                 : this.iconPack.full_screen_maximize, slot: "start" }), this.videoExpanded
             ? this.t('screenshare.min_preview')
-            : this.t('screenshare.max_preview'))))), h("slot", { key: '752ff972908fc7b488803deb25309dc702091bd9' })));
+            : this.t('screenshare.max_preview'))))), h("slot", { key: 'ec18e9db10beca7faa8191ab4da5f375c9d5e056' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -20873,7 +20889,7 @@ const RtkSettingsToggle = class {
     }
     render() {
         const text = this.t('settings');
-        return (h(Host, { key: 'f8b07580094990d31d3538abbe40ca85f81c2e46', title: text }, h("rtk-controlbar-button", { key: '92b3a3c8c24b2a8cd56d7caf5cff077f8adfa7bd', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
+        return (h(Host, { key: 'b929e0a6febd8eb959bcb946ae123a0e993aace5', title: text }, h("rtk-controlbar-button", { key: 'a74581d52a7d9b8903098d0f1ff3b33e740206bc', part: "controlbar-button", size: this.size, iconPack: this.iconPack, onClick: () => this.toggleSettings(), icon: this.iconPack.settings, label: text, variant: this.variant })));
     }
 };
 __decorate$x([
@@ -21337,13 +21353,13 @@ const RtkSpotlightGrid = class {
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: 'cbdc37e14e4f6b6a9e10aabfc27200b3ec428f1e' }, h("main", { key: '98c15a1f061f57c691726bf04783355c813ad187', part: "main" }, h(Render, { key: 'b338f839172daee1f8c6ba7432ecec1710e59328', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: '3e5596fe72e5df7684bfc51df9df3171358d094a' }, h("main", { key: '8c00ae24704582f775042399624a0274c9384d0c', part: "main" }, h(Render, { key: 'c5a06e7aff1aba7f4120acccf8e6e45d3267fccc', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'main-grid',
                 participants: this.pinnedParticipants,
                 aspectRatio: this.aspectRatio,
                 gap: this.gap,
                 size: this.getAdaptiveSize(this.pinnedParticipants.length),
-            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '6659a1aca188a0ea9ca15a11f7fd4ebe8b797221', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: 'ae4f50970e4932c659a7e30afa4e028c9d743453', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '24bafede04344ea964cf667c5ba90f6fe52d1962', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '2328434d5f2a309e27c4af59d863e3122ec9fbc9', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,
@@ -21398,7 +21414,7 @@ const RtkStage = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '7f2759763ff041db5960fcf5fc5ed0d09d7cafcb' }, h("slot", { key: '80de219e3ae4e031ba2bce48c86f5139a98c307e' })));
+        return (h(Host, { key: 'cfccb12248bda74943e89cfd663504499925e73f' }, h("slot", { key: 'c48c7b62c93cefeeaad9904bbd62ea06c376199e' })));
     }
 };
 __decorate$s([
@@ -21975,7 +21991,7 @@ const RtkWaitingScreen = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'c21b86271de7d3910476d8ea8019848981d0e9d3' }, h("slot", { key: '93494d4d023907869ab1e54a2ca6aa7cfb37f58f' }, h("div", { key: '19aa832688911f8bea9300ed5d96718df6b17aad', class: "centered", part: "content" }, h("rtk-logo", { key: '9508d857a730037a054d29022d6920ad9ff9fab0', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'a88ea02d3b422169ce0c40f13c6c480bf3a176ab' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: '42ab084403fb118e17ca88c0aa9ca896d44893b7' }, h("slot", { key: 'd92a248417603793da8efb8d3b914f1730bd2fc0' }, h("div", { key: '45a4c570273ee8e070fea17c340c800859ee72e3', class: "centered", part: "content" }, h("rtk-logo", { key: '7c5fe652ea18ed2cac0c20351525250c83cf8a1d', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'a3ac66ef146ac1f04a9a8e912befa3de40d534a1' }, this.t('waitlist.body_text'))))));
     }
 };
 __decorate$p([
@@ -22111,7 +22127,7 @@ const RtkAiTranscriptions = class {
         });
     }
     render() {
-        return (h(Host, { key: '4b1952a7b031b1e63720ed4a81b818552c82c251' }, h("div", { key: '729f8592ed12147024f378ac101963dd890e1006', class: "search-bar" }, h("input", { key: 'b3ca0a213da793723e7f807e5acec72b264b4667', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '3fcd1d981d111f4b6969a0236c7de54b9172cd24', class: "processing" }, h("p", { key: 'dbe93a5790f62a9e6bb0621942af5125313012c7' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'ef3e85da20cebf072ad4eddcafc3b46579d2534e', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '6af5b7c1e0222bb127e994fdc6505f71c84da5e0', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: '94f60db03785e266280aea971d3b998280840be2' }, h("div", { key: '0c709d7013ffd86748abc3a367e9cb504c2a37f5', class: "search-bar" }, h("input", { key: 'd98c6b1eb8835e59ed48d7a07bd12efbf72c9ae1', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '041a08dd3e14b3d8c35d2d487d30a281f53338a0', class: "processing" }, h("p", { key: 'c4c90b39ca5ad0fd8161f0e3eb96aba38d959c6e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '03bd5836324c9865d0e522d86e51701ec305f6ad', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '1df6f1b8cf06aa6f14d5700a7dfa86177bf3a752', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -22478,9 +22494,9 @@ const RtkBroadcastMessageModal = class {
         }, 2000);
     }
     render() {
-        return (h(Host, { key: '09978c477457ca0d1cc7238638c9251b6baf2e32' }, h("div", { key: 'e71f71c920255ca74209993c0feeb50207ece7c8', class: "content-col" }, h("h2", { key: '9e73d2d91d6327782113a3787ffab741caccc45d' }, "Broadcast message to"), h("select", { key: '6f22cd45bd51512ae8563dbb89b68515d6bd10f5', onChange: (e) => {
+        return (h(Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: 'ea43fe84aed7b8fc28a9bf08a8b0c93f5dc4dde1' }, "Everyone"), h("option", { key: '77bf0628822af6852c39d22f998785ec8ee7f0ac' }, "List of rooms")), h("textarea", { key: '25bae88b241fc2d61db69c82b551a5fcb6cc137d', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }
@@ -22546,7 +22562,7 @@ const RtkConfirmationModal = class {
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (h(Host, { key: 'c3c594fc3e7923a6cb96abfff6b1103b2f1e4bdb' }, h("div", { key: '5881e956eeefb1dbd9b19548f782a80ca24aa127', class: "leave-modal" }, h("div", { key: 'fa25434424c11296b40c999e6be8d20506542d4d', class: "header" }, h("h2", { key: '9e6d42901ce401796090653c20ebe59a8acb70f4', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '1034d4eadbfb12ff02fb88200a7bcdd7a99c75ac', class: "message" }, this.t(state.content)), h("div", { key: '1868e2521cba84d48a19f544c70465373eaccebb', class: "content" }, h("div", { key: '432d21a121762174a1aedc4926656c9e52cbc5bd', class: "leave-meeting" }, h("rtk-button", { key: 'a5efa391321e6cdc973595637b379a42d1e51707', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: 'b0cbd9943b9e46057ca8ea0829799fad6edfc335', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (h(Host, { key: '22ee38d06ab212134ac17a656da1251a3dc05372' }, h("div", { key: 'ed29620d69abd3202a823de32c06d7b2fb71f828', class: "leave-modal" }, h("div", { key: '07466875c79feb312e7df26cec679e62a4fc2991', class: "header" }, h("h2", { key: '4ebc7ab0dc5c2175cb234575435a30e4d1ce7a13', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: 'a9fcfa27f006dfb6ee1be60529b2c02611edc4cd', class: "message" }, this.t(state.content)), h("div", { key: '940cb8e8344bd99ba5d5266e284cc5161e666748', class: "content" }, h("div", { key: 'b8862b1db1f77121f9c2032e1f8213eeced5217d', class: "leave-meeting" }, h("rtk-button", { key: '0b4e17540009e0a465097e628904b36c54e17462', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: '5f8c65ea6678c14855ece31827cb4aff714a0965', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
 };
 __decorate$6$1([
@@ -22801,9 +22817,9 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (h(Host, { key: '4680ed34de64c4ab67dc939941a0c0a8f72af619' }, h("div", { key: '6ed0410cb32c8bd113dbc7cc5cfe5a3079606ff5', class: "leave-modal" }, h("div", { key: '8f9702a7fd68a1785bb63620587836c769c379bc', class: "header" }, h("h2", { key: 'e071e2ddbdba0ad61a3e5dc4a8ecf5c39610ffac', class: "title" }, this.t('leave'))), h("p", { key: '39ec1123fadc7fb945b600d114246aaf7b251e5a', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: 'ae5e42b89313baedea3478e59c320ccadd871e3b', class: "content" }, h("rtk-button", { key: '5eccf433e1de71cbbe84d9b9062848f47bcb68b6', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: 'ad34c1c74a3c76289bfaf87e0d03e9323222735a', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '45a051102497bcfce0efb7a113a6d00a43de0605', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '581e73b8d12ecb3a09182cb6561cdbb61ebb913f', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -22855,7 +22871,7 @@ const RtkMuteAllConfirmation = class {
         };
     }
     render() {
-        return (h(Host, { key: 'fa0d14fa4d97e3dcbac59a1bb9b8a5149b92adc8' }, h("div", { key: '9b2f65663cf69cd7d427793c832b47a89158a8e3', class: "leave-modal" }, h("div", { key: 'ae7dd27985e3eba1b1e2f6f7748b264920ded7ae', class: "header" }, h("h2", { key: 'a70f4d3d12bc42fdb0ca057e63680bb6a5676ae5', class: "title" }, this.t('mute_all.header'))), h("p", { key: '7f8685995b777f91cfd592737b81dcb9af147fb0', class: "message" }, this.t('mute_all.description')), h("div", { key: '3af2889f993e9ba3f7946fb612faf33787b6121f', class: "content" }, h("div", { key: 'ac9f60cfccdc4a6585002ebc7a115ce8cfa85fbe', class: "leave-meeting" }, h("rtk-button", { key: '25ff9d4db1a5731175ec2bf2de0b1a7df6efd1ea', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '80cf51d679fa221a54f8b6dabf4b8052936b0d72', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
+        return (h(Host, { key: 'd7439c9c3ffd1a79974ed8f8a0081aa807a2b103' }, h("div", { key: 'f11f6d201c843384f3e173cf611ea6b26fcfe620', class: "leave-modal" }, h("div", { key: '8475acebc7a3abd14a4d0716b6dbdeabb0f1896e', class: "header" }, h("h2", { key: 'fe5cfaa40eccca120a696555456acd59610bd5f0', class: "title" }, this.t('mute_all.header'))), h("p", { key: '88b6d8faf23e5780d632f9bac0077751bb9db554', class: "message" }, this.t('mute_all.description')), h("div", { key: 'b901ffb7714dbcf5bbda907df1f44214672ded17', class: "content" }, h("div", { key: 'f554e5829ff3250400307f139661a0fe426ee22c', class: "leave-meeting" }, h("rtk-button", { key: 'c300ddc6c3ae02266d4769a964eb3fb246aa7dbd', variant: "secondary", title: this.t('close'), onClick: this.onClose }, this.t('cancel')), h("rtk-button", { key: '897d7d2639a6c51c5fb0ae1b51a111fbba5431c9', variant: "danger", title: this.t('mute_all'), onClick: this.onMuteAll }, this.t('mute_all')))))));
     }
 };
 __decorate$2$7([
@@ -22902,7 +22918,7 @@ const RtkOverlayModal = class {
         }
     }
     render() {
-        return (h(Host, { key: '996258387764dd1b7d12c4e4765ee38c01cdad94' }, h("rtk-icon", { key: '4ccf7d3878900f0cb5743313bfef0b93fdd80c70', icon: this.states.activeOverlayModal.icon }), h("h2", { key: '7346e4cb9bee22c63cc5014a16f9e7a423afe7e7' }, this.states.activeOverlayModal.title), h("p", { key: '24f5dda6cda11267a00e7a4d9aadf3479b8b2873' }, this.states.activeOverlayModal.description)));
+        return (h(Host, { key: 'd2837e184517e21a048bf3c0132db866e76df98e' }, h("rtk-icon", { key: '986632806311740b097ef99ad2cefc286f54b7d4', icon: this.states.activeOverlayModal.icon }), h("h2", { key: 'f7c985545abeefcf0dccd10744c70e84b14c0f1d' }, this.states.activeOverlayModal.title), h("p", { key: '43ab2a1bde3c41732d3e159c493a799f68bcd0c7' }, this.states.activeOverlayModal.description)));
     }
 };
 __decorate$1$c([
@@ -23079,7 +23095,7 @@ const RtkPermissionsMessage = class {
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: 'f879c629292b4157ee891aa46968ff7a52d3e2e2' }, h("h2", { key: 'bdc849ae5badd1068bb174969be860721c90c25b' }, h("rtk-icon", { key: 'ac46b56e03905c886d050fdd371503f28e7f3879', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: 'af5da3f11363cd22aeae6635f4648bc074cff01f', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '6344e71e3faef187ac92d7165263f79c9f2709e1' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'd7c3484ad52c78491644dd11322349a2f12c5e79', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: '213a8bbe2c86818a68bb9149441f015aa53f8f10', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: 'c2f18e99845ba44c89477a959cf7a6a0516f4bd8', class: "actions" }, h("rtk-button", { key: '6d56b4ace9c535a2c0fcaa996c29bb1953184a09', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '8747e1f884579fc91d7f498cf2094fedb5744948' })));
+        return (h(Host, { key: '6ae73a5881876423b5065f878457a9c125c30ca8' }, h("h2", { key: 'd92a983a6a5d98f337888da65b5e8438ea6b2f1d' }, h("rtk-icon", { key: '00842b2e9c00b9f37fcd5259190e02282c013913', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: 'f86b1fac2420ba4d323a027ff806989a417d03dd', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '8bd0f3b1a8d22fe783c5483273056d2df1e5f8e2' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'eb177deab4d6fe72a06f918740a3a892344982d4', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: 'b25bb5f60e479f79d462961e5c11ad6d7e5e1844', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: 'cebce7cb7b2529bc92ac23420b7ea30025fe80a4', class: "actions" }, h("rtk-button", { key: 'f92b409ace419307243ceaf9de047e61ee6782e7', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '0be270faf43bde77cb109950d59be74be8e1669c' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -23141,7 +23157,7 @@ const RtkChannelDetails = class {
         })));
     }
     render() {
-        return (h(Host, { key: '9853d84d5b69fc5eeca68ef48aacfa0319345790' }, h("header", { key: '09f33db7c3acb17437ed92f911951995316aff28' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (h(Host, { key: '0d50bc8ecef99900be123c21754cc7e865425c65' }, h("header", { key: '4b595171c0c7f10835230d7ed66508d5b2412ac4' }, this.t('chat.channel_members')), this.renderMembers()));
     }
 };
 __decorate$m([
@@ -23247,11 +23263,11 @@ const RtkChatMessage = class {
             } })));
     }
     render() {
-        return (h(Host, { key: 'a7d70a55ded6f3995de04d97e8daba066af76b46' }, h("div", { key: '1eef4376ab7952b11a9271dcf396ea950e7a06a8', class: {
+        return (h(Host, { key: 'f6a727c485be5af8f6213c40a9b897debac1c62d' }, h("div", { key: '03fff27269d7e3976463692e0e4f15106e4f1cc6', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: '0445d70d7d5eaa81b77214e6d0c4ab49da0d9cc6', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'd62eaa8b99853d7c38586dc2ac1c8163ad4effcf', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));
@@ -59537,9 +59553,9 @@ const RtkNotification = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '51e81b13584429d211648cd6b069cfeeb9786cf0' }, h("div", { key: '4cfbf9ff3fd5bc8482ef8e89384cc5b56ea06225', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '249f72bd11d1004754d4d8539d9f78aa9c16d004', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+        return (h(Host, { key: '1e728f896ce0212c990677528187929c53e70b87' }, h("div", { key: '1855671fbe703e142f873aff2492f7c2190671ed', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: 'b79f092b899ffe893473571ba735fbb0926901d8', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
             this.notification.icon == null &&
-            this.imageState !== 'errored' && (h("img", { key: 'feeb94c2e78e7506c18cc91746141d7e3a35f62d', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'b33a24ab2e00d415565005df81915a266415fdeb', class: "message" }, h(TextMessageView, { key: '1947b8c43643aa169bf4ea324fdf8a091b8b4432', message: this.notification.message })), h("div", { key: 'bc904e8c67d9a0f4dc4558a81cdc8d86fb414a3f', class: "right" }, this.notification.button != null && (h("rtk-button", { key: '1c13f1c57b9c2ffb05f7ecd51dd255fa1499d8ee', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '6ada4c78be92f5c3f9ec5a1b12255316345ac5ca', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: '9e92dd30e11a1af7a684331b5eab02a1c4cea46a', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+            this.imageState !== 'errored' && (h("img", { key: '48b6d72eceb2414e5f045f5f311ed15ebff6ddb7', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'c78fd59b339d0f1b91cb168a42d1c44bfdbcad77', class: "message" }, h(TextMessageView, { key: '3ddd5d840631752b6369b3361f71f655ddf814d5', message: this.notification.message })), h("div", { key: 'd160cc17361b7183baf08170bdd79d086584de94', class: "right" }, this.notification.button != null && (h("rtk-button", { key: 'e08976222e6e410cc1cd4d38bfd448f830b48044', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '23b0f91a687d3193df1d26e5e0fdc055f10a385b', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'e055d3607a74898d70905da7720005158d403826', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
     }
     static get watchers() { return {
         "paused": ["pausedChanged"],
@@ -59660,7 +59676,7 @@ const RtkParticipants = class {
         }
     }
     render() {
-        return (h(Host, { key: '147afb9b1ab3e6fd3807163d4fab87f15df2fb2f' }, h("div", { key: '7d2e55258fc79ee83bfa7a7ed28c68e0a0587f4d', class: "participants-container" }, !this.hideHeader && (h("div", { key: '17092c2fccb4f7ae3a85ca6b5bc488984de8fa85', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '510b482b551add0353a7c7e760241bfa62811d4e', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (h(Host, { key: 'd9102eb22990f801c354c45ee0ff46f4a13fef60' }, h("div", { key: '58644b83e1b580f2ffd41a61319e88cfb1aae584', class: "participants-container" }, !this.hideHeader && (h("div", { key: '4063fc5e4322b723f02d40fe80522236a7ae728d', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '45a95caaa31437c03679394305115045fa6a016f', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -60268,7 +60284,7 @@ const RtkPlugins = class {
         }
     }
     render() {
-        return (h(Host, { key: '3b0eac37134293b6fe18b3c32a0c3a14ccb781db' }, h("ul", { key: '9de096a854ed4bcf487ff07ff1f8cdb47345cb45', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
+        return (h(Host, { key: '4df38ce202b9551b38746e549824ff800ffc9fc1' }, h("ul", { key: '19ad38b73ff77459cfda3227a013c2e28823386f', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
                 plugin.activate();
                 this.close();
             }, "aria-label": `${this.t('activate')} ${plugin.name}` }, h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
@@ -60361,14 +60377,14 @@ const RtkPolls$1 = class RtkPolls {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'b005e3087c9e53b28273a3f0d247840a86fcdb58' }, h("div", { key: 'cbdfdc504bc64dc4e08ba1b930bb6bb50a72fcfb', class: "ctr", part: "container" }, h("div", { key: '1bb4d10ca7046662112af38d1c3e2f0bf2f7c8d4', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: '91c6405125fabda281ed8fea021a68bff22f8ebf', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
+        return (h(Host, { key: 'f259b6fa652fe2e81c18d3a0fb85a15d0c091de3' }, h("div", { key: '6cc127127307bcb1a5482a260fe7ccaf65bb1e3d', class: "ctr", part: "container" }, h("div", { key: 'ef9df557e4a5fb99ea2ce66172b7a889410daeea', class: "polls-view scrollbar", ref: (el) => (this.pollEl = el), part: "polls" }, this.polls.length == 0 && this.create !== true && (h("div", { key: '0eb92f8f60ab00fb849b2d656a9d8bafb26195de', class: "empty-polls" }, this.t('polls.empty'))), this.polls.map((item) => {
             var _a;
             return (h("rtk-poll", { key: item.id, poll: item, onRtkVotePoll: (e) => {
                     this.onVote(e.detail.id, e.detail.index);
                 }, self: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.userId, iconPack: this.iconPack, t: this.t, permissions: this.permissions }));
-        }), this.create && (h("rtk-poll-form", { key: '75d0c1c606cca4404e79c4bc5fc4626edace0348', part: "poll-form", onRtkCreatePoll: (e) => {
+        }), this.create && (h("rtk-poll-form", { key: '71fc9e183684f5cafee5f0885af3d679d099a8ec', part: "poll-form", onRtkCreatePoll: (e) => {
                 this.onCreate(e.detail);
-            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (h("rtk-button", { key: '7dfb67d8e6d52e02d6f009d72b5742bb3a7fe163', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
+            }, iconPack: this.iconPack, t: this.t }))), ((_b = (_a = this.permissions) === null || _a === void 0 ? void 0 : _a.polls) === null || _b === void 0 ? void 0 : _b.canCreate) && (h("rtk-button", { key: '0639577353327ded0d1e7db08cbaadac47ec296c', kind: "wide", onClick: () => this.toggleCreateState(), variant: this.create ? 'secondary' : 'primary', part: "button" }, this.create ? this.t('polls.cancel') : this.t('polls.create'))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -60572,7 +60588,7 @@ const RtkTranscript = class {
         }, 10000);
     }
     render() {
-        return (h(Host, { key: 'fd94d700d649327bea1b8a330ff663b1c50f6410' }, h("div", { key: 'fd3c08040f88f69793e06fecfc4cfc2538daed6c', class: "ctr" }, h("p", { key: '37400ef63a9b9d8b7b9ef19cdd16d31f61a9245c', class: "message" }, h("span", { key: 'c60bb12c9a5efd0cc0fc1a59b5423cf645e815b6', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: '178bec61ca4e702446a1d8ef9cc700d614e473cb' }, h("div", { key: 'cc7f9847399f373bb93b74d5b56acb2636df3668', class: "ctr" }, h("p", { key: 'c8d6e26e1ce9038b73ca69e5ca75e658e9df2465', class: "message" }, h("span", { key: '1138ba7e3f8c131fb4c22315791ec480b8233e24', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]
@@ -61055,7 +61071,7 @@ const RtkSwitch = class {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: '8506d4468a6bf6a1f6d91391c2c96e363b815aee', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: '887a69fd002910a9da387b3e6eb83bf7390da771', class: "switch", part: "switch" })));
+        return (h(Host, { key: 'c2724826e576f196f000b31cb74ff24a7169c316', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: 'e7a8fec98fb7bc6e2bee20e8b6bd8c45b8cd0bdf', class: "switch", part: "switch" })));
     }
     static get watchers() { return {
         "checked": ["checkedChange"]
@@ -61379,9 +61395,9 @@ const RtkBreakoutRoomParticipants = class {
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: 'fcdcaa7a958770e5d8848b15b4135748d8520022' }, h("div", { key: '6b26cd6fd40ae2985a6a207920d7c0ebbcd0b191', class: "search-wrapper" }, h("div", { key: '519e94dce8d9627cf72dfd487c8429c8a1eea3d5', class: "search", part: "search" }, h("rtk-icon", { key: '24cfb8a6e8c9c1ddc95356ebde2d785817aa8a8b', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '2049f4d9aa2b78a33138d9af84f2d94694a886a4', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '57afb73b98adbd9f2bb81bb4a35a5fbc2a486e10', name: "shuffle-button" })), h("div", { key: '6f38275a46e85328a6aeba5d63519423e6ec3dc0', class: "header" }, h("div", { key: '4c2d4b9e1980867cbec587356991b1e54bd93e7d', class: "title-wrapper" }, h("span", { key: '0fa97e8b6604c9af0b5b66d1df2fb728e1f0ddc5' }, this.t('breakout_rooms.main_room')), h("span", { key: '15a620bef9d976ba22e4c4a49c610f84a35605a9', class: "participant-count" }, "(", h("rtk-icon", { key: 'fa1c2779e2ea2c9ea674908ad77956ac846e4e55', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'b044bc366b49c8fb2e92f246d0f81e89456ddc03', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'f2343b44386966777542b9c7794b6c94eb99884d', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'a5cd1acb31c9ff2dc82379db038d6920857dead3', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9d93a5a57f26fe378ed678b6741a0b7f0b17d285', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: 'f338d5658e77c4161993f27ea369f0981a6e5724', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'badf501a369ab136c61554101a6b64b345c4ce5d', class: "empty-room" }, h("rtk-icon", { key: '4fa711e9d8e93c652947967082ff86c836bf5138', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '25e63fdfccb2267b58e00297b883ebeb45351be2' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'cbd2f03c343a5ba73ce62d366f53c4bc5b4fac4c' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -61440,7 +61456,7 @@ const RtkCounter = class {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: 'de6f4a676632e7e41089e4d6d9b02cc06253a5c1' }, h("rtk-button", { key: '3e3121dd327719b46997089c73271278d006ffa5', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '1133d022c7006fea9822f67c330f1ec1a74e0aa9', icon: this.iconPack.subtract })), h("input", { key: '9bd6dd7109ed8ed86b1ad4edef97ec2d455c3f31', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: 'd30fe362d84f5e387dfe67dc761683b91785bafb' }, h("rtk-button", { key: '5c60d8e4fed3f53236b1099f8360c341df36aa32', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'b76e7889f6d94144aa1632159c52fb9580f931f7', icon: this.iconPack.subtract })), h("input", { key: 'cfd43551b1df8dca486b1dfc4f03d427c7e32caf', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -61448,7 +61464,7 @@ const RtkCounter = class {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: 'f5114a456b5c922ebac67df8711d5758109dcce8', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'f21dbbb4c4a667fefb24fcb2dbdebdf81ce9522a', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: '4cfe34a4483d12ddbd35b82a6f5d099424b24be3', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'a06553be5801039bfefb1a2c2542d01c7426a605', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]
@@ -62159,10 +62175,10 @@ const RtkFileMessage = class {
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: 'ec44f9204c991e853665069d0181b538da15893b' }, !this.isContinued && (h(ChatHead, { key: '2ef070076e554bf6c9ebf5762f61174a54079752', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5604b1d4d32e821b85a7535b9af2695815cb82e7', class: {
+        return (h(Host, { key: '7e77bf95a78614fce8aac5a517e96b766d05684c' }, !this.isContinued && (h(ChatHead, { key: '2369a52afdf95e5d3850ae2e55ccf62212841797', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '21b0fc1a24e50d2487292c812b6d37189f219fdb', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '6be5586c964424d8da850f6ead3315e14c439839', class: "file" }, h("div", { key: '28efbbf493a6050d1823b08714307a09b5c5b3f0', class: "file-data" }, h("div", { key: '6e6f42e9551480e6b483db9f7ddaff7e418436e0', class: "name" }, this.message.name), h("div", { key: 'c74d0f1ddf7db3fb9152584ff5c138c3ff5da2ac', class: "file-data-split" }, h("div", { key: '8ed34a2d09a4b849a0d173e22ca9e59ca67a6ff4', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'c7a817891160161ee999aabe284e83cc864cb41a', class: "divider" }), h("div", { key: '6714d486a6d5564581330d76c95d06f3475e3c56', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: 'cc0ca70894c077a4252b6a49aefc544a0b228437', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'a2837e81ab7452589857f1f71d8e7f1d38b5235d', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '8dca01f88c22a64a3b70b26ebaabdcd46afa73a7', class: "file" }, h("div", { key: 'a6bf3e516ce45acc1671df528f998ef057926539', class: "file-data" }, h("div", { key: '8680af670beb6d1fc08e0d47508667b357ff466f', class: "name" }, this.message.name), h("div", { key: '4fcd3cf05e9e14d798e04150337c93577b47104c', class: "file-data-split" }, h("div", { key: '618e81eb6011f9ebde2782f4c039fd787cba666c', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'ac5faddf53f94aab3d1f8f05d8523960de8a300f', class: "divider" }), h("div", { key: 'd28b3acf0f19d99c399f008d0d41c1a8977a821f', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '4f562573b8b0765a5a94c064ebb9c60e26eb9c1a', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '062a9cb80ab29f81fac9b6d76caaa5f5846d3837', icon: this.iconPack.download }))))));
     }
 };
 __decorate$2$1([
@@ -62202,10 +62218,10 @@ const RtkImageMessage = class {
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '91690b290bd0fb2af8a55bea018b8b9353d60396' }, !this.isContinued && (h(ChatHead, { key: 'ef3341005308c597a2f60ec4930f2f38cf81e20a', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '96d5ad95a36ada5c67ffa93e718e89dbe2a97fbb', class: {
+        return (h(Host, { key: '4d83696c62cb30b3c50201c054aed059f9d087fb' }, !this.isContinued && (h(ChatHead, { key: 'b1f8ca2684e487f9f51106562af2fb7bb7d0ae5e', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '0ffd97ca74224fb7e464b5bbde3d79c8b11c6105', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: 'ba3f2db210f343814896a2397386fbbfc7babd10', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '3ad9f01111c8c012513dd3a300b290b439d4a96c', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: 'de64e6fff4b952e08eea1895f6b02ce6de7ea528', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fae1d0126e403da11c8d4aeb036ad29484af2bf6', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -62213,9 +62229,9 @@ const RtkImageMessage = class {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: '35140b999e092b083cabfa53c21a468092257b05', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '863b39fd51599ace190b75ee00af7406bbbd6d27', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '647d8f244b63ceb208b3d75bef6f5e4c7777243b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'bd40ec4564ae22d65badbec458a3b1b232e46e35', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'bb6ff686812867825aca0fbd451e122fee19b6a0', class: "actions" }, h("rtk-button", { key: '5d9fad092c3f5d4049140dc12b73ca9f53ff1088', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'b5e4c17c94f065f06a513d8601564ca6512d38a9', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '4819886ed836fc94d35b48fd2f185bed2f142db6', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '7d2381426f1867524b59963d025ed6728d0bee34', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'abe064f6b5ecf9740611362c8c836a1fcf886223', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '863b9db15ee68f5bd5939b70f7b24f215b250a19', class: "actions" }, h("rtk-button", { key: '6b9d6e415a485fbbe8844a38a3b2d2401aa7ad22', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: 'c77c89797b993d2486e53d15eb8f8bf721bc2c97', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '45974cb9f8b88a71d340c0d260b6e5daf64eec12', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '3c50dba681609dae024479493b1bcc8ee25a5ef1', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: 'a40d297b50b7667b08b9a5d08223b7326c3314be', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'cb344d52dbcc0c6a55da8017b5664b8a160dd339', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'e4a5cee14a5fae2496930dbbdaa3199a6b2d9b6b', icon: this.iconPack.download }))))))));
     }
 };
 __decorate$1$3([
@@ -62251,10 +62267,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: '081bf3b9c43779b29c473a6ef3119529443d435d' }, !this.isContinued && (h(ChatHead, { key: 'ce3a404dc58c8f609d338627f6a99e3ee5da52d5', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5a0edbd3cd07b028179f3272e0d0fad31ce9e946', class: {
+        return (h(Host, { key: '43c32eae2f8433487a47b0784fa41f9f254caaf9' }, !this.isContinued && (h(ChatHead, { key: '3d6e8b86782e1d50d04a576ec25c01ed5f66e037', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '073ec191f2916b760a497346b45dcd4685ae84e7', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '64dcd0208f66e7d695f4a586540e9ffe832d21cd', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '77fa15c6ea45bdb4b815c508f88ea5f1cb0acfd2', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: 'e020a664959b894e62b4c02b30cfa42cb4000a29', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '11bb0acfff63f078413a2870f893946eab1596fc', message: this.message.message })))));
     }
 };
 __decorate$9([
@@ -62561,9 +62577,9 @@ const RtkParticipant = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: 'e9739f8ce0a6497a366c35c10fa157812b1ce460' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '9a084d51dbdabfbb887e68f4194e684d1730bc02', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: '8248aa42eaacc9a4747767b7493984b588f52f6e', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: '7f128593d587cdcd28089ecf08c2d18a6aceb417', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: '49efc3e837c262e7eca6d0cf67b0aa0c4e04370a', class: {
+        return (h(Host, { key: 'fca2be3a201295536c8401df43b0d7c574204d67' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: 'fc9a18d3afb9e023f690cc09b61c8fece2117131', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: '76bde07e6b502ad5b329ca0780e96b7d13ca6c86', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: 'f5475e848b7eb07f36b03514c2f140366fa9db75', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: 'd79d3570137dc8f44d85d4f1325d2b7528ae2b09', class: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '9272d41fada7f96ea9c9ab3dc4eeac8834ea306a', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '8267f27a37e363ddc54708d31c6715fffd6bf057', class: {
                 red: !this.videoEnabled,
             }, icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off })), (showMenu ||
             lenChildren({
@@ -62572,34 +62588,34 @@ const RtkParticipant = class {
                 childProps: {
                     participant: this.participant,
                 },
-            }) > 0) && (h("div", { key: 'c650d0dd6c08b12682e4505d75229aec7eeb5205', class: "menu" }, h("span", { key: '2e6fcc465b2fe64b1775eff4c957330d9e8aa63a', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: '0a8d53a93bf92b893ad9c20e930bb22772437c40', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '686fb26b00a689789c5607fc989eef29936ab854', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '4f4a5573d13f421eae93acbca2c85837d2068941', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: 'c446d3fe559257ecd40523b30ffb0033098f22ac', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: 'c51614856ff7de89184076854534eb15af430faf', onClick: () => {
+            }) > 0) && (h("div", { key: '16a70e1c20fbc9b60bdc06c2b5621eeb92ffd456', class: "menu" }, h("span", { key: '2283145bee77a1d3cca5b78ab035df9295c0bd12', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: 'f11c52baf39ff342d4bd6cac5882b7852bea5dd0', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '2d218acada676cb4fc8d2b720fd7a785932b05cb', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '57eee96bfe16ec0792f068b1c5125020522b6ea0', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '73786a54c181560cf3744d41872860a4f9226182', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '5e58a73a8ee20e682dfaea8352bf757f21f2074d', onClick: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '08feaacf94982ba80f3a41a2ee945878fde688f7', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: '3c044243847cd3fb86ed71eb93554dc9af986b57', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '7b1135f7ea874641440af548c170d7eed932f5aa', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: '6f1a6e919ad72776e0a318bac3657e358a846e42', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, h("rtk-icon", { key: '5b6f2e05cdc238aa25839b7f84b209ae8c7317f7', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
+            } }, h("rtk-icon", { key: '6d2dc3f5a8fcbac7bee5855418f2d310a44ea581', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
             isActiveParticipant &&
-            this.audioEnabled && (h("rtk-menu-item", { key: '665ac23b6c7c8596a8cdf148407a4398dc3c62a1', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (h("rtk-menu-item", { key: '9f15f60f110f41b68a7e48c5f14f1826f291a76a', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, h("rtk-icon", { key: 'd306c4b9474a32534cc6af48e9b088b5687b1b77', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, h("rtk-icon", { key: '337bd8e35012e5d5db7c899246f5debff0e82a8f', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (h("rtk-menu-item", { key: 'b78ebe1890ed28674211f4af87a93d5a5c375930', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (h("rtk-menu-item", { key: '5c57b5c3e63efc77578849e1e631d92bece21b93', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, h("rtk-icon", { key: 'c29624d8a917420dc372add65c82f9a756ab728a', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
-            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: 'abac1f63237f7ba39aad1341275674d22a454129', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: 'e69b4fcb2b3e1648f2a32a4c540da9fe43d53a90', icon: this.isOnStage
+            } }, h("rtk-icon", { key: 'dc95678f6f7fdc6dcbce86ee6a13d9891e039770', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
+            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: '60aabc93efd82a76edcea10d895522d9c9d5e68f', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '6eef25ebdfae1932011b9764cdc3cbf7f07ecd1b', icon: this.isOnStage
                 ? this.iconPack.leave_stage
                 : this.iconPack.join_stage, slot: "start" }), this.isOnStage
             ? this.t('stage.remove_from_stage')
-            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: 'ba6f6d9d0e0187a03bc119b48e8ee1623753905c', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '69ede235912eaf64e025d7b05dae7ee0e9089ab4', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
                 var _a, _b;
                 (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.kick((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id);
-            } }, h("rtk-icon", { key: 'b72749badd8e1807d874846872368835f87db996', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '4269e4842e5d9e13c14d14e4392e2a5fa9030eb3' }, h(Render, { key: 'e3a204931270526f24df842f72f8a08817c27be0', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, h("rtk-icon", { key: 'e4ad9ac63eea2e436374289d5e0b83a754bf65fd', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '51235a7802e6878c7391c132e4bd8c3c636b57c5' }, h(Render, { key: '5ca8b68b79c748f3ced6cdb33ec8757caa7b597b', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }
@@ -62742,12 +62758,12 @@ const RtkVirtualizedParticipantList = class {
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: '0099ee96e7d04a1dc34cfe67c9e9fa5b277f23ea', class: "virtual-list-container", style: {
+        return (h("div", { key: 'b2f64c371659124c270ecb75efe4ec12498bdf8e', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '6c6711e855ca31591bbed66e141d8d876a96b9b7', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'af72c125ed812de0b089de2f5395c5eb942d5399', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '3467332664e7bc167748dea0ec64da614ad4915c', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '738cc8ac54467c1a5b6d257885a19e29c10de5e1', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -63072,7 +63088,7 @@ const RtkPolls = class {
     }
     render() {
         const hasVoted = this.poll.voted.includes(this.self);
-        return (h(Host, { key: '8a0875c47199f47c8c4cc663b3a1ec8b1110cd31' }, h("div", { key: 'f3e92e2f74d95baf9eb2d4d3a5cddaa54a580570', class: "ctr" }, h("p", { key: '4760866707225ede17d6b656449b670c77e3894f', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: '9dcbf0ca0f3113be0fcd6346f4caf4ec4cf277cd', class: "poll" }, h("p", { key: 'a656bd0f4cc4871637a0181a465e7db53875c865', class: "poll-question" }, this.poll.question), h("div", { key: 'cb76578023adc5ecb740190f22c8774ee6663f8b', class: "poll-answers" }, h("span", { key: '05c18d6517feff755db9a62fb0dd233a6f394c4f' }, this.t('polls.answers')), h("span", { key: '33102ea7299c24e1eb4d2682ebb7ca08bf6bab90' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
+        return (h(Host, { key: '2951e932453e7c58f3d2a1bc0952b02c7f231fe2' }, h("div", { key: 'fda1240df8d21e01df14e749593f00ca81a4c4a2', class: "ctr" }, h("p", { key: '08459f706bdb922eddc7a3b7f3b2177293f18371', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: 'b8c1d0755a17862bf372c24c72b6ad5f9a774d81', class: "poll" }, h("p", { key: 'cd76bf5da75f3165eecac1c6845bbb5c0a69a99c', class: "poll-question" }, this.poll.question), h("div", { key: '00c702b964872b7883bcd656e3b8e03a1986b28e', class: "poll-answers" }, h("span", { key: 'e51a233616f792e6bcbbb8376099a4a5e9e7dd02' }, this.t('polls.answers')), h("span", { key: 'f3fe545292f85870d11f334c211099bdab8694f0' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
                 active: item.votes.some((x) => x.id === this.self),
                 'open-vote': this.permissions.polls.canVote && !hasVoted,
                 'poll-option': true,
@@ -63156,10 +63172,10 @@ const RtkPoll = class {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (h(Host, { key: '1f4b974280bdec6397d15bc52999c4315e632157' }, h("div", { key: '9fb661dbed5bd632e0b4fcb6b947d1b5d36b10bc', class: "create-poll" }, h("p", { key: 'b9c81e7bd5d12e1780181cabf0a067fc7035cdad' }, this.t('polls.question')), h("textarea", { key: 'b73ee86a22ec71e1bd6ac6a2bb57e118115774dd', onInput: () => {
+        return (h(Host, { key: '3b0e105480e37261b64a99552f20f65b467deb5c' }, h("div", { key: '8682faca7764a1669f589be097ccfee63d49e9b3', class: "create-poll" }, h("p", { key: '723847f27d92eeac805b7c55692d61ce48476eb0' }, this.t('polls.question')), h("textarea", { key: 'e85b887af5077f79a0542aa256cbc1ee2e209c67', onInput: () => {
                 if (this.error && this.error.code === 0)
                     this.error = undefined;
-            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: 'f6f0e23db7186e3e223fe2992e388f9d6618fb32', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '92b966f4beccd5334d6f6f7659af801fd27bfc64' }, h("input", { key: '454840f62da0e0a028dd7f7f9c3585f0d480d9ab', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '4cd2a60b6c710816a76a8c53d122323d519153e4' }, h("input", { key: '21d01f8caf3ee5e451e6d8fdf654c82e10b36b54', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '34ffc871cdeac29c1f2f4ccf3860faace48709c7', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: 'c0f503daffb8c911b443a356943ff88bbb40805d', class: "error-text" }, this.error.message))));
+            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '4b1552030c268c7b9c67e63f47ca4decbaca549f', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '3af3d5e264c8acd9fd2348483489a02aaf9ac770' }, h("input", { key: '39339af087cc40813d79a211fd12866ade71403c', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '30a29efafcbd837057cfed7957d48c04d02e2570' }, h("input", { key: 'e5c949df6cfec33c4c31c14db9d2ff816211ca3f', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '994e07e64080cd4251202ac3090da2c4e71f8a02', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '27e0ab9385fe99ca5bab3a9ce4c756988dafbea4', class: "error-text" }, this.error.message))));
     }
 };
 __decorate$5([