@cloudflare/realtimekit-ui 1.0.0-staging.9 → 1.0.2-staging.1

package/dist/esm/{TextMessage-efd224db.js → TextMessage-3e08c5e1.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c1fb98bb.js';
-import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-c25836b0.js';
+import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-927074dc.js';
 
 const renderLink = (content) => {
     return (h("a", { class: "link", href: content, target: "_blank", rel: "noopener noreferrer" }, content));

package/dist/esm/{chat-c25836b0.js → chat-927074dc.js}

@@ -1,4 +1,4 @@
-import { f as chatUnreadTimestamps } from './ui-store-b453cdf2.js';
+import { f as chatUnreadTimestamps } from './ui-store-1b477153.js';
 
 const parseMessageForTarget = (message) => {
     let parsedMessage = null;

package/dist/esm/{config-1ca1ba30.js → config-407ad80b.js}

@@ -1,4 +1,4 @@
-import { d as defaultConfig, i as isLiveStreamHost } from './ui-store-b453cdf2.js';
+import { d as defaultConfig, i as isLiveStreamHost } from './ui-store-1b477153.js';
 import { e as eq, b as baseAssignValue, i as isArrayLike, g as getPrototype, c as copyObject, k as keysIn, a as isArray, d as isBuffer, f as isTypedArray, h as copyArray, j as cloneBuffer, l as cloneTypedArray, m as isArguments, n as isFunction, o as initCloneObject, S as Stack, p as defineProperty, q as isIndex } from './keysIn-310f65c1.js';
 import { i as isObjectLike, b as baseGetTag, a as isObject } from './isObjectLike-773b9473.js';
 
@@ -990,7 +990,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(3, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-2, 8px)',
+                '--header-section-gap': 'var(--rtk-space-2, 8px)',
             },
             'rtk-header.sm': {
                 display: 'grid',
@@ -998,7 +998,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-1, 4px)',
+                '--header-section-gap': 'var(--rtk-space-1, 4px)',
             },
             'div#header-left': {
                 display: 'flex',
@@ -1016,7 +1016,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 justifyContent: 'center',
                 wordBreak: 'break-all',
                 gap: 'var(--header-section-gap)',
-                paddingInline: 'var(--dyte-space-3, 12px)',
+                paddingInline: 'var(--rtk-space-3, 12px)',
             },
             'div#header-right': {
                 display: 'flex',

package/dist/esm/{index-6aaa85ca.js → index-3481d5b2.js}

@@ -1,5 +1,5 @@
 import { a as getElement } from './index-c1fb98bb.js';
-import { m as appendElement, n as removeElement, u as uiStore } from './ui-store-b453cdf2.js';
+import { m as appendElement, n as removeElement, u as uiStore } from './ui-store-1b477153.js';
 
 function SyncWithStore() {
     return function (proto, propName) {

package/dist/esm/index.js

@@ -1,13 +1,12 @@
-import { d as defaultConfig } from './ui-store-b453cdf2.js';
-export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './ui-store-b453cdf2.js';
-import { g as generateConfig } from './config-1ca1ba30.js';
-export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './config-1ca1ba30.js';
-export { R as RtkNotificationsAudio } from './notification-800f2bcd.js';
-export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-c25836b0.js';
+import { d as defaultConfig } from './ui-store-1b477153.js';
+export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './ui-store-1b477153.js';
+import { g as generateConfig } from './config-407ad80b.js';
+export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './config-407ad80b.js';
+export { R as RtkNotificationsAudio } from './notification-2ab22a76.js';
+export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-927074dc.js';
 import './index-c1fb98bb.js';
 import './keysIn-310f65c1.js';
 import './isObjectLike-773b9473.js';
-import './logger-31448943.js';
 
 /**
  * Send notification which will be displayed in the `<rtk-notifications />` component.

package/dist/esm/loader.js

@@ -2484,7 +2484,7 @@ const defaultConfig = {
             gridTemplateColumns: 'repeat(3, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-2, 8px)',
+            '--header-section-gap': 'var(--rtk-space-2, 8px)',
         },
         'rtk-header.sm': {
             display: 'grid',
@@ -2492,7 +2492,7 @@ const defaultConfig = {
             gridTemplateColumns: 'repeat(2, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-1, 4px)',
+            '--header-section-gap': 'var(--rtk-space-1, 4px)',
         },
         'div#header-left': {
             display: 'flex',
@@ -2510,7 +2510,7 @@ const defaultConfig = {
             justifyContent: 'center',
             wordBreak: 'break-all',
             gap: 'var(--header-section-gap)',
-            paddingInline: 'var(--dyte-space-3, 12px)',
+            paddingInline: 'var(--rtk-space-3, 12px)',
         },
         'div#header-right': {
             display: 'flex',
@@ -3154,8 +3154,7 @@ const defaultLanguage = {
     'stage.join_summary': 'You are about to join the stage, your video & audio as shown above will be visible to all participants.',
     'stage.join_cancel': 'Cancel',
     'stage.join_confirm': 'Join',
-    'setup_screen.join_in_as': 'Join in as',
-    'setup_screen.joining_as': 'Joining as',
+    'setup_screen.join_in_as': 'Joining as',
     'setup_screen.your_name': 'Your name',
     'stage.reconnecting': 'Reconnecting...',
     'recording.label': 'REC',
@@ -7018,7 +7017,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(3, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-2, 8px)',
+                '--header-section-gap': 'var(--rtk-space-2, 8px)',
             },
             'rtk-header.sm': {
                 display: 'grid',
@@ -7026,7 +7025,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-1, 4px)',
+                '--header-section-gap': 'var(--rtk-space-1, 4px)',
             },
             'div#header-left': {
                 display: 'flex',
@@ -7044,7 +7043,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 justifyContent: 'center',
                 wordBreak: 'break-all',
                 gap: 'var(--header-section-gap)',
-                paddingInline: 'var(--dyte-space-3, 12px)',
+                paddingInline: 'var(--rtk-space-3, 12px)',
             },
             'div#header-right': {
                 display: 'flex',
@@ -9798,8 +9797,6 @@ const TextMessageView = ({ message }) => {
         })));
 };
 
-const logger$1 = console;
-
 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',
@@ -9821,9 +9818,7 @@ class RTKNotificationsAudio {
         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$1.error('[rtk-notifications] play() failed\n', { sound, duration }, err);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -9832,9 +9827,7 @@ class RTKNotificationsAudio {
         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$1.error('[rtk-notifications] setSinkId() error\n', err);
-        }));
+        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((_) => { }));
     }
 }
 
@@ -12345,7 +12338,7 @@ __decorate$A$1([
 ], RtkChatSearchResults.prototype, "t", void 0);
 RtkChatSearchResults.style = RtkChatSearchResultsStyle0;
 
-const rtkConfirmationModalCss = ":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:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--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));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-message p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
+const rtkConfirmationModalCss = ":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:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--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));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-modal p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkConfirmationModalStyle0 = rtkConfirmationModalCss;
 
 var __decorate$z$1 = function (decorators, target, key, desc) {
@@ -12392,7 +12385,7 @@ const RtkConfirmationModal = class {
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (h(Host, { key: 'e9a8a58afa42b97d8dba92f3619b3b0b67160d04' }, h("div", { key: '5ad16431e2157600116bbdbf47c194d8a4980621', class: "leave-modal" }, h("div", { key: '9285137f1130bcc7f67183e476e5464688ccff90', class: "header" }, h("h2", { key: 'ef2144a5de17b8f1dd41f4bf765e3da17ae058e5', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), h("p", { key: 'e33ca25f27a755c747f9ea1ad09e84b44d5bf244', class: "message" }, state.content ? this.t(state.content) : ''), h("div", { key: 'abaa111cd5ce55d51d3a94d3a82531f71adb4ec3', class: "content" }, h("div", { key: '098e8adc7921dbe0bdef7b6cfd4f25a4ea230241', class: "leave-meeting" }, h("rtk-button", { key: 'd5942cec2e3eb5740bf3e8a7bb2ce246432328e7', 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: '1fb2aa08c28b7c5553f831367fa3d2b13b11a082', 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: 'e9a8a58afa42b97d8dba92f3619b3b0b67160d04' }, h("div", { key: '5ad16431e2157600116bbdbf47c194d8a4980621', class: "leave-modal" }, h("div", { key: '9285137f1130bcc7f67183e476e5464688ccff90', class: "header" }, h("h2", { key: 'ef2144a5de17b8f1dd41f4bf765e3da17ae058e5', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '2227d4079e7df0e02b805aef57c2187c3a55e785', class: "message" }, this.t(state.content)), h("div", { key: 'd6f587b79bbf99d0e8a00f7bb65975b2eafa80ad', class: "content" }, h("div", { key: 'cdd81faaf9fa4192a2ed57f9d4d3f36e45400250', class: "leave-meeting" }, h("rtk-button", { key: 'ff9ddfccf098ea4cc956f95c22e94816e3b0561a', 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: 'bc680bd1d2995998e759cbb520f4b146bf6e359e', 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$z$1([
@@ -13238,7 +13231,7 @@ __decorate$t$1([
 ], RtkDebuggerVideo.prototype, "t", void 0);
 RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
 
-const rtkDialogCss = ":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:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);box-sizing:border-box;padding:var(--rtk-space-4, 16px);flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);color:rgb(var(--rtk-colors-text-1000, 255 255 255));visibility:hidden;display:none;overflow-wrap:break-word;word-wrap:break-word;z-index:60;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dialog{position:relative;max-height:100%;max-width:100%}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}:host([open]){visibility:visible;display:flex}:host([open='false']){visibility:hidden;display:none}";
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate$s$1 = function (decorators, target, key, desc) {
@@ -13283,11 +13276,26 @@ const RtkDialog = class {
     disconnectedCallback() {
         document.removeEventListener('keydown', this.keydownListener);
     }
+    componentDidRender() {
+        if (this.open && !this.dialogEl.open) {
+            // we need to call showModal() to get the ::backdrop
+            this.dialogEl.showModal();
+        }
+    }
     render() {
         if (!this.open) {
             return null;
         }
-        return (h(Host, null, h("div", { id: "dialog", part: "container", role: "dialog", "aria-modal": "true" }, h("slot", null), !this.hideCloseButton && (h("rtk-button", { part: "close-button", id: "dismiss-btn", kind: "icon", variant: "ghost", onClick: () => this.close(), type: "button", "aria-label": this.t('dialog.close'), role: "button" }, h("rtk-icon", { icon: this.iconPack.dismiss }))))));
+        return (h(Host, null, h("dialog", { ref: (el) => (this.dialogEl = el), id: "dialog", part: "container", onClose: this.close, onClick: (e) => {
+                // clicked outside the children of dialog
+                if (!this.disableEscapeKey && e.target === this.dialogEl) {
+                    this.close();
+                }
+            }, onKeyDown: (e) => {
+                if (this.disableEscapeKey && e.key === 'Escape') {
+                    e.preventDefault();
+                }
+            } }, h("slot", null), !this.hideCloseButton && (h("rtk-button", { part: "close-button", id: "dismiss-btn", kind: "icon", variant: "ghost", onClick: () => this.close(), type: "button", "aria-label": this.t('dialog.close'), role: "button" }, h("rtk-icon", { icon: this.iconPack.dismiss }))))));
     }
 };
 __decorate$s$1([
@@ -14281,6 +14289,11 @@ const RtkMeeting = class {
         this.gridLayout = 'row';
         /** Icon pack */
         this.iconPack = defaultIconPack;
+        this.handleChangingMeeting = (destinationMeetingId) => {
+            this.updateStates({
+                activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
+            });
+        };
     }
     connectedCallback() {
         var _a;
@@ -14374,11 +14387,6 @@ const RtkMeeting = class {
     listenState(e) {
         this.updateStates(e.detail);
     }
-    handleChangingMeeting(destinationMeetingId) {
-        this.updateStates({
-            activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
-        });
-    }
     handleResize() {
         this.size = getSize(this.host.clientWidth);
     }
@@ -14661,7 +14669,7 @@ __decorate$9$1([
 ], RtkMuteAllConfirmation.prototype, "t", void 0);
 RtkMuteAllConfirmation.style = RtkMuteAllConfirmationStyle0;
 
-const rtkNotificationCss = ":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{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
+const rtkNotificationCss = ":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{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);height:auto;max-width:var(--rtk-space-72, 288px);font-size:14px !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkNotificationStyle0 = rtkNotificationCss;
 
 var __decorate$8$1 = function (decorators, target, key, desc) {
@@ -15838,7 +15846,7 @@ const RtkSpinner = class {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '40c9d7dd077b4ed5372afa510644528d392ff329' }, h("rtk-icon", { key: 'e74d17cc21859fc8581ad9e8735f65a98aa18300', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '00275245b6516861bd7cf7788fb81855d6e1ddf7' }, h("rtk-icon", { key: '9c77cfa660794fe97c24dbf6e165b4d9b58635de', class: "spinner", icon: this.iconPack.spinner })));
     }
 };
 __decorate$3$3([
@@ -15919,7 +15927,7 @@ const RtkTextComposerView = class {
         }
     }
     render() {
-        return (h("div", { key: 'ce055f9e92b79c5ae63448220ea3f1e5adfb39c1', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'd131418c66d521fb7b3012465f5774113ae902eb', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '01c5f7756fb5a76cf3319122c9d808f2b0f6bbf8', 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: 'f96301c878d5b3b607fcd5de6d2131e647a3477a', class: 'text-error breached' }, h("rtk-icon", { key: '9b2ecdbac46b0e6ab09e91280c9ca473c719a5a9', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'fc08e05d8d917e72ec1218d0a2d2bc1db618c4cc', 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: '373afd284088ce6b38267ff5ce7dc1990ffb5020', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '0cedd8f2344b4a1a08a0a106e00f61d1a3c4040d', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '9599a89d22388faa10bb1459867a278cd35f9b8f', 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: '7bdb90a61a4040a4ad215ecb69abb589276fcb4e', class: 'text-error breached' }, h("rtk-icon", { key: '7eaa93a35a6c6ba8128d170199b9f85fd945a25c', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '1e73b93e138af069315431896e85a4cf11ab53a0', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
 };
 __decorate$2$4([
@@ -15955,10 +15963,10 @@ const RtkTextMessage = class {
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: 'c21acb6c8645f4397b468f9f3bd687049503eb50' }, !this.isContinued && (h(ChatHead, { key: 'b7fa598be7d197a761bbb77617d4c9d8a255c48d', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'dc13b5f61ff5ecdece68abc33444d5a4e6852d92', class: {
+        return (h(Host, { key: '128a6e757cf71a11aef8c93749b6388cee1a65d3' }, !this.isContinued && (h(ChatHead, { key: '35fd68c340c5133b3940bc5a200aaed48f366a0e', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '189244910e2511399a9dcb57647d7c63ed918712', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: 'a51406f8da3eda94b35b4ed878dffe4bd3f8d5a2', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '65b20790e134d5149c20815e47ab79c039afd437', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: '2b949b44c13aae1295c01aaa3915bcd45381447a', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '3659ef1412e9731352a3270cf2815a9fa78018fb', message: this.message.message })))));
     }
 };
 __decorate$1$9([
@@ -15978,7 +15986,7 @@ const RtkTextMessageView = class {
         this.isMarkdown = false;
     }
     render() {
-        return (h("p", { key: '43af19a40b404cf8de36db064a89e9eefd50af81', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (h("p", { key: 'd14082ad02e2d2aaf5e325a95c1bc36595e9e33d', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
     }
 };
 RtkTextMessageView.style = RtkTextMessageViewStyle0;
@@ -21143,6 +21151,7 @@ class RTKAudio {
         this.meeting = meeting;
         this.audio = audio !== null && audio !== void 0 ? audio : document.createElement('audio');
         this.audio.autoplay = true;
+        this.logger = meeting.__internals__.logger;
         this.audioStream = new MediaStream();
         this.audio.srcObject = this.audioStream;
         this.audioTracks = [];
@@ -21171,7 +21180,7 @@ class RTKAudio {
                 }
             }
             else if (err.name !== 'AbortError') {
-                logger$1.error('[rtk-audio] play() error\n', err);
+                this.logger.error('[rtk-audio] play() error\n', err);
             }
         }));
     }
@@ -21180,7 +21189,7 @@ class RTKAudio {
         if (disableSettingSinkId(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
-            logger$1.error('[rtk-audio] setSinkId() error\n', err);
+            this.logger.error('[rtk-audio] setSinkId() error\n', err);
         }));
     }
     onError(onError) {
@@ -22140,7 +22149,7 @@ const RtkScreenShareToggle = class {
     }
     connectedCallback() {
         if (!deviceCanScreenShare()) {
-            logger$1.error('[rtk-screenshare-toggle] Device does not support screensharing.');
+            this.meeting.__internals__.logger.error('[rtk-screenshare-toggle] Device does not support screensharing.');
             return;
         }
         this.meetingChanged(this.meeting);
@@ -22630,7 +22639,7 @@ var rtkSettingsToggle_entry = /*#__PURE__*/Object.freeze({
   rtk_settings_toggle: RtkSettingsToggle
 });
 
-const rtkSetupScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;padding:var(--rtk-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--rtk-controlbar-button-background-color:rgb(var(--rtk-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly;gap:var(--rtk-space-4, 16px)}.metadata{width:100%;max-width:var(--rtk-space-80, 320px)}.label{display:flex;flex-direction:column;align-items:center;font-size:14px}.label p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-2, 8px);display:inline-block;font-size:16px}.container-tile{display:flex;height:100%;width:100%;max-width:584px;flex-direction:column;gap:var(--rtk-space-2, 8px)}.name{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-6, 24px);text-align:center;font-size:28px;font-weight:500;letter-spacing:-0.025em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}input{margin-bottom:var(--rtk-space-6, 24px);display:block;height:var(--rtk-space-10, 40px);width:100%;max-width:var(--rtk-space-80, 320px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;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}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}rtk-spinner{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--icon-size:var(--rtk-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}:host([size='sm']) .container-tile,:host([size='md']) .container-tile{height:-moz-min-content;height:min-content;flex-direction:column;justify-content:center}rtk-participant-tile{height:auto;width:100%;max-width:584px}.media-selectors{display:flex;flex-direction:column;justify-content:space-between}.media-selectors .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}";
+const rtkSetupScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;padding:var(--rtk-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--rtk-controlbar-button-background-color:rgb(var(--rtk-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly;gap:var(--rtk-space-4, 16px)}.container-tile{display:flex;height:100%;width:100%;max-width:584px;flex-direction:column;gap:var(--rtk-space-2, 8px)}.metadata{display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;align-items:center;text-align:center}.meeting-title{margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:24px;font-weight:500}.join-as{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:16px;letter-spacing:-0.025em;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.uneditable-name{margin-bottom:var(--rtk-space-6, 24px)}.uneditable-name .text,.uneditable-name .name{display:inline-block}.uneditable-name .name{font-size:16px;font-weight:500}input{margin-bottom:var(--rtk-space-6, 24px);display:block;height:var(--rtk-space-10, 40px);width:100%;max-width:var(--rtk-space-80, 320px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;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}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}rtk-spinner{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--icon-size:var(--rtk-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}:host([size='sm']) .container-tile,:host([size='md']) .container-tile{height:-moz-min-content;height:min-content;flex-direction:column;justify-content:center}rtk-participant-tile{height:auto;width:100%;max-width:584px}.media-selectors{display:flex;flex-direction:column;justify-content:space-between}.media-selectors .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}";
 const RtkSetupScreenStyle0 = rtkSetupScreenCss;
 
 var __decorate$n = function (decorators, target, key, desc) {
@@ -22696,7 +22705,7 @@ const RtkSetupScreen = class {
         }
     }
     render() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const disabled = ((_a = this.displayName) === null || _a === void 0 ? void 0 : _a.trim()) === '' || this.connectionState !== 'connected' || this.isJoining;
         const defaults = {
             meeting: this.meeting,
@@ -22706,7 +22715,8 @@ const RtkSetupScreen = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: '4d337a1e3a71a0651fa082a149298129dd7b984a' }, h("div", { key: '24fda5fbca3b4dd0092031d54b90632a20ecc287', class: "container" }, h("div", { key: 'c1d947c44ba11b69f9679c03cd7423581e427a04', class: 'container-tile' }, h(Render, { key: '5fe4a9507ed599f08f808f0cf295c1504ac43799', element: "rtk-participant-tile", defaults: defaults, props: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md', isPreview: true }, childProps: { participant: (_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self, size: 'md' }, deepProps: true }), h("div", { key: 'f0b35c6d5354c3416e72132d53bdda9fd770505b', class: 'media-selectors' }, h("rtk-microphone-selector", Object.assign({ key: 'daec71962a0d368e91fa7d410c09be0321d6e7e1' }, defaults, { variant: "inline" })), h("rtk-camera-selector", Object.assign({ key: 'b61f2afe68d92c48a199bcb22e1df124c392c22d' }, defaults, { variant: "inline" })), h("rtk-speaker-selector", Object.assign({ key: '8368f850725151e63ff390a2a721164e8923a762' }, defaults, { variant: "inline" })))), h("div", { key: 'd29f5f5e680e4614cf5ee378a1533c0e1235cf7c', class: "metadata" }, h("div", { key: 'c0b7e8ef018d34f447775f55e8244927314d70c3', class: "name" }, this.t('setup_screen.join_in_as')), h("div", { key: 'a45332643ef73dd286e48d2ba9b6bddd9625ab60', class: "label" }, h("div", { key: '71633d8d8987bafaa054edace2a18a9960d45f48', class: "name" }, !this.canEditName && shorten(this.displayName, 20))), this.canEditName && (h("input", { key: 'b7609fa43a59a637c14f32c7ad7cde8f67b04bc2', placeholder: this.t('setup_screen.your_name'), value: this.displayName, spellcheck: false, autoFocus: true, ref: (el) => {
+        const meetingTitle = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.meta.meetingTitle.trim();
+        return (h(Host, { key: 'ea88610290c5f721a9fe638928855cc31bcb975f' }, h("div", { key: '321f2a690e22c14c627e603b4f7d590800f19911', class: "container" }, h("div", { key: 'c4501f3c49417145e34024c05e8df52174289138', class: 'container-tile' }, h(Render, { key: '66514020274bb3a6df00c94e75e14785079853c1', element: "rtk-participant-tile", defaults: defaults, props: { participant: (_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self, size: 'md', isPreview: true }, childProps: { participant: (_d = this.meeting) === null || _d === void 0 ? void 0 : _d.self, size: 'md' }, deepProps: true }), h("div", { key: 'e3f6ec148cc113d3efef3955d9bb96c68c36e9a7', class: 'media-selectors' }, h("rtk-microphone-selector", Object.assign({ key: '450cc901acd253dec2c40c1d2c1ff27441fcbb6c' }, defaults, { variant: "inline" })), h("rtk-camera-selector", Object.assign({ key: 'cf38bfe66aac01a51845d619521c747727f926ac' }, defaults, { variant: "inline" })), h("rtk-speaker-selector", Object.assign({ key: '33357804c4d4ba359f7348f853cd25ef1ee0f442' }, defaults, { variant: "inline" })))), h("div", { key: 'bff07c087cb1c5f6db822b38fe9485c4e69d4ecd', class: "metadata" }, meetingTitle && meetingTitle !== '' && h("div", { key: 'e9d6882f1d79b1687883a9de7a23b9ca89142c0a', class: "meeting-title" }, meetingTitle), this.canEditName ? (h(Fragment$1, null, h("div", { class: "join-as" }, this.t('setup_screen.join_in_as')), h("input", { placeholder: this.t('setup_screen.your_name'), value: this.displayName, spellcheck: false, autoFocus: true, ref: (el) => {
                 this.inputEl = el;
             }, onInput: (e) => {
                 this.displayName = e.target.value;
@@ -22714,7 +22724,7 @@ const RtkSetupScreen = class {
                 if (e.key === 'Enter') {
                     this.join();
                 }
-            } })), h("rtk-button", { key: '16599f17361ab91cee7af782e18ac55a75de2f95', size: "lg", kind: "wide", onClick: this.join, disabled: disabled }, this.isJoining ? h("rtk-spinner", { iconPack: this.iconPack }) : this.t('join')), this.connectionState !== 'connected' && (h("div", { key: 'ce111c7cbcd7ce227bd5eda1d9498621f5de0286', class: "no-network-badge" }, h("rtk-icon", { key: '3de05287a1657febc620285394299557042e5218', size: "md", variant: "danger", icon: this.iconPack.disconnected }), this.connectionState === 'failed'
+            } }))) : (h("div", { class: "uneditable-name" }, h("span", { class: "text" }, this.t('setup_screen.join_in_as'), " "), ' ', h("div", { class: "name" }, shorten(this.displayName, 20)))), h("rtk-button", { key: 'd6d629f03ccabca7823c6b78e3b4dc42c2db9ecc', size: "lg", kind: "wide", onClick: this.join, disabled: disabled }, this.isJoining ? h("rtk-spinner", { iconPack: this.iconPack }) : this.t('join')), this.connectionState !== 'connected' && (h("div", { key: '92c30fa7cdef877ff80cbc74806e6824c725d284', class: "no-network-badge" }, h("rtk-icon", { key: '615e5873958f0e7502e6fbcefdca8b34892d4d2b', size: "md", variant: "danger", icon: this.iconPack.disconnected }), this.connectionState === 'failed'
             ? this.t('network.lost_extended')
             : this.t('network.lost')))))));
     }
@@ -22956,7 +22966,7 @@ const RtkSimpleGrid = class {
             aspectRatio: this.aspectRatio,
             gap: this.gap,
         });
-        return (h(Host, { key: '66b303c15b37e03ca647f8633c72f664f1e7256f' }, h("slot", { key: '14f45cb35f76b6456561df790ca4be4ff415f1e7' }, this.participants.map((participant, index) => {
+        return (h(Host, { key: '2e49045f4417f3dbd9b59ba877c0b9e47685f7f1' }, h("slot", { key: '381a5deca04344b21c70a05656a01790edb572bd' }, this.participants.map((participant, index) => {
             const { top, left } = getPosition(index);
             return (h(Render, { element: "rtk-participant-tile", defaults: defaults, props: {
                     participant,
@@ -23063,13 +23073,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: '78a47e090097d8c758b7e78678c60c66231559e4' }, h("main", { key: '405ea4039c11b49abe9b7636f94b966b2a02388f', part: "main" }, h(Render, { key: 'bff026528181c24c2c761aa354678cb61aa01169', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: '84e2ba9e414e03e433ace1a49b6b382755448646' }, h("main", { key: 'cc9324d3d21c8660085276edd5cba1541fd786d9', part: "main" }, h(Render, { key: '50779559a7f22d60f6191eef4a15ce21bb4a4723', 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: 'f2f77d8371fef0a83c5682d0dd7bf4d6c57ea69b', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: 'ba9e91c14b812c650275c4ae99bd602fb0f16aa0', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '0d5e6b89cf403050bcbaa6b3129883e5facff0d7', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: 'b1dbb1c84169e6cee5b6d62f669458fbd36446ff', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,
@@ -23124,7 +23134,7 @@ const RtkStage = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'c28c425c3619477e0e9234f42ec5711a49d27a43' }, h("slot", { key: '8a4210ce0af731affd16bdab0258135f71b6408f' })));
+        return (h(Host, { key: '6f350737bc0425eb6112badf128310e9f6a489a0' }, h("slot", { key: 'd8d99aaeb1277e13be9052a3136d5677113a2bc1' })));
     }
 };
 __decorate$j([
@@ -24152,6 +24162,11 @@ const RtkUiProvider = class {
                 }, LEAVE_ROOM_TIMER);
             }
         };
+        this.handleChangingMeeting = (destinationMeetingId) => {
+            this.updateStates({
+                activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
+            });
+        };
     }
     listenState(e) {
         this.updateStates(e.detail);
@@ -24228,13 +24243,8 @@ const RtkUiProvider = class {
     onSizeChange(newSize) {
         uiStore.state.size = newSize;
     }
-    handleChangingMeeting(destinationMeetingId) {
-        this.updateStates({
-            activeBreakoutRoomsManager: Object.assign(Object.assign({}, uiState.states.activeBreakoutRoomsManager), { destinationMeetingId }),
-        });
-    }
     render() {
-        return h(Host, { key: '4c5b692de4bf1486e1c17ab6f9d61684705cfa95' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
+        return h(Host, { key: '255d40656744b2906c20a139a1af87c66acc310a' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -24276,7 +24286,7 @@ const RtkWaitingScreen = class {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'f2c47d3259b2df855467a20acb9c3cf9efba0656' }, h("slot", { key: 'f00f36e15ecf6279903d8512f3dee23057de734a' }, h("div", { key: '980543555369e3547a6ba36a4235e885ca65ee4b', class: "centered", part: "content" }, h("rtk-logo", { key: '9a82a757b90ceb5ec2d143cc2e4ba3a85e4b5ead', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'e9c2f4e21f075ee74e147249bd52e8947bdfa37d' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: '06c3f95f6b37b0b6dac40c39f0006dfd8e2f1527' }, h("slot", { key: '76e9f7369a1aa9c2b5a6bbb602ff1f26289c5d80' }, h("div", { key: '8214ae3640c401b4d1ba1333aaa996ef49b7ec1c', class: "centered", part: "content" }, h("rtk-logo", { key: 'ec1f1f220f39f674510e1c95699f92d53a9fbf00', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: '9123734c61b424b323701f99ac8da6ee0b2885e4' }, this.t('waitlist.body_text'))))));
     }
 };
 __decorate$g([
@@ -53775,21 +53785,17 @@ const RtkParticipantsStaged = class {
         this.acceptStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.grantAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.rejectStageRequest = async (p) => {
             const { userId } = p;
             await this.meeting.stage.denyAccess([userId]);
-            this.updateStageRequestedParticipants();
         };
         this.acceptAllStageRequest = async () => {
             await this.meeting.stage.grantAccess(this.stageRequestedParticipants.map((p) => p.userId));
-            this.updateStageRequestedParticipants();
         };
         this.denyAllStageRequest = async () => {
             var _a;
             await ((_a = this.meeting.stage) === null || _a === void 0 ? void 0 : _a.denyAccess(this.stageRequestedParticipants.map((p) => p.userId)));
-            this.updateStageRequestedParticipants();
         };
         this.shouldShowStageRequests = () => {
             return (this.meeting.self.permissions.stageEnabled &&
@@ -53827,14 +53833,17 @@ const RtkParticipantsStaged = class {
         this.meetingChanged(this.meeting);
     }
     disconnectedCallback() {
+        var _a;
         const { stage } = this.meeting;
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageAccessRequestUpdate', this.updateRequestList);
+        (_a = this.meeting.participants.joined) === null || _a === void 0 ? void 0 : _a.removeListener('stageStatusUpdate', this.updateStageRequestedParticipants);
     }
     meetingChanged(meeting) {
         var _a;
         if (meeting == null)
             return;
         this.updateRequestList();
+        meeting.participants.joined.on('stageStatusUpdate', this.updateStageRequestedParticipants);
         (_a = meeting.stage) === null || _a === void 0 ? void 0 : _a.on('stageAccessRequestUpdate', this.updateRequestList);
     }
     render() {
@@ -54630,7 +54639,7 @@ const RtkTranscript = class {
         }, 10000);
     }
     render() {
-        return (h(Host, { key: '40777059dc796ccc9772d79ce7507762bc8f9323' }, h("div", { key: 'b2c9181f66d7dcc024d7f1dedee09429139285a1', class: "ctr" }, h("p", { key: '261023413c7bad6207249d93dbd61222aafa0df8', class: "message" }, h("span", { key: '822c6ecc8dd33bc9395f21a5bec49183f207fd7b', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'd3efdcb1d165c36ffcb706dea742420f8c6c003d' }, h("div", { key: '3b00a1827697ff4d13b62edfa46889b71226f004', class: "ctr" }, h("p", { key: '908819abb385a61cf06de6f43f57274e5f494b93', class: "message" }, h("span", { key: '7f951cddb567daed904a6ecbabb766794e659438', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]
@@ -55120,7 +55129,7 @@ const RtkSwitch = class {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: 'd52144d4eeaf1f93dc3f83971f014e4e31e80c0e', 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: 'aa51da6304b98be4d6d7c109ff488c1a684f6bb3', class: "switch", part: "switch" })));
+        return (h(Host, { key: '81e9d824ee0dff9a77250a93ef822c1a46fa80a8', 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: '32d41bcd264ad0b9484eb994c8880935d499ebcf', class: "switch", part: "switch" })));
     }
     static get watchers() { return {
         "checked": ["checkedChange"]
@@ -55613,12 +55622,12 @@ const RtkVirtualizedParticipantList = class {
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: '1a35b2155ffba410d278513dbdfeb7fd238443d8', class: "virtual-list-container", style: {
+        return (h("div", { key: '02cd1150b5e7b65f25178c0ce673ee823feec9d8', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '90f445de9af8464c23dbd931f46600e015839d4f', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'b7acc66cc75273c722b5a9c78949c67d785d5725', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '0f886b79c861b3010d60df73a7b343955e97a8f2', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'd290097b0d363d9a580e71da1260e87456248dc4', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -56203,7 +56212,7 @@ var rtkSpotlightIndicator_entry = /*#__PURE__*/Object.freeze({
   rtk_spotlight_indicator: RtkSpotlightIndicator
 });
 
-const rtkControlbarButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
+const rtkControlbarButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
 
 var __decorate = function (decorators, target, key, desc) {

package/dist/esm/{notification-800f2bcd.js → notification-2ab22a76.js}

@@ -1,5 +1,4 @@
-import { e as disableSettingSinkId } from './ui-store-b453cdf2.js';
-import { l as logger } from './logger-31448943.js';
+import { e as disableSettingSinkId } from './ui-store-1b477153.js';
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',
@@ -22,9 +21,7 @@ class RTKNotificationsAudio {
         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);
-        });
+        (_a = this.audio.play()) === null || _a === void 0 ? void 0 : _a.catch((_) => { });
         setTimeout(() => {
             this.playing = false;
         }, duration);
@@ -33,9 +30,7 @@ class RTKNotificationsAudio {
         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);
-        }));
+        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((_) => { }));
     }
 }