@reticlehq/browser 3.7.0 → 3.8.0

package/dist/dom/a11y.js

@@ -2,7 +2,8 @@ import { readTestId } from './addressing/testid-attr.js';
 import { DEFAULT_TESTID_ATTR, ElementState, REDACTED_VALUE, } from '@reticlehq/core';
 import { isButton, isHtmlElement, isImage, isInput, isMeter, isOutput, isProgress, isSelect, isTextArea, } from './realm.js';
 import { refs } from './addressing/refs.js';
-import { capturedRootOf } from './shadow-registry.js';
+import { parentAcrossShadowBoundary } from './shadow-registry.js';
+import { clippingBox, overflowAxes, scrolledInto, } from './paint-context.js';
 import { inspectChart } from './chart.js';
 import { isSensitiveKey } from '../security/serialization.js';
 import { formatSource, sourceFromDom } from './addressing/source.js';
@@ -35,36 +36,46 @@ const NAME_FROM_CONTENT = new Set([
 const INPUT_TEXT_TYPES = new Set(['text', 'email', 'tel', 'url', 'password', '']);
 function inputRole(input) {
     const type = input.type.toLowerCase();
-    if ('search' === type)
+    if ('search' === type) {
         return 'searchbox';
-    if (INPUT_TEXT_TYPES.has(type))
+    }
+    if (INPUT_TEXT_TYPES.has(type)) {
         return 'textbox';
-    if ('checkbox' === type)
+    }
+    if ('checkbox' === type) {
         return 'checkbox';
-    if ('radio' === type)
+    }
+    if ('radio' === type) {
         return 'radio';
-    if ('range' === type)
+    }
+    if ('range' === type) {
         return 'slider';
-    if ('number' === type)
+    }
+    if ('number' === type) {
         return 'spinbutton';
-    if ('submit' === type || 'button' === type || 'reset' === type)
+    }
+    if ('submit' === type || 'button' === type || 'reset' === type) {
         return 'button';
+    }
     return 'textbox';
 }
 function hasAuthorNaming(el) {
     const label = el.getAttribute('aria-label');
-    if (label !== null && label.trim().length > 0)
+    if (label !== null && label.trim().length > 0) {
         return true;
+    }
     const labelledby = el.getAttribute('aria-labelledby');
-    if (labelledby !== null && labelledby.trim().length > 0)
+    if (labelledby !== null && labelledby.trim().length > 0) {
         return true;
+    }
     const title = el.getAttribute('title');
     return title !== null && title.trim().length > 0;
 }
 export function getRole(el) {
     const explicit = el.getAttribute('role');
-    if (explicit !== null && explicit.trim().length > 0)
+    if (explicit !== null && explicit.trim().length > 0) {
         return explicit.trim();
+    }
     const tag = el.tagName.toLowerCase();
     switch (tag) {
         case 'a':
@@ -154,25 +165,30 @@ function collapse(text) {
 }
 function labelledByText(el) {
     const ids = el.getAttribute('aria-labelledby');
-    if (null === ids)
+    if (null === ids) {
         return null;
+    }
     const parts = [];
     for (const id of ids.split(/\s+/)) {
         const ref = el.ownerDocument.getElementById(id);
-        if (ref !== null)
+        if (ref !== null) {
             parts.push(collapse(textWithoutHidden(ref)));
+        }
     }
     const joined = parts.join(' ').trim();
     return joined.length > 0 ? joined : null;
 }
 function textWithoutHidden(node) {
-    if (node.nodeType === Node.TEXT_NODE)
+    if (node.nodeType === Node.TEXT_NODE) {
         return node.textContent ?? '';
-    if (node.nodeType !== Node.ELEMENT_NODE)
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE) {
         return '';
+    }
     const el = node;
-    if ('true' === el.getAttribute('aria-hidden'))
+    if ('true' === el.getAttribute('aria-hidden')) {
         return '';
+    }
     if (isImage(el)) {
         const alt = el.getAttribute('alt');
         return null === alt ? '' : alt;
@@ -181,11 +197,13 @@ function textWithoutHidden(node) {
     let lastWasElement = false;
     for (const child of el.childNodes) {
         const piece = textWithoutHidden(child);
-        if (0 === piece.length)
+        if (0 === piece.length) {
             continue;
+        }
         const isEl = Node.ELEMENT_NODE === child.nodeType;
-        if (result.length > 0 && (isEl || lastWasElement))
+        if (result.length > 0 && (isEl || lastWasElement)) {
             result += ' ';
+        }
         result += piece;
         lastWasElement = isEl;
     }
@@ -193,15 +211,18 @@ function textWithoutHidden(node) {
 }
 export function getAccessibleName(el) {
     const labelled = labelledByText(el);
-    if (labelled !== null)
+    if (labelled !== null) {
         return labelled;
+    }
     const ariaLabel = el.getAttribute('aria-label');
-    if (ariaLabel !== null && ariaLabel.trim().length > 0)
+    if (ariaLabel !== null && ariaLabel.trim().length > 0) {
         return ariaLabel.trim();
+    }
     if (isImage(el)) {
         const alt = el.getAttribute('alt');
-        if (alt !== null)
+        if (alt !== null) {
             return alt.trim();
+        }
     }
     const isLabelable = isInput(el) ||
         isTextArea(el) ||
@@ -217,16 +238,36 @@ export function getAccessibleName(el) {
                 .map((l) => collapse(textWithoutHidden(l)))
                 .join(' ')
                 .trim();
-            if (text.length > 0)
+            if (text.length > 0) {
                 return text;
+            }
         }
     }
     if ('fieldset' === el.tagName.toLowerCase()) {
         const legend = [...el.children].find((child) => 'legend' === child.tagName.toLowerCase());
         if (legend !== undefined) {
             const text = collapse(textWithoutHidden(legend));
-            if (text.length > 0)
+            if (text.length > 0) {
+                return text;
+            }
+        }
+    }
+    if ('table' === el.tagName.toLowerCase()) {
+        const caption = [...el.children].find((child) => 'caption' === child.tagName.toLowerCase());
+        if (caption !== undefined) {
+            const text = collapse(textWithoutHidden(caption));
+            if (text.length > 0) {
+                return text;
+            }
+        }
+    }
+    if ('figure' === el.tagName.toLowerCase()) {
+        const figcaption = [...el.children].find((child) => 'figcaption' === child.tagName.toLowerCase());
+        if (figcaption !== undefined) {
+            const text = collapse(textWithoutHidden(figcaption));
+            if (text.length > 0) {
                 return text;
+            }
         }
     }
     if (isInput(el) || isTextArea(el) || isSelect(el)) {
@@ -234,49 +275,67 @@ export function getAccessibleName(el) {
             const type = el.type.toLowerCase();
             if ('submit' === type || 'button' === type || 'reset' === type) {
                 const value = collapse(el.value);
-                if (value.length > 0)
+                if (value.length > 0) {
                     return value;
+                }
             }
         }
         if (isInput(el) || isTextArea(el)) {
             const placeholder = el.getAttribute('placeholder');
-            if (placeholder !== null && placeholder.trim().length > 0)
+            if (placeholder !== null && placeholder.trim().length > 0) {
                 return placeholder.trim();
+            }
         }
     }
     if (NAME_FROM_CONTENT.has(getRole(el))) {
         const text = collapse(textWithoutHidden(el));
-        if (text.length > 0)
+        if (text.length > 0) {
             return text;
+        }
     }
     const title = el.getAttribute('title');
-    if (title !== null && title.trim().length > 0)
+    if (title !== null && title.trim().length > 0) {
         return title.trim();
+    }
     return '';
 }
 function ariaBool(el, attr) {
     const value = el.getAttribute(attr);
-    if (null === value)
+    if (null === value) {
         return undefined;
+    }
     return 'true' === value;
 }
 export function getStates(el, visible = isVisible(el)) {
     const states = [ElementState.PRESENT];
     states.push(visible ? ElementState.VISIBLE : ElementState.HIDDEN);
-    const disabledProp = (isButton(el) || isInput(el) || isSelect(el) || isTextArea(el)) && el.disabled;
-    const disabled = disabledProp || true === ariaBool(el, 'aria-disabled');
+    const disabled = el.matches(':disabled') || true === ariaBool(el, 'aria-disabled');
     states.push(disabled ? ElementState.DISABLED : ElementState.ENABLED);
     const checkedProp = isInput(el) && ('checkbox' === el.type || 'radio' === el.type) && el.checked;
-    if (checkedProp || true === ariaBool(el, 'aria-checked'))
+    if (checkedProp || true === ariaBool(el, 'aria-checked')) {
         states.push(ElementState.CHECKED);
-    if (true === ariaBool(el, 'aria-expanded'))
+    }
+    if (true === ariaBool(el, 'aria-expanded') || isOpenDetailsSummary(el)) {
         states.push(ElementState.EXPANDED);
-    if (true === ariaBool(el, 'aria-pressed'))
+    }
+    if (true === ariaBool(el, 'aria-pressed')) {
         states.push(ElementState.PRESSED);
-    if (el.ownerDocument.activeElement === el)
+    }
+    if (el.ownerDocument.activeElement === el) {
         states.push(ElementState.FOCUSED);
+    }
     return states;
 }
+function isOpenDetailsSummary(el) {
+    const details = el.parentElement;
+    if (HTML_SUMMARY_TAG !== el.localName ||
+        null === details ||
+        HTML_DETAILS_TAG !== details.localName) {
+        return false;
+    }
+    const summary = Array.from(details.children).find((child) => HTML_SUMMARY_TAG === child.localName);
+    return summary === el && details.hasAttribute(HTML_DETAILS_OPEN_ATTRIBUTE);
+}
 const SENSITIVE_AUTOCOMPLETE = /\b(cc-|current-password|new-password|one-time-code)/i;
 export function isSensitiveField(el) {
     if (!isInput(el) && !isTextArea(el) && !isSelect(el)) {
@@ -297,8 +356,9 @@ export function isSensitiveField(el) {
 }
 export function getValue(el) {
     if (isInput(el) || isTextArea(el) || isSelect(el)) {
-        if (isSensitiveField(el))
+        if (isSensitiveField(el)) {
             return '' === el.value ? '' : REDACTED_VALUE;
+        }
         return el.value;
     }
     const valueNow = el.getAttribute('aria-valuenow');
@@ -306,62 +366,79 @@ export function getValue(el) {
 }
 function hiddenInsideClosedDetails(el) {
     const parent = el.parentElement;
-    if (null === parent)
+    if (null === parent) {
         return false;
+    }
     const details = parent.closest(HTML_DETAILS_TAG);
-    if (null === details || details.hasAttribute(HTML_DETAILS_OPEN_ATTRIBUTE))
+    if (null === details || details.hasAttribute(HTML_DETAILS_OPEN_ATTRIBUTE)) {
         return false;
+    }
     const summary = Array.from(details.children).find((child) => HTML_SUMMARY_TAG === child.localName);
     return summary === undefined || !summary.contains(el);
 }
 function stalledFade(el) {
-    if (!el.ownerDocument.hidden || !('getAnimations' in el))
+    if (!el.ownerDocument.hidden || !('getAnimations' in el)) {
         return false;
+    }
     return el.getAnimations().some((a) => 'running' === a.playState || a.pending);
 }
 const OVERLAY_ARIA_HIDDEN = 'data-aria-hidden';
 function hiddenByAnOverlay(el) {
     return el.hasAttribute(OVERLAY_ARIA_HIDDEN);
 }
-function selfHidden(el, style) {
-    if ('true' === el.getAttribute('aria-hidden') && !hiddenByAnOverlay(el))
-        return true;
-    if (isHtmlElement(el) && el.hidden)
+function selfCssHidden(el, style) {
+    if (isHtmlElement(el) && el.hidden) {
         return true;
-    if (hiddenInsideClosedDetails(el))
+    }
+    if (hiddenInsideClosedDetails(el)) {
         return true;
+    }
     if (style !== null) {
         if ('none' === style.display ||
             'hidden' === style.visibility ||
             'collapse' === style.visibility) {
             return true;
         }
-        if (0 === Number.parseFloat(style.opacity || '1') && !stalledFade(el))
+        if (0 === Number.parseFloat(style.opacity || '1') && !stalledFade(el)) {
             return true;
+        }
     }
     return false;
 }
-function slotInCapturedClosedRoot(el) {
-    const host = el.parentElement;
-    if (null === host || null !== host.shadowRoot)
-        return null;
-    const root = capturedRootOf(host);
-    if (null === root)
-        return null;
-    for (const slot of Array.from(root.querySelectorAll('slot'))) {
-        if (slot.assignedElements().includes(el))
-            return slot;
+function selfHidden(el, style) {
+    if ('true' === el.getAttribute('aria-hidden') && !hiddenByAnOverlay(el)) {
+        return true;
     }
-    return null;
+    return selfCssHidden(el, style);
 }
-function parentAcrossShadowBoundary(el) {
-    const slot = el.assignedSlot ?? slotInCapturedClosedRoot(el);
-    if (null !== slot)
-        return slot;
-    if (null !== el.parentElement)
-        return el.parentElement;
-    const host = el.getRootNode().host;
-    return host ?? null;
+export function isHiddenByAriaOnly(el) {
+    let foundAriaHidden = false;
+    let current = el;
+    while (null !== current) {
+        if ('true' === current.getAttribute('aria-hidden')) {
+            foundAriaHidden = true;
+        }
+        const style = current.ownerDocument.defaultView?.getComputedStyle(current) ?? null;
+        if (selfCssHidden(current, style)) {
+            return false;
+        }
+        current = parentAcrossShadowBoundary(current);
+    }
+    return foundAriaHidden;
+}
+export function isRenderedOutsideAriaHidden(el) {
+    let current = el;
+    while (null !== current) {
+        if ('true' === current.getAttribute('aria-hidden')) {
+            return false;
+        }
+        const style = current.ownerDocument.defaultView?.getComputedStyle(current) ?? null;
+        if (selfCssHidden(current, style)) {
+            return false;
+        }
+        current = parentAcrossShadowBoundary(current);
+    }
+    return true;
 }
 const CLIPPING_OVERFLOW = new Set(['hidden', 'clip']);
 const SCROLLING_OVERFLOW = new Set(['auto', 'scroll']);
@@ -401,8 +478,9 @@ const REPLACED_INLINE_TAGS = new Set([
 ]);
 const visibilityInfoMemos = new WeakMap();
 function visibilityInfoMemo(memo) {
-    if (memo === undefined)
+    if (memo === undefined) {
         return new Map();
+    }
     let info = visibilityInfoMemos.get(memo);
     if (info === undefined) {
         info = new Map();
@@ -454,21 +532,15 @@ function ownVisibilityInfo(el, memo) {
     }
     return info;
 }
-function overflowAxes(style) {
-    const shorthand = style?.overflow ?? '';
-    const [x = 'visible', y = x] = ('' === shorthand ? 'visible' : shorthand).split(/\s+/);
-    return [
-        null === style || '' === style.overflowX ? x : style.overflowX,
-        null === style || '' === style.overflowY ? y : style.overflowY,
-    ];
-}
 function positionedContainingBlock(el, fixed, memo) {
     for (let parent = ownVisibilityInfo(el, memo).parent; parent !== null; parent = ownVisibilityInfo(parent, memo).parent) {
         const style = ownVisibilityInfo(parent, memo).style;
-        if (null === style || 'contents' === style.display)
+        if (null === style || 'contents' === style.display) {
             continue;
-        if (!fixed && '' !== style.position && 'static' !== style.position)
+        }
+        if (!fixed && '' !== style.position && 'static' !== style.position) {
             return parent;
+        }
         const transformable = !('inline' === style.display &&
             isHtmlElement(parent) &&
             !REPLACED_INLINE_TAGS.has(parent.localName)) &&
@@ -485,92 +557,30 @@ function positionedContainingBlock(el, fixed, memo) {
             (transformable &&
                 !NON_CLIPPING_DISPLAY.has(style.display) &&
                 (style.contain.split(/\s+/).some((value) => CONTAINING_BLOCK_CONTAIN.has(value)) ||
-                    'auto' === style.contentVisibility)))
+                    'auto' === style.contentVisibility))) {
             return parent;
+        }
     }
     return null;
 }
-function clippingBox(el, info) {
-    if (info.clipBox !== undefined)
-        return info.clipBox;
-    const rect = el.getBoundingClientRect();
-    const style = info.style;
-    const px = (value) => Number.parseFloat(value ?? '') || 0;
-    const border = (value, kind) => kind === undefined || '' === kind || 'none' === kind || 'hidden' === kind ? 0 : px(value);
-    const scaleX = isHtmlElement(el) && el.offsetWidth > 0 ? rect.width / el.offsetWidth : 1;
-    const scaleY = isHtmlElement(el) && el.offsetHeight > 0 ? rect.height / el.offsetHeight : 1;
-    const left = isHtmlElement(el) && el.offsetWidth > 0
-        ? rect.left + el.clientLeft * scaleX
-        : rect.left + border(style?.borderLeftWidth, style?.borderLeftStyle);
-    const top = isHtmlElement(el) && el.offsetHeight > 0
-        ? rect.top + el.clientTop * scaleY
-        : rect.top + border(style?.borderTopWidth, style?.borderTopStyle);
-    const right = isHtmlElement(el) && el.offsetWidth > 0
-        ? left + el.clientWidth * scaleX
-        : rect.right - border(style?.borderRightWidth, style?.borderRightStyle);
-    const bottom = isHtmlElement(el) && el.offsetHeight > 0
-        ? top + el.clientHeight * scaleY
-        : rect.bottom - border(style?.borderBottomWidth, style?.borderBottomStyle);
-    const margin = (style?.overflowClipMargin ?? '').split(/\s+/);
-    const outset = px(margin.at(-1));
-    const borderBox = margin.includes('border-box');
-    const contentBox = margin.includes('content-box');
-    const [x, y] = overflowAxes(style);
-    const clipLeft = 'clip' === x
-        ? (borderBox ? rect.left : left + (contentBox ? px(style?.paddingLeft) * scaleX : 0)) -
-            outset * scaleX
-        : left;
-    const clipRight = 'clip' === x
-        ? (borderBox ? rect.right : right - (contentBox ? px(style?.paddingRight) * scaleX : 0)) +
-            outset * scaleX
-        : right;
-    const clipTop = 'clip' === y
-        ? (borderBox ? rect.top : top + (contentBox ? px(style?.paddingTop) * scaleY : 0)) -
-            outset * scaleY
-        : top;
-    const clipBottom = 'clip' === y
-        ? (borderBox ? rect.bottom : bottom - (contentBox ? px(style?.paddingBottom) * scaleY : 0)) +
-            outset * scaleY
-        : bottom;
-    info.clipBox = {
-        left: clipLeft,
-        right: clipRight,
-        top: clipTop,
-        bottom: clipBottom,
-        width: clipRight - clipLeft,
-        height: clipBottom - clipTop,
-    };
-    return info.clipBox;
-}
-function scrolledInto(b, port, alongX, alongY) {
-    const axis = (lo, hi, size, from, to) => {
-        if (hi > from && lo < to)
-            return [lo, hi];
-        const span = Math.min(size, to - from);
-        return lo >= to ? [to - span, to] : [from, from + span];
-    };
-    const [left, right] = alongX
-        ? axis(b.left, b.right, b.width, port.left, port.right)
-        : [b.left, b.right];
-    const [top, bottom] = alongY
-        ? axis(b.top, b.bottom, b.height, port.top, port.bottom)
-        : [b.top, b.bottom];
-    return { left, right, top, bottom, width: right - left, height: bottom - top };
-}
 function visibleBounds(el, memo, initial, throughScrollers = false) {
     let bounds = initial;
     const target = ownVisibilityInfo(el, memo);
-    if (target.hidden)
+    if (target.hidden) {
         return null;
-    if (null === target.parent || !ownVisibilityInfo(target.parent, memo).hasClipping)
+    }
+    if (null === target.parent || !ownVisibilityInfo(target.parent, memo).hasClipping) {
         return bounds;
+    }
     let clipFrom;
     for (let current = el; current !== null; current = ownVisibilityInfo(current, memo).parent) {
         const info = ownVisibilityInfo(current, memo);
-        if (info.hidden)
+        if (info.hidden) {
             return null;
-        if (current === clipFrom)
+        }
+        if (current === clipFrom) {
             clipFrom = undefined;
+        }
         const style = info.style;
         if (throughScrollers &&
             current !== el &&
@@ -589,8 +599,9 @@ function visibleBounds(el, memo, initial, throughScrollers = false) {
                 const right = info.clipX ? Math.min(bounds.right, clip.right) : bounds.right;
                 const top = info.clipY ? Math.max(bounds.top, clip.top) : bounds.top;
                 const bottom = info.clipY ? Math.min(bounds.bottom, clip.bottom) : bounds.bottom;
-                if (right <= left || bottom <= top)
+                if (right <= left || bottom <= top) {
                     return null;
+                }
                 bounds = { left, right, top, bottom, width: right - left, height: bottom - top };
             }
         }
@@ -601,27 +612,44 @@ function visibleBounds(el, memo, initial, throughScrollers = false) {
     return bounds;
 }
 export function isInViewport(el, memo) {
-    if (!isVisible(el, memo))
+    if (!isVisible(el, memo)) {
         return false;
+    }
     const view = el.ownerDocument.defaultView;
-    if (null === view)
+    if (null === view) {
         return false;
+    }
     const r = visibleBounds(el, visibilityInfoMemo(memo), el.getBoundingClientRect());
-    if (null === r || undefined === r)
+    if (null === r || undefined === r) {
         return false;
-    if (r.width <= 0 || r.height <= 0)
+    }
+    if (r.width <= 0 || r.height <= 0) {
         return false;
+    }
     return r.bottom > 0 && r.right > 0 && r.top < view.innerHeight && r.left < view.innerWidth;
 }
+function collapsed(el, memo) {
+    const own = ownVisibilityInfo(el, memo);
+    if (!own.clipX && !own.clipY) {
+        return false;
+    }
+    const rects = Array.from(el.getClientRects());
+    return (rects.length > 0 &&
+        rects.every((r) => (own.clipX && 0 === r.width) || (own.clipY && 0 === r.height)));
+}
 export function isVisible(el, memo) {
-    if (!el.isConnected)
+    if (!el.isConnected) {
         return false;
+    }
     const cached = memo?.get(el);
-    if (cached !== undefined)
+    if (cached !== undefined) {
         return cached;
-    const result = visibleBounds(el, visibilityInfoMemo(memo), undefined, true) !== null;
-    if (memo !== undefined)
+    }
+    const info = visibilityInfoMemo(memo);
+    const result = visibleBounds(el, info, undefined, true) !== null && !collapsed(el, info);
+    if (memo !== undefined) {
         memo.set(el, result);
+    }
     return result;
 }
 const MAX_TEXT = 80;
@@ -641,17 +669,21 @@ export function describe(el, memo) {
         states: getStates(el, visible),
         visible,
     };
-    if (value !== undefined && value.length > 0)
+    if (value !== undefined && value.length > 0) {
         base.value = value;
-    if (text.length > 0 && text !== name)
+    }
+    if (text.length > 0 && text !== name) {
         base.text = text;
+    }
     const source = formatSource(sourceFromDom(el));
-    if (source !== undefined)
+    if (source !== undefined) {
         base.source = source;
+    }
     if (el.querySelector('path, polyline, polygon') !== null) {
         const faults = inspectChart(el).findings;
-        if (faults.length > 0)
+        if (faults.length > 0) {
             base.chart = faults;
+        }
     }
     return base;
 }

package/dist/dom/chart.d.ts

@@ -17,7 +17,7 @@ export interface CanvasChartData {
     library: 'chartjs' | 'echarts';
     data: unknown;
 }
-export declare function canvasChartData(canvas: Element, globals: {
+export interface ChartGlobals {
     Chart?: {
         getChart?: (el: Element) => {
             data?: unknown;
@@ -28,4 +28,5 @@ export declare function canvasChartData(canvas: Element, globals: {
             getOption?: () => unknown;
         } | undefined;
     };
-}): CanvasChartData | null;
+}
+export declare function canvasChartData(canvas: Element, globals: ChartGlobals | Window): CanvasChartData | null;

package/dist/dom/chart.js

@@ -46,11 +46,12 @@ export function inspectChart(root) {
     return { examined, findings, canvas };
 }
 export function canvasChartData(canvas, globals) {
-    const chartjs = globals.Chart?.getChart?.(canvas);
+    const libs = globals;
+    const chartjs = libs.Chart?.getChart?.(canvas);
     if (chartjs !== undefined && chartjs !== null) {
         return { library: 'chartjs', data: chartjs.data ?? null };
     }
-    const echart = globals.echarts?.getInstanceByDom?.(canvas);
+    const echart = libs.echarts?.getInstanceByDom?.(canvas);
     if (echart !== undefined && echart !== null) {
         return { library: 'echarts', data: echart.getOption?.() ?? null };
     }

package/dist/dom/dom-ignore.d.ts

@@ -7,4 +7,10 @@ export declare function isReticleOverlay(el: Element): boolean;
 export declare function isUnobserved(el: Element): boolean;
 export declare function isReticleUi(node: Element | null): boolean;
 export declare function isIgnored(el: Element): boolean;
+export declare function isWordsIgnored(el: Element): boolean;
+export declare const FrameworkErrorDialog: {
+    readonly NEXT: "Next.js error dialog";
+    readonly VITE: "Vite error overlay";
+};
+export declare function dialogCovering(matches: readonly Element[]): string | undefined;
 export declare function appModalOpen(doc: Document): boolean;