@appsurify-testmap/rrweb-snapshot 3.10.0-alpha.1 → 3.12.0-alpha.1

package/dist/rrweb-snapshot.js

@@ -170,16 +170,30 @@ function describeNode(el) {
   const classes = el.classList.length ? "." + Array.from(el.classList).join(".") : "";
   return `${tag}${id}${classes}`;
 }
+function isAncestorOpacityVisible(el, win) {
+  var _a;
+  let node2 = el.parentElement;
+  while (node2) {
+    const s = (_a = win.getComputedStyle) == null ? void 0 : _a.call(win, node2);
+    if (s && (parseFloat(s.opacity) || 0) <= 0) {
+      return false;
+    }
+    node2 = node2.parentElement;
+  }
+  return true;
+}
 function getElementVisibility(el) {
   var _a, _b;
   const win = ((_a = el.ownerDocument) == null ? void 0 : _a.defaultView) ?? 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 elHasSize = rect.width > 0 && rect.height > 0;
+  const isViewportVisible = elHasSize && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth;
   const style = (_b = win.getComputedStyle) == null ? void 0 : _b.call(win, el);
-  const isStyleVisible = !!style && style.display !== "none" && style.visibility !== "hidden" && (parseFloat(style.opacity) || 0) > 0;
-  const isVisible = isStyleVisible && isRectVisible;
+  const isOwnStyleVisible = !!style && style.display !== "none" && style.visibility !== "hidden" && (parseFloat(style.opacity) || 0) > 0;
+  const isCSSVisible = isOwnStyleVisible && isAncestorOpacityVisible(el, win);
+  const isVisible = isCSSVisible && isViewportVisible;
   let ratio = 0;
   if (isVisible) {
     const xOverlap = Math.max(
@@ -196,6 +210,9 @@ function getElementVisibility(el) {
   }
   return {
     isVisible,
+    isCSSVisible,
+    isViewportVisible,
+    hasSize: elHasSize,
     ratio
   };
 }
@@ -647,19 +664,18 @@ function isTextVisible(n) {
   var _a;
   const parent = index.parentNode(n);
   const parentElement2 = parent && parent;
-  if (!parentElement2) {
+  if (!parentElement2 || parentElement2.nodeType !== Node.ELEMENT_NODE) {
     return false;
   }
-  const isParentVisible = isElementVisible(parentElement2);
-  if (!isParentVisible) {
+  const parentVis = isElementVisible(parentElement2);
+  if (!parentVis.isVisible) {
     return false;
   }
   const textContent2 = (_a = n.textContent) == null ? void 0 : _a.trim();
   return textContent2 !== "";
 }
 function isElementVisible(el) {
-  const visibility = index.getElementVisibility(el);
-  return visibility.isVisible;
+  return index.getElementVisibility(el);
 }
 const interactiveEvents = [
   "change",
@@ -775,7 +791,7 @@ try {
   }
 } catch (error) {
 }
-const U = {
+const z = {
   ANCHOR: 0.4,
   PATH: 0.3,
   TARGET: 0.2,
@@ -789,9 +805,9 @@ const U = {
   DEPTH_PENALTY_THRESHOLD: 5,
   DEPTH_PENALTY_FACTOR: 0.05,
   DEGRADED_SCORE: 0.3
-}, gt = {
+}, bt = {
   MIN_CONFIDENCE_FOR_SKIP: 0.7
-}, K = [
+}, tt = [
   "form",
   "main",
   "nav",
@@ -799,7 +815,7 @@ const U = {
   "article",
   "footer",
   "header"
-], J = [
+], et = [
   "form",
   "navigation",
   "main",
@@ -808,7 +824,7 @@ const U = {
   "complementary",
   "banner",
   "search"
-], mt = [
+], St = [
   // HTML5 Semantic
   "article",
   "aside",
@@ -912,7 +928,7 @@ const U = {
   "data-*": 30,
   // Any aria-* attribute (if not above)
   "aria-*": 25
-}, V = /* @__PURE__ */ new Set([
+}, Y = /* @__PURE__ */ new Set([
   "id",
   // handled separately
   "class",
@@ -924,7 +940,7 @@ const U = {
   "tabindex",
   // can change
   "contenteditable"
-]), bt = {
+]), At = {
   maxPathDepth: 10,
   enableSvgFingerprint: true,
   confidenceThreshold: 0,
@@ -932,7 +948,7 @@ const U = {
   includeUtilityClasses: false,
   source: "dom-dsl"
 };
-function P(r) {
+function L(r) {
   if (/^[a-z]+-\d+$/i.test(r) || /^[a-z]+(-[a-z]+)+-\d+$/i.test(r) || /^[a-z]+(_[a-z]+)*_\d+$/i.test(r) || /^\d+$/.test(r) || /^:[a-z0-9]+:$/i.test(r) || /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i.test(r))
     return true;
   if (/^[a-z]{1,3}[A-Za-z0-9]{8,}$/.test(r)) {
@@ -942,7 +958,7 @@ function P(r) {
   }
   return !!(/^radix-/.test(r) || /^mui-\d+$/.test(r));
 }
-const Q = /* @__PURE__ */ new Set([
+const Z = /* @__PURE__ */ new Set([
   "aria-labelledby",
   "aria-describedby",
   "aria-controls",
@@ -956,10 +972,10 @@ const Q = /* @__PURE__ */ new Set([
   "aria-errormessage",
   "aria-flowto"
 ]);
-function Y(r) {
-  return r.trim().split(/\s+/).some((e) => P(e));
+function K(r) {
+  return r.trim().split(/\s+/).some((e) => L(e));
 }
-class St {
+class Ct {
   constructor(t, e) {
     this.maxDepth = t.maxPathDepth ?? 10, this.cache = e;
   }
@@ -992,25 +1008,25 @@ class St {
     if (e === "head" || this.isInsideHead(t)) {
       const c = s == null ? void 0 : s.documentElement;
       if (c) {
-        const u = {
+        const l = {
           element: c,
           score: 1,
           tier: "A",
           depth: 0
         };
-        return this.cacheResult(t, u), u;
+        return this.cacheResult(t, l), l;
       }
     }
     if (e === "body") {
       const c = s == null ? void 0 : s.documentElement;
       if (c) {
-        const u = {
+        const l = {
           element: c,
           score: 1,
           tier: "A",
           depth: 0
         };
-        return this.cacheResult(t, u), u;
+        return this.cacheResult(t, l), l;
       }
     }
     let n = t.parentElement, a = 0, i = null;
@@ -1024,10 +1040,10 @@ class St {
         };
       const c = this.scoreAnchor(n);
       if (c > 0) {
-        const u = this.applyDepthPenalty(c, a), d = this.getTier(n), l = { element: n, score: u, tier: d, depth: a };
-        if (d === "A")
-          return l;
-        (!i || u > i.score) && (i = l);
+        const l = this.applyDepthPenalty(c, a), f = this.getTier(n), h = { element: n, score: l, tier: f, depth: a };
+        if (f === "A")
+          return h;
+        (!i || l > i.score) && (i = h);
       }
       n = n.parentElement, a++;
     }
@@ -1042,11 +1058,11 @@ class St {
   scoreAnchor(t) {
     let e = 0;
     const s = t.tagName.toLowerCase();
-    K.includes(s) && (e += I.SEMANTIC_TAG);
+    tt.includes(s) && (e += I.SEMANTIC_TAG);
     const n = t.getAttribute("role");
-    n && J.includes(n) && (e += I.ROLE), (t.hasAttribute("aria-label") || t.hasAttribute("aria-labelledby")) && (e += I.ARIA_LABEL);
+    n && et.includes(n) && (e += I.ROLE), (t.hasAttribute("aria-label") || t.hasAttribute("aria-labelledby")) && (e += I.ARIA_LABEL);
     const a = t.id;
-    return a && !P(a) && (e += I.STABLE_ID), (t.hasAttribute("data-testid") || t.hasAttribute("data-qa") || t.hasAttribute("data-test")) && (e += I.TEST_MARKER), Math.min(e, 1);
+    return a && !L(a) && (e += I.STABLE_ID), (t.hasAttribute("data-testid") || t.hasAttribute("data-qa") || t.hasAttribute("data-test")) && (e += I.TEST_MARKER), Math.min(e, 1);
   }
   /**
    * Applies depth penalty to score
@@ -1063,10 +1079,10 @@ class St {
    */
   getTier(t) {
     const e = t.tagName.toLowerCase();
-    if (K.includes(e))
+    if (tt.includes(e))
       return "A";
     const s = t.getAttribute("role");
-    return s && J.includes(s) ? "B" : "C";
+    return s && et.includes(s) ? "B" : "C";
   }
   /**
    * Checks if element is inside <head> section.
@@ -1099,7 +1115,7 @@ class St {
     this.cache && this.cache.setAnchor(t, e);
   }
 }
-const At = [
+const Tt = [
   // CSS-in-JS
   /^css-[a-z0-9]+$/i,
   /^sc-[a-z0-9]+-\d+$/i,
@@ -1119,7 +1135,7 @@ const At = [
   /^_[a-z0-9]{5,}$/i,
   /\d{5,}/
   // 5+ digits in a row
-], xt = [
+], Et = [
   // === FIX 4: Tailwind arbitrary values and variants (highest priority) ===
   /^\[/,
   // Any arbitrary value or variant starting with [ (e.g., [&_svg]:..., [mask-type:luminance])
@@ -1231,29 +1247,81 @@ const At = [
   /^pull-(left|right)$/,
   /^float-(left|right|none)$/
 ];
-function O(r) {
-  return At.some((t) => t.test(r));
+function q(r) {
+  return Tt.some((t) => t.test(r));
 }
-function _(r) {
-  return r.length <= 2 || /^\d/.test(r) ? true : xt.some((t) => t.test(r));
+function U(r) {
+  return r.length <= 2 || /^\d/.test(r) ? true : Et.some((t) => t.test(r));
 }
-function Et(r) {
-  return !O(r) && !_(r);
+function $t(r) {
+  return !q(r) && !U(r);
 }
 function M(r) {
-  return r.filter((t) => Et(t));
+  return r.filter((t) => $t(t));
 }
-function vt(r) {
+function It(r) {
   const t = [], e = [];
   for (const s of r)
-    _(s) || O(s) ? e.push(s) : t.push(s);
+    U(s) || q(s) ? e.push(s) : t.push(s);
   return { semantic: t, utility: e };
 }
-function tt(r) {
-  return _(r) || O(r);
+function st(r) {
+  return U(r) || q(r);
+}
+const Rt = /* @__PURE__ */ new Set([
+  "tr",
+  "td",
+  "th",
+  "thead",
+  "tbody",
+  "tfoot"
+]), Dt = /* @__PURE__ */ new Set([
+  "data-testid",
+  "data-qa",
+  "data-cy",
+  "data-test",
+  "aria-label",
+  "name",
+  "href"
+]);
+function Mt(r) {
+  if (r.id) return true;
+  if (r.attributes) {
+    for (const t of Object.keys(r.attributes))
+      if (Dt.has(t)) return true;
+  }
+  return false;
+}
+function Lt(r, t, e) {
+  var _a;
+  const s = r.parentElement;
+  if (!s) return true;
+  for (const n of Array.from(s.children)) {
+    if (n === r || n.tagName.toLowerCase() !== t) continue;
+    if ((((_a = n.textContent) == null ? void 0 : _a.trim()) ?? "") === e) return false;
+  }
+  return true;
+}
+function _(r, t, e) {
+  var _a;
+  if (Rt.has(r)) return true;
+  if (Mt(t)) return false;
+  if (e) {
+    const s = e.parentElement;
+    if (s) {
+      const n = (_a = t.text) == null ? void 0 : _a.normalized;
+      if (n && Lt(e, r, n))
+        return false;
+      if (Array.from(s.children).some(
+        (i) => i !== e && i.tagName.toLowerCase() === r
+      )) return true;
+    }
+    return false;
+  }
+  return true;
 }
-const et = (r) => r.replace(/([#:.[\]@])/g, "\\$1");
-class $t {
+const rt = (r) => r.replace(/([#:.[\]@])/g, "\\$1");
+class Pt {
   constructor(t, e) {
     this.maxDepth = t.maxPathDepth ?? 10, this.cache = e;
   }
@@ -1288,19 +1356,22 @@ class $t {
         degraded: true,
         degradationReason: "target-not-descendant-of-anchor"
       };
-    let u = this.filterNoise(i);
-    return u = this.ensureUniqueness(i, u, t, e, s), {
-      path: u.map((l) => {
-        const h = l.parentElement;
+    let l = this.filterNoise(i);
+    return l = this.ensureUniqueness(i, l, t, e, s), {
+      path: l.map((h) => {
+        const d = h.tagName.toLowerCase(), u = s.extract(h);
         let g;
-        if (h) {
-          const m = Array.from(h.children).indexOf(l);
-          m !== -1 && (g = m + 1);
+        if (_(d, u, h)) {
+          const m = h.parentElement;
+          if (m) {
+            const b = Array.from(m.children).indexOf(h);
+            b !== -1 && (g = b + 1);
+          }
         }
         return {
-          tag: l.tagName.toLowerCase(),
-          semantics: s.extract(l),
-          score: s.scoreElement(l),
+          tag: d,
+          semantics: u,
+          score: s.scoreElement(h),
           nthChild: g
         };
       }),
@@ -1325,27 +1396,27 @@ class $t {
       if (!o) return e;
       let c;
       if (this.cache) {
-        const d = this.cache.getSelectorResults(i);
-        d !== void 0 ? c = d : (c = Array.from(o.querySelectorAll(i)), this.cache.setSelectorResults(i, c));
+        const f = this.cache.getSelectorResults(i);
+        f !== void 0 ? c = f : (c = Array.from(o.querySelectorAll(i)), this.cache.setSelectorResults(i, c));
       } else
         c = o.querySelectorAll(i);
       if (c.length <= 1)
         return e;
-      const u = t.filter((d) => !e.includes(d));
-      for (const d of u) {
-        if (a.scoreElement(d) < gt.MIN_CONFIDENCE_FOR_SKIP)
+      const l = t.filter((f) => !e.includes(f));
+      for (const f of l) {
+        if (a.scoreElement(f) < bt.MIN_CONFIDENCE_FOR_SKIP)
           continue;
-        const h = this.insertNodeInOrder(e, d, t), g = this.buildTestSelector(s, h, n);
+        const d = this.insertNodeInOrder(e, f, t), u = this.buildTestSelector(s, d, n);
         try {
-          let f;
+          let g;
           if (this.cache) {
-            const m = this.cache.getSelectorResults(g);
-            m !== void 0 ? f = m : (f = Array.from(o.querySelectorAll(g)), this.cache.setSelectorResults(g, f));
+            const m = this.cache.getSelectorResults(u);
+            m !== void 0 ? g = m : (g = Array.from(o.querySelectorAll(u)), this.cache.setSelectorResults(u, g));
           } else
-            f = o.querySelectorAll(g);
-          if (f.length === 1)
-            return h;
-          f.length < c.length && (e = h);
+            g = o.querySelectorAll(u);
+          if (g.length === 1)
+            return d;
+          g.length < c.length && (e = d);
         } catch {
         }
       }
@@ -1379,9 +1450,9 @@ class $t {
    */
   elementToSelector(t) {
     let e = t.tagName.toLowerCase();
-    t.id && !P(t.id) && (e += `#${et(t.id)}`);
+    t.id && !L(t.id) && (e += `#${rt(t.id)}`);
     for (const s of Array.from(t.classList))
-      tt(s) || (e += `.${et(s)}`);
+      st(s) || (e += `.${rt(s)}`);
     return e;
   }
   /**
@@ -1395,7 +1466,7 @@ class $t {
    */
   shouldInclude(t) {
     const e = t.tagName.toLowerCase();
-    return mt.includes(e) ? true : e === "div" || e === "span" ? this.hasSemanticFeatures(t) : false;
+    return St.includes(e) ? true : e === "div" || e === "span" ? this.hasSemanticFeatures(t) : false;
   }
   /**
    * Checks if element has meaningful semantic features
@@ -1406,12 +1477,12 @@ class $t {
       if (s.name.startsWith("aria-")) return true;
     if (t.classList.length > 0) {
       for (const s of Array.from(t.classList))
-        if (!tt(s)) return true;
+        if (!st(s)) return true;
     }
     if (t.hasAttribute("data-testid") || t.hasAttribute("data-qa") || t.hasAttribute("data-test"))
       return true;
     const e = t.id;
-    return !!(e && !P(e));
+    return !!(e && !L(e));
   }
   /**
    * Checks if element is inside <head> section.
@@ -1458,31 +1529,34 @@ class $t {
       degradationReason: "head-not-found-in-path"
     } : {
       path: n.map((c) => {
-        const u = c.parentElement;
-        let d;
-        if (u) {
-          const h = Array.from(u.children).indexOf(c);
-          h !== -1 && (d = h + 1);
+        const l = c.tagName.toLowerCase(), f = s.extract(c);
+        let h;
+        if (_(l, f, c)) {
+          const d = c.parentElement;
+          if (d) {
+            const g = Array.from(d.children).indexOf(c);
+            g !== -1 && (h = g + 1);
+          }
         }
         return {
-          tag: c.tagName.toLowerCase(),
-          semantics: s.extract(c),
+          tag: l,
+          semantics: f,
           score: s.scoreElement(c),
-          nthChild: d
+          nthChild: h
         };
       }),
       degraded: false
     };
   }
 }
-function F(r) {
+function j(r) {
   return r ? r.trim().replace(/[\n\t\r]/g, " ").replace(/\s+/g, " ") : "";
 }
-const Nt = {
+const Ht = {
   preserveQueryForAbsolute: true,
   removeDynamicHashes: true
 };
-function It(r) {
+function kt(r) {
   return r ? [
     /\d{5,}/,
     // 5+ digits
@@ -1496,18 +1570,18 @@ function It(r) {
     // UUID-like
   ].some((e) => e.test(r)) : false;
 }
-function Rt(r, t) {
+function _t(r, t) {
   if (!r) return r;
   const e = r.startsWith("http://") || r.startsWith("https://"), [s, n] = r.split("#"), [a, i] = s.split("?");
   let o = a;
-  return e && t.preserveQueryForAbsolute && i && (o += `?${i}`), n && (t.removeDynamicHashes && It(n) || (o += `#${n}`)), o;
+  return e && t.preserveQueryForAbsolute && i && (o += `?${i}`), n && (t.removeDynamicHashes && kt(n) || (o += `#${n}`)), o;
 }
 function D(r, t, e = {}) {
   if (!t) return t;
-  const s = { ...Nt, ...e };
-  return r === "href" || r === "src" ? Rt(t, s) : t;
+  const s = { ...Ht, ...e };
+  return r === "href" || r === "src" ? _t(t, s) : t;
 }
-const Dt = [
+const Ot = [
   "role",
   "aria-label",
   "aria-labelledby",
@@ -1518,7 +1592,7 @@ const Dt = [
   "aria-posinset",
   "aria-setsize",
   "aria-haspopup"
-], Mt = [
+], qt = [
   "aria-selected",
   "aria-checked",
   "aria-pressed",
@@ -1531,7 +1605,7 @@ const Dt = [
   "aria-grabbed",
   "aria-live",
   "aria-atomic"
-], Pt = [
+], Ut = [
   "data-state",
   "data-active",
   "data-inactive",
@@ -1550,7 +1624,7 @@ const Dt = [
   "data-hover",
   "data-orientation",
   "data-theme"
-], Ht = [
+], zt = [
   "data-radix-",
   "data-headlessui-",
   "data-reach-",
@@ -1558,7 +1632,7 @@ const Dt = [
   "data-chakra-",
   "data-mantine-",
   "data-tw-"
-], Lt = [
+], Ft = [
   "data-testid",
   "data-test-id",
   "data-test",
@@ -1570,7 +1644,7 @@ const Dt = [
   "data-entity-id",
   "data-product-id",
   "data-user-id"
-], kt = [
+], jt = [
   // Google Analytics / GTM
   "data-ga",
   "data-gtm",
@@ -1606,7 +1680,7 @@ const Dt = [
   "data-conversion",
   "data-segment",
   "data-analytics"
-], qt = [
+], Wt = [
   "data-category",
   // Google Analytics category
   "data-action",
@@ -1615,7 +1689,7 @@ const Dt = [
   // Google Analytics label
   "data-value"
   // Google Analytics value
-], Ot = [
+], Bt = [
   "id",
   "name",
   "type",
@@ -1624,7 +1698,7 @@ const Dt = [
   "for",
   "alt",
   "href"
-], _t = [
+], Gt = [
   "disabled",
   "checked",
   "selected",
@@ -1632,17 +1706,17 @@ const Dt = [
   "readonly",
   "required",
   "value"
-], Ut = [
+], Vt = [
   /^radix-/,
   /^headlessui-/,
   /^mui-/,
   /:\w+:/
   // matches :ru:, :r1:, etc.
 ];
-function zt(r, t) {
-  return Dt.includes(r) ? true : Mt.includes(r) || Pt.includes(r) || Ht.some((e) => r.startsWith(e)) ? false : Lt.includes(r) ? true : kt.some((e) => r.startsWith(e)) || qt.includes(r) ? false : r.startsWith("data-") && r.endsWith("-id") ? true : r === "id" ? !Ut.some((e) => e.test(t)) : Ot.includes(r) ? true : _t.includes(r) ? false : !!r.startsWith("data-");
+function Qt(r, t) {
+  return Ot.includes(r) ? true : qt.includes(r) || Ut.includes(r) || zt.some((e) => r.startsWith(e)) ? false : Ft.includes(r) ? true : jt.some((e) => r.startsWith(e)) || Wt.includes(r) ? false : r.startsWith("data-") && r.endsWith("-id") ? true : r === "id" ? !Vt.some((e) => e.test(t)) : Bt.includes(r) ? true : Gt.includes(r) ? false : !!r.startsWith("data-");
 }
-class st {
+class nt {
   constructor(t, e) {
     this.includeUtilityClasses = t.includeUtilityClasses ?? false, this.cache = e;
   }
@@ -1658,12 +1732,12 @@ class st {
         return i;
     }
     const e = {}, s = t.id;
-    if (s && !P(s) && (e.id = s), t.classList.length > 0) {
+    if (s && !L(s) && (e.id = s), t.classList.length > 0) {
       const i = Array.from(t.classList);
       if (this.includeUtilityClasses)
         e.classes = i;
       else {
-        const { semantic: o } = vt(i);
+        const { semantic: o } = It(i);
         o.length > 0 && (e.classes = o);
       }
     }
@@ -1692,7 +1766,7 @@ class st {
    * @returns True if should be ignored
    */
   shouldIgnoreAttribute(t) {
-    return !!(V.has(t) || t.startsWith("on") || t.startsWith("ng-") || t.startsWith("_ng") || t.startsWith("data-reactid") || t.startsWith("data-react") || t.startsWith("data-v-"));
+    return !!(Y.has(t) || t.startsWith("on") || t.startsWith("ng-") || t.startsWith("_ng") || t.startsWith("data-reactid") || t.startsWith("data-react") || t.startsWith("data-v-"));
   }
   /**
    * Gets attribute priority
@@ -1727,7 +1801,7 @@ class st {
     const e = {};
     for (const s of Array.from(t.attributes)) {
       const n = s.name;
-      if (this.shouldIgnoreAttribute(n) || !zt(n, s.value) || Q.has(n) && Y(s.value) || this.getAttributePriority(n) === 0) continue;
+      if (this.shouldIgnoreAttribute(n) || !Qt(n, s.value) || Z.has(n) && K(s.value) || this.getAttributePriority(n) === 0) continue;
       const i = n === "href" || n === "src" ? D(n, s.value) : s.value;
       !i || i.trim() === "" || this.isDynamicValue(i) || (e[n] = i);
     }
@@ -1739,7 +1813,7 @@ class st {
   extractText(t) {
     const e = this.getDirectTextContent(t);
     if (!e) return null;
-    const s = F(e);
+    const s = j(e);
     if (!s) return null;
     const n = 100, a = e.length > n ? e.slice(0, n) + "..." : e, i = s.length > n ? s.slice(0, n) + "..." : s;
     return {
@@ -1787,7 +1861,7 @@ class st {
     ].includes(e);
   }
 }
-class Ft {
+class Yt {
   /**
    * Generates fingerprint for SVG element
    * @param element - SVG element to fingerprint
@@ -1898,11 +1972,11 @@ class Ft {
     return Math.abs(e).toString(16).padStart(8, "0");
   }
 }
-function jt(r, t = 0) {
-  const e = r.anchor.score, s = r.path.length > 0 ? r.path.reduce((o, c) => o + c.score, 0) / r.path.length : 0.5, n = r.target.score, a = e * U.ANCHOR + s * U.PATH + n * U.TARGET + t * U.UNIQUENESS, i = r.anchor.degraded ? 0.2 : 0;
+function Zt(r, t = 0) {
+  const e = r.anchor.score, s = r.path.length > 0 ? r.path.reduce((o, c) => o + c.score, 0) / r.path.length : 0.5, n = r.target.score, a = e * z.ANCHOR + s * z.PATH + n * z.TARGET + t * z.UNIQUENESS, i = r.anchor.degraded ? 0.2 : 0;
   return Math.max(0, Math.min(1, a - i));
 }
-class Wt {
+class Kt {
   constructor(t) {
     this.cache = /* @__PURE__ */ new Map(), this.maxSize = t;
   }
@@ -1933,9 +2007,9 @@ class Wt {
     return this.cache.size;
   }
 }
-class Bt {
+class Xt {
   constructor(t = {}) {
-    this.eidCache = /* @__PURE__ */ new WeakMap(), this.selectorResultCache = new Wt(
+    this.eidCache = /* @__PURE__ */ new WeakMap(), this.selectorResultCache = new Kt(
       t.maxSelectorCacheSize ?? 1e3
     ), this.anchorCache = /* @__PURE__ */ new WeakMap(), this.semanticsCache = /* @__PURE__ */ new WeakMap(), this.stats = {
       eidHits: 0,
@@ -2084,12 +2158,12 @@ class Bt {
     return s > 0 ? t / s : 0;
   }
 }
-function Gt(r) {
-  return new Bt(r);
+function Jt(r) {
+  return new Xt(r);
 }
-let z = null;
-function Z() {
-  return z || (z = Gt()), z;
+let F = null;
+function X() {
+  return F || (F = Jt()), F;
 }
 function k(r) {
   if (r.ownerDocument)
@@ -2107,7 +2181,7 @@ function k(r) {
 3. You are working with a document node instead of an element`
   );
 }
-function Vt(r, t) {
+function te(r, t) {
   if (!t)
     return;
   const e = k(r), s = t instanceof Document ? t : k(t);
@@ -2122,64 +2196,65 @@ Common causes:
 Solution: Ensure element and root parameter are from the same document context.`
     );
 }
-function X(r, t = {}) {
+function J(r, t = {}) {
   var _a;
   if (!r || !r.ownerDocument || !r.isConnected)
     return null;
-  const e = { ...bt, ...t };
+  const e = { ...At, ...t };
   if (e.root)
     try {
-      Vt(r, e.root);
+      te(r, e.root);
     } catch (x2) {
       return console.error("Cross-document generation detected:", x2), null;
     }
-  const s = e.cache ?? Z(), n = s.getEID(r);
+  const s = e.cache ?? X(), n = s.getEID(r);
   if (n !== void 0)
     return n;
-  if (r.tagName.toLowerCase() === "html") {
-    const x2 = new st(e, s), y = Zt(r, e, x2);
+  const a = r.tagName.toLowerCase();
+  if (a === "html") {
+    const x2 = new nt(e, s), y = re(r, e, x2);
     return s.setEID(r, y), y;
   }
-  const i = new St(e, s), o = new $t(e, s), c = new st(e, s), u = new Ft(), d = i.findAnchor(r);
-  if (!d && !e.fallbackToBody)
+  const i = new Ct(e, s), o = new Pt(e, s), c = new nt(e, s), l = new Yt(), f = i.findAnchor(r);
+  if (!f && !e.fallbackToBody)
     return null;
-  const l = (d == null ? void 0 : d.element) ?? ((_a = r.ownerDocument) == null ? void 0 : _a.body) ?? null;
-  if (!l) return null;
-  const h = !d || d.tier === "C", g = l.tagName.toLowerCase(), f = l.parentElement;
-  let m;
-  if (f && g !== "body" && g !== "html") {
-    const y = Array.from(f.children).indexOf(l);
-    y !== -1 && (m = y + 1);
-  }
-  const p = c.extract(l), b = {
-    tag: l.tagName.toLowerCase(),
-    semantics: p,
-    score: (d == null ? void 0 : d.score) ?? I.DEGRADED_SCORE,
-    degraded: h,
-    nthChild: m
-  }, S = o.buildPath(l, r, c), E = c.extract(r);
-  e.enableSvgFingerprint && Qt(r) && (E.svg = u.fingerprint(r));
+  const h = (f == null ? void 0 : f.element) ?? ((_a = r.ownerDocument) == null ? void 0 : _a.body) ?? null;
+  if (!h) return null;
+  const d = !f || f.tier === "C", u = h.tagName.toLowerCase(), g = c.extract(h), m = h.parentElement;
+  let p;
+  if (m && u !== "body" && u !== "html" && _(u, g, h)) {
+    const y = Array.from(m.children).indexOf(h);
+    y !== -1 && (p = y + 1);
+  }
+  const b = {
+    tag: h.tagName.toLowerCase(),
+    semantics: g,
+    score: (f == null ? void 0 : f.score) ?? I.DEGRADED_SCORE,
+    degraded: d,
+    nthChild: p
+  }, S = o.buildPath(h, r, c), T = c.extract(r);
+  e.enableSvgFingerprint && ee(r) && (T.svg = l.fingerprint(r));
   const C = r.parentElement;
   let A;
-  if (C) {
+  if (C && _(a, T, r)) {
     const y = Array.from(C.children).indexOf(r);
     y !== -1 && (A = y + 1);
   }
   const v = {
     tag: r.tagName.toLowerCase(),
-    semantics: E,
+    semantics: T,
     score: c.scoreElement(r),
     nthChild: A
-  }, H = [], $ = {
+  }, P = [], $ = {
     onMultiple: "best-score",
     onMissing: "anchor-only",
     maxDepth: 3
-  }, T = b.degraded || S.degraded, R = Yt(b.degraded, S), N = {
+  }, E = b.degraded || S.degraded, R = se(b.degraded, S), N = {
     version: "1.0",
     anchor: b,
     path: S.path,
     target: v,
-    constraints: H,
+    constraints: P,
     fallback: $,
     meta: {
       confidence: 0,
@@ -2187,16 +2262,16 @@ function X(r, t = {}) {
       generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
       generator: "dom-eid@1.0",
       source: e.source,
-      degraded: T,
+      degraded: E,
       degradationReason: R
     }
   };
-  return N.meta.confidence = jt(N), N.meta.confidence < e.confidenceThreshold ? null : (s.setEID(r, N), N);
+  return N.meta.confidence = Zt(N), N.meta.confidence < e.confidenceThreshold ? null : (s.setEID(r, N), N);
 }
-function Qt(r) {
+function ee(r) {
   return r.namespaceURI === "http://www.w3.org/2000/svg" || r.tagName.toLowerCase() === "svg" || r instanceof SVGElement;
 }
-function Yt(r, t) {
+function se(r, t) {
   if (r && t.degraded)
     return "anchor-and-path-degraded";
   if (r)
@@ -2204,7 +2279,7 @@ function Yt(r, t) {
   if (t.degraded)
     return t.degradationReason;
 }
-function Zt(r, t, e, s) {
+function re(r, t, e, s) {
   const a = {
     tag: "html",
     semantics: e.extract(r),
@@ -2233,91 +2308,119 @@ function Zt(r, t, e, s) {
     }
   };
 }
-const ct = {
+const ht = {
+  id: "i",
+  "data-testid": "tid",
+  "data-qa": "qa",
+  "data-cy": "cy",
+  "data-test": "dt",
+  "aria-label": "al",
+  "aria-labelledby": "alb",
+  "aria-describedby": "adb",
+  name: "n",
+  href: "h",
+  src: "s",
+  type: "t",
+  role: "r",
+  alt: "at",
+  title: "tt",
+  for: "f",
+  placeholder: "ph",
+  text: "x"
+}, G = Object.fromEntries(
+  Object.entries(ht).map(([r, t]) => [t, r])
+), ut = {
   maxClasses: 2,
   maxAttributes: 5,
   includeText: true,
   maxTextLength: 50,
   simplifyTarget: true,
-  includeConstraints: true
+  includeConstraints: true,
+  format: "compact"
 };
-function it(r) {
+function ct(r) {
   return r === "id" ? 101 : w[r] !== void 0 ? w[r] : r.startsWith("data-") ? w["data-*"] : r.startsWith("aria-") ? w["aria-*"] : 0;
 }
-function ae(r) {
+function de(r) {
   return ["id", "data-testid", "data-qa", "data-cy", "href", "text", "role"].includes(r);
 }
-function ie(r) {
+function fe(r) {
   return !!(/@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/.test(r) || /(\+?\d{1,3}[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}/.test(r) || /\d{4}[-\s]?\d{4}[-\s]?\d{4}[-\s]?\d{4}/.test(r));
 }
-function oe(r, t) {
-  const e = { ...ct, ...t }, s = `v${r.version}`, n = j(r.anchor, false, e), a = r.path.length > 0 ? r.path.map((c) => j(c, false, e)).join(" > ") + " > " : "", i = j(r.target, true, e), o = e.includeConstraints ? le(r) : "";
-  return `${s}: ${n} :: ${a}${i}${o}`;
-}
-function j(r, t = false, e = ct) {
-  const { tag: s, semantics: n } = r;
-  let a = s;
-  const i = [], o = { ...n.attributes };
-  n.id && (o.id = n.id), n.role && !o.role && (o.role = n.role);
-  const c = Object.entries(o).map(([l, h]) => {
-    const g = it(l), f = l === "href" || l === "src" ? D(l, h) : h;
-    return { name: l, value: f, priority: g };
-  }).filter((l) => l.name !== "id" && l.name !== "class" && V.has(l.name) || Q.has(l.name) && Y(l.value) ? false : l.priority > 0 || l.name === "role" || l.name === "id");
-  c.sort((l, h) => h.priority - l.priority);
-  const u = c.slice(0, e.maxAttributes);
-  u.sort((l, h) => l.name.localeCompare(h.name));
-  for (const { name: l, value: h } of u)
-    i.push(`${l}="${B(h)}"`);
-  if (e.includeText && n.text && !ie(n.text.normalized)) {
-    const l = n.text.normalized;
-    l.length > 0 && l.length <= e.maxTextLength && i.push(`text="${B(l)}"`);
-  }
-  let d = i;
-  if (i.length > 0 && (t && e.simplifyTarget && n.id && (d = i.filter((l) => {
-    const h = l.split("=")[0];
-    return it(h) >= 60 || h === "text" || h === "id" || h === "role";
-  })), d.length > 0 && d.sort((l, h) => l.localeCompare(h))), n.classes && n.classes.length > 0) {
-    const l = M(n.classes), h = !!n.id || i.some(
-      (f) => f.startsWith("href=") || f.startsWith("data-testid=") || f.startsWith("text=") || f.startsWith("role=")
-    );
-    if (!(t && e.simplifyTarget && h) && l.length > 0) {
-      const f = l.sort().slice(0, e.maxClasses);
-      a += f.map((m) => `.${m}`).join("");
+function ge(r, t) {
+  const e = { ...ut, ...t }, s = e.format === "compact", n = s ? "v1" : `v${r.version}`, a = s ? ":" : ": ", i = s ? "::" : " :: ", o = s ? ">" : " > ", c = e.includeText && r.target.semantics.text ? r.target.semantics.text.normalized : void 0, l = W(r.anchor, false, e), f = r.path.length > 0 ? r.path.map((u) => W(u, false, e, c)).join(o) + o : "", h = W(r.target, true, e), d = e.includeConstraints ? pe(r, e) : "";
+  return `${n}${a}${l}${i}${f}${h}${d}`;
+}
+function W(r, t = false, e = ut, s) {
+  const { tag: n, semantics: a } = r, i = e.format === "compact";
+  let o = n;
+  const c = [], l = { ...a.attributes };
+  a.id && (l.id = a.id), a.role && !l.role && (l.role = a.role);
+  const f = Object.entries(l).map(([u, g]) => {
+    const m = ct(u), p = u === "href" || u === "src" ? D(u, g) : g;
+    return { name: u, value: p, priority: m };
+  }).filter((u) => u.name !== "id" && u.name !== "class" && Y.has(u.name) || Z.has(u.name) && K(u.value) ? false : u.priority > 0 || u.name === "role" || u.name === "id");
+  f.sort((u, g) => g.priority - u.priority);
+  const h = f.slice(0, e.maxAttributes);
+  h.sort((u, g) => u.name.localeCompare(g.name));
+  for (const { name: u, value: g } of h) {
+    const m = i ? ht[u] ?? u : u;
+    c.push(`${m}="${V(g)}"`);
+  }
+  if (e.includeText && a.text && !fe(a.text.normalized)) {
+    const u = a.text.normalized;
+    if (u.length > 0 && u.length <= e.maxTextLength && !(!t && s !== void 0 && u === s)) {
+      const m = i ? "x" : "text";
+      c.push(`${m}="${V(u)}"`);
+    }
+  }
+  let d = c;
+  if (c.length > 0 && t && e.simplifyTarget && a.id && (d = c.filter((u) => {
+    const g = u.split("=")[0], m = G[g] ?? g;
+    return ct(m) >= 60 || m === "text" || m === "id" || m === "role";
+  })), a.classes && a.classes.length > 0) {
+    const u = M(a.classes), g = !!a.id || c.some((p) => {
+      const b = p.split("=")[0], S = G[b] ?? b;
+      return S === "href" || S === "data-testid" || S === "text" || S === "role";
+    });
+    if (!(t && e.simplifyTarget && g) && u.length > 0) {
+      const p = u.sort().slice(0, e.maxClasses);
+      o += p.map((b) => `.${b}`).join("");
     }
   }
-  if (d.length > 0 && (a += `[${d.join(",")}]`), "nthChild" in r && r.nthChild) {
-    const l = !!n.id || n.attributes && Object.keys(n.attributes).some(ae);
-    t && e.simplifyTarget && l || (a += `#${r.nthChild}`);
+  if (d.length > 0 && (o += `[${d.join(",")}]`), "nthChild" in r && r.nthChild) {
+    const u = !!a.id || a.attributes && Object.keys(a.attributes).some(de);
+    t && e.simplifyTarget && u || (o += `#${r.nthChild}`);
   }
-  return a;
+  return o;
 }
-function le(r) {
+function pe(r, t) {
   if (!r.constraints || r.constraints.length === 0)
     return "";
-  const t = [];
-  for (const e of r.constraints)
-    switch (e.type) {
+  const e = [];
+  for (const n of r.constraints)
+    switch (n.type) {
       case "uniqueness":
-        t.push("unique=true");
+        e.push("unique=true");
         break;
       case "position":
-        e.params && e.params.strategy && t.push(`pos=${e.params.strategy}`);
+        n.params && n.params.strategy && e.push(`pos=${n.params.strategy}`);
         break;
       case "text-proximity":
-        if (e.params && e.params.reference) {
-          const s = B(String(e.params.reference));
-          t.push(`text="${s}"`);
+        if (n.params && n.params.reference) {
+          const a = V(String(n.params.reference));
+          e.push(`text="${a}"`);
         }
         break;
     }
-  return t.length === 0 ? "" : ` {${t.join(",")}}`;
+  return e.length === 0 ? "" : `${t.format === "verbose" ? " " : ""}{${e.join(",")}}`;
 }
-function B(r) {
+function V(r) {
   return r.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/>/g, "\\>").replace(/:/g, "\\:");
 }
-function xe(r, t, e) {
-  const s = X(r, t);
-  return s ? oe(s, e) : null;
+function Ne(r, t, e) {
+  const s = J(r, t);
+  return s ? ge(s, e) : null;
 }
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -2990,7 +3093,7 @@ function serializeNodeWithId(n, options) {
           enableSvgFingerprint: selectorOptions.enableSvgFingerprint,
           fallbackToBody: selectorOptions.fallbackToBody
         };
-        const selector = xe(n, seqlGeneratorOptions);
+        const selector = Ne(n, seqlGeneratorOptions);
         if (selector) {
           serializedNode.selector = selector;
         }
@@ -3002,7 +3105,11 @@ function serializeNodeWithId(n, options) {
       serializedNode.isVisible = isTextVisible(n);
     }
     if (n.nodeType === Node.ELEMENT_NODE) {
-      serializedNode.isVisible = isElementVisible(n);
+      const vis = isElementVisible(n);
+      serializedNode.isVisible = vis.isVisible;
+      serializedNode.isCSSVisible = vis.isCSSVisible;
+      serializedNode.isViewportVisible = vis.isViewportVisible;
+      serializedNode.hasSize = vis.hasSize;
       serializedNode.isInteractive = isElementInteractive(n);
     }
   }