@appnest/focus-trap
Version:
A lightweight web component to trap focus within a DOM node
72 lines (71 loc) • 2.69 kB
JSON
{
"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!"
]
}
}