{"dist":{"shasum":"72bd9ebb9f37c67ce4d70febd9f35e5217eb2bc2","tarball":"https://registry.npmjs.org/@popperjs/core/-/core-2.0.0-next.10.tgz","fileCount":148,"integrity":"sha512-N+6heuPHFucavjJBY2ZQc66wYacf1ehOBdqvdz3r7kqduh6XbphLKSVwzdM2MWo8Jj+aBcir8BhTvcer6hRI6w==","signatures":[{"sig":"MEYCIQDh3n9Wg1E/X9Fl3/E7lpZmqjGpMvFpZg7WoLgPVq0TqAIhANn9mGtOuZ0DCUMl6H+r/8ZIic6wLfu/aHFxxrJ0yo3L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":877192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd4o08CRA9TVsSAnZWagAAIYgP/i0Lqy3HArk7XkXmMUmX\nemuo8AejrOI6aSUVPZORROttNAdtz0zDHouX8gbQjNJfyaYeAff67i6rBXWr\n8oO3gKnPrFQ+xY3Reujeyc7AO5/dfAbAn1QnXatRKtbY+grHJctYWCId49/F\nOvo0e+h2Ix6XJUppc4iyzD06KK0QWlU09BuJ41e/myEyOukfQ9baMO/MHoTg\nHL+TW6c4shT3A3G2WwGLiDWOh6CFHcFKf8RPuEsyIyqgOfYh1tQrAM067Z71\nikTl3TL1ImPV27T465azhhHZ+uyVBRCXIkLofEAbXAmM390DYNgxGq7LaoEg\nhD7vLf7c6BAhVTmOjXk+cySJwfyJTzxCSOx/TbzXg8WhRMvAAWG+Sdj5F11Z\n2fnI8jvTEky60Ll4+wNwpR47TK9GGO8CSJep3L3eKKMlcpi/taVTujK9/aiJ\ni2x7lsrrCZwcL+Uncre31oehNfPwXUO+1HCaD4dP7jvI05SZTLwGXxO8k5Di\nkOnyuXWH6UWOGgvm7s6RH+kLXEjm04HccsjqDJUx/g+iD9mVNe7V/5ZwX9PM\n0bWdwbGYUvJu7QAT4pO6K0WoUVFlDDAv6JDIk4LTvSFCiqpgr1EjOZ+1Qnih\nuw5oUQt1As2Y+cLm1mUIvJOkPca3X9KC6HdU3j3183kSTkOaTQBuXscVUZQ/\n18d2\r\n=8d9z\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"jest-puppeteer","reporters":["default","/tests/image-reporter.js"],"testMatch":["/src/**/*.test.js","/tests/**/*.test.js"],"setupFiles":["dotenv/config"],"globalSetup":"jest-environment-puppeteer/setup","globalTeardown":"jest-environment-puppeteer/teardown","testEnvironment":"jsdom","setupFilesAfterEnv":["/tests/setupTests.js"]},"main":"dist/cjs/popper.js","name":"@popperjs/core","babel":{"env":{"test":{"plugins":["@babel/plugin-transform-runtime"],"presets":["@babel/env"]}},"plugins":["@babel/plugin-transform-flow-strip-types",["@babel/plugin-proposal-object-rest-spread",{"loose":true,"useBuiltIns":true}],["@babel/plugin-proposal-class-properties",{"loose":true}],"dev-expression"],"presets":[["@babel/env",{"loose":true,"modules":false}]]},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"unpkg":"dist/umd/popper.min.js","author":{"name":"Federico Zivolo","email":"fzivolo@quid.com"},"module":"lib/index.js","readme":"

\n \"Popper\"\n

\n\nPositioning tooltips (_but also dropdowns, popovers, and more_) is difficult.\n**Popper** is here to help!\n\nGiven a reference element (such as a button) and a tooltip element, Popper will\nautomatically put your tooltip in the right place next to the button.\n\n### Why Popper?\n\nNaive tooltip implementations generally don't consider the following:\n\n- Preventing overflow when the tooltip is near a boundary (e.g. `window`), it\n will get cut off;\n- Flipping to keep the tooltip visible in the viewport for the user;\n- Keeping the tooltip with the reference element when inside a scrolling\n container;\n\nPopper solves all of these key problems in an elegant, performant manner. It is\na ~3 kB library that aims to provide a reliable and extensible positioning\nengine you can use to ensure all your popper elements are positioned in the\nright place. Why waste your time writing your own logic every time you are\nprogramming a tooltip? There are many edge cases that are easy to forget to\nconsider, which is why we've done the hard work for you.\n\nThis library can position any pair of elements in your document without needing\nto alter the DOM in any way. It doesn't matter if your elements are not close to\neach other or are in two different scrolling containers, they will always end up\nin the right position.\n\nSince we write UIs using powerful abstraction libraries such as React or Angular\nnowadays, you'll also be glad to know Popper can fully integrate with them and\nbe a good citizen together with your other components. Check out\n[`react-popper`](https://github.com/FezVrasta/react-popper) for the official\nPopper wrapper for React.\n\n## Installation\n\n### 1. Package Manager\n\n```bash\n# With Yarn\nyarn add @popperjs/core@next\n\n# With npm\nnpm i @popperjs/core@next\n```\n\n### 2. CDN\n\n```html\n\n```\n\n### 3. Direct Download\n\nManually downloading the library is not recommended because you lose versioning\nmanagement that the unpkg CDN or npm/Yarn provide.\n\nYou don't receive fix/feat updates easily and will lag behind the website\ndocumentation, among other issues, and this quickly becomes an unmaintainable\nway to manage dependencies.\n\n## Usage\n\nPopper has the ability to work as a plug n' play library with all features\nincluded, as well as a tree-shakable library that minimizes bundle size if you\nimport only what you need.\n\n### CDN\n\nGenerally, for CDN users, you'll be using the fully-featured `umd` file:\n\n```html\n\n\n```\n\nImporting features you need comes at the cost of extra HTTP requests which is\nusually not worth it.\n\n### Module Bundlers\n\nFor users of module bundlers like webpack or Rollup, you're going to want to\ntake advantage of tree-shaking in your bundler. This comes at the cost of extra\nsetup, but is worth it.\n\nIn your app, you can do the following:\n\n```js\n// Import the core class\nimport Popper from '@popperjs/core';\n\n// Import the features you need\nimport {\n computeStyles,\n applyStyles,\n detectOverflow,\n preventOverflow,\n} from '@popperjs/core/lib/modifiers';\n\n// Setup Popper's default modifiers for each new instance\nPopper.defaultModifiers = [\n detectOverflow,\n preventOverflow,\n computeStyles,\n applyStyles,\n];\n```\n\nNow you can use the `Popper` class with _only_ the features you want. For\ninstance, we aren't using the `arrow`, `flip`, or `offset` modifiers, because\nthe current component, route, or our entire app does not need them. This lets us\nsave on bundle size bytes for our users!\n\nIf you don't want to bother with tree-shaking and don't need bundle size cost\nadvantages, you can import the fully featured `esm` file:\n\n```js\n// All features included!\nimport Popper from '@popperjs/core/lib/popper';\n```\n\n### Instantiation\n\nCreating a popper instance is done by passing the reference element (such as a\nbutton), the popper element (such as a tooltip), and some options to the\n`Popper` constructor:\n\n```js\n// Get your elements\nconst element = document.querySelector('#button');\nconst popper = document.querySelector('#tooltip');\n\n// Let Popper do the magic!\nnew Popper(element, popper, { placement: 'right' });\n```\n\n## Distribution targets\n\nPopper is distributed in 3 different versions, in 3 different file formats.\n\nThe 3 file formats are:\n\n- `esm` (works with `import` syntax — **recommended**)\n- `umd` (works with `