livekit-client 2.6.3 → 2.7.0

package/dist/livekit-client.esm.mjs

@@ -11177,7 +11177,7 @@ function getOSVersion(ua) {
   return ua.includes('mac os') ? getMatch(/\(.+?(\d+_\d+(:?_\d+)?)/, ua, 1).replace(/_/g, '.') : undefined;
 }
 
-var version$1 = "2.6.3";
+var version$1 = "2.7.0";
 
 const version = version$1;
 const protocolVersion = 15;
@@ -18578,23 +18578,25 @@ class HTMLElementInfo {
       } = entry;
       if (target === this.element) {
         this.isIntersecting = isIntersecting;
+        this.isPiP = isElementInPiP(this.element);
         this.visibilityChangedAt = Date.now();
         (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
       }
     };
     this.onEnterPiP = () => {
-      var _a;
-      this.isPiP = true;
-      (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
+      var _a, _b, _c;
+      (_b = (_a = window.documentPictureInPicture) === null || _a === void 0 ? void 0 : _a.window) === null || _b === void 0 ? void 0 : _b.addEventListener('pagehide', this.onLeavePiP);
+      this.isPiP = isElementInPiP(this.element);
+      (_c = this.handleVisibilityChanged) === null || _c === void 0 ? void 0 : _c.call(this);
     };
     this.onLeavePiP = () => {
       var _a;
-      this.isPiP = false;
+      this.isPiP = isElementInPiP(this.element);
       (_a = this.handleVisibilityChanged) === null || _a === void 0 ? void 0 : _a.call(this);
     };
     this.element = element;
     this.isIntersecting = visible !== null && visible !== void 0 ? visible : isElementInViewport(element);
-    this.isPiP = isWeb() && document.pictureInPictureElement === element;
+    this.isPiP = isWeb() && isElementInPiP(element);
     this.visibilityChangedAt = 0;
   }
   width() {
@@ -18604,9 +18606,10 @@ class HTMLElementInfo {
     return this.element.clientHeight;
   }
   observe() {
+    var _a, _b, _c;
     // make sure we update the current visible state once we start to observe
     this.isIntersecting = isElementInViewport(this.element);
-    this.isPiP = document.pictureInPictureElement === this.element;
+    this.isPiP = isElementInPiP(this.element);
     this.element.handleResize = () => {
       var _a;
       (_a = this.handleResize) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -18616,17 +18619,30 @@ class HTMLElementInfo {
     getResizeObserver().observe(this.element);
     this.element.addEventListener('enterpictureinpicture', this.onEnterPiP);
     this.element.addEventListener('leavepictureinpicture', this.onLeavePiP);
+    (_a = window.documentPictureInPicture) === null || _a === void 0 ? void 0 : _a.addEventListener('enter', this.onEnterPiP);
+    (_c = (_b = window.documentPictureInPicture) === null || _b === void 0 ? void 0 : _b.window) === null || _c === void 0 ? void 0 : _c.addEventListener('pagehide', this.onLeavePiP);
   }
   stopObserving() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     (_a = getIntersectionObserver()) === null || _a === void 0 ? void 0 : _a.unobserve(this.element);
     (_b = getResizeObserver()) === null || _b === void 0 ? void 0 : _b.unobserve(this.element);
     this.element.removeEventListener('enterpictureinpicture', this.onEnterPiP);
     this.element.removeEventListener('leavepictureinpicture', this.onLeavePiP);
+    (_c = window.documentPictureInPicture) === null || _c === void 0 ? void 0 : _c.removeEventListener('enter', this.onEnterPiP);
+    (_e = (_d = window.documentPictureInPicture) === null || _d === void 0 ? void 0 : _d.window) === null || _e === void 0 ? void 0 : _e.removeEventListener('pagehide', this.onLeavePiP);
   }
 }
-// does not account for occlusion by other elements
-function isElementInViewport(el) {
+function isElementInPiP(el) {
+  var _a, _b;
+  // Simple video PiP
+  if (document.pictureInPictureElement === el) return true;
+  // Document PiP
+  if ((_a = window.documentPictureInPicture) === null || _a === void 0 ? void 0 : _a.window) return isElementInViewport(el, (_b = window.documentPictureInPicture) === null || _b === void 0 ? void 0 : _b.window);
+  return false;
+}
+// does not account for occlusion by other elements or opacity property
+function isElementInViewport(el, win) {
+  const viewportWindow = win || window;
   let top = el.offsetTop;
   let left = el.offsetLeft;
   const width = el.offsetWidth;
@@ -18635,7 +18651,6 @@ function isElementInViewport(el) {
     hidden
   } = el;
   const {
-    opacity,
     display
   } = getComputedStyle(el);
   while (el.offsetParent) {
@@ -18643,7 +18658,7 @@ function isElementInViewport(el) {
     top += el.offsetTop;
     left += el.offsetLeft;
   }
-  return top < window.pageYOffset + window.innerHeight && left < window.pageXOffset + window.innerWidth && top + height > window.pageYOffset && left + width > window.pageXOffset && !hidden && (opacity !== '' ? parseFloat(opacity) > 0 : true) && display !== 'none';
+  return top < viewportWindow.pageYOffset + viewportWindow.innerHeight && left < viewportWindow.pageXOffset + viewportWindow.innerWidth && top + height > viewportWindow.pageYOffset && left + width > viewportWindow.pageXOffset && !hidden && display !== 'none';
 }
 
 class TrackPublication extends eventsExports.EventEmitter {