{"_rev":"2-39baa4c5084cf54ac5c6c9899dc1e244","time":{"created":"2022-05-17T13:29:54.774Z","1.4.2":"2022-05-17T13:24:58.628Z","modified":"2022-05-17T13:29:55.162Z","1.4.3":"2022-05-17T13:29:55.018Z"},"_id":"@bperel/vue3-popper","name":"@bperel/vue3-popper","dist-tags":{"latest":"1.4.3"},"versions":{"1.4.3":{"name":"@bperel/vue3-popper","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/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@1.4.3","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-Is6vHTuyi9HQnKygrgs2R+94GLpxKaEcUgrPJdoew4gis3Bh99zPDECn08ir77BB5hbv8UPcZYyfMUHQOUnqPg==","shasum":"77ab2d5b9f2afb51aa261b5e3493784db629a94f","tarball":"https://registry.npmjs.org/@bperel/vue3-popper/-/vue3-popper-1.4.3.tgz","fileCount":9,"unpackedSize":207544,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQpFWc0y2qqD7hfTgdNEzDhT5pD8M0DQ9Fy99NPfrjAQIgFrFP+B6wG6L22kfAs8s4e/MW2YgVkNzHmPIhbbn8nQA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig6NTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoftw/9Elul7gY15K0H2O5+MzRjqjxTOSZopt6e1DKaITRgw7/mnZzt\r\n26rwl8+KnmovaeVpl7Aa9RZzIz5TwVpKJDyvr0H0x84Ire9oG/aorPQC0ynM\r\nWxkSTtMZDCsSFzyRK1micrDzN+aEIsxDksH57FGuSwmDs0w07KRN9PACBXbt\r\nO/nj0zXHL9IqzVATsO0Ouj8DHJv8w4Mgxk7kJf1ZH8pqgyYI4DKzTo+RiRtn\r\nYODcz11dRO6FvSSKimWdOA6znUOvBzxhx11xc37H1CY97mVoE3jbTyCA+IOc\r\n7smndXf0YIqNd8leVRKbkwcM9JQxM2+Cfhpvsgix6+fYmNzUOA2nxFrr/h5m\r\nY2Nq3TZDXyWcwKijSHpw/c12E2MR22B7E6kAOq08nXheaURp0KiuRyvvfApU\r\ncFUWrVPVFKwu8y8JXN4PWNBWPKN6bDmthMZvCOer0ONmgVPenyEYtYRne79j\r\n3MYddQOBx0O60py+U+mERimXefsNurXcVA6m2ne+WvpaA0S/QM5qxYmywyG3\r\nmikz97OMXclNHMjS9eMibzcnYcWU/y635q7dqEzNTVHbqBvn5NlEnubuhRgp\r\nlnZh5uOnfmWPONgA/5sQdpwtofimTQK+7sntmxOFn5XUpJiKzg3x2GoHBf5k\r\nHBwAuBl1jeiEFPZTicPNMdwyhGMTrq1lGYA=\r\n=yocy\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_1.4.3_1652794194833_0.6547642250830854"},"_hasShrinkwrap":false}},"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/valgeirb/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"}