@appsurify-testmap/rrweb-player 2.1.0-alpha.7 → 2.1.1-alpha.1

package/dist/rrweb-player.umd.cjs

@@ -9738,6 +9738,42 @@ function patch(source, name, replacement) {
     };
   }
 }
+function describeNode(el) {
+  const tag = el.tagName.toLowerCase();
+  const id = el.id ? `#${el.id}` : "";
+  const classes = el.classList.length ? "." + Array.from(el.classList).join(".") : "";
+  return `${tag}${id}${classes}`;
+}
+function getElementVisibility(el) {
+  var _a3;
+  var _a2, _b2;
+  const win = (_a3 = (_a2 = el.ownerDocument) == null ? void 0 : _a2.defaultView) != null ? _a3 : window;
+  const rect = el.getBoundingClientRect();
+  const viewportWidth = win.innerWidth || win.document.documentElement.clientWidth || 0;
+  const viewportHeight = win.innerHeight || win.document.documentElement.clientHeight || 0;
+  const isRectVisible = rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth;
+  const style = (_b2 = win.getComputedStyle) == null ? void 0 : _b2.call(win, el);
+  const isStyleVisible2 = !!style && style.display !== "none" && style.visibility !== "hidden" && (parseFloat(style.opacity) || 0) > 0;
+  const isVisible = isStyleVisible2 && isRectVisible;
+  let ratio = 0;
+  if (isVisible) {
+    const xOverlap = Math.max(
+      0,
+      Math.min(rect.right, viewportWidth) - Math.max(rect.left, 0)
+    );
+    const yOverlap = Math.max(
+      0,
+      Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0)
+    );
+    const intersectionArea = xOverlap * yOverlap;
+    const elementArea = rect.width * rect.height;
+    ratio = elementArea > 0 ? intersectionArea / elementArea : 0;
+  }
+  return {
+    isVisible,
+    ratio
+  };
+}
 const index = {
   childNodes,
   parentNode,
@@ -9751,7 +9787,9 @@ const index = {
   querySelector,
   querySelectorAll,
   mutationObserver: mutationObserverCtor,
-  patch
+  patch,
+  describeNode,
+  getElementVisibility
 };
 const DEPARTED_MIRROR_ACCESS_WARNING = "Please stop import mirror directly. Instead of that,\r\nnow you can use replayer.getMirror() to access the mirror instance of a replayer,\r\nor you can use record.mirror to access the mirror instance during recording.";
 let _mirror = {
@@ -9962,6 +10000,7 @@ var IncrementalSource$1 = /* @__PURE__ */ ((IncrementalSource2) => {
   IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
   IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
   IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
+  IncrementalSource2[IncrementalSource2["VisibilityMutation"] = 17] = "VisibilityMutation";
   return IncrementalSource2;
 })(IncrementalSource$1 || {});
 var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
@@ -13339,6 +13378,7 @@ var IncrementalSource = /* @__PURE__ */ ((IncrementalSource2) => {
   IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
   IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
   IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
+  IncrementalSource2[IncrementalSource2["VisibilityMutation"] = 17] = "VisibilityMutation";
   return IncrementalSource2;
 })(IncrementalSource || {});
 function inlineCss(cssObj) {