@cloudflare/realtimekit-ui 0.0.0 → 1.0.0-staging.10

package/dist/esm/logger-31448943.js

@@ -0,0 +1,3 @@
+const logger = console;
+
+export { logger as l };

package/dist/esm/notification-800f2bcd.js

@@ -0,0 +1,42 @@
+import { e as disableSettingSinkId } from './ui-store-b453cdf2.js';
+import { l as logger } from './logger-31448943.js';
+
+const SOUNDS = {
+    joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
+    left: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
+    message: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_message.mp3',
+};
+/**
+ * Handles notification sounds in a meeting
+ */
+class RTKNotificationsAudio {
+    constructor(meeting) {
+        this.meeting = meeting;
+        this.audio = document.createElement('audio');
+        this.audio.volume = 0.3;
+    }
+    play(sound, duration = 3000) {
+        var _a;
+        if (this.playing)
+            return;
+        this.playing = true;
+        this.audio.src = SOUNDS[sound];
+        this.audio.volume = 0.3;
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((err) => {
+            logger.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
+        });
+        setTimeout(() => {
+            this.playing = false;
+        }, duration);
+    }
+    async setDevice(id) {
+        var _a, _b, _c;
+        if (disableSettingSinkId(this.meeting))
+            return;
+        await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
+            logger.error('[rtk-notifications] setSinkId() error\n', err);
+        }));
+    }
+}
+
+export { RTKNotificationsAudio as R };

package/dist/esm/realtimekit-ui.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-c1fb98bb.js';
+export { s as setNonce } from './index-c1fb98bb.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.27.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"rtk-avatar_54\",[[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]},[[0,\"rtkStateUpdate\",\"listenState\"]],{\"meeting\":[\"meetingChanged\"]}],[1,\"rtk-chat\",{\"meeting\":[16],\"config\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[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-dialog-manager\",{\"meeting\":[16],\"config\":[16],\"states\":[16],\"size\":[513],\"iconPack\":[16],\"t\":[16]},null,{\"meeting\":[\"meetingChanged\"]}],[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\"]}],[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-search-results\",{\"meeting\":[16],\"query\":[1],\"channelId\":[1,\"channel-id\"],\"iconPack\":[16],\"t\":[16]}],[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]}],[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\"]}],[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-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\"]}],[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]}],[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-channel-creator\",{\"meeting\":[16],\"t\":[16],\"iconPack\":[16],\"channelName\":[32],\"searchQuery\":[32],\"step\":[32],\"loading\":[32],\"selectedMemberIds\":[32],\"focusedMemberIndex\":[32],\"showAllMembersList\":[32]}],[1,\"rtk-channel-details\",{\"channel\":[16],\"t\":[16],\"iconPack\":[16],\"members\":[16]}],[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-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-notification\",{\"notification\":[16],\"paused\":[4],\"size\":[513],\"iconPack\":[16],\"t\":[16],\"imageState\":[32]},null,{\"paused\":[\"pausedChanged\"],\"notification\":[\"notificationChanged\"]}],[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]}],[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],\"viewType\":[1,\"view-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"hideAvatar\":[4,\"hide-avatar\"],\"authorName\":[1,\"author-name\"],\"hideAuthorName\":[4,\"hide-author-name\"],\"hideMetadata\":[4,\"hide-metadata\"],\"time\":[16],\"iconPack\":[16]}],[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-emoji-picker\",{\"iconPack\":[16],\"t\":[16],\"focusWhenOpened\":[4,\"focus-when-opened\"],\"emojiList\":[32],\"filterVal\":[32],\"filteredEmojis\":[32]}],[0,\"rtk-image-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"],\"status\":[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],\"rerenderBoolean\":[32],\"shouldRenderNewNodes\":[32],\"hasNewNodesToRender\":[32],\"showEmptyListLabel\":[32],\"onNewNode\":[64],\"onNodeDelete\":[64],\"onNodeUpdate\":[64]},null,{\"selectedItemId\":[\"onItemChanged\"]}],[1,\"rtk-counter\",{\"size\":[513],\"value\":[2],\"minValue\":[2,\"min-value\"],\"iconPack\":[16],\"t\":[16],\"input\":[32]},null,{\"input\":[\"watchStateHandler\"]}],[0,\"rtk-file-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}],[1,\"rtk-file-message-view\",{\"name\":[1],\"size\":[2],\"url\":[1],\"iconPack\":[16]}],[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\"]}],[0,\"rtk-text-message\",{\"message\":[16],\"now\":[16],\"isContinued\":[516,\"is-continued\"],\"iconPack\":[16],\"t\":[16],\"showBubble\":[4,\"show-bubble\"]}],[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]}],[1,\"rtk-logo\",{\"logoUrl\":[1025,\"logo-url\"],\"config\":[16],\"meeting\":[16],\"t\":[16]},null,{\"config\":[\"configChanged\"],\"meeting\":[\"meetingChanged\"]}],[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],\"iconPack\":[16],\"t\":[16]}],[1,\"rtk-menu-list\",{\"iconPack\":[16],\"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-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-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-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-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-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],\"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-transcript\",[[1,\"rtk-transcript\",{\"transcript\":[16],\"t\":[16],\"timeout\":[32]},null,{\"transcript\":[\"transcriptChanged\"]}]]],[\"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],\"size\":[1537],\"showSetupScreen\":[4,\"show-setup-screen\"],\"noRenderUntilMeeting\":[4,\"no-render-until-meeting\"]},[[0,\"rtkStateUpdate\",\"listenState\"]],{\"meeting\":[\"onMeetingChange\"],\"iconPack\":[\"onIconPackChange\"],\"t\":[\"onTChange\"],\"config\":[\"onConfigChange\"],\"size\":[\"onSizeChange\"]}]]],[\"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-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-spotlight-indicator\",[[1,\"rtk-spotlight-indicator\",{\"meeting\":[16],\"iconPack\":[16],\"t\":[16],\"size\":[513],\"canSpotlight\":[32],\"isSpotlighted\":[32]},null,{\"meeting\":[\"meetingChanged\"]}]]],[\"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-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-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]},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-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-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-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);
+});

package/dist/esm/rtk-ai-toggle.entry.js

@@ -0,0 +1,72 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
+import { a as defaultIconPack, c as useLanguage } from './ui-store-b453cdf2.js';
+import { S as SyncWithStore } from './index-6aaa85ca.js';
+
+const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
+const RtkAiToggleStyle0 = rtkAiToggleCss;
+
+var __decorate = (undefined && undefined.__decorate) || 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")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkAiToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
+        /** Variant */
+        this.variant = 'button';
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        this.aiActive = false;
+    }
+    statesChanged(s) {
+        const states = s;
+        this.aiActive = states.activeAI;
+    }
+    toggleAI() {
+        var _a;
+        this.aiActive = !((_a = this.states) === null || _a === void 0 ? void 0 : _a.activeAI);
+        this.stateUpdate.emit({
+            activeAI: this.aiActive,
+            activeMoreMenu: false,
+            activeSidebar: false,
+        });
+    }
+    render() {
+        var _a, _b;
+        const text = this.t('ai.meeting_ai');
+        if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled) {
+            return h(Host, { "data-hidden": true });
+        }
+        return (h(Host, { title: text }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.aiActive }, onClick: () => this.toggleAI(), icon: this.iconPack.meeting_ai, label: text, variant: this.variant, brandIcon: true })));
+    }
+    static get watchers() { return {
+        "states": ["statesChanged"]
+    }; }
+};
+__decorate([
+    SyncWithStore()
+], RtkAiToggle.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAiToggle.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAiToggle.prototype, "size", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAiToggle.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAiToggle.prototype, "t", void 0);
+RtkAiToggle.style = RtkAiToggleStyle0;
+
+export { RtkAiToggle as rtk_ai_toggle };

package/dist/esm/rtk-ai-transcriptions.entry.js

@@ -0,0 +1,134 @@
+import { r as registerInstance, h, H as Host } from './index-c1fb98bb.js';
+import { c as useLanguage } from './ui-store-b453cdf2.js';
+import { C as ChatHead } from './ChatHead-cf7a7e22.js';
+import { s as smoothScrollToBottom } from './scroll-2d8e810c.js';
+import { S as SyncWithStore } from './index-6aaa85ca.js';
+import { c as clone } from './clone-acd4af50.js';
+import './string-ed1380fb.js';
+import './keysIn-310f65c1.js';
+import './isObjectLike-773b9473.js';
+
+const rtkAiTranscriptionsCss = ":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)}.head{display:flex;align-items:center}.head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.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)))}*{box-sizing:border-box;border-width:0;border-style:solid}:host{width:100%;display:flex;flex-direction:column}.processing{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center}.content{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-3, 12px);flex:1 0 0px;overflow-y:scroll}.started-message{margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-5, 20px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.search-bar{height:var(--rtk-space-14, 56px);width:100%;border-bottom-width:var(--rtk-border-width-sm, 1px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-3, 12px)}input{height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.caption-view{height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));display:flex;align-items:center;justify-content:space-between;font-size:14px}.message .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);font-size:14px;word-break:break-word}.message{margin-bottom:var(--rtk-space-3, 12px)}.message:last-child{margin-bottom:var(--rtk-space-0, 0px)}";
+const RtkAiTranscriptionsStyle0 = rtkAiTranscriptionsCss;
+
+var __decorate = (undefined && undefined.__decorate) || 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")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkAiTranscriptions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.participantQuery = '';
+        this.isProcessing = false;
+        /** Language */
+        this.t = useLanguage();
+        this.transcriptions = [];
+        this.autoScrollEnabled = true;
+        this.onScroll = (e) => {
+            const { scrollTop, clientHeight, scrollHeight } = e.target;
+            const fromTop = scrollTop + clientHeight;
+            if (fromTop + 10 >= scrollHeight) {
+                // at bottom
+                this.autoScrollEnabled = true;
+            }
+            else {
+                // not at bottom
+                this.autoScrollEnabled = false;
+            }
+        };
+        this.onTranscriptHandler = (data) => {
+            this.transcriptions = this.transcriptionsReducer(this.transcriptions, data);
+        };
+    }
+    // private transcriptionHandler(data: Transcript) {
+    //   this.transcriptions = [...this.transcriptions, data];
+    // }
+    transcriptionsReducer(acc, t) {
+        if (!acc.length || acc[acc.length - 1].peerId !== t.peerId) {
+            return acc.concat(t);
+        }
+        const lastElement = acc[acc.length - 1];
+        if (lastElement.id === t.id) {
+            lastElement.transcript = t.transcript;
+            acc.pop();
+            return acc.concat(lastElement);
+        }
+        return acc.concat(t);
+    }
+    connectedCallback() {
+        if (!this.meeting)
+            return;
+        this.meetingChanged(this.meeting);
+    }
+    componentDidLoad() {
+        var _a;
+        (_a = this.contentContainer) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', this.onScroll);
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.ai) === null || _b === void 0 ? void 0 : _b.off('transcript', this.onTranscriptHandler);
+        (_c = this.contentContainer) === null || _c === void 0 ? void 0 : _c.removeEventListener('scroll', this.onScroll);
+    }
+    meetingChanged(meeting) {
+        var _a, _b;
+        this.transcriptions = clone((_a = meeting === null || meeting === void 0 ? void 0 : meeting.ai) === null || _a === void 0 ? void 0 : _a.transcripts);
+        this.transcriptions = this.transcriptions.reduce(this.transcriptionsReducer, []);
+        (_b = meeting === null || meeting === void 0 ? void 0 : meeting.ai) === null || _b === void 0 ? void 0 : _b.on('transcript', this.onTranscriptHandler);
+    }
+    transcriptionsChanged() {
+        if (this.autoScrollEnabled) {
+            setTimeout(() => {
+                smoothScrollToBottom(this.contentContainer, false);
+            }, 100);
+        }
+    }
+    renderTranscripts() {
+        const transcripts = this.transcriptions.filter((t) => this.participantQuery
+            ? t.name.toLowerCase().includes(this.participantQuery.toLowerCase())
+            : true);
+        const renderedTranscripts = [];
+        transcripts.forEach((transcript) => {
+            const t = {
+                name: transcript.name,
+                date: transcript.date,
+                peerId: transcript.peerId,
+                transcript: transcript.transcript,
+            };
+            if (!renderedTranscripts.length) {
+                renderedTranscripts.push(t);
+                return;
+            }
+            const lastTranscript = renderedTranscripts[renderedTranscripts.length - 1];
+            if (transcript.peerId !== lastTranscript.peerId) {
+                renderedTranscripts.push(t);
+                return;
+            }
+            lastTranscript.transcript += ' ' + transcript.transcript;
+        });
+        return renderedTranscripts.map((transcription) => {
+            return (h("div", { class: "message" }, h(ChatHead, { name: transcription.name, time: new Date(transcription.date), now: new Date() }), h("div", { class: "body" }, transcription.transcript)));
+        });
+    }
+    render() {
+        return (h(Host, { key: '12573001a05a586495a63ecd420f99ad04ce780f' }, h("div", { key: '2a51f65ba7cd339aee33291c77cdf9f5d69b8f07', class: "search-bar" }, h("input", { key: '6cb5505e84ddff6e39c29012752a7309f715505c', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'b7f1c33aae0d2613e28dc328e5ccfd92ad067576', class: "processing" }, h("p", { key: 'ae8dc349ff7017a92b9c15e8c8ab051313c07e67' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'f5d9e637661b2b10dd323c6b9d6fa7381fd7768c', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: 'a029f8903f82deab573e2372f1c645de98fbc417', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+    }
+    static get watchers() { return {
+        "meeting": ["meetingChanged"],
+        "transcriptions": ["transcriptionsChanged"]
+    }; }
+};
+__decorate([
+    SyncWithStore()
+], RtkAiTranscriptions.prototype, "t", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAiTranscriptions.prototype, "meeting", void 0);
+RtkAiTranscriptions.style = RtkAiTranscriptionsStyle0;
+
+export { RtkAiTranscriptions as rtk_ai_transcriptions };

package/dist/esm/rtk-ai.entry.js

@@ -0,0 +1,87 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-c1fb98bb.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './ui-store-b453cdf2.js';
+import { S as SyncWithStore } from './index-6aaa85ca.js';
+
+const rtkAiCss = ":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;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:50;max-width:100%;border:none}";
+const RtkAiStyle0 = rtkAiCss;
+
+var __decorate = (undefined && undefined.__decorate) || 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")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkAi = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
+        /** Config */
+        this.config = defaultConfig;
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** View type */
+        this.view = 'sidebar';
+        this.close = () => {
+            this.stateUpdate.emit({ activeAI: false });
+        };
+    }
+    connectedCallback() {
+        this.viewChanged(this.view);
+    }
+    disconnectedCallback() {
+        this.keydownListener && document.removeEventListener('keydown', this.keydownListener);
+    }
+    viewChanged(view) {
+        if (view === 'full-screen') {
+            this.keydownListener = (e) => {
+                if (e.key === 'Escape') {
+                    this.close();
+                }
+            };
+            document.addEventListener('keydown', this.keydownListener);
+        }
+    }
+    render() {
+        var _a, _b, _c;
+        if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled ||
+            !((_c = this.states) === null || _c === void 0 ? void 0 : _c.activeAI)) {
+            return null;
+        }
+        const defaults = {
+            meeting: this.meeting,
+            config: this.config,
+            states: this.states,
+            size: this.size,
+            t: this.t,
+            iconPack: this.iconPack,
+        };
+        return (h(Host, null, h("h3", { class: "title" }, this.t('ai.transcriptions')), h("rtk-button", { variant: "ghost", kind: "icon", class: "close", onClick: this.close, "aria-label": this.t('close') }, h("rtk-icon", { icon: this.iconPack.dismiss })), h("rtk-ai-transcriptions", Object.assign({}, defaults))));
+    }
+    static get watchers() { return {
+        "view": ["viewChanged"]
+    }; }
+};
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "t", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAi.prototype, "size", void 0);
+RtkAi.style = RtkAiStyle0;
+
+export { RtkAi as rtk_ai };

package/dist/esm/rtk-audio-grid.entry.js

@@ -0,0 +1,112 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-c1fb98bb.js';
+import { a as defaultIconPack, c as useLanguage } from './ui-store-b453cdf2.js';
+import { S as SyncWithStore } from './index-6aaa85ca.js';
+import { R as Render } from './index-d31a2e33.js';
+
+const rtkAudioGridCss = ":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;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";
+const RtkAudioGridStyle0 = rtkAudioGridCss;
+
+var __decorate = (undefined && undefined.__decorate) || 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")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const RtkAudioGrid = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Icon Pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        /** Whether to hide self in the grid */
+        this.hideSelf = false;
+        this.activeParticipants = [];
+        this.onStageParticipants = [];
+        this.offStageParticipants = [];
+        this.onParticipantListUpdate = () => {
+            if (!this.meeting) {
+                return;
+            }
+            let activeParticipants = this.meeting.participants.active.toArray();
+            if (!this.hideSelf) {
+                activeParticipants = [...activeParticipants, this.meeting.self];
+            }
+            let onStageParticipants = this.meeting.participants.joined
+                .toArray()
+                .filter((p) => !activeParticipants.some((a) => a.id === p.id));
+            this.activeParticipants = activeParticipants;
+            this.onStageParticipants = onStageParticipants;
+        };
+    }
+    connectedCallback() {
+        this.meetingChanged(this.meeting);
+    }
+    meetingChanged(meeting) {
+        if (!meeting || meeting.self.config.viewType !== 'AUDIO_ROOM') {
+            return;
+        }
+        this.onParticipantListUpdate();
+        // listeners
+        meeting.participants.active.addListener('participantJoined', this.onParticipantListUpdate);
+        meeting.participants.active.addListener('participantLeft', this.onParticipantListUpdate);
+        meeting.participants.joined.addListener('participantJoined', this.onParticipantListUpdate);
+        meeting.participants.joined.addListener('participantLeft', this.onParticipantListUpdate);
+    }
+    disconnectedCallback() {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = undefined;
+        this.meeting.participants.active.removeListener('participantJoined', this.onParticipantListUpdate);
+        this.meeting.participants.active.removeListener('participantLeft', this.onParticipantListUpdate);
+        this.meeting.participants.joined.removeListener('participantJoined', this.onParticipantListUpdate);
+        this.meeting.participants.joined.removeListener('participantLeft', this.onParticipantListUpdate);
+    }
+    renderGrid(participants = []) {
+        const defaults = {
+            meeting: this.meeting,
+            size: this.size,
+            config: this.config,
+            t: this.t,
+            iconPack: this.iconPack,
+            states: this.states,
+        };
+        return participants.map((participant) => {
+            return (h(Render, { element: "rtk-audio-tile", defaults: defaults, props: {
+                    key: participant.id,
+                    participant,
+                }, childProps: {
+                    participant,
+                }, deepProps: true }));
+        });
+    }
+    render() {
+        const onStage = this.activeParticipants.concat(this.onStageParticipants);
+        return (h(Host, { key: '0547c2c61b1c1b1fc4fcc5353b9094f8c118bd83' }, h("div", { key: '46dd0248db3437461bd56bd507a2f42ce05af03a', class: "content scrollbar" }, h("div", { key: '98a3dc4928c3062f3e5058b50d415f147c273c26', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '18015fe551647048c990f107ba313c5e13ba7d47', class: "waitlist-area" }, h("div", { key: '50a65d4f48d94426860d808ff6151d3e0d519f4e', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: '173e4ebc97425b7298236673122f76ebfae59609', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'c92a12329a9c4c456f3506cee2aa2d73dceaa0e0' })));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "meeting": ["meetingChanged"]
+    }; }
+};
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "size", void 0);
+__decorate([
+    SyncWithStore()
+], RtkAudioGrid.prototype, "t", void 0);
+RtkAudioGrid.style = RtkAudioGridStyle0;
+
+export { RtkAudioGrid as rtk_audio_grid };