{"_id":"vue3-observe-visibility","_rev":"13-308ce34d64d80c858c4819184aac6c23","name":"vue3-observe-visibility","dist-tags":{"latest":"1.0.7"},"versions":{"0.1.0":{"name":"vue3-observe-visibility","version":"0.1.0","keywords":["vue 3","observe","visibility","package"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@0.1.0","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"651dc62a0ece8157a879ef9e59cc85387763c057","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-0.1.0.tgz","fileCount":9,"integrity":"sha512-D28MvnRE+k/h14OL+o9C07DZq+ekdn6h7R3fMBoViUNlIHHWw1u1QVMR/eCFmHjXxpAzGuNUjICHvLcxBPcdrA==","signatures":[{"sig":"MEQCIDMT6wl3OCu0HcjzkMdchqQpyaB1tcFVIix84pDKRAlSAiAP363MBZc7MNeRNja7LujxZA5ytZRwrj1uHFO3v1HQQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":677712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfskgaCRA9TVsSAnZWagAApK4P/3F1lZR0WLHIMJzox0WJ\nSE8LVe+29nUIOT2u+p7D/K+OgyYhYBbc9K7/ETzMbK3+0vnRQ2b5FvxE0Ad2\nlDEQcISkhgTZezNNP7XbNYomM+sJj6OCJQ8LJMkE11X3ETmlorxDtjI/Berh\naKlx2UQN3qrOTcJmf1RhJ52mfB1ZQJttev+4LJJQPArhPRO2EJ/YPs75Bxyf\nsWMp5Zpfn68bGFXz7oL+5ccTDhfeCmohbPfE9ZmGRnp9W4dZIxOAEio7JSmX\n8z5vcYoAS/JJxwW7vfOgO6sFvYRPMc+8ahnAoFHJzJ+QeVFn6luLl1cZ0nri\nkBF/m/MxwLDxrj3pUHBONNiTok/Ee5XGUy4GRB7H106svgKuk18UKypE5jRE\n+JA2ptos5Z9EkbkgvxWUbPYPPXGnJxXzOiU+N+KSNTesM4rhfXu7btNDCctb\ntkg++EoLN3sorJdLeTmPMaSJrZ89QDHDWdc7eGQvUTa4SwAm8+d3b+KBX3Xp\n94dpRfOHD3hkAh/p5hdavgTUPpDilXVhf0VIMITiGsxbrJE46s8Krueo3IqX\niV4HrlgpYSXQUXaSCdM2s63ZKv6iQHe543sxiiXLrcG8V402OF6i6rkCzGse\nZJtSJNuh93ewX1Lf5KM36lJ7qCb6GOvQv9rltMU1ReiBS73nWLbOIaUH5lqU\nuWw2\r\n=ajma\r\n-----END PGP SIGNATURE-----\r\n"},"main":".dist/vue3-observe-visibility.common.js","gitHead":"7dd4a4348867323d3c7b438b60076599334e8530","private":false,"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","serve":"vue-cli-service serve","build-library":"vue-cli-service build --target lib --name vue3-observe-visibility ./src/install.js"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"6.13.7","description":"A Vue 3 observe visibility plugin","directories":{},"_nodeVersion":"12.16.0","browserslist":["> 1%","last 2 versions","not dead"],"dependencies":{"vue":"^3.0.0-beta.1","core-js":"^3.6.5","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"eslintConfig":{"env":{"node":true},"root":true,"rules":{},"extends":["plugin:vue/vue3-essential","eslint:recommended","@vue/typescript"],"parserOptions":{"parser":"@typescript-eslint/parser"}},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","typescript":"~3.9.3","babel-eslint":"^10.1.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-beta.1","eslint-plugin-vue":"^7.0.0-alpha.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-typescript":"^4.5.8","@vue/eslint-config-typescript":"^5.0.2","@typescript-eslint/eslint-plugin":"^2.33.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_0.1.0_1605519385380_0.04961628963406106","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"vue3-observe-visibility","version":"0.1.1","keywords":["vue 3","observe","visibility","package"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@0.1.1","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"405a983ef588245396a807cebf3945f8b125f7c7","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-0.1.1.tgz","fileCount":9,"integrity":"sha512-ShQNxDZqbFQXRgbzKl2/ETOV+A7JfUYadHDNpHtPh3oS3Pd9FTAU5sVFIAfycWYAKjJEgJIWbAtcPh7GzVu/Mg==","signatures":[{"sig":"MEUCIC+zNH/j9BMOmwdRSg1pmiXs5QSaYjV5SlnBUjLQauMjAiEAmsdRcri0IAduJFhaVTe9UfKo30fg8WVsu0ZClQbJcNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":678125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsktZCRA9TVsSAnZWagAAJFQP/0e2ti9RNr5IpZGTsbYC\nk97DSIBTrohrwWEoxjxOieN66ljeH6wcRrBhHMnqnDMRjqX2LAKuaNrDDr/A\nPuMxPxn6TT0rJpKuZGSBvRZmZmVqCWf0lAUHDee59BnwDKSgdsCG3xeEgGHM\n2IzsnyZ80bnAfniyFLTl7hg+iuyoqnIYH/KCQ21FJ1E23vJp/djtwVIJLri2\n0u0INGyZa+goOk5jEMCTRJEXs8mgNUms/kETc45HaZZHT1wIlDjlhYZhmnGm\nO/mMFGTcWdaFvgdoQsEp855CvnAXdrxSyl4iMj8FaqKKRLWLAxrzE31yd2Bw\njJTUiBgdvGXnRj/54pxkQ+S5Eo9PEYiUerHmjETndsogu9THVYqsgXF7YYyB\nudYAslrclcrKO0FoBifviZfLeJIuSbmfBAFnktT8NIsDGCvF4Jfuyo3XN5NO\n/ZbxbaISHl52pgIFJOTdYRKrwcuywXi9G58KvwTtkOZisfsGi3moyBX17yUf\nLoiAXpqVPrnaEbSop0qYyfAaf8XY8oIydHVV82Z0EkVeno1rpIBnCECHZK/C\n9x3NuhMJreELhaByTMXLzewi40t3ZZrsI3cPTHAdE1G9fHhc7HkuoiBMeikO\ngOAztF+JXjJpoWJhjLaJg/+h1x7PsJEVvNPAA8cxG/3Sr91374TkoP3oPEL1\n/mtY\r\n=8LiS\r\n-----END PGP SIGNATURE-----\r\n"},"main":".dist/vue3-observe-visibility.common.js","gitHead":"7dd4a4348867323d3c7b438b60076599334e8530","private":false,"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","serve":"vue-cli-service serve","build-library":"vue-cli-service build --target lib --name vue3-observe-visibility ./src/install.js"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"6.13.7","description":"A Vue 3 observe visibility plugin","directories":{},"_nodeVersion":"12.16.0","browserslist":["> 1%","last 2 versions","not dead"],"dependencies":{"vue":"^3.0.0-beta.1","core-js":"^3.6.5","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"eslintConfig":{"env":{"node":true},"root":true,"rules":{},"extends":["plugin:vue/vue3-essential","eslint:recommended","@vue/typescript"],"parserOptions":{"parser":"@typescript-eslint/parser"}},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","typescript":"~3.9.3","babel-eslint":"^10.1.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-beta.1","eslint-plugin-vue":"^7.0.0-alpha.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-typescript":"^4.5.8","@vue/eslint-config-typescript":"^5.0.2","@typescript-eslint/eslint-plugin":"^2.33.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_0.1.1_1605520216949_0.9304258502798819","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"vue3-observe-visibility","version":"0.1.2","keywords":["vue 3","observe","visibility","package"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@0.1.2","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"2b81511b37cf1f41a174fe96ffb533fae7c5b831","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-0.1.2.tgz","fileCount":9,"integrity":"sha512-Uh/PQin+E2aH2YsMxtTkFlI0gRxEP1pDJEKGKcvuxPDlqh+ZL0w0Xmu2a8+gQIdTmN15vRj8geHr/cU58tZVig==","signatures":[{"sig":"MEUCIQDcUgZVGWtoRHiRikXbksRb8Fpj3AexKSqRO7MhO2wPjAIgBbB2/IERiS7MPX6cVSpHLAs4LQPPiPhObepSihYLdGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":678062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsk0SCRA9TVsSAnZWagAA+PYP/0CD22arGeFhbpacodw+\nsh+EyAoieH/jbnI2+ucUdQb/1ytb55kx2S5DTpLLOVGaE4KoLlfDkHzSjorD\nq0+ym/XhRCEWJxZsYvZk5dR41y3sYsu6YBwgP5cWXM0jnoOAKQ8G2cZg7zvJ\nlI4Dz5SgcRXzSNI2DqJYyzyTkZzgrz30Xtk0UHLMa+2gq9VUgPnnTZbWc3Ya\n+4IKebn/2Q2qJ3ml6z2sZ5hZ9y9nVLFvA1NpV0LJCU862d9im+rgvJAKP2SM\n1XqVAtgjOFrptOo3VODve08+PZIYvBJiFOtXAaal08cn4zVUOmtz/ysIedBv\nPi9zju4Wkix+vEHtMd/DhZ9uHqZyg7p25HR9jNeMaMFw4FHlkpHVLdwyhuIp\n1GDZHMPXsJXgREe10QMb0qT3nl31p0mtZMefyuZWK5+SREz2vzwNvn7kJlaU\nfgkPj73nGT0DKDSBGSPMronGrMPmjMXXeI7VosD+g+pvcNTmwtB9e/CBIWBV\n2QcpSBIMsKh9nMM6SPLg8jxztVR/QrUG41g2US8Lqtmp9fdhYNFXlFnOdSgc\nPYqlKZSgl2hG+blz3wAWeXtz4O6xvdnzo12H/MCheZIQkPQe0EqzkgLm3Qu9\nNwUcK1eZugOynH6bABk1IEd0cGfYBC8KIEK8tTBtwHDQdxRiN+mmuqmlgzxZ\nABsw\r\n=lZ5D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/vue3-observe-visibility.common.js","gitHead":"7dd4a4348867323d3c7b438b60076599334e8530","private":false,"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","serve":"vue-cli-service serve","build-library":"vue-cli-service build --target lib --name vue3-observe-visibility ./src/install.js"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"6.13.7","description":"A Vue 3 observe visibility plugin","directories":{},"_nodeVersion":"12.16.0","browserslist":["> 1%","last 2 versions","not dead"],"dependencies":{"vue":"^3.0.0-beta.1","core-js":"^3.6.5","vue-class-component":"^7.2.3","vue-property-decorator":"^8.4.2"},"eslintConfig":{"env":{"node":true},"root":true,"rules":{},"extends":["plugin:vue/vue3-essential","eslint:recommended","@vue/typescript"],"parserOptions":{"parser":"@typescript-eslint/parser"}},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.7.2","typescript":"~3.9.3","babel-eslint":"^10.1.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.0-beta.1","eslint-plugin-vue":"^7.0.0-alpha.0","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-typescript":"^4.5.8","@vue/eslint-config-typescript":"^5.0.2","@typescript-eslint/eslint-plugin":"^2.33.0"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_0.1.2_1605520657806_0.3309003761507263","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"vue3-observe-visibility","version":"0.1.3","keywords":["vue","vuejs","plugin","vue3","observer","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@0.1.3","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"6d7c6b6dfa0dc255a31d5669da2e0fa76225489a","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-0.1.3.tgz","fileCount":23,"integrity":"sha512-7Y/AoL14kNrUR/V2nrK9IAyP931AYhAPMLQ0xBTlmbqbEzX5KjW4lzNDpyRSQMwtNcQFe4ENzHvEWobbOmx1ZQ==","signatures":[{"sig":"MEYCIQDPLxsM0N9XBQ1y4+3MJzUGzkSBeXpnRycMVRThFSqrxAIhAPL/XeuKUsBhaWHinjPMp2v30akMKdxjKLotrlvYi6wh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":140782},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"501390b0b713a04e3004491d7d3146ab82b72f98","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"9.6.7","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_0.1.3_1701087668766_0.1719017378809995","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"vue3-observe-visibility","version":"1.0.0","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.0","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"3dd2739700333685673aa606aa7a099fdf2e0d81","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.0.tgz","fileCount":23,"integrity":"sha512-iF4lnsUmSu4i4ZzEv5zXy7FAS5c0B+fy6oJRq2X71M86lfm49eaBZu+Pk/sQX5SdixmGxcDkxfkn1Wu8agUr5A==","signatures":[{"sig":"MEUCIH539rEZLlVlKmmFifGYNyNsS1cJd9gn4iJ4hSl+EOsVAiEAncedRvjeVuG2sFYioq3g6kHJJSB7FTIcMs1r8SONLn4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141852},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"a6a01f8428c650c81301df7c1d160cc99d51a318","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"9.6.7","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.0_1701092258704_0.2523971749393168","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"vue3-observe-visibility","version":"1.0.1","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.1","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"2913a1a35d48a0a183ce296b0274619741da1cdc","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.1.tgz","fileCount":24,"integrity":"sha512-/PL1xopQvQwWVD41hr2gwAGBEPcTCLYz6j5cdbvvLWOvalv2YE29+VJudsotF9ivredlfsRzFOWb63etvcGQQw==","signatures":[{"sig":"MEUCIFkhY+mpoSvowaWdZownd6K++5OIhFmMmiwkHknTHLyFAiEA3DRUqzTZbRv/Hge0teARtkFeEnFfwpu/mBQ6oCdj9us=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":143631},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"60017c1fc227a81d593342a789f485101d3ee4a6","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"9.6.7","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.1_1701330600434_0.13780733698914283","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"vue3-observe-visibility","version":"1.0.2","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.2","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"2bc19c50a280f50854a61fa4bbbeafc9b2cea910","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.2.tgz","fileCount":23,"integrity":"sha512-PmNmvLezogMAgwix6VPnkkrx7sj834GblvqCCDI2iySpohTQvCm1j2q89aTmyS0XzG4sWBK2Izypejf4IpNFig==","signatures":[{"sig":"MEQCIBMDDI4MTYtzPn3t41OmeZIE4VfzoMU3+88OGdXjMbE0AiAKbE1m4bkAJ/DPwYjGUO58yzZeLipAmdYeQpE3bYuPsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":143246},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"e2c7428bc98aafa83067b940fdada151d6636c0f","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"10.8.3","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.20.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.2_1728916443973_0.1490796503322951","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"vue3-observe-visibility","version":"1.0.3","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.3","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"7b058749cce06ade74bc7581b1fedef6f30c8434","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.3.tgz","fileCount":23,"integrity":"sha512-dPXJu5NADzui/BwvAE2Vu5/dy+aX0UjRQC6hkLFSY5Da0BxCoPlOE/NkFNz3T+tRXAocey9HBOtaUwZOdWX2KQ==","signatures":[{"sig":"MEYCIQCrsZ5ZfRbwLVGAthtcM7EG15/vah2TsTMLLG6yNE4oWwIhAJ2xDOHRwsM+it/ob2Ceo1DyhplJaJDuV60lyZ1Y5ZK4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":143400},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"9548ca485a891cc4bc8d080645bffb59513a1b25","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"10.8.3","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.20.3","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.3_1736083445046_0.492642113631115","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"vue3-observe-visibility","version":"1.0.4","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.4","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"a3d4261e9a5b57b0d301078402dc779bcedacece","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.4.tgz","fileCount":20,"integrity":"sha512-lagViUAfNzBVr1O76CsXfvvseTPFYEOFTaTvWHV5RbLG9C7n4X2UC9csPq9HcHQ+OvBrbyGET8LK2RqhTVBaUA==","signatures":[{"sig":"MEQCICuNXDsxdnWUbtjYffqjSgbi7OEHOikOQOZ7LRU35EL3AiA3PH4sLMolJCeXQJOctSqjYofSXSswMyUTXgPq2uqH0A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":142728},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"c5b885fddba48ed4b945f2aae42c481ec94cbe38","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"10.8.2","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.4_1769546028442_0.5011978496699718","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"vue3-observe-visibility","version":"1.0.5","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.5","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"109eb0237961c0d848c096ac5b96a8bf2848424d","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.5.tgz","fileCount":24,"integrity":"sha512-nqOU1vl8URBwTcNeLmtjhrmiJt3UoegLZ3snC5hjv8RTTyXvjMV3tIxQUJEurnVpS8o9HXYw9bpECWYXzZjTlQ==","signatures":[{"sig":"MEQCIFpUjKou/kf+OxCzkRhCxJexzLYrNBvJas2PCosyYhdFAiALAmosrdJlUlS4dh0dIPJ5R8dM4QCuJWozJXNJrEeJqg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":55035},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"c077430fd4662a4ff93b8a7db547006b74dc99a6","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"10.9.4","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.5_1772639295395_0.766398982363981","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"vue3-observe-visibility","version":"1.0.6","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","_id":"vue3-observe-visibility@1.0.6","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"dist":{"shasum":"74116a8fdf8cd1d8254d1055c4b87e347747a082","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.6.tgz","fileCount":25,"integrity":"sha512-iF183z4vCo320/li7TtJ5RUMLFWnK122sYkbAEL/C7Ubqo5abAFtoE9JzlYjCOd15EPMXqA2yYZyBJGGQx1OYw==","signatures":[{"sig":"MEUCIQD81+6Ppj2mMWN3I20lC2rRC58HbSeUEJn3re5hrwjotgIgGLkDPzHP2TdeUcM1xfoJjb6Q8cnuTdYIRb46GFU1goM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":55448},"main":"dist/vue-observe-visibility.umd.js","unpkg":"dist/vue-observe-visibility.min.js","module":"dist/vue-observe-visibility.esm.js","gitHead":"664b61ae213e2476453ee478f38ff35d6d15d251","scripts":{"dev":"nodemon --exec npm run build --watch src","test":"vitest run","build":"npm run build:browser && npm run build:es && npm run build:umd","serve":"serve --open ./dist","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","build:browser":"rollup --config build/rollup.config.browser.mjs","prepublishOnly":"npm run build","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"repository":{"url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git","type":"git"},"_npmVersion":"10.9.4","description":"Detect when an element is becoming visible or hidden on the page. ","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.5.0","rollup":"^4.1.5","vitest":"^0.34.6","prettier":"^3.0.3","typescript":"^5.2.2","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-replace":"^5.0.5","@rollup/plugin-commonjs":"^25.0.7","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"vue":"^3.x.x"},"_npmOperationalInternal":{"tmp":"tmp/vue3-observe-visibility_1.0.6_1772639759905_0.22264346117640232","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"vue3-observe-visibility","description":"Detect when an element is becoming visible or hidden on the page. ","version":"1.0.7","author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"license":"MIT","main":"dist/vue-observe-visibility.umd.js","module":"dist/vue-observe-visibility.esm.js","unpkg":"dist/vue-observe-visibility.min.js","scripts":{"dev":"nodemon --exec npm run build --watch src","build":"npm run build:browser && npm run build:es && npm run build:umd","build:browser":"rollup --config build/rollup.config.browser.mjs","build:es":"rollup --config build/rollup.config.es.mjs","build:umd":"rollup --config build/rollup.config.umd.mjs","test":"vitest run","prepublishOnly":"npm run build","serve":"serve --open ./dist","update:packages":"node wipe-dependencies.js &&rm -rf node_modules && npm update --save-dev&& npm update --save"},"repository":{"type":"git","url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git"},"bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","devDependencies":{"@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","prettier":"^3.0.3","rollup":"^4.1.5","rollup-plugin-typescript2":"^0.36.0","typescript":"^5.2.2","vite":"^4.5.0","vitest":"^0.34.6","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-replace":"^5.0.5"},"peerDependencies":{"vue":"^3.x.x"},"_id":"vue3-observe-visibility@1.0.7","gitHead":"993638de0c79e974b82c80571c4604bece93b9cd","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-45lbpvAtn9gaIS6/cdvrsuRFQfaHbZ/+Qmp1YTOcmUWWJjb2chRlPpU0fmoF0QVtvR6vdtOXy5Fl9HBI1WtmBg==","shasum":"806089357a089dc65292abbeef6cdbafcbaa63ee","tarball":"https://registry.npmjs.org/vue3-observe-visibility/-/vue3-observe-visibility-1.0.7.tgz","fileCount":25,"unpackedSize":55362,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFLzatVsut3jOY1alQm/LxLLsl8qUX27nnE+lPOtPhCoAiB0710DX6lplgz4kHxXjw/7MqIxJM9my/K3Dk5qrlOWKA=="}]},"_npmUser":{"name":"minasyans","email":"manuk.minasyan1@gmail.com"},"directories":{},"maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue3-observe-visibility_1.0.7_1777315155610_0.05359585056644489"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-16T09:36:25.380Z","modified":"2026-04-27T18:39:15.871Z","0.1.0":"2020-11-16T09:36:25.690Z","0.1.1":"2020-11-16T09:50:17.096Z","0.1.2":"2020-11-16T09:57:37.997Z","0.1.3":"2023-11-27T12:21:08.970Z","1.0.0":"2023-11-27T13:37:38.919Z","1.0.1":"2023-11-30T07:50:00.671Z","1.0.2":"2024-10-14T14:34:04.222Z","1.0.3":"2025-01-05T13:24:05.309Z","1.0.4":"2026-01-27T20:33:48.595Z","1.0.5":"2026-03-04T15:48:15.555Z","1.0.6":"2026-03-04T15:56:00.064Z","1.0.7":"2026-04-27T18:39:15.774Z"},"bugs":{"url":"https://github.com/ManukMinasyan/vue3-observe-visibility/issues"},"author":{"name":"Manuk Minasyan","email":"manuk.minasyan1@gmail.com"},"license":"MIT","homepage":"https://github.com/ManukMinasyan/vue3-observe-visibility#readme","keywords":["vue","vuejs","plugin","vue3","observe","visibility"],"repository":{"type":"git","url":"git+https://github.com/ManukMinasyan/vue3-observe-visibility.git"},"description":"Detect when an element is becoming visible or hidden on the page. ","maintainers":[{"name":"minasyans","email":"manuk.minasyan1@gmail.com"}],"readme":"<p align=\"center\">\n<img src=\"./logo.png\" alt=\"vue-observe-visibility logo\"/>\n</p>\n\n<h1 align=\"center\">vue3-observe-visibility</h1>\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![License][license-src]][license-href]\n\n<h2 align=\"center\"> Sponsors</h2>\n<p align=\"center\">\n<a href=\"https://github.com/Relaticle/relaticle\">\n<img src=\"https://relaticle.com/brand/logo-white.png\" width=\"240\"/>\n</a>\n</p>\n\n## Table of contents\n\n- [Installation](#installation)\n\t- [Import](#import)\n\t- [Browser](#browser)\n- [Usage](#usage)\n\t- [IntersectionObserver options](#intersectionobserver-options)\n\t- [Once](#once)\n\t- [Throttling visibility](#throttling-visibility)\n\t- [Passing custom arguments](#passing-custom-arguments)\n\t- [Disabling the observer](#disabling-the-observer)\n- [Example](#example)\n\t- [License](#license)\n\n# Installation\n\n```\nnpm install --save vue3-observe-visibility\n```\n\n**⚠️ This plugin uses the [Intersection Observer API](http://caniuse.com/#feat=intersectionobserver) that is not supported in every browser (currently supported in Edge, Firefox and Chrome). You need to include a [polyfill](https://github.com/w3c/IntersectionObserver/tree/master/polyfill) to make it work on incompatible browsers.**\n\n## Import\n\n```javascript\nimport { createApp } from \"vue\";\nimport VueObserveVisibility from \"vue3-observe-visibility\";\n\nconst app = createApp();\napp.use(VueObserveVisibility);\n```\n\nOr:\n\n```javascript\nimport { ObserveVisibility as vObserveVisibility } from \"vue3-observe-visibility\";\n```\n\n## Browser\n\n```html\n<script src=\"vue.js\"></script>\n<script src=\"https://unpkg.com/vue3-observe-visibility/dist/vue-observe-visibility.min.js\"></script>\n```\n\nThe plugin should be auto-installed. If not, you can install it manually with the instructions below.\n\nInstall all the directives:\n\n```javascript\napp.use(VueObserveVisibility);\n```\n\nUse specific directives:\n\n```javascript\napp.directive(\"observe-visibility\", VueObserveVisibility.ObserveVisibility);\n```\n\n# Usage\n\nThe `v-observe-visibility` directive is very easy to use. Just pass a function as the value:\n\n```html\n<div v-observe-visibility=\"visibilityChanged\"></div>\n```\n\nThis also works on components:\n\n```html\n<MyComponent v-observe-visibility=\"visibilityChanged\" />\n```\n\nThe function will be called whenever the visiblity of the element changes with the argument being a boolean (`true` means the element is visible on the page, `false` means that it is not).\n\nThe second argument is the corresponding [IntersectionObserverEntry](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry) object.\n\n```javascript\nvisibilityChanged (isVisible, entry) {\n  this.isVisible = isVisible\n  console.log(entry)\n}\n```\n\n## IntersectionObserver options\n\nIt's possible to pass the [IntersectionObserver `options` object](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#Parameters) using the `intersection` attribute:\n\n```html\n<div\n\tv-observe-visibility=\"{\n  callback: visibilityChanged,\n  intersection: {\n    root: ...,\n    rootMargin: ...,\n    threshold: 0.3,\n  },\n}\"\n></div>\n```\n\n## Once\n\nIt can be useful to listen for when the element is visible only once, for example to build introduction animations. Set the `once` option to `true`:\n\n```html\n<div\n\tv-observe-visibility=\"{\n  callback: visibilityChanged,\n  once: true,\n}\"\n></div>\n```\n\n## Throttling visibility\n\nYou can use the `throttle` options (in ms) specifying minimal state duration after which an event will be fired. It's useful when you are tracking visibility while scrolling and don't want events from fastly scrolled out elements.\n\n```html\n<div\n\tv-observe-visibility=\"{\n  callback: visibilityChanged,\n  throttle: 300,\n}\"\n></div>\n```\n\nYou can also pass a `leading` option to trigger the callback the first time when the visibility changes without waiting for the throttle delay.\nI can either be `visible`, `hidden` or `both`.\n\n```html\n<div\n\tv-observe-visibility=\"{\n  callback: visibilityChanged,\n  throttle: 300,\n  throttleOptions: {\n    leading: 'visible',\n  },\n}\"\n></div>\n```\n\n## Passing custom arguments\n\nYou can add custom argument by using an intermediate function:\n\n```html\n<div\n\tv-observe-visibility=\"(isVisible, entry) => visibilityChanged(isVisible, entry, customArgument)\"\n></div>\n```\n\nHere `visibilityChanged` will be call with a third custom argument `customArgument`.\n\n## Disabling the observer\n\nPassing a falsy value to the directive will disable the observer:\n\n```html\n<div\n\tv-for=\"(item, index) of items\"\n\t:key=\"item.id\"\n\tv-observe-visibility=\"index === items.length - 1 ? visibilityChanged : false\"\n></div>\n```\n\n# Example\n\n```html\n<div id=\"app\">\n\t<button @click=\"show = !show\">Toggle</button>\n\t<label>\n\t\t<input type=\"checkbox\" v-model=\"isVisible\" disabled /> Is visible?\n\t</label>\n\t<div ref=\"test\" v-show=\"show\" v-observe-visibility=\"visibilityChanged\">\n\t\tHello world!\n\t</div>\n</div>\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tconst show = ref(true);\n\tconst isVisible = ref(true);\n\n\tvisibilityChanged (isVisible, entry) {\n\t isVisible.value = isVisible\n\t console.log(entry)\n\t}\n</script>\n```\n\n---\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n<br/>\n[Forked From](https://github.com/Akryum/vue-observe-visibility#readme)\n\n<!-- Badges -->\n\n[npm-version-src]: https://img.shields.io/npm/v/vue3-observe-visibility/latest.svg?style=flat&colorA=18181B&colorB=64B692\n[npm-version-href]: https://npmjs.com/package/vue3-observe-visibility\n[npm-downloads-src]: https://img.shields.io/npm/dm/vue3-observe-visibility.svg?style=flat&colorA=18181B&colorB=64B692\n[npm-downloads-href]: https://npmjs.com/package/vue3-observe-visibility\n[license-src]: https://img.shields.io/github/license/ManukMinasyan/vue3-observe-visibility.svg?style=flat&colorA=18181B&colorB=64B692\n[license-href]: https://github.com/ManukMinasyan/vue3-observe-visibility/blob/main/LICENSE\n","readmeFilename":"README.md"}