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

package/dist/esm/loader.js

@@ -4234,8 +4234,7 @@ function splitCollection(collection, parts) {
     return result.filter((res) => res.length);
 }
 function participantIdentifier(participant) {
-    var _a;
-    return (_a = participant.customParticipantId) !== null && _a !== void 0 ? _a : participant.clientSpecificId;
+    return participant.customParticipantId;
 }
 function getAllConnectedParticipants(meeting) {
     // TODO: remove this once we start getting display pics from socket
@@ -10826,10 +10825,6 @@ const oppositeSideMap = {
   bottom: 'top',
   top: 'bottom'
 };
-const oppositeAlignmentMap = {
-  start: 'end',
-  end: 'start'
-};
 function clamp(start, value, end) {
   return max(start, min(value, end));
 }
@@ -10848,9 +10843,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
-const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+  const firstChar = placement[0];
+  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -10873,7 +10868,7 @@ function getExpandedPlacements(placement) {
   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 }
 function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');
 }
 const lrPlacement = ['left', 'right'];
 const rlPlacement = ['right', 'left'];
@@ -10904,7 +10899,8 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
   return list;
 }
 function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+  const side = getSide(placement);
+  return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
   return {
@@ -10998,6 +10994,74 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   return coords;
 }
 
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
+// Maximum number of resets that can occur before bailing to avoid infinite reset loops.
+const MAX_RESET_COUNT = 50;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -11012,7 +11076,10 @@ const computePosition$1 = async (reference, floating, config) => {
     middleware = [],
     platform
   } = config;
-  const validMiddleware = middleware.filter(Boolean);
+  const platformWithDetectOverflow = platform.detectOverflow ? platform : {
+    ...platform,
+    detectOverflow
+  };
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
   let rects = await platform.getElementRects({
     reference,
@@ -11024,13 +11091,17 @@ const computePosition$1 = async (reference, floating, config) => {
     y
   } = computeCoordsFromPlacement(rects, placement, rtl);
   let statefulPlacement = placement;
-  let middlewareData = {};
   let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
+  const middlewareData = {};
+  for (let i = 0; i < middleware.length; i++) {
+    const currentMiddleware = middleware[i];
+    if (!currentMiddleware) {
+      continue;
+    }
     const {
       name,
       fn
-    } = validMiddleware[i];
+    } = currentMiddleware;
     const {
       x: nextX,
       y: nextY,
@@ -11044,7 +11115,7 @@ const computePosition$1 = async (reference, floating, config) => {
       strategy,
       middlewareData,
       rects,
-      platform,
+      platform: platformWithDetectOverflow,
       elements: {
         reference,
         floating
@@ -11052,14 +11123,11 @@ const computePosition$1 = async (reference, floating, config) => {
     });
     x = nextX != null ? nextX : x;
     y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
+    middlewareData[name] = {
+      ...middlewareData[name],
+      ...data
     };
-    if (reset && resetCount <= 50) {
+    if (reset && resetCount < MAX_RESET_COUNT) {
       resetCount++;
       if (typeof reset === 'object') {
         if (reset.placement) {
@@ -11089,71 +11157,6 @@ const computePosition$1 = async (reference, floating, config) => {
   };
 };
 
-/**
- * Resolves with an object of overflow side offsets that determine how much the
- * element is overflowing a given clipping boundary on each side.
- * - positive = overflowing the boundary by that number of pixels
- * - negative = how many pixels left before it will overflow
- * - 0 = lies flush with the boundary
- * @see https://floating-ui.com/docs/detectOverflow
- */
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = 'clippingAncestors',
-    rootBoundary = 'viewport',
-    elementContext = 'floating',
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === 'floating' ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -11275,7 +11278,7 @@ const autoPlacement$1 = function (options) {
         ...detectOverflowOptions
       } = evaluate(options, state);
       const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -11389,7 +11392,7 @@ const flip$1 = function (options) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -11496,7 +11499,8 @@ const hide$1 = function (options) {
     options,
     async fn(state) {
       const {
-        rects
+        rects,
+        platform
       } = state;
       const {
         strategy = 'referenceHidden',
@@ -11505,7 +11509,7 @@ const hide$1 = function (options) {
       switch (strategy) {
         case 'referenceHidden':
           {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform.detectOverflow(state, {
               ...detectOverflowOptions,
               elementContext: 'reference'
             });
@@ -11519,7 +11523,7 @@ const hide$1 = function (options) {
           }
         case 'escaped':
           {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform.detectOverflow(state, {
               ...detectOverflowOptions,
               altBoundary: true
             });
@@ -11642,7 +11646,8 @@ const shift$1 = function (options) {
       const {
         x,
         y,
-        placement
+        placement,
+        platform
       } = state;
       const {
         mainAxis: checkMainAxis = true,
@@ -11665,7 +11670,7 @@ const shift$1 = function (options) {
         x,
         y
       };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -11748,7 +11753,6 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
-const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -11756,32 +11760,35 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
 }
-const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-  return tableElements.has(getNodeName(element));
+  return /^(table|td|th)$/.test(getNodeName(element));
 }
-const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-  return topLayerSelectors.some(selector => {
-    try {
-      return element.matches(selector);
-    } catch (_e) {
-      return false;
+  try {
+    if (element.matches(':popover-open')) {
+      return true;
     }
-  });
+  } catch (_e) {
+    // no-op
+  }
+  try {
+    return element.matches(':modal');
+  } catch (_e) {
+    return false;
+  }
 }
-const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
-const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
-const containValues = ['paint', 'layout', 'strict', 'content'];
+const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
+const containRe = /paint|layout|strict|content/;
+const isNotNone = value => !!value && value !== 'none';
+let isWebKitValue;
 function isContainingBlock(elementOrCss) {
-  const webkit = isWebKit();
   const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
+  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -11796,12 +11803,13 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === 'undefined' || !CSS.supports) return false;
-  return CSS.supports('-webkit-backdrop-filter', 'none');
+  if (isWebKitValue == null) {
+    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
+  }
+  return isWebKitValue;
 }
-const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return lastTraversableNodeNames.has(getNodeName(node));
+  return /^(html|body|#document)$/.test(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
@@ -11854,8 +11862,9 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (isBody) {
     getFrameElement(win);
     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], []);
+  } else {
+    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, []));
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, []));
 }
 function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
@@ -12032,7 +12041,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
-    if (isHTMLElement(offsetParent)) {
+    if (isOffsetParentAnElement) {
       const offsetRect = getBoundingClientRect(offsetParent);
       scale = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -12120,7 +12129,6 @@ function getViewportRect(element, strategy) {
   };
 }
 
-const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -12185,7 +12193,7 @@ function getClippingElementAncestors(element, cache) {
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       // Drop non-containing blocks.
       result = result.filter(ancestor => ancestor !== currentNode);
@@ -12210,20 +12218,23 @@ function getClippingRect(_ref) {
   } = _ref;
   const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
+  let top = firstRect.top;
+  let right = firstRect.right;
+  let bottom = firstRect.bottom;
+  let left = firstRect.left;
+  for (let i = 1; i < clippingAncestors.length; i++) {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
+    top = max(rect.top, top);
+    right = min(rect.right, right);
+    bottom = min(rect.bottom, bottom);
+    left = max(rect.left, left);
+  }
   return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
+    width: right - left,
+    height: bottom - top,
+    x: left,
+    y: top
   };
 }
 
@@ -14298,7 +14309,7 @@ const RtkMeeting = class {
     disconnectedCallback() {
         var _a;
         if (this.leaveOnUnmount) {
-            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom();
+            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leave();
         }
         this.resizeObserver.disconnect();
         window.removeEventListener('rtkError', this.authErrorListener);
@@ -14423,7 +14434,7 @@ const RtkMeeting = class {
             }
             else {
                 meeting
-                    .joinRoom()
+                    .join()
                     .then(() => {
                     this.updateStates({ joinError: undefined, joinErrorCode: undefined });
                 })
@@ -16983,20 +16994,16 @@ const RtkChatSearchResults = class {
         /** Language */
         this.t = useLanguage();
         this.pageSize = 50;
-        this.searchMessages = async (timestamp, size, reversed) => {
-            return this.meeting.chat.searchMessages(this.query, {
-                channelId: this.channelId,
-                timestamp,
-                size,
-                reversed,
-            });
+        /** NOTE(ikabra): Core APIs need to be implemented for this, this component is not being used inside chat UI and was broken as standalone. */
+        this.searchMessages = async (_timestamp, _size, _reversed) => {
+            return [];
         };
         this.nodeRenderer = (messages) => {
             return messages.map((message) => (h("rtk-chat-message", { key: message.id, message: message, disableControls: true })));
         };
     }
     render() {
-        return (h(Host, { key: 'fc3d7cb74b06656269c6cfc6aabaae16e875f598' }, h("rtk-paginated-list", { key: '8a9431648f5270f4c1f34435f4ac3c424a9b5b22', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer })));
+        return (h(Host, { key: '4ea17889c442ac91c4bb54896c600d17290c0715' }, h("rtk-paginated-list", { key: '8fa700caf9b3a2c7329fb555baf1a979231fa71c', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer })));
     }
 };
 __decorate$16([
@@ -18611,7 +18618,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;
@@ -20670,7 +20681,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(); },
                             },
                         });
                     }
@@ -20692,7 +20703,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;
@@ -22830,7 +22841,7 @@ const RtkSetupScreen = class {
                 (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self.setName(this.displayName);
                 gracefulStorage$1.setItem('rtk-display-name', this.displayName);
                 try {
-                    await ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.joinRoom());
+                    await ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.join());
                 }
                 catch (e) {
                     this.isJoining = false;
@@ -23813,7 +23824,7 @@ const RtkUiProvider = class {
                     this.updateStates({ meeting: 'setup' });
                 }
                 else {
-                    meeting.joinRoom();
+                    meeting.join();
                 }
             }
             window.removeEventListener('rtkError', this.authErrorListener);
@@ -24787,7 +24798,7 @@ const RtkLeaveMeeting = class {
         };
         this.handleLeave = () => {
             var _a;
-            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leaveRoom();
+            (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.leave();
             this.close();
         };
         this.handleJoinMainRoom = () => {
@@ -24818,9 +24829,9 @@ const RtkLeaveMeeting = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c74c02b9d3701e32a89cf826e4beaa4621d64cd3' }, h("div", { key: 'c98494a59b744ba2d2dbebfa2304a759c7b64472', class: "leave-modal" }, h("div", { key: '1632b9e293ffb2fe35beb73e5db5cbdd408173ba', class: "header" }, h("h2", { key: 'cb1435cc8e6acc312d431d2ced0f44c4d1bde66d', class: "title" }, this.t('leave'))), h("p", { key: 'f968fa6dc28081b593945217eaaf35a6df7129b5', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '93a88022c62d7e1dbcd512fa19ad72e7e938e6cc' }, h("div", { key: '526c2dc395fe41a2e980c881c0d3d145c86e7c76', class: "leave-modal" }, h("div", { key: 'ecd34ea2ecc74099a9377ced64a24667aa2e24aa', class: "header" }, h("h2", { key: '51c05788210388df22e871bad265c05c40b7dd75', class: "title" }, this.t('leave'))), h("p", { key: 'fd6a2f2cc6f75c808f995bff3bf5e8628806a0b1', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: '518499ac5fe2ebb9dcdd2c4ad93060ad7c3048d4', class: "content" }, h("rtk-button", { key: '46b66881f3c1f8f826b597882b215e1533a0f8a3', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '46b9fc923e3729c89a9e75b5e2c2575cdeeaf61d', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'e13cc8f1af5fa0845b18483d43bd3f6aad45dcee', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: 'a817cf765d9c2ca961d9fcc61141845027a1ea46', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: '6ed0ae860e10f08858707aea9eae9530cfb0eb88', class: "content" }, h("rtk-button", { key: '8ecc5aca329f6bb5eac183dc5e997834c9b511ae', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '8a31fdea844a2ce4b3b4aeba4114ef0178e2df0b', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'e8d815dccf9ea30ab9290f4789f855412b2c9baa', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '64073a99ca9ee3beee04ce0aaa4ec4346d5c4de1', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]
@@ -25826,7 +25837,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();
@@ -25964,7 +25975,7 @@ var hasRequiredUrlToolkit;
 function requireUrlToolkit () {
 	if (hasRequiredUrlToolkit) return urlToolkit.exports;
 	hasRequiredUrlToolkit = 1;
-	(function (module, exports$1) {
+	(function (module, exports) {
 		// see https://tools.ietf.org/html/rfc1808
 
 		(function (root) {
@@ -34781,6 +34792,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);
@@ -34811,7 +34839,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) {
@@ -34824,20 +34852,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];
     }
@@ -34855,8 +34906,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;
@@ -34989,8 +35043,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.
@@ -35845,7 +35901,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
@@ -42401,6 +42457,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;
@@ -50473,6 +50532,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;
 
@@ -50545,6 +50607,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
@@ -51267,17 +51332,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);
     }
@@ -58979,6 +59052,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;
     }
@@ -59020,6 +59096,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');
+      }
+    }
   }
 
   /**
@@ -65667,10 +65751,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 })))))))))));
     }