@cloudflare/realtimekit-ui 1.0.0-staging.7 → 1.0.0-staging.9

package/dist/collection/components/rtk-spinner/rtk-spinner.js

@@ -22,7 +22,7 @@ export class RtkSpinner {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'bad95fde6d19c342301f03cede54d405fac62d61' }, h("rtk-icon", { key: '1dcdaaf95f9ada0f9966249a0246142180149ce4', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '40c9d7dd077b4ed5372afa510644528d392ff329' }, h("rtk-icon", { key: 'e74d17cc21859fc8581ad9e8735f65a98aa18300', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get is() { return "rtk-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-spotlight-grid/rtk-spotlight-grid.js

@@ -72,13 +72,13 @@ export class RtkSpotlightGrid {
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: 'f969a4a4e84d759236f508c76b1f17f2ca6c86fc' }, h("main", { key: '2b3a1b073a00b9a4ce2ef52ac16135032c5bca16', part: "main" }, h(Render, { key: '0173d3ee87d82e2aa2cfd67d4c4a9539545c725d', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: '78a47e090097d8c758b7e78678c60c66231559e4' }, h("main", { key: '405ea4039c11b49abe9b7636f94b966b2a02388f', part: "main" }, h(Render, { key: 'bff026528181c24c2c761aa354678cb61aa01169', 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: 'f6432185ad98bf81d7c76cd9abb26a17973692f8', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '504cc9d09a30d0fb00533aa9bfbd33353b0bd08a', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), 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: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/collection/components/rtk-stage/rtk-stage.js

@@ -26,7 +26,7 @@ export class RtkStage {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'f3dba7a49cfd4c051dfba4cef64430ec670512d8' }, h("slot", { key: '6500537d6fb1f3da3ede35f4e9aa3f227c71323f' })));
+        return (h(Host, { key: 'c28c425c3619477e0e9234f42ec5711a49d27a43' }, h("slot", { key: '8a4210ce0af731affd16bdab0258135f71b6408f' })));
     }
     static get is() { return "rtk-stage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-switch/rtk-switch.js

@@ -52,7 +52,7 @@ export class RtkSwitch {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: '5995d5ed4ddf3b300ad929985ee6df0af4421542', 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: '83e43e0b6cbd4c22dc641e87822ca7fda13ca015', class: "switch", part: "switch" })));
+        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" })));
     }
     static get is() { return "rtk-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-text-composer-view/rtk-text-composer-view.js

@@ -69,7 +69,7 @@ export class RtkTextComposerView {
         }
     }
     render() {
-        return (h("div", { key: 'a5c60716f87b3fe0c18849c889c33dc68e2cda5f', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'fdb5dfa266fe4535a5623eec26f16dced824fc03', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '57839914af1e0ba02cf962d66e0a6421f7d841e8', 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: 'c0c869cae45b9b125034b7bb4f14bb8e843133a7', class: 'text-error breached' }, h("rtk-icon", { key: 'f6cd0c6cf8b2a4e9811c7c189543f03fdc5c5c22', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '78c0a228465c669fd3969f04e18c8e5f1e5cd342', 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: '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 })));
     }
     static get is() { return "rtk-text-composer-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-text-message/rtk-text-message.js

@@ -32,10 +32,10 @@ export class RtkTextMessage {
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: '2f3f5211b82e0ae80453d606bb962c3e1f1c5f4b' }, !this.isContinued && (h(ChatHead, { key: 'd41c973244580ef48141414c40eaff6a9429b33a', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '3b4bf9ad47b959c79d9e70d3523b9ec46e6bdb8f', class: {
+        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: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: 'a3d9a56aa79c80d7f6c837a5ca32e574c0cf9c5a', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '69f15f8de5596d483ccb8724993c2274a46ed186', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: 'a51406f8da3eda94b35b4ed878dffe4bd3f8d5a2', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '65b20790e134d5149c20815e47ab79c039afd437', message: this.message.message })))));
     }
     static get is() { return "rtk-text-message"; }
     static get properties() {

package/dist/collection/components/rtk-text-message-view/rtk-text-message-view.js

@@ -9,7 +9,7 @@ export class RtkTextMessageView {
         this.isMarkdown = false;
     }
     render() {
-        return (h("p", { key: '67b3aadecf02b8838821c13a3fbf926506dd3143', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (h("p", { key: '43af19a40b404cf8de36db064a89e9eefd50af81', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
     }
     static get is() { return "rtk-text-message-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-transcript/rtk-transcript.js

@@ -40,7 +40,7 @@ export class RtkTranscript {
         }, 10000);
     }
     render() {
-        return (h(Host, { key: '12226276b5cd6bdc6f0dedf877a1f8829132b7e6' }, h("div", { key: '0fc2f4aa3e5be3a0339e353e89a187c410b17c18', class: "ctr" }, h("p", { key: 'ce7a0b3d519770b0588c062c49a5187a0432702c', class: "message" }, h("span", { key: '0a2cceb0e26b5aa2570f53a4651caf9fcd4971ed', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        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))));
     }
     static get is() { return "rtk-transcript"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-ui-provider/rtk-ui-provider.js

@@ -141,7 +141,7 @@ export class RtkUiProvider {
         });
     }
     render() {
-        return h(Host, { key: 'ce61aaa074ff4c285bb9b39ea420c456a03ea2b6' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
+        return h(Host, { key: '4c5b692de4bf1486e1c17ab6f9d61684705cfa95' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
     }
     static get is() { return "rtk-ui-provider"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-viewer-count/rtk-viewer-count.css

@@ -13,8 +13,6 @@ p {
 
 
 :host {
-  margin-left: var(--rtk-space-2, 8px);
-  margin-right: var(--rtk-space-2, 8px);
   display: inline-flex;
   height: var(--rtk-space-10, 40px);
   -webkit-user-select: none;
@@ -24,9 +22,12 @@ p {
   font-size: 14px;
 }
 
+/* useful for removing from layouts that may have gap */
+:host([data-hidden]) {
+  display: none;
+}
+
 :host([size='sm']) {
-  margin-left: var(--rtk-space-1, 4px);
-  margin-right: var(--rtk-space-1, 4px);
   font-size: 12px;
 }
 

package/dist/collection/components/rtk-viewer-count/rtk-viewer-count.js

@@ -52,7 +52,7 @@ export class RtkViewerCount {
     }
     render() {
         if (!showLivestream(this.meeting))
-            return null;
+            return h(Host, { "data-hidden": true });
         return (h(Host, { tabIndex: 0, role: "log", "aria-label": `${this.viewerCount} ${this.t('viewers')}` }, h("rtk-icon", { icon: this.iconPack.viewers, tabIndex: -1, "aria-hidden": true, part: "icon" }), this.viewerCount, " ", this.t('viewers')));
     }
     static get is() { return "rtk-viewer-count"; }

package/dist/collection/components/rtk-virtualized-list/rtk-virtualized-participant-list.js

@@ -112,12 +112,12 @@ export class RtkVirtualizedParticipantList {
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: 'f46088e437f2da25f0599d9050d3b45f01a08323', class: "virtual-list-container", style: {
+        return (h("div", { key: '1a35b2155ffba410d278513dbdfeb7fd238443d8', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: 'b980284407bddc11ba6b9a365eff13601b694732', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: 'aca29d6c447481589c4928ad04ced0f2f926681b', style: { height: `${this.itemHeight}px` } })));
+            } }, 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` } })));
     }
     static get is() { return "rtk-virtualized-participant-list"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-waiting-screen/rtk-waiting-screen.js

@@ -23,7 +23,7 @@ export class RtkWaitingScreen {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '77f62eac2bfd382e325dbb6e1e2386c5eb3d13a6' }, h("slot", { key: 'efa083572c73db00e2db935fd44eefc85da2f22d' }, h("div", { key: 'f03cb8e9293d618bf17532ce139311998d6332f8', class: "centered", part: "content" }, h("rtk-logo", { key: '4f80c7bd29784e0edcb069c5f8c90ea6662831d4', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'd8a7bd5e11b2bec6e9a108c6c1c64d2b45df4a66' }, this.t('waitlist.body_text'))))));
+        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'))))));
     }
     static get is() { return "rtk-waiting-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/lib/default-ui-config.js

@@ -18,6 +18,7 @@ export const defaultConfig = {
             gridTemplateColumns: 'repeat(3, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
+            '--header-section-gap': 'var(--dyte-space-2, 8px)',
         },
         'rtk-header.sm': {
             display: 'grid',
@@ -25,12 +26,14 @@ export const defaultConfig = {
             gridTemplateColumns: 'repeat(2, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
+            '--header-section-gap': 'var(--dyte-space-1, 4px)',
         },
         'div#header-left': {
             display: 'flex',
             alignItems: 'center',
             height: '48px',
             wordBreak: 'break-all',
+            gap: 'var(--header-section-gap)',
         },
         'rtk-logo': {
             height: '26px',
@@ -40,11 +43,14 @@ export const defaultConfig = {
             alignItems: 'center',
             justifyContent: 'center',
             wordBreak: 'break-all',
+            gap: 'var(--header-section-gap)',
+            paddingInline: 'var(--dyte-space-3, 12px)',
         },
         'div#header-right': {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'flex-end',
+            gap: 'var(--header-section-gap)',
         },
         'rtk-stage': {
             display: 'flex',

package/dist/collection/utils/config.js

@@ -173,6 +173,7 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 gridTemplateColumns: 'repeat(3, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
+                '--header-section-gap': 'var(--dyte-space-2, 8px)',
             },
             'rtk-header.sm': {
                 display: 'grid',
@@ -180,12 +181,14 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
+                '--header-section-gap': 'var(--dyte-space-1, 4px)',
             },
             'div#header-left': {
                 display: 'flex',
                 alignItems: 'center',
                 height: '48px',
                 wordBreak: 'break-all',
+                gap: 'var(--header-section-gap)',
             },
             'rtk-logo': {
                 height: '26px',
@@ -195,11 +198,14 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-all',
+                gap: 'var(--header-section-gap)',
+                paddingInline: 'var(--dyte-space-3, 12px)',
             },
             'div#header-right': {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'flex-end',
+                gap: 'var(--header-section-gap)',
             },
             'rtk-stage': {
                 display: 'flex',

package/dist/components/index.js

@@ -1,9 +1,9 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { d as defaultConfig } from './p-9fe29f26.js';
-export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-9fe29f26.js';
-import { g as generateConfig } from './p-b2771f98.js';
-export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-b2771f98.js';
-export { R as RtkNotificationsAudio } from './p-6234f3c4.js';
+import { d as defaultConfig } from './p-e6d09c50.js';
+export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-e6d09c50.js';
+import { g as generateConfig } from './p-4a436e2d.js';
+export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-4a436e2d.js';
+export { R as RtkNotificationsAudio } from './p-50ecaaf1.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**

package/dist/components/{p-65afebd3.js → p-0a9d8224.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, e as disableSettingSinkId } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$2 } from './p-56f3354e.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { a as defaultIconPack, c as useLanguage, e as disableSettingSinkId } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
 
 const rtkSpeakerSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline .container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";
 const RtkSpeakerSelectorStyle0 = rtkSpeakerSelectorCss;

package/dist/components/{p-cb4940e9.js → p-0c4a1808.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$b } from './p-56f3354e.js';
-import { d as defineCustomElement$a } from './p-f894e365.js';
-import { d as defineCustomElement$9 } from './p-8d377d94.js';
-import { d as defineCustomElement$8 } from './p-90dc317b.js';
-import { d as defineCustomElement$7 } from './p-94d33473.js';
-import { d as defineCustomElement$6 } from './p-456299a7.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$b } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$a } from './p-b12e5011.js';
+import { d as defineCustomElement$9 } from './p-c27c353f.js';
+import { d as defineCustomElement$8 } from './p-935b5e0f.js';
+import { d as defineCustomElement$7 } from './p-4608147b.js';
+import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
 import { d as defineCustomElement$5 } from './p-3358d7dc.js';
-import { d as defineCustomElement$4 } from './p-531aad34.js';
-import { d as defineCustomElement$3 } from './p-789d49ad.js';
-import { d as defineCustomElement$2 } from './p-168b17a0.js';
-import { d as defineCustomElement$1 } from './p-dcd9f0d2.js';
+import { d as defineCustomElement$4 } from './p-81f4e985.js';
+import { d as defineCustomElement$3 } from './p-f0dfdfea.js';
+import { d as defineCustomElement$2 } from './p-bcb91396.js';
+import { d as defineCustomElement$1 } from './p-e3b59650.js';
 
 const rtkChatComposerViewCss = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
 const RtkChatComposerViewStyle0 = rtkChatComposerViewCss;

package/dist/components/{p-5c7262b7.js → p-0c94b402.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$d } from './p-40528bcd.js';
-import { d as defineCustomElement$c } from './p-56f3354e.js';
-import { d as defineCustomElement$b } from './p-d64c69c2.js';
-import { d as defineCustomElement$a } from './p-456299a7.js';
-import { d as defineCustomElement$9 } from './p-95c03709.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$d } from './p-9c17c7ce.js';
+import { d as defineCustomElement$c } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$b } from './p-b3537ccc.js';
+import { d as defineCustomElement$a } from './p-2f2fb96d.js';
+import { d as defineCustomElement$9 } from './p-4096426e.js';
 import { d as defineCustomElement$8 } from './p-3358d7dc.js';
-import { d as defineCustomElement$7 } from './p-0083965b.js';
-import { d as defineCustomElement$6 } from './p-8db0a4da.js';
-import { d as defineCustomElement$5 } from './p-79e3eeee.js';
-import { d as defineCustomElement$4 } from './p-e897d0cb.js';
-import { d as defineCustomElement$3 } from './p-ea4ce54a.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
-import { d as defineCustomElement$1 } from './p-168b17a0.js';
+import { d as defineCustomElement$7 } from './p-4cedc9e8.js';
+import { d as defineCustomElement$6 } from './p-10182034.js';
+import { d as defineCustomElement$5 } from './p-c7dcb441.js';
+import { d as defineCustomElement$4 } from './p-c939f92d.js';
+import { d as defineCustomElement$3 } from './p-9cfe5c7c.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.js';
+import { d as defineCustomElement$1 } from './p-bcb91396.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;

package/dist/components/{p-e114de57.js → p-0ea515b2.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$2 } from './p-56f3354e.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
 
 const rtkCounterCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);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::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";
 const RtkCounterStyle0 = rtkCounterCss;

package/dist/components/{p-d55da893.js → p-0eab3933.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-9fe29f26.js';
+import { c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
 
-const rtkLivestreamIndicatorCss = ":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{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";
+const rtkLivestreamIndicatorCss = ":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{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";
 const RtkLivestreamIndicatorStyle0 = rtkLivestreamIndicatorCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -46,7 +46,7 @@ const RtkLivestreamIndicator = /*@__PURE__*/ proxyCustomElement(class RtkLivestr
     }
     render() {
         if (!showLivestream(this.meeting) || !this.isLivestreaming)
-            return;
+            return h(Host, { "data-hidden": true });
         return (h(Host, null, h("div", { class: "indicator", "aria-label": this.t('livestream.indicator'), part: "indicator" }, h("rtk-icon", { icon: this.iconPack.start_livestream, size: this.size }), h("span", null, this.t('LIVE')))));
     }
     static get watchers() { return {

package/dist/components/{p-8db0a4da.js → p-10182034.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
 
 const rtkMenuItemCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMenuItemStyle0 = rtkMenuItemCss;

package/dist/components/{p-793ed5cb.js → p-10759cad.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { s as shorten, f as formatName } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
 
 const rtkNameTagCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}span.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}::slotted(rtk-audio-visualizer[slot='start']){margin-right:var(--rtk-space-1\\.5, 6px)}::slotted(rtk-audio-visualizer[slot='end']){margin-left:var(--rtk-space-1\\.5, 6px)}:host([size='sm']){font-size:12px;--tw-bg-opacity:0.6}:host([variant='text']){background-color:transparent;padding:var(--rtk-space-0, 0px)}";
 const RtkNameTagStyle0 = rtkNameTagCss;

package/dist/components/{p-40ad6638.js → p-135d5d2f.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$1 } from './p-56f3354e.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$1 } from './p-4cc0e9a5.js';
 
 const rtkMuteAllConfirmationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.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-2, 8px)}.leave-meeting rtk-button{flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.message{margin-bottom:var(--rtk-space-4, 16px)}label{display:flex;align-items:center}input[type='checkbox']{margin-right:var(--rtk-space-2, 8px);accent-color:rgb(var(--rtk-colors-brand-500, 33 96 253))}";
 const RtkMuteAllConfirmationStyle0 = rtkMuteAllConfirmationCss;

package/dist/components/{p-ddc286c8.js → p-175b365f.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$1 } from './p-56f3354e.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$1 } from './p-4cc0e9a5.js';
 
 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 RtkConfirmationModalStyle0 = rtkConfirmationModalCss;

package/dist/components/{p-b40adc00.js → p-1a546cf4.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { R as RTKNotificationsAudio } from './p-6234f3c4.js';
+import { R as RTKNotificationsAudio } from './p-50ecaaf1.js';
 import { f as formatName } from './p-338c7261.js';
-import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-9fe29f26.js';
+import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-e6d09c50.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$3 } from './p-56f3354e.js';
-import { d as defineCustomElement$2 } from './p-456299a7.js';
-import { d as defineCustomElement$1 } from './p-2cfccf90.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$1 } from './p-ece96324.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({
@@ -122,6 +122,7 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
                 });
             }
         };
+        this.paused = false;
     }
     connectedCallback() {
         if (typeof document !== 'undefined') {
@@ -556,7 +557,7 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
             this.meeting.self.permissions.acceptWaitingRequests);
     }
     render() {
-        return (h(Host, { key: '5e997428b873dd19471cec88927d4e0f86a74e6e' }, this.notifications.map((notification) => (h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, t: this.t })))));
+        return (h(Host, { key: '906188de5f85fcdb91e7bbd9fc44c60f722ec231' }, h("div", { key: '971924ad071ffa9525984eac3f11e929d10ec8a2', onMouseEnter: () => (this.paused = true), onFocusin: () => (this.paused = true), onMouseLeave: () => (this.paused = false), onFocusout: () => (this.paused = false) }, this.notifications.map((notification) => (h("rtk-notification", { size: this.size, key: notification.id, "data-id": notification.id, notification: notification, onRtkNotificationDismiss: (e) => this.handleDismiss(e), iconPack: this.iconPack, paused: this.paused, t: this.t }))))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -572,7 +573,8 @@ const RtkNotifications = /*@__PURE__*/ proxyCustomElement(class RtkNotifications
         "t": [16],
         "size": [513],
         "iconPack": [16],
-        "notifications": [32]
+        "notifications": [32],
+        "paused": [32]
     }, [[8, "rtkApiError", "apiErrorListener"], [8, "rtkSendNotification", "sendNotificationListener"]], {
         "meeting": ["meetingChanged"],
         "config": ["configChanged"],

package/dist/components/{p-9977f17c.js → p-24e9b37b.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$5 } from './p-40528bcd.js';
-import { d as defineCustomElement$4 } from './p-56f3354e.js';
-import { d as defineCustomElement$3 } from './p-456299a7.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
-import { d as defineCustomElement$1 } from './p-dcd9f0d2.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$5 } from './p-9c17c7ce.js';
+import { d as defineCustomElement$4 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.js';
+import { d as defineCustomElement$1 } from './p-e3b59650.js';
 
 const rtkParticipantsWaitingListCss = ":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{margin-top:var(--rtk-space-4, 16px);margin-bottom:calc(var(--rtk-space-2, 8px) * -1);display:flex;width:100%;flex-direction:column;font-size:14px}.waiting-participants{margin-bottom:var(--rtk-space-8, 32px)}.waiting-participants .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkParticipantsWaitingListStyle0 = rtkParticipantsWaitingListCss;

package/dist/components/{p-129cc75c.js → p-24ffce5a.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
+import { S as SyncWithStore } from './p-d5791958.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 const rtkDebuggerScreenshareCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";