{"_id":"@1024pix/vue3-popper","_rev":"3-ac6afc51cd6a85f3021d542f58ae3e06","name":"@1024pix/vue3-popper","dist-tags":{"latest":"1.6.0"},"versions":{"1.6.0":{"name":"@1024pix/vue3-popper","version":"1.6.0","keywords":["vue-popper-component","vue-3-popper","vue-3-popover","vue-3-popper-SFC","popper-2","vue-3-popper-2"],"author":{"url":"https://github.com/valgeirb","name":"Valgeir Björnsson","email":"valgeir@hey.com"},"license":"MIT","_id":"@1024pix/vue3-popper@1.6.0","maintainers":[{"name":"alielamrani","email":"ali.elamrani@pix.fr"},{"name":"nicolas.lepage","email":"nicolas.lepage@zenika.com"},{"name":"vincenthardouin","email":"vincenthardouin@icloud.com"},{"name":"yann_bertrand","email":"npm@y.bertrand.bzh"},{"name":"pix-owner","email":"dev@pix.fr"}],"homepage":"https://valgeirb.github.io/vue3-popper","bugs":{"url":"https://github.com/1024pix/vue3-popper/issues"},"dist":{"shasum":"81b3b92d2bff2a56f33fb8a69d8cdcb81a843368","tarball":"https://registry.npmjs.org/@1024pix/vue3-popper/-/vue3-popper-1.6.0.tgz","fileCount":7,"integrity":"sha512-u+Qrk+Hk+BwMO+FQs9c3K5w7RlpAJocDk3u/iRRmA6xp6GavI+zjx+RHNxD30LHnJf1867HKYTF+Jl5EdqdlTA==","signatures":[{"sig":"MEYCIQDwE2ywXwVp2qoZ/hNwde/OZXjscHqb+0+ZYdCe8gJ1gQIhAJcRl7fMlFCIGGHACuh6IZnIWovPhdnRU2Oqa2x8NeVx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73467},"main":"./dist/vue3-popper.umd.cjs","type":"module","module":"./dist/vue3-popper.js","engines":{"node":">=20"},"exports":{".":{"import":"./dist/vue3-popper.js","require":"./dist/vue3-popper.umd.cjs"}},"gitHead":"843108cdc25e9f66e4d161ac733c1bd5828aaeb4","scripts":{"dev":"vite -c dev/vite.config.js","build":"cross-env NODE_ENV=production vite build","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"},"_npmUser":{"name":"nicolas.lepage","email":"nicolas.lepage@zenika.com"},"repository":{"url":"git+https://github.com/1024pix/vue3-popper.git","type":"git"},"_npmVersion":"10.5.0","description":"A Vue 3 popper component. Uses PopperJS v2.","directories":{},"_nodeVersion":"20.12.2","dependencies":{"debounce":"^1.2.1","@popperjs/core":"^2.9.2"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.27","vite":"^5.2.12","prettier":"^1.19.1","cross-env":"^7.0.3","vitepress":"^0.22.4","@vue/compiler-sfc":"^3.4.27","@vitejs/plugin-vue":"^5.0.4"},"peerDependencies":{"vue":"^3.2.20"},"_npmOperationalInternal":{"tmp":"tmp/vue3-popper_1.6.0_1717751770276_0.2344198410691969","host":"s3://npm-registry-packages"}}},"time":{"created":"2024-06-07T09:16:10.191Z","modified":"2026-08-21T13:06:27.979Z","1.6.0":"2024-06-07T09:16:10.411Z"},"bugs":{"url":"https://github.com/1024pix/vue3-popper/issues"},"author":{"url":"https://github.com/valgeirb","name":"Valgeir Björnsson","email":"valgeir@hey.com"},"license":"MIT","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":{"url":"git+https://github.com/1024pix/vue3-popper.git","type":"git"},"description":"A Vue 3 popper component. Uses PopperJS v2.","maintainers":[{"email":"dev@pix.fr","name":"pix-owner"},{"email":"nicolas.lepage@zenika.com","name":"nicolas.lepage"}],"readme":"

\n\n

\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 @1024pix/vue3-popper\n```\n\n### Yarn\n\n```bash\nyarn add @1024pix/vue3-popper\n```\n\n## Usage\n\n### Vue environment\n\n```html\n\n\n\n\n\n\n\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"}