@reticlehq/browser 3.7.0 → 3.8.1

package/dist/dom/a11y.js

@@ -1,14 +1,11 @@
 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 { isButton, isImage, isInput, isMeter, isOutput, isProgress, isSelect, isTextArea, } from './realm.js';
 import { refs } from './addressing/refs.js';
-import { capturedRootOf } from './shadow-registry.js';
 import { inspectChart } from './chart.js';
 import { isSensitiveKey } from '../security/serialization.js';
 import { formatSource, sourceFromDom } from './addressing/source.js';
-const HTML_DETAILS_TAG = 'details';
-const HTML_DETAILS_OPEN_ATTRIBUTE = 'open';
-const HTML_SUMMARY_TAG = 'summary';
+import { HTML_DETAILS_OPEN_ATTRIBUTE, HTML_DETAILS_TAG, HTML_SUMMARY_TAG, isVisible, } from './visibility.js';
 const NAME_FROM_CONTENT = new Set([
     'button',
     'link',
@@ -35,36 +32,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 +161,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 +193,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 +207,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 +234,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 +271,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,333 +352,14 @@ 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');
     return valueNow ?? undefined;
 }
-function hiddenInsideClosedDetails(el) {
-    const parent = el.parentElement;
-    if (null === parent)
-        return false;
-    const details = parent.closest(HTML_DETAILS_TAG);
-    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))
-        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)
-        return true;
-    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))
-            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;
-    }
-    return null;
-}
-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;
-}
-const CLIPPING_OVERFLOW = new Set(['hidden', 'clip']);
-const SCROLLING_OVERFLOW = new Set(['auto', 'scroll']);
-const NON_CLIPPING_DISPLAY = new Set([
-    'contents',
-    'table-row',
-    'table-row-group',
-    'table-header-group',
-    'table-footer-group',
-    'table-column',
-    'table-column-group',
-]);
-const TRANSFORM_CONTAINING_BLOCK_PROPERTIES = new Set([
-    'transform',
-    'translate',
-    'rotate',
-    'scale',
-    'perspective',
-]);
-const CONTAINING_BLOCK_PROPERTIES = new Set([
-    ...TRANSFORM_CONTAINING_BLOCK_PROPERTIES,
-    'filter',
-    'backdrop-filter',
-]);
-const CONTAINING_BLOCK_CONTAIN = new Set(['layout', 'paint', 'strict', 'content']);
-const REPLACED_INLINE_TAGS = new Set([
-    'img',
-    'video',
-    'audio',
-    'canvas',
-    'iframe',
-    'embed',
-    'object',
-    'input',
-    'textarea',
-    'select',
-]);
-const visibilityInfoMemos = new WeakMap();
-function visibilityInfoMemo(memo) {
-    if (memo === undefined)
-        return new Map();
-    let info = visibilityInfoMemos.get(memo);
-    if (info === undefined) {
-        info = new Map();
-        visibilityInfoMemos.set(memo, info);
-    }
-    return info;
-}
-function ownVisibilityInfo(el, memo) {
-    let info = memo.get(el);
-    if (info === undefined) {
-        const style = el.ownerDocument.defaultView?.getComputedStyle(el) ?? null;
-        if (selfHidden(el, style)) {
-            info = {
-                hidden: true,
-                style,
-                parent: null,
-                clipX: false,
-                clipY: false,
-                scrollX: false,
-                scrollY: false,
-                hasClipping: false,
-            };
-            memo.set(el, info);
-            return info;
-        }
-        const parent = parentAcrossShadowBoundary(el);
-        const inherited = null === parent ? undefined : ownVisibilityInfo(parent, memo);
-        const [overflowX, overflowY] = overflowAxes(style);
-        const root = el.ownerDocument.documentElement;
-        const viewportOverflow = el === root ||
-            (el === el.ownerDocument.body &&
-                overflowAxes(ownVisibilityInfo(root, memo).style).every((axis) => 'visible' === axis));
-        const hasClipBox = !viewportOverflow &&
-            !NON_CLIPPING_DISPLAY.has(style?.display ?? '') &&
-            !(isHtmlElement(el) && 'inline' === style?.display);
-        const clipX = hasClipBox && CLIPPING_OVERFLOW.has(overflowX);
-        const clipY = hasClipBox && CLIPPING_OVERFLOW.has(overflowY);
-        info = {
-            hidden: true === inherited?.hidden,
-            style,
-            parent,
-            clipX,
-            clipY,
-            scrollX: hasClipBox && SCROLLING_OVERFLOW.has(overflowX),
-            scrollY: hasClipBox && SCROLLING_OVERFLOW.has(overflowY),
-            hasClipping: clipX || clipY || true === inherited?.hasClipping,
-        };
-        memo.set(el, info);
-    }
-    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)
-            continue;
-        if (!fixed && '' !== style.position && 'static' !== style.position)
-            return parent;
-        const transformable = !('inline' === style.display &&
-            isHtmlElement(parent) &&
-            !REPLACED_INLINE_TAGS.has(parent.localName)) &&
-            'table-column' !== style.display &&
-            'table-column-group' !== style.display;
-        const applies = (property) => transformable || !TRANSFORM_CONTAINING_BLOCK_PROPERTIES.has(property);
-        if ([...CONTAINING_BLOCK_PROPERTIES].some((property) => {
-            const value = style.getPropertyValue(property);
-            return applies(property) && '' !== value && 'none' !== value;
-        }) ||
-            style.willChange
-                .split(',')
-                .some((property) => CONTAINING_BLOCK_PROPERTIES.has(property.trim()) && applies(property.trim())) ||
-            (transformable &&
-                !NON_CLIPPING_DISPLAY.has(style.display) &&
-                (style.contain.split(/\s+/).some((value) => CONTAINING_BLOCK_CONTAIN.has(value)) ||
-                    '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)
-        return null;
-    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)
-            return null;
-        if (current === clipFrom)
-            clipFrom = undefined;
-        const style = info.style;
-        if (throughScrollers &&
-            current !== el &&
-            undefined === clipFrom &&
-            (info.scrollX || info.scrollY)) {
-            bounds ??= el.getBoundingClientRect();
-            if (bounds.width > 0 && bounds.height > 0) {
-                bounds = scrolledInto(bounds, clippingBox(current, info), info.scrollX, info.scrollY);
-            }
-        }
-        if (current !== el && undefined === clipFrom && (info.clipX || info.clipY)) {
-            bounds ??= el.getBoundingClientRect();
-            if (bounds.width > 0 && bounds.height > 0) {
-                const clip = clippingBox(current, info);
-                const left = info.clipX ? Math.max(bounds.left, clip.left) : bounds.left;
-                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)
-                    return null;
-                bounds = { left, right, top, bottom, width: right - left, height: bottom - top };
-            }
-        }
-        if (clipFrom === undefined && ('absolute' === style?.position || 'fixed' === style?.position)) {
-            clipFrom = positionedContainingBlock(current, 'fixed' === style?.position, memo);
-        }
-    }
-    return bounds;
-}
-export function isInViewport(el, memo) {
-    if (!isVisible(el, memo))
-        return false;
-    const view = el.ownerDocument.defaultView;
-    if (null === view)
-        return false;
-    const r = visibleBounds(el, visibilityInfoMemo(memo), el.getBoundingClientRect());
-    if (null === r || undefined === r)
-        return false;
-    if (r.width <= 0 || r.height <= 0)
-        return false;
-    return r.bottom > 0 && r.right > 0 && r.top < view.innerHeight && r.left < view.innerWidth;
-}
-export function isVisible(el, memo) {
-    if (!el.isConnected)
-        return false;
-    const cached = memo?.get(el);
-    if (cached !== undefined)
-        return cached;
-    const result = visibleBounds(el, visibilityInfoMemo(memo), undefined, true) !== null;
-    if (memo !== undefined)
-        memo.set(el, result);
-    return result;
-}
 const MAX_TEXT = 80;
 function getVisibleText(el) {
     const text = collapse(el.textContent ?? '');
@@ -641,17 +377,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;