@cloudflare/realtimekit-ui 1.1.0-staging.9 → 1.1.1-staging.1

package/dist/components/rtk-setup-screen.js

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host } from './p-c3592601.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-fdad14c9.js';
 import { s as shorten } from './p-efabd2ce.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { R as Render } from './p-60fdbd75.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { R as Render } from './p-f3c261ec.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$7 } from './p-1391bef0.js';
-import { d as defineCustomElement$6 } from './p-4b375dfa.js';
-import { d as defineCustomElement$5 } from './p-3b29dda1.js';
-import { d as defineCustomElement$4 } from './p-b30d5f6b.js';
-import { d as defineCustomElement$3 } from './p-695f0784.js';
-import { d as defineCustomElement$2 } from './p-4ebf9684.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$7 } from './p-e229128b.js';
+import { d as defineCustomElement$6 } from './p-d6024528.js';
+import { d as defineCustomElement$5 } from './p-a3cc7425.js';
+import { d as defineCustomElement$4 } from './p-71fb663b.js';
+import { d as defineCustomElement$3 } from './p-95a1fa70.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
-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 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, 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 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -41,13 +41,26 @@ const RtkSetupScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkSetupScreen e
         this.canProduceAudio = true;
         this.socketStateUpdate = ({ state }) => {
             this.connectionState = state;
+            if (state === 'connected') {
+                this.joinError = undefined;
+            }
             if (state === 'failed')
                 this.isJoining = false;
         };
         this.join = async () => {
             var _a, _b, _c;
             if (((_a = this.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== '' && !this.isJoining) {
+                if (this.connectionState !== 'connected') {
+                    if (this.connectionState) {
+                        this.joinError =
+                            this.connectionState === 'failed'
+                                ? this.t('network.lost_extended')
+                                : this.t('network.lost');
+                    }
+                    return;
+                }
                 this.isJoining = true;
+                this.joinError = undefined;
                 (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self.setName(this.displayName);
                 gracefulStorage.setItem('rtk-display-name', this.displayName);
                 try {
@@ -55,6 +68,7 @@ const RtkSetupScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkSetupScreen e
                 }
                 catch (e) {
                     this.isJoining = false;
+                    this.joinError = (e === null || e === void 0 ? void 0 : e.message) ? e.message : this.t('network.lost_extended');
                 }
             }
         };
@@ -83,6 +97,12 @@ const RtkSetupScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkSetupScreen e
         if (!this.meeting) {
             return;
         }
+        const showSocketError = !!this.connectionState && this.connectionState !== 'connected' && !this.joinError;
+        const errorText = this.joinError
+            ? this.joinError
+            : this.connectionState === 'failed'
+                ? this.t('network.lost_extended')
+                : this.t('network.lost');
         const disabled = ((_a = this.displayName) === null || _a === void 0 ? void 0 : _a.trim()) === '' || this.connectionState !== 'connected' || this.isJoining;
         const defaults = {
             meeting: this.meeting,
@@ -101,9 +121,7 @@ const RtkSetupScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkSetupScreen e
                 if (e.key === 'Enter') {
                     this.join();
                 }
-            } }))) : (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", { 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", { class: "no-network-badge" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected }), this.connectionState === 'failed'
-            ? this.t('network.lost_extended')
-            : this.t('network.lost')))))));
+            } }))) : (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", { size: "lg", kind: "wide", onClick: this.join, disabled: disabled }, this.isJoining ? h("rtk-spinner", { iconPack: this.iconPack }) : this.t('join')), (this.joinError || showSocketError) && (h("div", { class: "no-network-badge" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected }), errorText))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -118,6 +136,7 @@ const RtkSetupScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkSetupScreen e
         "t": [16],
         "displayName": [32],
         "isJoining": [32],
+        "joinError": [32],
         "canEditName": [32],
         "canProduceAudio": [32],
         "connectionState": [32]

package/dist/components/rtk-sidebar-ui.js

@@ -1,4 +1,4 @@
-import { R as RtkSidebarUi$1, d as defineCustomElement$1 } from './p-7834fd55.js';
+import { R as RtkSidebarUi$1, d as defineCustomElement$1 } from './p-f1fa3b2a.js';
 
 const RtkSidebarUi = RtkSidebarUi$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-sidebar.js

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { c as canViewChat, d as canViewPolls, a as canViewParticipants, b as canViewPlugins } from './p-05df465d.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-3b29dda1.js';
-import { d as defineCustomElement$7 } from './p-540d8eb9.js';
-import { d as defineCustomElement$6 } from './p-2309fb19.js';
-import { d as defineCustomElement$5 } from './p-0b2b3442.js';
-import { d as defineCustomElement$4 } from './p-00bb4abb.js';
-import { d as defineCustomElement$3 } from './p-7834fd55.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { c as canViewChat, d as canViewPolls, a as canViewParticipants, b as canViewPlugins } from './p-8cea6257.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { R as Render } from './p-f3c261ec.js';
+import { d as defineCustomElement$9 } from './p-e229128b.js';
+import { d as defineCustomElement$8 } from './p-a3cc7425.js';
+import { d as defineCustomElement$7 } from './p-cb053923.js';
+import { d as defineCustomElement$6 } from './p-ad179bea.js';
+import { d as defineCustomElement$5 } from './p-f4bd3f50.js';
+import { d as defineCustomElement$4 } from './p-0f065bee.js';
+import { d as defineCustomElement$3 } from './p-f1fa3b2a.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkSidebarCss = ":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-right:var(--rtk-space-0, 0px);height:100%;width:100%;max-width:var(--rtk-space-96, 384px);box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}:host([view='sidebar']){right:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-4, 16px);overflow:clip;border-radius:var(--rtk-border-radius-lg, 12px);--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px 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-900, 26 26 26));--tw-shadow:var(--tw-shadow-colored)}:host([view='full-screen']){top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);max-width:100%}:host(.floating){position:absolute !important;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);left:auto;z-index:50}.pinned-state{position:absolute;right:var(--rtk-space-1, 4px);display:inline-flex;width:var(--rtk-space-2, 8px);justify-content:flex-end}";
 const RtkSidebarStyle0 = rtkSidebarCss;

package/dist/components/rtk-simple-grid.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { R as Render } from './p-60fdbd75.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { R as Render } from './p-f3c261ec.js';
 import { u as useGrid } from './p-b13ddb7d.js';
 import { i as index } from './p-f47d4fe8.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
 
 const rtkSimpleGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:100%;width:100%}";
 const RtkSimpleGridStyle0 = rtkSimpleGridCss;

package/dist/components/rtk-speaker-selector.js

@@ -1,4 +1,4 @@
-import { R as RtkSpeakerSelector$1, d as defineCustomElement$1 } from './p-695f0784.js';
+import { R as RtkSpeakerSelector$1, d as defineCustomElement$1 } from './p-95a1fa70.js';
 
 const RtkSpeakerSelector = RtkSpeakerSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-spinner.js

@@ -1,4 +1,4 @@
-import { R as RtkSpinner$1, d as defineCustomElement$1 } from './p-4ebf9684.js';
+import { R as RtkSpinner$1, d as defineCustomElement$1 } from './p-9cf41ab1.js';
 
 const RtkSpinner = RtkSpinner$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
-import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { R as Render } from './p-f3c261ec.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
 
 const rtkSpotlightGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";
 const RtkSpotlightGridStyle0 = rtkSpotlightGridCss;
@@ -69,13 +69,13 @@ const RtkSpotlightGrid$1 = /*@__PURE__*/ proxyCustomElement(class RtkSpotlightGr
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: '3e5596fe72e5df7684bfc51df9df3171358d094a' }, h("main", { key: '8c00ae24704582f775042399624a0274c9384d0c', part: "main" }, h(Render, { key: 'c5a06e7aff1aba7f4120acccf8e6e45d3267fccc', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: '1cb846cc92b660a8244d16a74f48dfadcef903b6' }, h("main", { key: '8564f8b0bf6e7bd668132e2833fe73c73855d090', part: "main" }, h(Render, { key: '61b96f305727dc74de15f4c3c645069d6300afd9', 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: '24bafede04344ea964cf667c5ba90f6fe52d1962', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '2328434d5f2a309e27c4af59d863e3122ec9fbc9', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '2e297a8d83c1f7241d8688b643c055331d69299b', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '2c1969c610018dfb0a23308316f072e3b8d87a6e', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/components/rtk-spotlight-indicator.js

@@ -1,4 +1,4 @@
-import { R as RtkSpotlightIndicator$1, d as defineCustomElement$1 } from './p-7f489600.js';
+import { R as RtkSpotlightIndicator$1, d as defineCustomElement$1 } from './p-1099c0fe.js';
 
 const RtkSpotlightIndicator = RtkSpotlightIndicator$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$5 } from './p-2a65883d.js';
-import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-4ebf9684.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$5 } from './p-da13b457.js';
+import { d as defineCustomElement$4 } from './p-a3cc7425.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const canJoinStage = (meeting) => {
     var _a, _b;

package/dist/components/rtk-stage.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
 
 const rtkStageCss = ":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;position:relative;overflow:hidden}";
 const RtkStageStyle0 = rtkStageCss;
@@ -27,7 +27,7 @@ const RtkStage$1 = /*@__PURE__*/ proxyCustomElement(class RtkStage extends H {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'cfccb12248bda74943e89cfd663504499925e73f' }, h("slot", { key: 'c48c7b62c93cefeeaad9904bbd62ea06c376199e' })));
+        return (h(Host, { key: '681977138d7984d09fce875a7de3ccf763dbe3f7' }, h("slot", { key: '8412278c7a9491758d6cc0b96b262b616a8ba04f' })));
     }
     static get style() { return RtkStageStyle0; }
 }, [1, "rtk-stage", {

package/dist/components/rtk-switch.js

@@ -1,4 +1,4 @@
-import { R as RtkSwitch$1, d as defineCustomElement$1 } from './p-3e58e0f3.js';
+import { R as RtkSwitch$1, d as defineCustomElement$1 } from './p-bcff8acc.js';
 
 const RtkSwitch = RtkSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-tab-bar.js

@@ -1,4 +1,4 @@
-import { R as RtkTabBar$1, d as defineCustomElement$1 } from './p-43d6a221.js';
+import { R as RtkTabBar$1, d as defineCustomElement$1 } from './p-d22fc130.js';
 
 const RtkTabBar = RtkTabBar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkTextComposerView$1, d as defineCustomElement$1 } from './p-4902c5cf.js';
+import { R as RtkTextComposerView$1, d as defineCustomElement$1 } from './p-08698341.js';
 
 const RtkTextComposerView = RtkTextComposerView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkTextMessageView$1, d as defineCustomElement$1 } from './p-6739a399.js';
+import { R as RtkTextMessageView$1, d as defineCustomElement$1 } from './p-8123217e.js';
 
 const RtkTextMessageView = RtkTextMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkTextMessage$1, d as defineCustomElement$1 } from './p-46d99dd9.js';
+import { R as RtkTextMessage$1, d as defineCustomElement$1 } from './p-41d43013.js';
 
 const RtkTextMessage = RtkTextMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-tooltip.js

@@ -1,4 +1,4 @@
-import { R as RtkMenu, d as defineCustomElement$1 } from './p-fb836f65.js';
+import { R as RtkMenu, d as defineCustomElement$1 } from './p-15156a2c.js';
 
 const RtkTooltip = RtkMenu;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-transcript.js

@@ -1,4 +1,4 @@
-import { R as RtkTranscript$1, d as defineCustomElement$1 } from './p-39e8b34a.js';
+import { R as RtkTranscript$1, d as defineCustomElement$1 } from './p-00551379.js';
 
 const RtkTranscript = RtkTranscript$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-transcripts.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, i as useLanguage, G as clone } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, w as writeTask, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, i as useLanguage, G as clone } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$2 } from './p-39e8b34a.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$2 } from './p-00551379.js';
 
 const rtkTranscriptsCss = ":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:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;justify-content:center;width:100%;z-index:5}rtk-transcript{margin-top:var(--rtk-space-2, 8px)}";
 const RtkTranscriptsStyle0 = rtkTranscriptsCss;

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

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig, f as defaultOverrides, u as uiStore, b as createPeerStore } from './p-e847fee9.js';
-import { d as deepMerge, p as provideRtkDesignSystem } from './p-da87cc71.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig, f as defaultOverrides, u as uiStore, b as createPeerStore } from './p-f19b4abc.js';
+import { d as deepMerge, p as provideRtkDesignSystem } from './p-583f9282.js';
 import './p-a83ccdbd.js';
 
 const rtkUiProviderCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";

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

@@ -1,4 +1,4 @@
-import { R as RtkViewerCount$1, d as defineCustomElement$1 } from './p-6ec01673.js';
+import { R as RtkViewerCount$1, d as defineCustomElement$1 } from './p-c6c4c24e.js';
 
 const RtkViewerCount = RtkViewerCount$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkVirtualizedParticipantList$1, d as defineCustomElement$1 } from './p-dc3143c0.js';
+import { R as RtkVirtualizedParticipantList$1, d as defineCustomElement$1 } from './p-1fd0aeb8.js';
 
 const RtkVirtualizedParticipantList = RtkVirtualizedParticipantList$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$2 } from './p-89eb65a9.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$2 } from './p-fa8cf270.js';
 
 const rtkWaitingScreenCss = ":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center}rtk-logo{margin-bottom:var(--rtk-space-8, 32px);height:var(--rtk-space-12, 48px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkWaitingScreenStyle0 = rtkWaitingScreenCss;
@@ -30,7 +30,7 @@ const RtkWaitingScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkWaitingScre
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '42ab084403fb118e17ca88c0aa9ca896d44893b7' }, h("slot", { key: 'd92a248417603793da8efb8d3b914f1730bd2fc0' }, h("div", { key: '45a4c570273ee8e070fea17c340c800859ee72e3', class: "centered", part: "content" }, h("rtk-logo", { key: '7c5fe652ea18ed2cac0c20351525250c83cf8a1d', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'a3ac66ef146ac1f04a9a8e912befa3de40d534a1' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: 'ac7096bd5df59387dcef15bbd4ef8955a4a42298' }, h("slot", { key: '6dd0f5b9555c956c1371311ef3c4ac8f661e9523' }, h("div", { key: '07925b636545e1196b10512cd504516df2cfbbf4', class: "centered", part: "content" }, h("rtk-logo", { key: '9b3fcf182d7c68aaf525a8170dbab9e59fc40404', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: '763a6403bc98a16f020101090bbed250041ae7cd' }, this.t('waitlist.body_text'))))));
     }
     static get style() { return RtkWaitingScreenStyle0; }
 }, [1, "rtk-waiting-screen", {