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

package/dist/components/rtk-breakout-rooms-toggle.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
 import { e as defaultIconPack, i as useLanguage, K as canToggleBreakout } from './p-f19b4abc.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkBreakoutRoomsToggleCss = ":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}";
 const RtkBreakoutRoomsToggleStyle0 = rtkBreakoutRoomsToggleCss;

package/dist/components/rtk-broadcast-message-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-b226a124.js';
+import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-512c4515.js';
 
 const RtkBroadcastMessageModal = RtkBroadcastMessageModal$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 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';
-import { d as defineCustomElement$5 } from './p-dd8a892e.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-dfdbb665.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
 import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkCameraToggleCss = ":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}:host([data-hidden]){display:none}";

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

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkCaptionToggleCss = ":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}";
 const RtkCaptionToggleStyle0 = rtkCaptionToggleCss;

package/dist/components/rtk-chat-composer-ui.js

@@ -3,11 +3,11 @@ import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import { r as reverse, h as handleFilesDataTransfer, d as replyBlockPattern, e as extractReplyBlock, s as stripOutReplyBlock, M as MAX_TEXT_LENGTH } from './p-0db812c2.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$7 } from './p-c9db1b82.js';
+import { d as defineCustomElement$7 } from './p-38ba07d0.js';
 import { d as defineCustomElement$6 } from './p-e229128b.js';
-import { d as defineCustomElement$5 } from './p-d029dd2f.js';
+import { d as defineCustomElement$5 } from './p-3577385a.js';
 import { d as defineCustomElement$4 } from './p-a3cc7425.js';
-import { d as defineCustomElement$3 } from './p-dfdbb665.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
 import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkChatComposerUiCss = ":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{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-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));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;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)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{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);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";

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

@@ -1,4 +1,4 @@
-import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-298aa8be.js';
+import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-fb5a823a.js';
 
 const RtkChatComposerView = RtkChatComposerView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-header.js

@@ -1,4 +1,4 @@
-import { R as RtkChatHeader$1, d as defineCustomElement$1 } from './p-e93218b8.js';
+import { R as RtkChatHeader$1, d as defineCustomElement$1 } from './p-5c4de4b9.js';
 
 const RtkChatHeader = RtkChatHeader$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-a8d77615.js';
+import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-4870263f.js';
 
 const RtkChatMessage = RtkChatMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui-paginated.js

@@ -1,4 +1,4 @@
-import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-881e5548.js';
+import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-526870e9.js';
 
 const RtkChatMessagesUiPaginated = RtkChatMessagesUiPaginated$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui.js

@@ -4,18 +4,18 @@ import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { d as differenceInMinutes, f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$e } from './p-c9db1b82.js';
+import { d as defineCustomElement$e } from './p-38ba07d0.js';
 import { d as defineCustomElement$d } from './p-e229128b.js';
 import { d as defineCustomElement$c } from './p-154bed23.js';
 import { d as defineCustomElement$b } from './p-a3cc7425.js';
-import { d as defineCustomElement$a } from './p-7384c20c.js';
-import { d as defineCustomElement$9 } from './p-27029836.js';
-import { d as defineCustomElement$8 } from './p-e7b7abfe.js';
-import { d as defineCustomElement$7 } from './p-cd6f04ae.js';
-import { d as defineCustomElement$6 } from './p-8a66a347.js';
-import { d as defineCustomElement$5 } from './p-2f68e7bb.js';
-import { d as defineCustomElement$4 } from './p-dfdbb665.js';
-import { d as defineCustomElement$3 } from './p-15d2291f.js';
+import { d as defineCustomElement$a } from './p-d0eb78a2.js';
+import { d as defineCustomElement$9 } from './p-61dcdd44.js';
+import { d as defineCustomElement$8 } from './p-d70fbc37.js';
+import { d as defineCustomElement$7 } from './p-b1723439.js';
+import { d as defineCustomElement$6 } from './p-0f39e8ae.js';
+import { d as defineCustomElement$5 } from './p-a339a693.js';
+import { d as defineCustomElement$4 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$3 } from './p-8123217e.js';
 import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkChatMessagesUiCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";

package/dist/components/rtk-chat-search-results.js

@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, 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-e334e15c.js';
-import { d as defineCustomElement$d } from './p-c9db1b82.js';
+import { d as defineCustomElement$d } from './p-38ba07d0.js';
 import { d as defineCustomElement$c } from './p-e229128b.js';
-import { d as defineCustomElement$b } from './p-a8d77615.js';
+import { d as defineCustomElement$b } from './p-4870263f.js';
 import { d as defineCustomElement$a } from './p-cd6656bf.js';
 import { d as defineCustomElement$9 } from './p-a3cc7425.js';
-import { d as defineCustomElement$8 } from './p-0a36cb4b.js';
-import { d as defineCustomElement$7 } from './p-e7b7abfe.js';
-import { d as defineCustomElement$6 } from './p-cd6f04ae.js';
-import { d as defineCustomElement$5 } from './p-8a66a347.js';
-import { d as defineCustomElement$4 } from './p-c3bfa8f1.js';
-import { d as defineCustomElement$3 } from './p-dfdbb665.js';
-import { d as defineCustomElement$2 } from './p-4a5d3b4c.js';
+import { d as defineCustomElement$8 } from './p-2f56d366.js';
+import { d as defineCustomElement$7 } from './p-d70fbc37.js';
+import { d as defineCustomElement$6 } from './p-b1723439.js';
+import { d as defineCustomElement$5 } from './p-0f39e8ae.js';
+import { d as defineCustomElement$4 } from './p-4a8d69ae.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$2 } from './p-41d43013.js';
 
 const rtkChatSearchResultsCss = ":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%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;

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

@@ -1,4 +1,4 @@
-import { R as RtkChatSelector$1, d as defineCustomElement$1 } from './p-c9ee0428.js';
+import { R as RtkChatSelector$1, d as defineCustomElement$1 } from './p-528cc24e.js';
 
 const RtkChatSelector = RtkChatSelector$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import { c as canViewChat } from './p-8cea6257.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkChatToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-7f71b3c7.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-8a0106ed.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar-button.js

@@ -1,4 +1,4 @@
-import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-dd8a892e.js';
+import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-da13b457.js';
 
 const RtkControlbarButton = RtkControlbarButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
 import { i as useLanguage, e as defaultIconPack } from './p-f19b4abc.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkDebuggerToggleCss = ":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}";
 const RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;

package/dist/components/rtk-dialog-manager.js

@@ -2,11 +2,11 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
 import { R as Render } from './p-f3c261ec.js';
-import { d as defineCustomElement$n } from './p-c9db1b82.js';
-import { d as defineCustomElement$m } from './p-4a1144e2.js';
-import { d as defineCustomElement$l } from './p-52d9029f.js';
-import { d as defineCustomElement$k } from './p-45a9a385.js';
-import { d as defineCustomElement$j } from './p-b226a124.js';
+import { d as defineCustomElement$n } from './p-38ba07d0.js';
+import { d as defineCustomElement$m } from './p-2281c2c4.js';
+import { d as defineCustomElement$l } from './p-2c66d025.js';
+import { d as defineCustomElement$k } from './p-6c0eb5d7.js';
+import { d as defineCustomElement$j } from './p-512c4515.js';
 import { d as defineCustomElement$i } from './p-e229128b.js';
 import { d as defineCustomElement$h } from './p-b2d5329f.js';
 import { d as defineCustomElement$g } from './p-2976fcb0.js';
@@ -18,11 +18,11 @@ import { d as defineCustomElement$b } from './p-dacaa250.js';
 import { d as defineCustomElement$a } from './p-eff3c856.js';
 import { d as defineCustomElement$9 } from './p-a3cc7425.js';
 import { d as defineCustomElement$8 } from './p-ecbb4e46.js';
-import { d as defineCustomElement$7 } from './p-22827c53.js';
-import { d as defineCustomElement$6 } from './p-a6c93f34.js';
-import { d as defineCustomElement$5 } from './p-b3240843.js';
-import { d as defineCustomElement$4 } from './p-7f3bfc54.js';
-import { d as defineCustomElement$3 } from './p-dfdbb665.js';
+import { d as defineCustomElement$7 } from './p-81658a62.js';
+import { d as defineCustomElement$6 } from './p-1186c3c8.js';
+import { d as defineCustomElement$5 } from './p-c0de7320.js';
+import { d as defineCustomElement$4 } from './p-f517e595.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
 import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkDialogManagerCss = ":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}";

package/dist/components/rtk-emoji-picker.js

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-d029dd2f.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-3577385a.js';
 
 const RtkEmojiPicker = RtkEmojiPicker$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/rtk-grid.js

@@ -5,12 +5,12 @@ import { R as Render } from './p-f3c261ec.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { d as defineCustomElement$9 } from './p-e229128b.js';
-import { d as defineCustomElement$8 } from './p-dd8a892e.js';
-import { d as defineCustomElement$7 } from './p-6ac87493.js';
+import { d as defineCustomElement$8 } from './p-da13b457.js';
+import { d as defineCustomElement$7 } from './p-d0b9b4a1.js';
 import { d as defineCustomElement$6 } from './p-a3cc7425.js';
 import { d as defineCustomElement$5 } from './p-6e373d96.js';
-import { d as defineCustomElement$4 } from './p-2232de67.js';
-import { d as defineCustomElement$3 } from './p-dfdbb665.js';
+import { d as defineCustomElement$4 } from './p-a6c17b0d.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
 import { d as defineCustomElement$2 } from './p-c6c4c24e.js';
 
 const rtkGridCss = ":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;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{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))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";

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

@@ -4,9 +4,9 @@ import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
 import { d as defineCustomElement$4 } from './p-a3cc7425.js';
 import { d as defineCustomElement$3 } from './p-fa8cf270.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
-const rtkIdleScreenCss = ":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}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
+const rtkIdleScreenCss = ":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}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}.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)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -30,20 +30,67 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
+        this.socketStateUpdate = ({ state }) => {
+            var _a;
+            this.connectionState = state;
+            if (state === 'connected') {
+                if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.joinError)) {
+                    this.joinError = undefined;
+                }
+            }
+        };
+    }
+    connectedCallback() {
+        this.meetingChanged(this.meeting, undefined);
+        this.statesChanged(this.states);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.removeListener('socketConnectionUpdate', this.socketStateUpdate);
+    }
+    meetingChanged(meeting, oldMeeting) {
+        var _a, _b, _c, _d;
+        (_a = oldMeeting === null || oldMeeting === void 0 ? void 0 : oldMeeting.meta) === null || _a === void 0 ? void 0 : _a.removeListener('socketConnectionUpdate', this.socketStateUpdate);
+        if (!meeting)
+            return;
+        this.connectionState = (_c = (_b = meeting.meta) === null || _b === void 0 ? void 0 : _b.socketState) === null || _c === void 0 ? void 0 : _c.state;
+        (_d = meeting.meta) === null || _d === void 0 ? void 0 : _d.addListener('socketConnectionUpdate', this.socketStateUpdate);
+    }
+    statesChanged(states) {
+        this.joinError = states === null || states === void 0 ? void 0 : states.joinError;
     }
     render() {
-        return (h(Host, { key: '40d0feae613a4df0b10179faa2b08389305c6f93' }, h("slot", { key: 'ea791fce784fbd1fbd2642b3b51ebdcc8ad6ad57' }, h("div", { key: '224e0e8d68c3650f923637aefd7a318186ceea5e', class: "ctr", part: "container" }, h("rtk-logo", { key: '2d5c44766521abc60ba50a64f66349d5de7b19df', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: 'aa9bc5a73a4cb9d70e3a44303cb3cd96da8b4c5f', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        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');
+        return (h(Host, { key: '5b33a77fbe2d968dc0c54d7c6ff3894202df0d94' }, h("slot", { key: 'eac40b23ef0198400c376606a1e5ff575c4b9014' }, h("div", { key: '121ffb27b1e9c35dd8b15f0eb6a25c00226416ac', class: "ctr", part: "container" }, h("rtk-logo", { key: 'eb2230d7dc1915df6469427767a9beab5dd63eb3', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), this.joinError || showSocketError ? (h("div", { class: "no-network-badge", part: "network-badge" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected, part: "network-badge-icon" }), errorText)) : (h("rtk-spinner", { "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack }))))));
     }
+    static get watchers() { return {
+        "meeting": ["meetingChanged"],
+        "states": ["statesChanged"]
+    }; }
     static get style() { return RtkIdleScreenStyle0; }
 }, [1, "rtk-idle-screen", {
         "meeting": [16],
+        "states": [16],
         "config": [16],
         "iconPack": [16],
-        "t": [16]
+        "t": [16],
+        "joinError": [32],
+        "connectionState": [32]
+    }, undefined, {
+        "meeting": ["meetingChanged"],
+        "states": ["statesChanged"]
     }]);
 __decorate([
     SyncWithStore()
 ], RtkIdleScreen$1.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkIdleScreen$1.prototype, "states", void 0);
 __decorate([
     SyncWithStore()
 ], RtkIdleScreen$1.prototype, "config", void 0);

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

@@ -1,4 +1,4 @@
-import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-7384c20c.js';
+import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-d0eb78a2.js';
 
 const RtkImageMessageView = RtkImageMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkImageMessage$1, d as defineCustomElement$1 } from './p-0a36cb4b.js';
+import { R as RtkImageMessage$1, d as defineCustomElement$1 } from './p-2f56d366.js';
 
 const RtkImageMessage = RtkImageMessage$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -45,7 +45,7 @@ const RtkImageViewer$1 = /*@__PURE__*/ proxyCustomElement(class RtkImageViewer e
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (h(Host, { key: 'acc8177db46e15ade6c2f3075f279c8c3988a4f3', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '7a23fb3aa24af5ef8b33dd14c66f2ac1e5255802', class: "header" }, h("div", { key: '82d366ad49fea73de798f92160e1b809a5306b47', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '5191aa77188b51476e336593a496571bf4f2390a', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: '474e7c9c18c32ef436c438773441493e558c5e25', class: "actions" }, h("rtk-button", { key: 'ea99890082dd4f845b62e54cb4561441680a5a24', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '751cf425e99042a766bc704ced8defd36e24e1f6', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '912d4de32bf5fb125d8252cd296881e8b4ccf7b8', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: 'a5c7aa6c55d0595663a9594f0af4cee1b335fa97', icon: this.iconPack.dismiss })))), h("div", { key: '67faa06093b2a4ac937b717ab86fccca70f1d4cc', class: "image-ctr" }, h("img", { key: 'c7c16e869e3a52213e52e6178feecf27142ad47a', src: this.image.link }))));
+        return (h(Host, { key: '6f8bcc73b18fd868c085d6447ced2ecb24e42325', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '11f7ad8c7e89442c0d257c57144a5408d90a178a', class: "header" }, h("div", { key: 'e9d10589aa9ceb961a34e55f74238a17632c4baf', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '3d37f78f6f9c7a92a91bdc18086e24d2818e9ed8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'c551cd3d122d1be1076963de15b3f1d76520151c', class: "actions" }, h("rtk-button", { key: '5433bb1fb5e6dac6925d3116d4836b00cb4c69e1', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '93ed055d68686903014fd5ebaee3330643a91859', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: 'e77e1d1cbd4daaa09f133cf4ca54efcea74fd7b2', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: '8884eb7345fd6903e00c1c7f86c51abe499066e9', icon: this.iconPack.dismiss })))), h("div", { key: 'b223cb91a00ce7967efe5ebcd1f0c680567ba098', class: "image-ctr" }, h("img", { key: 'b4ffa73bd05908314cb164302e51621a64fa074e', src: this.image.link }))));
     }
     static get style() { return RtkImageViewerStyle0; }
 }, [1, "rtk-image-viewer", {

package/dist/components/rtk-information-tooltip.js

@@ -26,7 +26,7 @@ const RtkInformationTooltip$1 = /*@__PURE__*/ proxyCustomElement(class RtkInform
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: '3e3207d5059a14b2a2b151c9cb5577b36ac39fff' }, h("div", { key: 'fc625cfac8b2a17c80305b4139a7cf91ca104ebe', class: "tooltip-container" }, h("rtk-icon", { key: '6c95270afa8b710a440e8fb4da48519815a1eb81', icon: this.iconPack.info, size: "sm" }), h("div", { key: '85503111223374aec843ba59d3b83f56acfbba96', class: "tooltip" }, h("slot", { key: '1a2c0de0c24f2418dc83d3c5139bbaefd1909715', name: "tootlip-text" })))));
+        return (h(Host, { key: 'f6ceb562ad29d9bcafe1faaa7f8680cb968509bf' }, h("div", { key: 'f4136f844d6ba57d43e4af5aae03a54a8d439028', class: "tooltip-container" }, h("rtk-icon", { key: 'c6ddee8984ae5f6560484b970bdc10a832be06ec', icon: this.iconPack.info, size: "sm" }), h("div", { key: '78e4eefcd29ee99dcc9fba0cbf015b39b0097348', class: "tooltip" }, h("slot", { key: '1561ac818363c0cbb031a4b4a10d1a56a1dbe379', name: "tootlip-text" })))));
     }
     static get style() { return RtkInformationTooltipStyle0; }
 }, [1, "rtk-information-tooltip", {

package/dist/components/rtk-leave-button.js

@@ -1,9 +1,9 @@
 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';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkLeaveButtonCss = ":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}";
 const RtkLeaveButtonStyle0 = rtkLeaveButtonCss;
@@ -36,7 +36,7 @@ const RtkLeaveButton$1 = /*@__PURE__*/ proxyCustomElement(class RtkLeaveButton e
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: 'ba1140c49eac63f9121a5b91f2a437b27e7e7d5e', label: text }, h("rtk-controlbar-button", { key: '1cc8dac1ea7130c47364c966af69c2d9dad3f96f', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: 'f9d5f5cbd3323721da299d2422fee1bd17c65535', label: text }, h("rtk-controlbar-button", { key: 'f33758dc5b8d3f31cfeefed9b7fd8e0a10b9fd76', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
     static get style() { return RtkLeaveButtonStyle0; }
 }, [1, "rtk-leave-button", {

package/dist/components/rtk-leave-meeting.js

@@ -1,4 +1,4 @@
-import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-22827c53.js';
+import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-81658a62.js';
 
 const RtkLeaveMeeting = RtkLeaveMeeting$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-player.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-2232de67.js';
+import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-a6c17b0d.js';
 
 const RtkLivestreamPlayer = RtkLivestreamPlayer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 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 isLiveStreamHost } from './p-f19b4abc.js';
 import { S as SyncWithStore } from './p-e334e15c.js';
-import { d as defineCustomElement$4 } from './p-dd8a892e.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
 import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-dfdbb665.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkLivestreamToggleCss = ":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}:host([data-hidden]){display:none}";
 const RtkLivestreamToggleStyle0 = rtkLivestreamToggleCss;

package/dist/components/rtk-markdown-view.js

@@ -1,4 +1,4 @@
-import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-27029836.js';
+import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-61dcdd44.js';
 
 const RtkMarkdownView = RtkMarkdownView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting.js

@@ -5,30 +5,30 @@ import { R as Render } from './p-f3c261ec.js';
 import { g as generateConfig } from './p-73db39b8.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
-import { d as defineCustomElement$q } from './p-c9db1b82.js';
+import { d as defineCustomElement$q } from './p-38ba07d0.js';
 import { d as defineCustomElement$p } from './p-e229128b.js';
-import { d as defineCustomElement$o } from './p-7f71b3c7.js';
-import { d as defineCustomElement$n } from './p-298aa8be.js';
-import { d as defineCustomElement$m } from './p-e93218b8.js';
-import { d as defineCustomElement$l } from './p-881e5548.js';
-import { d as defineCustomElement$k } from './p-c9ee0428.js';
+import { d as defineCustomElement$o } from './p-8a0106ed.js';
+import { d as defineCustomElement$n } from './p-fb5a823a.js';
+import { d as defineCustomElement$m } from './p-5c4de4b9.js';
+import { d as defineCustomElement$l } from './p-526870e9.js';
+import { d as defineCustomElement$k } from './p-528cc24e.js';
 import { d as defineCustomElement$j } from './p-e0ef3893.js';
-import { d as defineCustomElement$i } from './p-d029dd2f.js';
+import { d as defineCustomElement$i } from './p-3577385a.js';
 import { d as defineCustomElement$h } from './p-9e1478a0.js';
 import { d as defineCustomElement$g } from './p-154bed23.js';
 import { d as defineCustomElement$f } from './p-06de876f.js';
 import { d as defineCustomElement$e } from './p-a3cc7425.js';
-import { d as defineCustomElement$d } from './p-7384c20c.js';
-import { d as defineCustomElement$c } from './p-27029836.js';
-import { d as defineCustomElement$b } from './p-e7b7abfe.js';
-import { d as defineCustomElement$a } from './p-cd6f04ae.js';
-import { d as defineCustomElement$9 } from './p-8a66a347.js';
-import { d as defineCustomElement$8 } from './p-2f68e7bb.js';
-import { d as defineCustomElement$7 } from './p-c3bfa8f1.js';
-import { d as defineCustomElement$6 } from './p-c39c6e12.js';
-import { d as defineCustomElement$5 } from './p-dfdbb665.js';
-import { d as defineCustomElement$4 } from './p-7adb3504.js';
-import { d as defineCustomElement$3 } from './p-15d2291f.js';
+import { d as defineCustomElement$d } from './p-d0eb78a2.js';
+import { d as defineCustomElement$c } from './p-61dcdd44.js';
+import { d as defineCustomElement$b } from './p-d70fbc37.js';
+import { d as defineCustomElement$a } from './p-b1723439.js';
+import { d as defineCustomElement$9 } from './p-0f39e8ae.js';
+import { d as defineCustomElement$8 } from './p-a339a693.js';
+import { d as defineCustomElement$7 } from './p-4a8d69ae.js';
+import { d as defineCustomElement$6 } from './p-6857797f.js';
+import { d as defineCustomElement$5 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$4 } from './p-08698341.js';
+import { d as defineCustomElement$3 } from './p-8123217e.js';
 import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const sm = 640;
@@ -68,7 +68,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
         this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
-            this.updateStates({ meeting: 'joined' });
+            this.updateStates({ meeting: 'joined', joinError: undefined });
         };
         this.waitlistedListener = () => {
             this.updateStates({ meeting: 'waiting' });
@@ -277,7 +277,15 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 this.updateStates({ meeting: 'setup' });
             }
             else {
-                meeting.joinRoom();
+                meeting
+                    .joinRoom()
+                    .then(() => {
+                    this.updateStates({ joinError: undefined });
+                })
+                    .catch((err) => {
+                    const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : this.t('network.lost_extended');
+                    this.updateStates({ joinError: message });
+                });
             }
         }
         window.removeEventListener('rtkError', this.authErrorListener);

package/dist/components/rtk-menu-item.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-cd6f04ae.js';
+import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-b1723439.js';
 
 const RtkMenuItem = RtkMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu-list.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-8a66a347.js';
+import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-0f39e8ae.js';
 
 const RtkMenuList = RtkMenuList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu.js

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