UNPKG

@appnest/focus-trap

Version:

A lightweight web component to trap focus within a DOM node

72 lines (71 loc) 2.69 kB
{ "name": "@appnest/focus-trap", "version": "0.0.25", "license": "MIT", "module": "index.js", "author": "Appnest", "description": "A lightweight web component to trap focus within a DOM node", "bugs": { "url": "https://github.com/andreasbm/focus-trap/issues" }, "homepage": "https://github.com/andreasbm/focus-trap#readme", "repository": { "type": "git", "url": "git+https://github.com/andreasbm/focus-trap.git" }, "keywords": [ "custom", "elements", "web", "component", "custom element", "web component", "focus", "accessibility", "dialog", "focus trap", "trap" ], "main": "index.js", "types": "index.d.ts", "scripts": { "ncu": "ncu -u -a && npm update && npm install", "test": "karma start", "b:dev": "rollup -c --environment NODE_ENV:dev", "b:prod": "rollup -c --environment NODE_ENV:prod", "s:dev": "rollup -c --watch --environment NODE_ENV:dev", "s:prod": "rollup -c --watch --environment NODE_ENV:prod", "s": "npm run s:dev", "start": "npm run s", "b:lib": "node pre-build.js && tsc -p tsconfig.build.json", "git:add:commit:push": "git add . && git commit --no-edit --amend --no-verify && git push", "bump:patch": "npm version patch && npm run git:add:commit:push", "bump:minor": "npm version minor && npm run git:add:commit:push", "publish": "cd dist && npm publish --access=public && cd ..", "bump:major": "npm version major && npm run git:add:commit:push", "publish:patch": "npm run test && npm run bump:patch && npm run b:lib && npm run publish", "publish:minor": "npm run test && npm run bump:minor && npm run b:lib && npm run publish", "publish:major": "npm run test && npm run bump:major && npm run b:lib && npm run publish", "readme": "node node_modules/.bin/readme" }, "devDependencies": { "@appnest/readme": "^1.0.18", "@appnest/web-config": "0.3.21" }, "readme": { "line": "rainbow", "text": "A focus trap ensures that <code>tab</code> and <code>shift + tab</code> keys will cycle through the focus trap's tabbable elements but not leave the focus trap. This is great for making <a href='https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html'>accessible modals</a>.", "demo": "https://appnest-demo.firebaseapp.com/focus-trap/", "ids": { "npm": "@appnest/focus-trap", "github": "andreasbm/focus-trap", "webcomponents": "@appnest/focus-trap" }, "bullets": [ "Does one things very very well - it traps the focus!", "Pierces through the shadow roots when looking for focusable elements.", "Works right out of the box (just add it to your markup)", "Created using only vanilla js - no dependencies and framework agnostic!" ] } }