Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
127 lines
3.7 KiB
Plaintext
127 lines
3.7 KiB
Plaintext
"use client";
|
|
|
|
// src/overlays/ariaHideOutside.ts
|
|
var refCountMap = /* @__PURE__ */ new WeakMap();
|
|
var observerStack = [];
|
|
function ariaHideOutside(targets, root = document.body) {
|
|
let visibleNodes = new Set(targets);
|
|
let hiddenNodes = /* @__PURE__ */ new Set();
|
|
let walk = (root2) => {
|
|
for (let element of root2.querySelectorAll(
|
|
"[data-live-announcer], [data-react-aria-top-layer]"
|
|
)) {
|
|
visibleNodes.add(element);
|
|
}
|
|
let acceptNode = (node) => {
|
|
if (visibleNodes.has(node) || node.parentElement && hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute("role") !== "row") {
|
|
return NodeFilter.FILTER_REJECT;
|
|
}
|
|
for (let target of visibleNodes) {
|
|
if (node.contains(target)) {
|
|
return NodeFilter.FILTER_SKIP;
|
|
}
|
|
}
|
|
return NodeFilter.FILTER_ACCEPT;
|
|
};
|
|
let walker = document.createTreeWalker(root2, NodeFilter.SHOW_ELEMENT, { acceptNode });
|
|
let acceptRoot = acceptNode(root2);
|
|
if (acceptRoot === NodeFilter.FILTER_ACCEPT) {
|
|
hide(root2);
|
|
}
|
|
if (acceptRoot !== NodeFilter.FILTER_REJECT) {
|
|
let node = walker.nextNode();
|
|
while (node != null) {
|
|
hide(node);
|
|
node = walker.nextNode();
|
|
}
|
|
}
|
|
};
|
|
let hide = (node) => {
|
|
var _a;
|
|
let refCount = (_a = refCountMap.get(node)) != null ? _a : 0;
|
|
if (node.getAttribute("aria-hidden") === "true" && refCount === 0) {
|
|
return;
|
|
}
|
|
if (refCount === 0) {
|
|
node.setAttribute("aria-hidden", "true");
|
|
}
|
|
hiddenNodes.add(node);
|
|
refCountMap.set(node, refCount + 1);
|
|
};
|
|
if (observerStack.length) {
|
|
observerStack[observerStack.length - 1].disconnect();
|
|
}
|
|
walk(root);
|
|
let observer = new MutationObserver((changes) => {
|
|
for (let change of changes) {
|
|
if (change.type !== "childList" || change.addedNodes.length === 0) {
|
|
continue;
|
|
}
|
|
if (![...visibleNodes, ...hiddenNodes].some((node) => node.contains(change.target))) {
|
|
for (let node of change.removedNodes) {
|
|
if (node instanceof Element) {
|
|
visibleNodes.delete(node);
|
|
hiddenNodes.delete(node);
|
|
}
|
|
}
|
|
for (let node of change.addedNodes) {
|
|
if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true")) {
|
|
visibleNodes.add(node);
|
|
} else if (node instanceof Element) {
|
|
walk(node);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
observer.observe(root, { childList: true, subtree: true });
|
|
let observerWrapper = {
|
|
visibleNodes,
|
|
hiddenNodes,
|
|
observe() {
|
|
observer.observe(root, { childList: true, subtree: true });
|
|
},
|
|
disconnect() {
|
|
observer.disconnect();
|
|
}
|
|
};
|
|
observerStack.push(observerWrapper);
|
|
return () => {
|
|
observer.disconnect();
|
|
for (let node of hiddenNodes) {
|
|
let count = refCountMap.get(node);
|
|
if (count == null) {
|
|
continue;
|
|
}
|
|
if (count === 1) {
|
|
node.removeAttribute("aria-hidden");
|
|
refCountMap.delete(node);
|
|
} else {
|
|
refCountMap.set(node, count - 1);
|
|
}
|
|
}
|
|
if (observerWrapper === observerStack[observerStack.length - 1]) {
|
|
observerStack.pop();
|
|
if (observerStack.length) {
|
|
observerStack[observerStack.length - 1].observe();
|
|
}
|
|
} else {
|
|
observerStack.splice(observerStack.indexOf(observerWrapper), 1);
|
|
}
|
|
};
|
|
}
|
|
function keepVisible(element) {
|
|
let observer = observerStack[observerStack.length - 1];
|
|
if (observer && !observer.visibleNodes.has(element)) {
|
|
observer.visibleNodes.add(element);
|
|
return () => {
|
|
observer.visibleNodes.delete(element);
|
|
};
|
|
}
|
|
}
|
|
|
|
export {
|
|
ariaHideOutside,
|
|
keepVisible
|
|
};
|