{"_id":"@dry7/ngx-tippy-wrapper","_rev":"2-69f00ba19c477f3f0a2339b30475d36c","name":"@dry7/ngx-tippy-wrapper","dist-tags":{"latest":"3.0.1"},"versions":{"3.0.0":{"name":"@dry7/ngx-tippy-wrapper","version":"3.0.0","description":"Angular 8+ wrapper for Tippy.js","keywords":["tooltip","popover","tippy","angular","library","wrapper"],"license":"MIT","authors":[{"name":"Alexander Kislov","email":"alexander-kislov@hotmail.com","url":"https://github.com/farengeyt451"}],"homepage":"https://github.com/farengeyt451/ngx-tippy-wrapper#readme","repository":{"type":"git","url":"git+https://github.com/farengeyt451/ngx-tippy-wrapper.git"},"bugs":{"url":"https://github.com/farengeyt451/ngx-tippy-wrapper/issues"},"peerDependencies":{"@angular/common":">=10","@angular/core":">=10"},"dependencies":{"tippy.js":">=6","tslib":">=2"},"main":"bundles/ngx-tippy-wrapper.umd.js","module":"fesm2015/ngx-tippy-wrapper.js","es2015":"fesm2015/ngx-tippy-wrapper.js","esm2015":"esm2015/ngx-tippy-wrapper.js","fesm2015":"fesm2015/ngx-tippy-wrapper.js","typings":"ngx-tippy-wrapper.d.ts","metadata":"ngx-tippy-wrapper.metadata.json","sideEffects":false,"_id":"@dry7/ngx-tippy-wrapper@3.0.0","_nodeVersion":"15.12.0","_npmVersion":"7.15.1","dist":{"integrity":"sha512-LD+fS2zN3IpsCD8de5vf396Kqq3dI+TlfVwLyv0p5c/YzJPkp5oo/be5djjDBSDxWRKAcC3yE039gfAS8XCseA==","shasum":"9e4f0c2770e3327235cbc690c816989b2efcf98a","tarball":"https://registry.npmjs.org/@dry7/ngx-tippy-wrapper/-/ngx-tippy-wrapper-3.0.0.tgz","fileCount":29,"unpackedSize":339572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvji1CRA9TVsSAnZWagAAWgoQAJge11YcGsacZV7x2a0f\nEKkJUutPIPrMb+0zjqyYmxfwmVp/lJ/N6yy3PwkiJUmCkoiXWiyXZhxX0fLU\ndBVx5u6W6waqTfdMjtMZZOcRkoAIZS5mTfiBfmNHfHdOTMdaqZ6NCFWyA4D2\nQCzpRMu2ew51MvjKcgn/9rlLCgC2IbivyQkf3eTTl71uuNHbQ2jcwOi2KhxZ\ntlW4GX7hYxWZpJ7ovd+Lz9o0J0jRCH6tlUGgjtKYvr5ssLdH7gVqM9z1kDc/\n18ROlpm+e+PXtrzVRH0fYbf/HNYH+5S39OeRc6f4RW8es+kWIZlY8O3aNLU4\niPk1xtQvknJpAJOoeWIKYSaITDcHf8hcNc/JGaW/gakFe0Q20WZKURk6eb3+\nO+H6HdtHGNEZzvEgG8J5HrtilBnjo3naWt+EVbJlyWt1T0iygn6tUx51IMN0\nN8x4X/fnL3metqUlyVFGUVjeEXAex1R/3a4ZFwhXyPpSLhJB5Te845MJ78dC\nwZZ41eop7mTGEUjVy+C9+m22GrLMs59h92rCSe3yuaRV/xAkLaL3CDCjblZi\nLV0xU1naolgGDgk8zaZV+BLeCZrePduPu8Ox7f4tiDcy/sNtfVKOZDgP3/AN\nGiXHjfkgtbC+zK0sKo0D7XiJdrqVemDZ2Yu31IKmaKGJYgu4rrn5UnzxnlFf\nxlfE\r\n=QLJl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBhCvf4fU99IkPGyqIbK72W3CPiRXZ3qLbA5QpZIceJAIgZ1U8d3cNfDHiTmmrXCjtqszqCEhuW4I71L/XxySy8jk="}]},"_npmUser":{"name":"dry7","email":"andrey.dry7.shilov@yandex.ru"},"directories":{},"maintainers":[{"name":"dry7","email":"andrey.dry7.shilov@yandex.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-tippy-wrapper_3.0.0_1623079092977_0.7337316585597704"},"_hasShrinkwrap":false},"3.0.1":{"name":"@dry7/ngx-tippy-wrapper","version":"3.0.1","description":"Angular 8+ wrapper for Tippy.js","keywords":["tooltip","popover","tippy","angular","library","wrapper"],"license":"MIT","authors":[{"name":"Alexander Kislov","email":"alexander-kislov@hotmail.com","url":"https://github.com/farengeyt451"}],"homepage":"","peerDependencies":{"@angular/common":">=10","@angular/core":">=10"},"dependencies":{"tippy.js":">=6","tslib":">=2"},"main":"bundles/ngx-tippy-wrapper.umd.js","module":"fesm2015/ngx-tippy-wrapper.js","es2015":"fesm2015/ngx-tippy-wrapper.js","esm2015":"esm2015/ngx-tippy-wrapper.js","fesm2015":"fesm2015/ngx-tippy-wrapper.js","typings":"ngx-tippy-wrapper.d.ts","metadata":"ngx-tippy-wrapper.metadata.json","sideEffects":false,"_id":"@dry7/ngx-tippy-wrapper@3.0.1","_nodeVersion":"15.12.0","_npmVersion":"7.15.1","dist":{"integrity":"sha512-11gJG5JEfFjnA8wY6SvaRhFSzc2O+QecVks5xVienEVUBEWQmLiQXAr16TbwvrgUypmoBZ5Lz4gniWkZTYBP4w==","shasum":"59db77ebe8d30151908f65926056054c76ab5353","tarball":"https://registry.npmjs.org/@dry7/ngx-tippy-wrapper/-/ngx-tippy-wrapper-3.0.1.tgz","fileCount":29,"unpackedSize":339397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvjsfCRA9TVsSAnZWagAAyrQP/i0XG8RhwX9riVrlBoap\n2db6RUcZPvOBiBVeWzeNqVM8dEixRGWPmT2SRfrLQQrmcWRmueZkPhm+HpMc\nsU9jC/0jeyhTUl0BBUc/GSxK7vjI+BJd1dMlC6N4lpkcEe167SUKBPZT/32z\nmhT+qo51gun6YFUcdVhIoktcmH74uDkr3ItIUOECQRgqmhySQDczKdGsq9hn\nTHsReiIonJyOVNb4gnneaERB7elLKahQRNPYOmTVKt34sYju2HnM1BX5cehu\nPhJUyX9NSNQ4V0+rXodcMrTHviZdydZL0SchdZ903vcuRf3xeQXU1AxTot3z\nOKnumpOpA8s7YU5GX+73CSJGicUJYRNVmbCQ2zHsWicdi7zHyTKRJY3zeRQe\n9LTfZdFBAGDwFIBBtuZUhGl4PLmzVsmdgwHUXCO6lLDLAGtg64/rzRAwZZdG\nN7Eqa3nj6B9nid02lcVsJnWPdu8Mh7qrRy1dNZtiUPmPVae79QTOpDYeRh3/\nOK8FQvOQ4Z/PDbrg0Zk+rDO2C/bo8rQ7bLUc8ZP08J0CgpMWbfaCSyephEuo\nhULhVxy8aHNY0fjhzqFPs5cIRHt+rrkAgnmibFZ7EMw1/x8E7agGCbemMLef\nw9BHGTNkdzPPnV9KLenztrHNW5tlunA5mlvuuiF3QG/NiDM4ypLsiLeeCxx4\n6Mo/\r\n=ssgi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvCSgm9R2NY0uFR+/rDQ08NYkBp4KA4eM6+0eY+N3cnAIgBrnXkG1MPMFuj1tO3At4gS6UfeoNvC6LXucIKd4BHLA="}]},"_npmUser":{"name":"dry7","email":"andrey.dry7.shilov@yandex.ru"},"directories":{},"maintainers":[{"name":"dry7","email":"andrey.dry7.shilov@yandex.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-tippy-wrapper_3.0.1_1623079710915_0.2281881493223994"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-07T15:18:12.934Z","3.0.0":"2021-06-07T15:18:13.153Z","modified":"2022-04-05T05:42:59.268Z","3.0.1":"2021-06-07T15:28:31.067Z"},"maintainers":[{"name":"dry7","email":"andrey.dry7.shilov@yandex.ru"}],"description":"Angular 8+ wrapper for Tippy.js","keywords":["tooltip","popover","tippy","angular","library","wrapper"],"license":"MIT","readme":"<div align=\"center\">\n  <img src=\"https://github.com/farengeyt451/ngx-tippy-wrapper/raw/master/images/logo.png\" alt=\"Logo\" height=\"105\">\n</div>\n\n<div align=\"center\">\n\n  <h1>Angular 8+ wrapper for Tippy.js</a></h1>\n\n[![Build Status](https://travis-ci.org/farengeyt451/ngx-tippy-wrapper.svg?branch=master)](https://travis-ci.org/farengeyt451/ngx-tippy-wrapper)\n[![codecov](https://codecov.io/gh/farengeyt451/ngx-tippy-wrapper/branch/master/graph/badge.svg)](https://codecov.io/gh/farengeyt451/ngx-tippy-wrapper)\n![npm](https://img.shields.io/npm/dt/ngx-tippy-wrapper)\n![GitHub](https://img.shields.io/github/license/farengeyt451/ngx-tippy-wrapper)\n\n</div>\n\n## Documentation\n\nFull documentation you can find in [repository](https://github.com/farengeyt451/ngx-tippy-wrapper)\n\n## Demo\n\n[Example application](https://s8q4n.csb.app/)\n\n[Code playground](https://codesandbox.io/s/ngx-tippy-wrapper-s8q4n)\n\n## Installation\n\nInstall from npm:\n\n```js\nnpm i ngx-tippy-wrapper --save\n```\n\n## Importing\n\nImport `NgxTippyModule`:\n\n```ts\nimport { NgxTippyModule } from 'ngx-tippy-wrapper';\n```\n\nThen in your base module:\n\n```ts\n@NgModule({\n    imports: [\n        ...,\n        NgxTippyModule\n    ],\n    ...\n})\n```\n\nImport `tippy.css` style file to your main style file:\n\n```css\n@import 'tippy.js/dist/tippy.css';\n```\n\nor angular.json:\n\n```ts\n\"architect\": {\n\"build\": {\n  ...,\n  \"options\": {\n    ...,\n    \"styles\": [..., \"./node_modules/tippy.js/dist/tippy.css\"]\n  }\n```\n\n## Using\n\n### Basic usage\n\nApply `ngxTippy` directive for element and pass content through `data-tippy-content` attribute:\n\n```html\n<button ngxTippy data-tippy-content=\"Tooltip content\">Element with tooltip</button>\n```\n\n### Applying props\n\nYou can apply props with `tippyProps` binding\n\nIn template:\n\n<!-- prettier-ignore-start -->\n```html\n<button\n  ngxTippy\n  data-tippy-content=\"Tooltip content\"\n  [tippyProps]=\"{\n    arrow: false,\n    placement: 'bottom'\n  }\"\n>\n  Element with tooltip\n</button>\n```\n\nOr pass `props` from component:\n\n```html\n<span ngxTippy data-tippy-content=\"Tooltip content\" [tippyProps]=\"tippyProps\">\n  Element with tooltip\n</span>\n```\n\n---\n\n```ts\n...\nimport { NgxTippyProps } from 'ngx-tippy-wrapper';\n\n@Component({ ... })\nexport class DemoComponent implements OnInit {\n  tippyProps: NgxTippyProps = {\n    trigger: 'click',\n    allowHTML: true,\n  };\n  ...\n}\n```\n<!-- prettier-ignore-end -->\n","readmeFilename":"README.md"}