@react-aria/overlays 3.9.1 → 3.10.0

package/dist/module.js

@@ -1,31 +1,14 @@
 import $k7QOs$react, {useState as $k7QOs$useState, useCallback as $k7QOs$useCallback, useRef as $k7QOs$useRef, useEffect as $k7QOs$useEffect, useContext as $k7QOs$useContext, useMemo as $k7QOs$useMemo} from "react";
 import {useLayoutEffect as $k7QOs$useLayoutEffect, useId as $k7QOs$useId, isIOS as $k7QOs$isIOS, chain as $k7QOs$chain, getScrollParent as $k7QOs$getScrollParent, useLabels as $k7QOs$useLabels} from "@react-aria/utils";
-import {useLocale as $k7QOs$useLocale, useMessageFormatter as $k7QOs$useMessageFormatter} from "@react-aria/i18n";
-import $k7QOs$domhelperscss from "dom-helpers/css";
-import $k7QOs$domhelpersoffset from "dom-helpers/offset";
-import $k7QOs$domhelpersposition from "dom-helpers/position";
-import $k7QOs$domhelpersscrollLeft from "dom-helpers/scrollLeft";
-import $k7QOs$domhelpersscrollTop from "dom-helpers/scrollTop";
-import $k7QOs$domhelpersownerDocument from "dom-helpers/ownerDocument";
+import {useLocale as $k7QOs$useLocale, useLocalizedStringFormatter as $k7QOs$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useInteractOutside as $k7QOs$useInteractOutside, useFocusWithin as $k7QOs$useFocusWithin} from "@react-aria/interactions";
 import $k7QOs$reactdom from "react-dom";
+import {useIsSSR as $k7QOs$useIsSSR} from "@react-aria/ssr";
 import {VisuallyHidden as $k7QOs$VisuallyHidden} from "@react-aria/visually-hidden";
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-var $2a41e45df1593e64$exports = {};
-
-$parcel$export($2a41e45df1593e64$exports, "useOverlayPosition", () => $2a41e45df1593e64$export$d39e1813b3bdd0e1);
-
-
-
-
-
-
 const $edcf132a9284368a$var$AXIS = {
     top: 'top',
     bottom: 'top',
@@ -55,16 +38,17 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
     let scroll = {
     };
     if (containerNode.tagName === 'BODY') {
+        let documentElement = document.documentElement;
         var ref;
-        width = (ref = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.width) !== null && ref !== void 0 ? ref : document.documentElement.clientWidth;
+        width = (ref = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.width) !== null && ref !== void 0 ? ref : documentElement.clientWidth;
         var ref1;
-        height = (ref1 = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.height) !== null && ref1 !== void 0 ? ref1 : document.documentElement.clientHeight;
-        scroll.top = $k7QOs$domhelpersscrollTop($k7QOs$domhelpersownerDocument(containerNode).documentElement) || $k7QOs$domhelpersscrollTop(containerNode);
-        scroll.left = $k7QOs$domhelpersscrollLeft($k7QOs$domhelpersownerDocument(containerNode).documentElement) || $k7QOs$domhelpersscrollLeft(containerNode);
+        height = (ref1 = $edcf132a9284368a$var$visualViewport === null || $edcf132a9284368a$var$visualViewport === void 0 ? void 0 : $edcf132a9284368a$var$visualViewport.height) !== null && ref1 !== void 0 ? ref1 : documentElement.clientHeight;
+        scroll.top = documentElement.scrollTop || containerNode.scrollTop;
+        scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
     } else {
-        ({ width: width , height: height , top: top , left: left  } = $k7QOs$domhelpersoffset(containerNode));
-        scroll.top = $k7QOs$domhelpersscrollTop(containerNode);
-        scroll.left = $k7QOs$domhelpersscrollLeft(containerNode);
+        ({ width: width , height: height , top: top , left: left  } = $edcf132a9284368a$var$getOffset(containerNode));
+        scroll.top = containerNode.scrollTop;
+        scroll.left = containerNode.scrollLeft;
     }
     return {
         width: width,
@@ -201,26 +185,59 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
 }
 function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
     let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight  } = opts;
-    let container = overlayNode.offsetParent || document.body;
+    let container = overlayNode instanceof HTMLElement && overlayNode.offsetParent || document.body;
     let isBodyContainer = container.tagName === 'BODY';
     const containerPositionStyle = window.getComputedStyle(container).position;
     let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== 'static';
-    let childOffset = isBodyContainer ? $k7QOs$domhelpersoffset(targetNode) : $k7QOs$domhelpersposition(targetNode, container);
+    let childOffset = isBodyContainer ? $edcf132a9284368a$var$getOffset(targetNode) : $edcf132a9284368a$var$getPosition(targetNode, container);
     if (!isBodyContainer) {
-        let marginTop = String($k7QOs$domhelperscss(targetNode, 'marginTop'));
-        let marginLeft = String($k7QOs$domhelperscss(targetNode, 'marginLeft'));
+        let { marginTop: marginTop , marginLeft: marginLeft  } = window.getComputedStyle(targetNode);
         childOffset.top += parseInt(marginTop, 10) || 0;
         childOffset.left += parseInt(marginLeft, 10) || 0;
     }
-    let overlaySize = $k7QOs$domhelpersoffset(overlayNode);
+    let overlaySize = $edcf132a9284368a$var$getOffset(overlayNode);
     let margins = $edcf132a9284368a$var$getMargins(overlayNode);
     overlaySize.width += margins.left + margins.right;
     overlaySize.height += margins.top + margins.bottom;
     let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
     let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement);
-    let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? $k7QOs$domhelpersoffset(container) : $k7QOs$domhelpersposition(container, boundaryElement);
+    let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? $edcf132a9284368a$var$getOffset(container) : $edcf132a9284368a$var$getPosition(container, boundaryElement);
     return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight);
 }
+function $edcf132a9284368a$var$getOffset(node) {
+    let { top: top , left: left , width: width , height: height  } = node.getBoundingClientRect();
+    let { scrollTop: scrollTop , scrollLeft: scrollLeft , clientTop: clientTop , clientLeft: clientLeft  } = document.documentElement;
+    return {
+        top: top + scrollTop - clientTop,
+        left: left + scrollLeft - clientLeft,
+        width: width,
+        height: height
+    };
+}
+function $edcf132a9284368a$var$getPosition(node, parent) {
+    let style = window.getComputedStyle(node);
+    let offset;
+    if (style.position === 'fixed') {
+        let { top: top , left: left , width: width , height: height  } = node.getBoundingClientRect();
+        offset = {
+            top: top,
+            left: left,
+            width: width,
+            height: height
+        };
+    } else {
+        offset = $edcf132a9284368a$var$getOffset(node);
+        let parentOffset = $edcf132a9284368a$var$getOffset(parent);
+        let parentStyle = window.getComputedStyle(parent);
+        parentOffset.top += (parseInt(parentStyle.borderTopWidth, 10) || 0) - parent.scrollTop;
+        parentOffset.left += (parseInt(parentStyle.borderLeftWidth, 10) || 0) - parent.scrollLeft;
+        offset.top -= parentOffset.top;
+        offset.left -= parentOffset.left;
+    }
+    offset.top -= parseInt(style.marginTop, 10) || 0;
+    offset.left -= parseInt(style.marginLeft, 10) || 0;
+    return offset;
+}
 
 
 
@@ -367,9 +384,6 @@ function $2a41e45df1593e64$var$translateRTL(position, direction) {
 }
 
 
-var $a11501f3d1d39e6c$exports = {};
-
-$parcel$export($a11501f3d1d39e6c$exports, "useOverlay", () => $a11501f3d1d39e6c$export$ea8f71083e90600f);
 
 
 const $a11501f3d1d39e6c$var$visibleOverlays = [];
@@ -443,9 +457,6 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
 }
 
 
-var $628037886ba31236$exports = {};
-
-$parcel$export($628037886ba31236$exports, "useOverlayTrigger", () => $628037886ba31236$export$f9d5c8beee7d008d);
 
 
 
@@ -469,7 +480,8 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
         triggerProps: {
             'aria-haspopup': ariaHasPopup,
             'aria-expanded': isOpen,
-            'aria-controls': isOpen ? overlayId : null
+            'aria-controls': isOpen ? overlayId : null,
+            onPress: state.toggle
         },
         overlayProps: {
             id: overlayId
@@ -478,9 +490,6 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
 }
 
 
-var $49c51c25361d4cd2$exports = {};
-
-$parcel$export($49c51c25361d4cd2$exports, "usePreventScroll", () => $49c51c25361d4cd2$export$ee0f7cc6afcd1c18);
 
 // @ts-ignore
 const $49c51c25361d4cd2$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
@@ -669,13 +678,7 @@ function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
 }
 
 
-var $f57aed4a881a3485$exports = {};
 
-$parcel$export($f57aed4a881a3485$exports, "ModalProvider", () => $f57aed4a881a3485$export$178405afcd8c5eb);
-$parcel$export($f57aed4a881a3485$exports, "useModalProvider", () => $f57aed4a881a3485$export$d9aaed4c3ece1bc0);
-$parcel$export($f57aed4a881a3485$exports, "OverlayProvider", () => $f57aed4a881a3485$export$bf688221f59024e5);
-$parcel$export($f57aed4a881a3485$exports, "OverlayContainer", () => $f57aed4a881a3485$export$b47c3594eab58386);
-$parcel$export($f57aed4a881a3485$exports, "useModal", () => $f57aed4a881a3485$export$33ffd74ebf07f060);
 
 
 const $f57aed4a881a3485$var$Context = /*#__PURE__*/ $k7QOs$react.createContext(null);
@@ -727,12 +730,14 @@ function $f57aed4a881a3485$export$bf688221f59024e5(props) {
     return(/*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props)));
 }
 function $f57aed4a881a3485$export$b47c3594eab58386(props) {
-    let { portalContainer: portalContainer = document.body , ...rest } = props;
+    let isSSR = $k7QOs$useIsSSR();
+    let { portalContainer: portalContainer = isSSR ? null : document.body , ...rest } = props;
     $k7QOs$react.useEffect(()=>{
-        if (portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
+        if (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
     }, [
         portalContainer
     ]);
+    if (!portalContainer) return null;
     let contents = /*#__PURE__*/ $k7QOs$react.createElement($f57aed4a881a3485$export$bf688221f59024e5, rest);
     return(/*#__PURE__*/ $k7QOs$reactdom.createPortal(contents, portalContainer));
 }
@@ -761,144 +766,209 @@ function $f57aed4a881a3485$export$33ffd74ebf07f060(options) {
 }
 
 
-var $86ea4cb521eb2e37$exports = {};
-
-$parcel$export($86ea4cb521eb2e37$exports, "DismissButton", () => $86ea4cb521eb2e37$export$2317d149ed6f78c4);
 var $61fe14465afefc5e$exports = {};
 var $773d5888b972f1cf$exports = {};
-$773d5888b972f1cf$exports = JSON.parse("{\"dismiss\":\"تجاهل\"}");
+$773d5888b972f1cf$exports = {
+    "dismiss": `تجاهل`
+};
 
 
 var $d11f19852b941573$exports = {};
-$d11f19852b941573$exports = JSON.parse("{\"dismiss\":\"Отхвърляне\"}");
+$d11f19852b941573$exports = {
+    "dismiss": `Отхвърляне`
+};
 
 
 var $b983974c2ee1efb3$exports = {};
-$b983974c2ee1efb3$exports = JSON.parse("{\"dismiss\":\"Odstranit\"}");
+$b983974c2ee1efb3$exports = {
+    "dismiss": `Odstranit`
+};
 
 
 var $5809cc9d4e92de73$exports = {};
-$5809cc9d4e92de73$exports = JSON.parse("{\"dismiss\":\"Luk\"}");
+$5809cc9d4e92de73$exports = {
+    "dismiss": `Luk`
+};
 
 
 var $c68c2e4fc74398d1$exports = {};
-$c68c2e4fc74398d1$exports = JSON.parse("{\"dismiss\":\"Schließen\"}");
+$c68c2e4fc74398d1$exports = {
+    "dismiss": `Schließen`
+};
 
 
 var $0898b4c153db2b77$exports = {};
-$0898b4c153db2b77$exports = JSON.parse("{\"dismiss\":\"Απόρριψη\"}");
+$0898b4c153db2b77$exports = {
+    "dismiss": `Απόρριψη`
+};
 
 
 var $6d74810286a15183$exports = {};
-$6d74810286a15183$exports = JSON.parse("{\"dismiss\":\"Dismiss\"}");
+$6d74810286a15183$exports = {
+    "dismiss": `Dismiss`
+};
 
 
 var $309d73dc65f78055$exports = {};
-$309d73dc65f78055$exports = JSON.parse("{\"dismiss\":\"Descartar\"}");
+$309d73dc65f78055$exports = {
+    "dismiss": `Descartar`
+};
 
 
 var $44ad94f7205cf593$exports = {};
-$44ad94f7205cf593$exports = JSON.parse("{\"dismiss\":\"Lõpeta\"}");
+$44ad94f7205cf593$exports = {
+    "dismiss": `Lõpeta`
+};
 
 
 var $7c28f5687f0779a9$exports = {};
-$7c28f5687f0779a9$exports = JSON.parse("{\"dismiss\":\"Hylkää\"}");
+$7c28f5687f0779a9$exports = {
+    "dismiss": `Hylkää`
+};
 
 
 var $e6d75df4b68bd73a$exports = {};
-$e6d75df4b68bd73a$exports = JSON.parse("{\"dismiss\":\"Rejeter\"}");
+$e6d75df4b68bd73a$exports = {
+    "dismiss": `Rejeter`
+};
 
 
 var $87505c9dab186d0f$exports = {};
-$87505c9dab186d0f$exports = JSON.parse("{\"dismiss\":\"התעלם\"}");
+$87505c9dab186d0f$exports = {
+    "dismiss": `התעלם`
+};
 
 
 var $553439c3ffb3e492$exports = {};
-$553439c3ffb3e492$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}");
+$553439c3ffb3e492$exports = {
+    "dismiss": `Odbaci`
+};
 
 
 var $74cf411061b983a2$exports = {};
-$74cf411061b983a2$exports = JSON.parse("{\"dismiss\":\"Elutasítás\"}");
+$74cf411061b983a2$exports = {
+    "dismiss": `Elutasítás`
+};
 
 
 var $e933f298574dc435$exports = {};
-$e933f298574dc435$exports = JSON.parse("{\"dismiss\":\"Ignora\"}");
+$e933f298574dc435$exports = {
+    "dismiss": `Ignora`
+};
 
 
 var $ac91fc9fe02f71f6$exports = {};
-$ac91fc9fe02f71f6$exports = JSON.parse("{\"dismiss\":\"閉じる\"}");
+$ac91fc9fe02f71f6$exports = {
+    "dismiss": `閉じる`
+};
 
 
 var $52b96f86422025af$exports = {};
-$52b96f86422025af$exports = JSON.parse("{\"dismiss\":\"무시\"}");
+$52b96f86422025af$exports = {
+    "dismiss": `무시`
+};
 
 
 var $c0d724c3e51dafa6$exports = {};
-$c0d724c3e51dafa6$exports = JSON.parse("{\"dismiss\":\"Atmesti\"}");
+$c0d724c3e51dafa6$exports = {
+    "dismiss": `Atmesti`
+};
 
 
 var $c92899672a3fe72e$exports = {};
-$c92899672a3fe72e$exports = JSON.parse("{\"dismiss\":\"Nerādīt\"}");
+$c92899672a3fe72e$exports = {
+    "dismiss": `Nerādīt`
+};
 
 
 var $9f576b39d8e7a9d6$exports = {};
-$9f576b39d8e7a9d6$exports = JSON.parse("{\"dismiss\":\"Lukk\"}");
+$9f576b39d8e7a9d6$exports = {
+    "dismiss": `Lukk`
+};
 
 
 var $9d025808aeec81a7$exports = {};
-$9d025808aeec81a7$exports = JSON.parse("{\"dismiss\":\"Negeren\"}");
+$9d025808aeec81a7$exports = {
+    "dismiss": `Negeren`
+};
 
 
 var $fce709921e2c0fa6$exports = {};
-$fce709921e2c0fa6$exports = JSON.parse("{\"dismiss\":\"Zignoruj\"}");
+$fce709921e2c0fa6$exports = {
+    "dismiss": `Zignoruj`
+};
 
 
 var $2599cf0c4ab37f59$exports = {};
-$2599cf0c4ab37f59$exports = JSON.parse("{\"dismiss\":\"Descartar\"}");
+$2599cf0c4ab37f59$exports = {
+    "dismiss": `Descartar`
+};
 
 
 var $3c220ae7ef8a35fd$exports = {};
-$3c220ae7ef8a35fd$exports = JSON.parse("{\"dismiss\":\"Dispensar\"}");
+$3c220ae7ef8a35fd$exports = {
+    "dismiss": `Dispensar`
+};
 
 
 var $93562b5094072f54$exports = {};
-$93562b5094072f54$exports = JSON.parse("{\"dismiss\":\"Revocare\"}");
+$93562b5094072f54$exports = {
+    "dismiss": `Revocare`
+};
 
 
 var $cd9e2abd0d06c7b4$exports = {};
-$cd9e2abd0d06c7b4$exports = JSON.parse("{\"dismiss\":\"Пропустить\"}");
+$cd9e2abd0d06c7b4$exports = {
+    "dismiss": `Пропустить`
+};
 
 
 var $45375701f409adf1$exports = {};
-$45375701f409adf1$exports = JSON.parse("{\"dismiss\":\"Zrušiť\"}");
+$45375701f409adf1$exports = {
+    "dismiss": `Zrušiť`
+};
 
 
 var $27fab53a576de9dd$exports = {};
-$27fab53a576de9dd$exports = JSON.parse("{\"dismiss\":\"Opusti\"}");
+$27fab53a576de9dd$exports = {
+    "dismiss": `Opusti`
+};
 
 
 var $4438748d9952e7c7$exports = {};
-$4438748d9952e7c7$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}");
+$4438748d9952e7c7$exports = {
+    "dismiss": `Odbaci`
+};
 
 
 var $0936d7347ef4da4c$exports = {};
-$0936d7347ef4da4c$exports = JSON.parse("{\"dismiss\":\"Avvisa\"}");
+$0936d7347ef4da4c$exports = {
+    "dismiss": `Avvisa`
+};
 
 
 var $29700c92185d38f8$exports = {};
-$29700c92185d38f8$exports = JSON.parse("{\"dismiss\":\"Kapat\"}");
+$29700c92185d38f8$exports = {
+    "dismiss": `Kapat`
+};
 
 
 var $662ccaf2be4c25b3$exports = {};
-$662ccaf2be4c25b3$exports = JSON.parse("{\"dismiss\":\"Скасувати\"}");
+$662ccaf2be4c25b3$exports = {
+    "dismiss": `Скасувати`
+};
 
 
 var $d80a27deda7cdb3c$exports = {};
-$d80a27deda7cdb3c$exports = JSON.parse("{\"dismiss\":\"取消\"}");
+$d80a27deda7cdb3c$exports = {
+    "dismiss": `取消`
+};
 
 
 var $2b2734393847c884$exports = {};
-$2b2734393847c884$exports = JSON.parse("{\"dismiss\":\"關閉\"}");
+$2b2734393847c884$exports = {
+    "dismiss": `關閉`
+};
 
 
 $61fe14465afefc5e$exports = {
@@ -945,8 +1015,8 @@ $61fe14465afefc5e$exports = {
 
 function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
     let { onDismiss: onDismiss , ...otherProps } = props;
-    let formatMessage = $k7QOs$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($61fe14465afefc5e$exports)));
-    let labels = $k7QOs$useLabels(otherProps, formatMessage('dismiss'));
+    let stringFormatter = $k7QOs$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($61fe14465afefc5e$exports)));
+    let labels = $k7QOs$useLabels(otherProps, stringFormatter.format('dismiss'));
     let onClick = ()=>{
         if (onDismiss) onDismiss();
     };
@@ -958,9 +1028,6 @@ function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
 }
 
 
-var $5e3802645cc19319$exports = {};
-
-$parcel$export($5e3802645cc19319$exports, "ariaHideOutside", () => $5e3802645cc19319$export$1c3ebcada18427bf);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -980,13 +1047,13 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
     let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
         acceptNode (node) {
             // If this node is a live announcer, add it to the set of nodes to keep visible.
-            if (node instanceof HTMLElement && node.dataset.liveAnnouncer === 'true') visibleNodes.add(node);
+            if ((node instanceof HTMLElement || node instanceof SVGElement) && node.dataset.liveAnnouncer === 'true') visibleNodes.add(node);
             // Skip this node and its children if it is one of the target nodes, or a live announcer.
             // Also skip children of already hidden nodes, as aria-hidden is recursive.
             if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement)) return NodeFilter.FILTER_REJECT;
             // VoiceOver on iOS has issues hiding elements with role="row". Hide the cells inside instead.
             // https://bugs.webkit.org/show_bug.cgi?id=222623
-            if (node instanceof HTMLElement && node.getAttribute('role') === 'row') return NodeFilter.FILTER_SKIP;
+            if (node instanceof Element && node.getAttribute('role') === 'row') return NodeFilter.FILTER_SKIP;
             // Skip this node but continue to children if one of the targets is inside the node.
             if (targets.some((target)=>node.contains(target)
             )) return NodeFilter.FILTER_SKIP;
@@ -1018,7 +1085,7 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
                 ...hiddenNodes
             ].some((node)=>node.contains(change.target)
             )) for (let node2 of change.addedNodes){
-                if (node2 instanceof HTMLElement && node2.dataset.liveAnnouncer === 'true') visibleNodes.add(node2);
+                if ((node2 instanceof HTMLElement || node2 instanceof SVGElement) && node2.dataset.liveAnnouncer === 'true') visibleNodes.add(node2);
                 else if (node2 instanceof Element) hide(node2);
             }
         }