@cloudflare/realtimekit-ui 1.2.1-staging.4 → 1.2.1-staging.6

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-8c88e8bd.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
 import { d as debounce_1 } from './debounce-0169a54d.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.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}}";
@@ -196,7 +196,11 @@ const RtkGrid = class {
                 .filter((participant) => participant.screenShareEnabled);
             this.plugins = (plugins === null || plugins === void 0 ? void 0 : plugins.active.toArray()) || [];
             if (permissions === null || permissions === void 0 ? void 0 : permissions.stageEnabled) {
-                this.canCurrentPeerHost = permissions.acceptStageRequests || permissions.canPresent;
+                this.canCurrentPeerHost =
+                    permissions.acceptStageRequests ||
+                        permissions.canProduceAudio === 'ALLOWED' ||
+                        permissions.canProduceVideo === 'ALLOWED' ||
+                        permissions.canProduceScreenshare === 'ALLOWED';
                 this.updateStage();
             }
             this.hidden = meeting.self.hidden;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkHeaderCss = ":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:var(--rtk-space-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;

package/dist/esm/rtk-idle-screen.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.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)}.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)}.error-state{display:flex;width:100%;flex-direction:column;align-items:center}.troubleshoot-link{margin-top:var(--rtk-space-1, 4px);font-size:12px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.troubleshoot-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.error-code{margin-top:var(--rtk-space-1, 4px);font-size:10px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}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;

package/dist/esm/rtk-image-viewer.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { i as useLanguage, e as defaultIconPack } from './ui-store-8c88e8bd.js';
+import { i as useLanguage, e as defaultIconPack } from './ui-store-76bb0e8e.js';
 import { d as downloadFile } from './file-6114f1a9.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 import { f as formatName, a as shorten } from './string-068ce30a.js';
 
 const rtkImageViewerCss = ":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{width:1140px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-6, 24px);padding-top:var(--rtk-space-5, 20px);overflow-y:auto;color:rgb(var(--rtk-colors-text-1000, 255 255 255));z-index:40;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))}.displayName{font-weight:700}.image-ctr{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}img{box-sizing:border-box;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--rtk-space-4, 16px)}.shared-by-user{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']) .header{flex-direction:column}:host([size='sm']) .header .actions{margin-top:var(--rtk-space-4, 16px)}";

package/dist/esm/rtk-information-tooltip.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { S as SyncWithStore } from './index-674e5834.js';
-import { e as defaultIconPack } from './ui-store-8c88e8bd.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
 
 const rtkInformationTooltipCss = ":host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer}.tooltip-container{position:relative;display:flex;flex-direction:row;align-items:center}.tooltip-container rtk-icon{cursor:pointer;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.tooltip-container rtk-icon:hover+.tooltip{display:flex !important}.tooltip{position:absolute;margin-left:var(--rtk-space-2, 8px);display:none !important;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));padding:var(--rtk-space-2, 8px);font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));z-index:50;display:flex;min-width:var(--rtk-space-60, 240px);flex-direction:column;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);left:14px}";
 const RtkInformationTooltipStyle0 = rtkInformationTooltipCss;

package/dist/esm/rtk-leave-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.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;

package/dist/esm/rtk-livestream-indicator_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, d as createEvent, g as getElement } from './index-55463a54.js';
-import { i as useLanguage, e as defaultIconPack, N as showLivestream, R as PlayerState, T as getLivestreamViewerAllowedQualityLevels } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { i as useLanguage, e as defaultIconPack, N as showLivestream, R as PlayerState, T as getLivestreamViewerAllowedQualityLevels } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.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([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;
@@ -585,7 +585,7 @@ function enableLogs(debugConfig, context, id) {
     // Some browsers don't allow to use bind on console object anyway
     // fallback to default if needed
     try {
-      newLogger.log(`Debug logs enabled for "${context}" in hls.js version ${"1.6.15"}`);
+      newLogger.log(`Debug logs enabled for "${context}" in hls.js version ${"1.6.16"}`);
     } catch (e) {
       /* log fn threw an exception. All logger methods are no-ops. */
       return createLogger();
@@ -9544,6 +9544,23 @@ class BaseStreamController extends TaskLoop {
     }
     return Math.min(maxBufLen, config.maxMaxBufferLength);
   }
+  exceedsMaxBuffer(bufferInfo, maxBufLen, selected) {
+    const nextStart = bufferInfo.nextStart;
+    if (nextStart && selected.start > nextStart) {
+      const bufferedRanges = bufferInfo.buffered;
+      if (bufferedRanges) {
+        let fullBufferLength = bufferInfo.len;
+        const bufferedIndex = bufferInfo.bufferedIndex;
+        for (let i = bufferedRanges.length - 1; i > bufferedIndex; i--) {
+          if (bufferedRanges[i].start < selected.start) {
+            fullBufferLength += bufferedRanges[i].end - bufferedRanges[i].start;
+          }
+        }
+        return fullBufferLength >= maxBufLen;
+      }
+    }
+    return false;
+  }
   reduceMaxBufferLength(threshold, fragDuration) {
     const config = this.config;
     const minLength = Math.max(Math.min(threshold - fragDuration, config.maxBufferLength), fragDuration);
@@ -9574,7 +9591,7 @@ class BaseStreamController extends TaskLoop {
     const {
       config
     } = this;
-    const start = fragments[0].start;
+    const playlistStart = levelDetails.fragmentStart;
     const canLoadParts = config.lowLatencyMode && !!levelDetails.partList;
     let frag = null;
     if (levelDetails.live) {
@@ -9587,20 +9604,43 @@ class BaseStreamController extends TaskLoop {
       // In order to discover the range, we load the best matching fragment for that level and demux it.
       // Do not load using live logic if the starting frag is requested - we want to use getFragmentAtPosition() so that
       // we get the fragment matching that start time
-      if (!levelDetails.PTSKnown && !this.startFragRequested && this.startPosition === -1 || pos < start) {
+      if (!levelDetails.PTSKnown && !this.startFragRequested && this.startPosition === -1 || pos < playlistStart) {
         var _frag;
         if (canLoadParts && !this.loadingParts) {
           this.log(`LL-Part loading ON for initial live fragment`);
           this.loadingParts = true;
         }
         frag = this.getInitialLiveFragment(levelDetails);
+        const configValue = this.config.startPosition;
         const mainStart = this.hls.startPosition;
         const liveSyncPosition = this.hls.liveSyncPosition;
-        const startPosition = frag ? (mainStart !== -1 && mainStart >= start ? mainStart : liveSyncPosition) || frag.start : pos;
-        this.log(`Setting startPosition to ${startPosition} to match start frag at live edge. mainStart: ${mainStart} liveSyncPosition: ${liveSyncPosition} frag.start: ${(_frag = frag) == null ? void 0 : _frag.start}`);
-        this.startPosition = this.nextLoadPosition = startPosition;
+        const fragStart = ((_frag = frag) == null ? void 0 : _frag.start) || 0;
+        let startPosition;
+        let reason;
+        if (mainStart !== -1 && mainStart >= playlistStart) {
+          startPosition = mainStart;
+          reason = mainStart === configValue ? 'config' : 'next load start';
+        } else if (liveSyncPosition !== null) {
+          startPosition = liveSyncPosition;
+          reason = 'live edge';
+        } else {
+          startPosition = pos;
+          reason = 'buffer pos';
+        }
+        if (startPosition < fragStart) {
+          startPosition = fragStart;
+          reason = 'live frag start';
+        }
+        if (startPosition < playlistStart) {
+          startPosition = playlistStart;
+          reason = 'playlist start';
+        }
+        if (this.startPosition != startPosition || this.nextLoadPosition != startPosition) {
+          this.log(`Setting startPosition to ${startPosition.toFixed(3)} ${mainStart === -1 ? '' : `(from ${configValue}) `}based on ${reason}. live edge: ${liveSyncPosition} live frag start: ${fragStart.toFixed(3)} playlist start: ${playlistStart.toFixed(3)} buffer pos: ${pos}`);
+          this.startPosition = this.nextLoadPosition = startPosition;
+        }
       }
-    } else if (pos <= start) {
+    } else if (pos <= playlistStart) {
       // VoD playlist: if loadPosition before start of playlist, load first fragment
       frag = fragments[0];
     }
@@ -9618,8 +9658,11 @@ class BaseStreamController extends TaskLoop {
     return this.mapToInitFragWhenRequired(programFrag);
   }
   isLoopLoading(frag, targetBufferTime) {
+    if (this.nextLoadPosition <= targetBufferTime) {
+      return false;
+    }
     const trackerState = this.fragmentTracker.getState(frag);
-    return (trackerState === FragmentState.OK || trackerState === FragmentState.PARTIAL && !!frag.gap) && this.nextLoadPosition > targetBufferTime;
+    return trackerState === FragmentState.OK || trackerState === FragmentState.PARTIAL && !!frag.gap;
   }
   getNextFragmentLoopLoading(frag, levelDetails, bufferInfo, playlistType, maxBufLen) {
     let nextFragment = null;
@@ -9752,8 +9795,10 @@ class BaseStreamController extends TaskLoop {
     if (fragPrevious) {
       if (levelDetails.hasProgramDateTime) {
         // Prefer using PDT, because it can be accurate enough to choose the correct fragment without knowing the level sliding
-        this.log(`Live playlist, switching playlist, load frag with same PDT: ${fragPrevious.programDateTime}`);
         frag = findFragmentByPDT(fragments, fragPrevious.endProgramDateTime, this.config.maxFragLookUpTolerance);
+        if (frag) {
+          this.log(`Live playlist, switching playlist, load frag with same PDT: ${fragPrevious.programDateTime}`);
+        }
       }
       if (!frag) {
         // SN does not need to be accurate between renditions, but depending on the packaging it may be so.
@@ -10608,7 +10653,7 @@ function requireEventemitter3 () {
 var eventemitter3Exports = requireEventemitter3();
 var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
 
-const version = "1.6.15";
+const version = "1.6.16";
 
 // ensure the worker ends up in the bundle
 // If the worker should not be included this gets aliased to empty.js
@@ -17164,6 +17209,9 @@ class AudioStreamController extends BaseStreamController {
       this.bufferFlushed = true;
       return;
     }
+    if (this.exceedsMaxBuffer(bufferInfo, maxBufLen, frag)) {
+      return;
+    }
 
     // Request audio segments up to one fragment ahead of main stream-controller
     let mainFragLoading = ((_this$mainFragLoading2 = this.mainFragLoading) == null ? void 0 : _this$mainFragLoading2.frag) || null;
@@ -25236,6 +25284,9 @@ class InterstitialsController extends Logger {
         return;
       }
       const backwardSeek = diff <= -0.01;
+      if (this.timelinePos === -1 && !this.effectivePlayingItem) {
+        this.checkStart();
+      }
       this.timelinePos = currentTime;
       this.bufferedPos = currentTime;
 
@@ -25308,6 +25359,9 @@ class InterstitialsController extends Logger {
       if (currentTime === undefined || this.playbackDisabled) {
         return;
       }
+      if (this.timelinePos === -1 && !this.effectivePlayingItem) {
+        this.checkStart();
+      }
 
       // Only allow timeupdate to advance primary position, seeking is used for jumping back
       // this prevents primaryPos from being reset to 0 after re-attach
@@ -26030,17 +26084,25 @@ Schedule: ${scheduleItems.map(seg => segmentToString(seg))} pos: ${this.timeline
     const effectivePlayingItem = this.effectivePlayingItem;
     if (timelinePos === -1) {
       const startPosition = this.hls.startPosition;
-      this.log(timelineMessage('checkStart', startPosition));
       this.timelinePos = startPosition;
-      if (interstitialEvents.length && interstitialEvents[0].cue.pre) {
+      if (interstitialEvents.length === 0) {
+        this.setSchedulePosition(0);
+      } else if (interstitialEvents[0].cue.pre) {
+        this.log(timelineMessage('checkStart (preroll)', startPosition));
         const index = schedule.findEventIndex(interstitialEvents[0].identifier);
         this.setSchedulePosition(index);
       } else if (startPosition >= 0 || !this.primaryLive) {
+        this.log(timelineMessage('checkStart', startPosition));
         const start = this.timelinePos = startPosition > 0 ? startPosition : 0;
         const index = schedule.findItemIndexAtTime(start);
         this.setSchedulePosition(index);
+      } else if (this.hls.liveSyncPosition === 0) {
+        this.setSchedulePosition(0);
+      } else {
+        this.log('[checkStart] waiting for live start');
       }
     } else if (effectivePlayingItem && !this.playingItem) {
+      this.log(timelineMessage('checkStart (playing item)', effectivePlayingItem.start));
       const index = schedule.findItemIndex(effectivePlayingItem);
       this.setSchedulePosition(index);
     }
@@ -33742,6 +33804,9 @@ class StreamController extends BaseStreamController {
     if (!frag) {
       return;
     }
+    if (this.exceedsMaxBuffer(bufferInfo, maxBufLen, frag)) {
+      return;
+    }
     if (frag.initSegment && !frag.initSegment.data && !this.bitrateTest) {
       frag = frag.initSegment;
     }
@@ -33783,6 +33848,14 @@ class StreamController extends BaseStreamController {
   immediateLevelSwitch() {
     this.abortCurrentFrag();
     this.flushMainBuffer(0, Number.POSITIVE_INFINITY);
+    if (this.altAudio !== 0) {
+      var _this$getLevelDetails;
+      // If behind the live window, remove audio too to keep buffered media aligned
+      const liveWindowStart = ((_this$getLevelDetails = this.getLevelDetails()) == null ? void 0 : _this$getLevelDetails.fragmentStart) || 0;
+      if (liveWindowStart > this.lastCurrentTime) {
+        super.flushMainBuffer(0, Number.POSITIVE_INFINITY, 'audio');
+      }
+    }
   }
 
   /**

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, F as isLiveStreamHost } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage, F as isLiveStreamHost } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.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/esm/rtk-logo.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { c as createDefaultConfig, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkLogoCss = ":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:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkLogoStyle0 = rtkLogoCss;

package/dist/esm/rtk-meeting-title.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkMeetingTitleCss = ":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{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";
 const RtkMeetingTitleStyle0 = rtkMeetingTitleCss;

package/dist/esm/rtk-message-list-view.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, e as writeTask, h } from './index-55463a54.js';
-import { e as defaultIconPack } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
-import { d as debounce } from './debounce-76bf7eef.js';
+import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { d as debounce } from './debounce-296a3316.js';
 
 const rtkMessageListViewCss = ":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)))}.loading{cursor:wait}.content-wrapper{height:100%;overflow-y:auto;position:relative;contain:strict}.scroller{width:1px;opacity:0}.content{position:absolute;top:0;width:100%}.smallest-dom-element{width:100%;height:2px;background:red}.loader{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;justify-content:center}";
 const RtkMessageListViewStyle0 = rtkMessageListViewCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkMicToggleCss = ":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}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMicToggleStyle0 = rtkMicToggleCss;

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkMixedGridCss = ":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%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";
 const RtkMixedGridStyle0 = rtkMixedGridCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkMoreToggleCss = ":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:visible}.more-menu{position:absolute;right:calc(var(--rtk-space-24, 96px) * -1);bottom:var(--rtk-space-16, 64px);z-index:50;margin-bottom:var(--rtk-space-3, 12px);box-sizing:border-box;max-height:60vh;width:var(--rtk-space-64, 256px);overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;display:flex;flex-direction:column;align-items:stretch}:host([size='sm']) .more-menu{bottom:var(--rtk-space-10, 40px)}.more-menu::-webkit-scrollbar{height:var(--rtk-space-0, 0px);width:var(--rtk-space-1\\.5, 6px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.more-menu::-webkit-scrollbar-thumb{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))}";
 const RtkMoreToggleStyle0 = rtkMoreToggleCss;

package/dist/esm/rtk-mute-all-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkMuteAllButtonCss = ":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 RtkMuteAllButtonStyle0 = rtkMuteAllButtonCss;

package/dist/esm/rtk-name-tag.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
 import { a as shorten, f as formatName } from './string-068ce30a.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.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/esm/rtk-network-indicator.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkNetworkIndicatorCss = ":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:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}rtk-icon{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;height:100%;width:100%;--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.bg-signal{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:0;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}";
 const RtkNetworkIndicatorStyle0 = rtkNetworkIndicatorCss;

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
-import { T as TextMessageView } from './TextMessage-31a1055f.js';
-import './chat-e5f7c9a9.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { T as TextMessageView } from './TextMessage-2acfc44b.js';
+import './chat-269c61ba.js';
 
 const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-2, 8px);max-width:var(--rtk-space-72, 288px) !important;font-size:14px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px)}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkNotificationStyle0 = rtkNotificationCss;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, e as writeTask, h, a as Host, g as getElement } from './index-55463a54.js';
 import { R as RTKNotificationsAudio } from './notification-1ebf7700.js';
 import { f as formatName } from './string-068ce30a.js';
-import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, N as showLivestream } from './ui-store-8c88e8bd.js';
-import { f as parseMessageForTarget } from './chat-e5f7c9a9.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, N as showLivestream } from './ui-store-76bb0e8e.js';
+import { f as parseMessageForTarget } from './chat-269c61ba.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 import './browser-24d8ab3e.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
@@ -335,7 +335,7 @@ const RtkNotifications = class {
                             button: {
                                 text: this.t('end'),
                                 variant: 'danger',
-                                onClick: () => { var _a; return (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom(); },
+                                onClick: () => { var _a; return (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leave(); },
                             },
                         });
                     }
@@ -357,7 +357,7 @@ const RtkNotifications = class {
                         button: {
                             text: this.t('end'),
                             variant: 'danger',
-                            onClick: () => { var _a; return (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom(); },
+                            onClick: () => { var _a; return (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leave(); },
                         },
                     });
                     break;

package/dist/esm/rtk-participant-count.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkParticipantCountCss = ":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;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkParticipantCountStyle0 = rtkParticipantCountCss;

package/dist/esm/rtk-participant-setup.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkParticipantSetupCss = ":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;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}";
 const RtkParticipantSetupStyle0 = rtkParticipantSetupCss;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig } from './ui-store-8c88e8bd.js';
+import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig } from './ui-store-76bb0e8e.js';
 import { l as lenChildren, R as Render } from './index-3f51790f.js';
 import { f as formatName, a as shorten } from './string-068ce30a.js';
-import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './floating-ui.dom.esm-21c3d54e.js';
-import { S as SyncWithStore } from './index-674e5834.js';
-import { d as debounce } from './debounce-76bf7eef.js';
+import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './floating-ui.dom.esm-78a1e61c.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { d as debounce } from './debounce-296a3316.js';
 
 const rtkParticipantCss = ":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;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}";
 const RtkParticipantStyle0 = rtkParticipantCss;
@@ -242,10 +242,10 @@ const RtkParticipant = class {
                 ? this.iconPack.leave_stage
                 : this.iconPack.join_stage, slot: "start" }), this.isOnStage
             ? this.t('stage.remove_from_stage')
-            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '94ab4ac5ff623120259eefc4fde3d1cfc3906be9', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
-                var _a, _b;
-                (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.kick((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id);
-            } }, h("rtk-icon", { key: '89366c87999b7cba4437999d99c36fea55da52a7', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '05bc7bda52eb6e9183a3c90628c64ac7fb1baa8c' }, h(Render, { key: '39fbd70a6d9d5a0014befedd7c12b16723e4ad01', element: "rtk-participant", defaults: defaults, childProps: {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '0e5fe7c7f6e61599293843466c5b473226348d26', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+                var _a, _b, _c;
+                (_c = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.joined.get((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id)) === null || _c === void 0 ? void 0 : _c.kick();
+            } }, h("rtk-icon", { key: 'c7d370837be33a1a14fb32f64a35da3fdceafe28', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: 'ec5dea9563b71323776808d8ef1991cda87e625f' }, h(Render, { key: '6c423497a1c2f31a7190305913dce0019cf943f1', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
 import { i as isFirefox } from './browser-24d8ab3e.js';
-import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 /**
  * Handles audio from participants in a meeting

package/dist/esm/rtk-participants-stage-list_4.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkParticipantsStageListCss = ":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;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}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);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { a as canViewParticipants } from './sidebar-b617fa34.js';
-import { S as SyncWithStore } from './index-674e5834.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { a as canViewParticipants } from './sidebar-4b23298b.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
 
 const rtkParticipantsToggleCss = ":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}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);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;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}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkParticipantsToggleStyle0 = rtkParticipantsToggleCss;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-8c88e8bd.js';
-import { S as SyncWithStore } from './index-674e5834.js';
-import { d as debounce } from './debounce-76bf7eef.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { d as debounce } from './debounce-296a3316.js';
 
 const rtkParticipantsCss = ":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;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.ctr.virtualised{overflow-y:hidden}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;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));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}:host([size='md']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}:host([size='sm']) .search{margin-top:var(--rtk-space-4, 16px) !important;margin-bottom:var(--rtk-space-4, 16px) !important}.no-pending-requests{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsStyle0 = rtkParticipantsCss;