{"_id":"@bperel/vue3-popper-teleport","_rev":"1-40addf2c60d8fac9c8ab9155b90662f5","name":"@bperel/vue3-popper-teleport","dist-tags":{"latest":"1.4.3"},"versions":{"1.4.2":{"name":"@bperel/vue3-popper-teleport","version":"1.4.2","author":{"name":"Valgeir Björnsson","email":"valgeir@hey.com","url":"https://github.com/valgeirb"},"repository":{"type":"git","url":"git+https://github.com/valgeirb/vue3-popper.git"},"homepage":"https://valgeirb.github.io/vue3-popper","license":"MIT","description":"A Vue 3 popper component. Uses PopperJS v2.","keywords":["vue-popper-component","vue-3-popper","vue-3-popover","vue-3-popper-SFC","popper-2","vue-3-popper-2"],"main":"dist/popper.ssr.js","browser":"dist/popper.esm.js","module":"dist/popper.esm.js","unpkg":"dist/popper.min.js","sideEffects":false,"scripts":{"dev":"vue-cli-service serve dev/serve.js","dev:docs":"vitepress dev docs","build:docs":"vitepress build docs","serve:docs":"vitepress serve docs","deploy:docs":"npm run build:docs && npx gh-pages -d docs/.vitepress/dist","build":"cross-env NODE_ENV=production rollup --config build/rollup.config.js","build:ssr":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs","build:es":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es","build:unpkg":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"},"dependencies":{"@popperjs/core":"^2.9.2","debounce":"^1.2.1"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@rollup/plugin-alias":"^3.1.1","@rollup/plugin-babel":"^5.2.2","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.1","@rollup/plugin-replace":"^2.3.4","@vue/cli-plugin-babel":"^4.5.10","@vue/cli-service":"^4.5.10","@vue/compiler-sfc":"^3.0.5","cross-env":"^7.0.3","minimist":"^1.2.5","patch-vue-directive-ssr":"^0.0.1","postcss":"^8.2.3","prettier":"^1.19.1","rollup":"^2.36.1","rollup-plugin-postcss":"^4.0.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-vue":"^6.0.0","vitepress":"^0.20.0","vue":"^3.2.20"},"peerDependencies":{"vue":"^3.2.20"},"engines":{"node":">=12"},"bugs":{"url":"https://github.com/valgeirb/vue3-popper/issues"},"directories":{"doc":"docs"},"gitHead":"2ebc9d3ecaed4207a0de243032407cd4e9e745b5","_id":"@bperel/vue3-popper-teleport@1.4.2","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-A5C7Q79AaploCu6Q1WMDntQHbhjoHhbQHB0lmsAZXZ6iAMXjIMRWQ8EGv50leclN+IFg4yhF13GFNPcpFX6Clg==","shasum":"a427c919bec610638569ba2ad0c70a18ee7e1088","tarball":"https://registry.npmjs.org/@bperel/vue3-popper-teleport/-/vue3-popper-teleport-1.4.2.tgz","fileCount":9,"unpackedSize":207553,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIErBw58sx5hcUW6J9Jcj97dg+opIujvz3HN32/hMxTx7AiEA/bK/ppG9AfqY08XpalT5cDJrGw1bvm0bBDkaFKhou48="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig6NpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosvA/8DP9eli73reWFnvFPm1ouqBic6MdTm4xqMg1pZFqKWMkJyBUu\r\nEwPJCS/LTgOA8wsfkSVs6/DkfkPq+nmgt85acMPMa16JTx0cGcxqq34r3jWv\r\n2CZWBG5nzJJfvNgmGSkF3LGwIEfXW0qKU9S8/ZybdXg0O7QqRssDLlWfUubC\r\nbSzv+Ag7kaykrcXPu8X+LyIVVcQHG/fyZ+braIfVbhSP1LWzYLAlvhH+ij/F\r\n3ql5yhAEZDGffeSrEVqR8eSB7r+oDmZZYG4x+SILl6d1/pV/USNmUb7IqY9w\r\nsCYjI8g8eqoXhS8F8o1EB1EbAZ/ksYCslzMYDG97EMmL0OPQSC+f5ZlPctfG\r\n9ObEA7mN8LuZLpu5f13UyBeeGooE7JP9cE73Y/MGspFOjpyniuXqjTRPrykP\r\nhM+gF8fXDR3XUKKUYbkr91OaHQfmBMWLtrRj54UWYT5QhKw3tOlRqHUWwTHJ\r\ng7v4y9EcZCthJxYDJ0dHf4web1KY/5Xy2nWTv62c7QLhSRXirfGzwalz5O4V\r\nW7SNN+jLeqaN6JatkJT/R9i0DIA+2c7l4A9dw61rG38HemDpogyEDkCd12Xy\r\ncmfn8o5igbhdttgoO6lzRwhul6Js9rlAcuGvVCJgTQYRdmW9oz1RoxCRdI7t\r\n0f9/lVfaoznsglcRhFE7d7Du5dCPWyaKVAM=\r\n=HF5X\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bperel","email":"brunoperel@gmail.com"},"maintainers":[{"name":"bperel","email":"brunoperel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-popper-teleport_1.4.2_1652794216819_0.15885828034010796"},"_hasShrinkwrap":false},"1.4.3":{"name":"@bperel/vue3-popper-teleport","version":"1.4.3","author":{"name":"Valgeir Björnsson","email":"valgeir@hey.com","url":"https://github.com/valgeirb"},"repository":{"type":"git","url":"git+https://github.com/bperel/vue3-popper.git"},"homepage":"https://valgeirb.github.io/vue3-popper","license":"MIT","description":"A Vue 3 popper component. Uses PopperJS v2.","keywords":["vue-popper-component","vue-3-popper","vue-3-popover","vue-3-popper-SFC","popper-2","vue-3-popper-2"],"main":"dist/popper.ssr.js","browser":"dist/popper.esm.js","module":"dist/popper.esm.js","unpkg":"dist/popper.min.js","sideEffects":false,"scripts":{"dev":"vue-cli-service serve dev/serve.js","dev:docs":"vitepress dev docs","build:docs":"vitepress build docs","serve:docs":"vitepress serve docs","deploy:docs":"npm run build:docs && npx gh-pages -d docs/.vitepress/dist","build":"cross-env NODE_ENV=production rollup --config build/rollup.config.js","build:ssr":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs","build:es":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es","build:unpkg":"cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"},"dependencies":{"@popperjs/core":"^2.9.2","debounce":"^1.2.1"},"devDependencies":{"@babel/core":"^7.12.10","@babel/preset-env":"^7.12.11","@rollup/plugin-alias":"^3.1.1","@rollup/plugin-babel":"^5.2.2","@rollup/plugin-commonjs":"^17.0.0","@rollup/plugin-node-resolve":"^11.0.1","@rollup/plugin-replace":"^2.3.4","@vue/cli-plugin-babel":"^4.5.10","@vue/cli-service":"^4.5.10","@vue/compiler-sfc":"^3.0.5","cross-env":"^7.0.3","minimist":"^1.2.5","patch-vue-directive-ssr":"^0.0.1","postcss":"^8.2.3","prettier":"^1.19.1","rollup":"^2.36.1","rollup-plugin-postcss":"^4.0.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-vue":"^6.0.0","vitepress":"^0.20.0","vue":"^3.2.20"},"peerDependencies":{"vue":"^3.2.20"},"engines":{"node":">=12"},"bugs":{"url":"https://github.com/valgeirb/vue3-popper/issues"},"directories":{"doc":"docs"},"gitHead":"2ebc9d3ecaed4207a0de243032407cd4e9e745b5","_id":"@bperel/vue3-popper-teleport@1.4.3","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-O0nZ+JoFYWL3/3cysNsviEu8JjbPPlkPApVLZi33KqRKqJ29zTCkc0yw6DE7/PwwuIHDN7ccysV/SG/Jhr3cnw==","shasum":"57433bcf9efa3926982292d289a8184bb2b9be8b","tarball":"https://registry.npmjs.org/@bperel/vue3-popper-teleport/-/vue3-popper-teleport-1.4.3.tgz","fileCount":9,"unpackedSize":207551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIByk41px9Z8oRBccAyEWjpDnoZnOyjD/X3CXQpmH7l7lAiEA1gKj2qH76tfolhMDlq5eX+iIr9wV+Qy6Imhb2s/dbUI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig6OpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpasA//Xn23sUicDBm/t1pa5jPlP/DEAr0WjaEJpkKyvZjuRNLkhKUU\r\nSLKqW652ALCIBl3fGMjGNBj/rDUmErT0hQLqmYsTjv5KHVr385sWaJIFN3xC\r\npZ20Xg+KvHRXpX3s+PE5TgBvMtodFRHVtREdlLy7XHoftJOx3EOMQ2C1GBSN\r\nyaqWkVHn+9naNwRG2zx6c5bRPV9UoDUvZpK8K1rp7l88tID8rp0ujmq4o0ZJ\r\neuKYWQNSNuz6X7s/K+hlLpBTMlJYp+ga9fGe1KHSNwQMePwOCz2mdFY9RuTE\r\nUb20/GtHDDcX8X1FJMuubOpE0aH05JDa4zjNrHNETY075J4RlYWu76Y18lx8\r\nHY4mL0Q+wYt5+RNXSlJx4sjnsT6Z3wONMHrGCDjYcP7umwgT+TrFpiz/+AYw\r\nn0H5bxiuS8bIBaInrF84rFlFfm1TIdBspAMHodK8M1M/h0AzSXR2YO9pZF0q\r\ni6qXEwcyTwLDvsx1vKq7FQMoOkAl1zB+BSylWayV1I+fa2g8fZflNHb+lhtU\r\nRZAlTOW2WyJ9+OxufynZWLKFL8LkgG/sN8DH2RYZr4m12BS37NxFERIdASYZ\r\ngHviwVkvHNcZzIp4U/quFK7AUrDd7349D3Gt4cc09GT6AzPVApt8So463Vk9\r\ndnBCSTAp2qL+XzTbKtWM4CQsgyWefKB/3LA=\r\n=l0KO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"bperel","email":"brunoperel@gmail.com"},"maintainers":[{"name":"bperel","email":"brunoperel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-popper-teleport_1.4.3_1652794280803_0.13581200405170213"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-17T13:30:16.728Z","1.4.2":"2022-05-17T13:30:17.010Z","modified":"2022-05-17T13:31:21.111Z","1.4.3":"2022-05-17T13:31:21.009Z"},"maintainers":[{"name":"bperel","email":"brunoperel@gmail.com"}],"description":"A Vue 3 popper component. Uses PopperJS v2.","homepage":"https://valgeirb.github.io/vue3-popper","keywords":["vue-popper-component","vue-3-popper","vue-3-popover","vue-3-popper-SFC","popper-2","vue-3-popper-2"],"repository":{"type":"git","url":"git+https://github.com/bperel/vue3-popper.git"},"author":{"name":"Valgeir Björnsson","email":"valgeir@hey.com","url":"https://github.com/valgeirb"},"bugs":{"url":"https://github.com/valgeirb/vue3-popper/issues"},"license":"MIT","readme":"<p align=\"center\">\n<img src=\"https://raw.githubusercontent.com/valgeirb/vue-popper/main/docs/public/popper.svg\" height=\"300px\">\n</p>\n\n# vue3-popper\n\n> A popover component for Vue 3\n\n## Documentation\n\nCheck out the [documentation](https://valgeirb.github.io/vue3-popper/)\n\n- [Getting started](https://valgeirb.github.io/vue3-popper/guide/getting-started.html)\n- [Usage](https://valgeirb.github.io/vue3-popper/guide/getting-started.html#usage)\n\n## Install\n\n### NPM\n\n```bash\nnpm install vue3-popper\n```\n\n### Yarn\n\n```bash\nyarn add vue3-popper\n```\n\n## Usage\n\n### Vue environment\n\n```html\n<!-- If your content is only a simple string, you can use the content prop: -->\n<template>\n  <Popper content=\"This is the Popper content\">\n    <button>Trigger element</button>\n  </Popper>\n</template>\n\n<!-- If your content is more complex, you can use the content slot: -->\n<template>\n  <Popper>\n    <button>Trigger element</button>\n    <template #content>\n      <div>This is the Popper content</div>\n    </template>\n  </Popper>\n</template>\n\n<script>\n  import { defineComponent } from \"vue\";\n  import Popper from \"vue3-popper\";\n\n  export default defineComponent({\n    components: {\n      Popper,\n    },\n  });\n</script>\n```\n\n## Props\n\n| Name               | Default  | Description                                                                                                 |\n| ------------------ | -------- | ----------------------------------------------------------------------------------------------------------- |\n| `placement`        | `bottom` | Preferred placement of the Popper                                                                           |\n| `disableClickAway` | `false`  | Disables automatically closing the Popper when the user clicks away from it                                 |\n| `offsetSkid`       | `0`      | Offset in pixels along the trigger element                                                                  |\n| `offsetDistance`   | `12`     | Offset in pixels away from the trigger element                                                              |\n| `hover`            | `false`  | Trigger the Popper on hover                                                                                 |\n| `arrow`            | `false`  | Display an arrow on the Popper                                                                              |\n| `arrowPadding`     | `0`      | Stop arrow from reaching the edge of the Popper (in pixels)                                                 |\n| `disabled`         | `false`  | Disables the Popper. If it was already open, it will be closed.                                             |\n| `openDelay`        | `0`      | Open the Popper after a delay (ms)                                                                          |\n| `closeDelay`       | `0`      | Close the Popper after a delay (ms)                                                                         |\n| `interactive`      | `true`   | If the Popper should be interactive, it will close when clicked/hovered if false                            |\n| `content`          | `null`   | If your content is just a simple string, you can pass it as a prop                                          |\n| `show`             | `null`   | Control the Popper **manually**, other events (click, hover) are ignored if this is set to `true/false`     |\n| `zIndex`           | `9999`   | The z-index of the Popper                                                                                   |\n| `locked`           | `false`  | Lock the Popper into place, it will not flip dynamically when it runs out of space if this is set to `true` |\n\n## Events\n\n| Name           | Description               |\n| -------------- | ------------------------- |\n| `open:popper`  | When the Popper is opened |\n| `close:popper` | When the Popper is hidden |\n\n## Slots\n\n| Name      | Description            |\n| --------- | ---------------------- |\n| `content` | For the Popper content |\n\n## Slot props\n\nThe `content` slot gives you access to useful variables and functions.\n\n| Name     | Type     | Description                    |\n| -------- | -------- | ------------------------------ |\n| `close`  | function | A function to close the Popper |\n| `isOpen` | boolean  | The `open` state of the Popper |\n\n## CSS variables\n\n`Popper` only comes with some barebones styling by default, but it also uses a list of predefined CSS variables. You can overwrite these variables to suit your needs.\n\n| CSS variable                            | Example value                       |\n| --------------------------------------- | ----------------------------------- |\n| `--popper-theme-background-color`       | #ffffff                             |\n| `--popper-theme-background-color-hover` | #ffffff                             |\n| `--popper-theme-text-color`             | inherit                             |\n| `--popper-theme-border-width`           | 1px                                 |\n| `--popper-theme-border-style`           | solid                               |\n| `--popper-theme-border-color`           | #eeeeee                             |\n| `--popper-theme-border-radius`          | 6px                                 |\n| `--popper-theme-padding`                | 16px                                |\n| `--popper-theme-box-shadow`             | 0 6px 30px -6px rgba(0, 0, 0, 0.25) |\n","readmeFilename":"README.md"}