Download node_modules/@radix-ui/react-focus-guards/dist/index.js from metarm/QMetaRam: direct link, hf CLI and curl.
- Browser
- Download file 3 kB
-
https://huggingface.co/metarm/QMetaRam/resolve/main/node_modules/%40radix-ui/react-focus-guards/dist/index.js
- Command line
-
hf download hf://metarm/QMetaRam/node_modules/@radix-ui/react-focus-guards/dist/index.js
-
curl -L -o index.js https://huggingface.co/metarm/QMetaRam/resolve/main/node_modules/%40radix-ui/react-focus-guards/dist/index.js
3 kB
| ; | |
| "use client"; | |
| var __create = Object.create; | |
| var __defProp = Object.defineProperty; | |
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | |
| var __getOwnPropNames = Object.getOwnPropertyNames; | |
| var __getProtoOf = Object.getPrototypeOf; | |
| var __hasOwnProp = Object.prototype.hasOwnProperty; | |
| var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); | |
| var __export = (target, all) => { | |
| for (var name in all) | |
| __defProp(target, name, { get: all[name], enumerable: true }); | |
| }; | |
| var __copyProps = (to, from, except, desc) => { | |
| if (from && typeof from === "object" || typeof from === "function") { | |
| for (let key of __getOwnPropNames(from)) | |
| if (!__hasOwnProp.call(to, key) && key !== except) | |
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | |
| } | |
| return to; | |
| }; | |
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | |
| // If the importer is in node compatibility mode or this is not an ESM | |
| // file that has been converted to a CommonJS file using a Babel- | |
| // compatible transform (i.e. "__esModule" has not been set), then set | |
| // "default" to the CommonJS "module.exports" for node compatibility. | |
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | |
| mod | |
| )); | |
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | |
| // src/index.ts | |
| var index_exports = {}; | |
| __export(index_exports, { | |
| FocusGuards: () => FocusGuards, | |
| Root: () => FocusGuards, | |
| useFocusGuards: () => useFocusGuards | |
| }); | |
| module.exports = __toCommonJS(index_exports); | |
| // src/focus-guards.tsx | |
| var React = __toESM(require("react")); | |
| var count = 0; | |
| var guards = null; | |
| function FocusGuards(props) { | |
| useFocusGuards(); | |
| return props.children; | |
| } | |
| __name(FocusGuards, "FocusGuards"); | |
| function useFocusGuards() { | |
| React.useEffect(() => { | |
| if (!guards) { | |
| guards = { start: createFocusGuard(), end: createFocusGuard() }; | |
| } | |
| const { start, end } = guards; | |
| if (document.body.firstElementChild !== start) { | |
| document.body.insertAdjacentElement("afterbegin", start); | |
| } | |
| if (document.body.lastElementChild !== end) { | |
| document.body.insertAdjacentElement("beforeend", end); | |
| } | |
| count++; | |
| return () => { | |
| if (count === 1) { | |
| guards?.start.remove(); | |
| guards?.end.remove(); | |
| guards = null; | |
| } | |
| count = Math.max(0, count - 1); | |
| }; | |
| }, []); | |
| } | |
| __name(useFocusGuards, "useFocusGuards"); | |
| function createFocusGuard() { | |
| const element = document.createElement("span"); | |
| element.setAttribute("data-radix-focus-guard", ""); | |
| element.tabIndex = 0; | |
| element.style.outline = "none"; | |
| element.style.opacity = "0"; | |
| element.style.position = "fixed"; | |
| element.style.pointerEvents = "none"; | |
| return element; | |
| } | |
| __name(createFocusGuard, "createFocusGuard"); | |
| //# sourceMappingURL=index.js.map | |