{"_id":"@anil-labs/lightbox-gallery-element","_rev":"2-a9117b1452c5a3b7ed845b575e741660","name":"@anil-labs/lightbox-gallery-element","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/lightbox-gallery-element","version":"0.1.0","keywords":["web-component","custom-element","lightbox","gallery","image","zoom","carousel"],"author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","_id":"@anil-labs/lightbox-gallery-element@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","dist":{"shasum":"668115c39702eb10c1aec7d0c30a30267d8562b1","tarball":"https://registry.npmjs.org/@anil-labs/lightbox-gallery-element/-/lightbox-gallery-element-0.1.0.tgz","fileCount":11,"integrity":"sha512-4ZGiRO3ekEC6vZ4Rm6d0stT/tmZfeTuXerWF7iqJcZcOp1wHlfc/blHMB36TdNTcdlADEk0N+vCwIEkCg8Q7OQ==","signatures":[{"sig":"MEYCIQDuXPzpIyiZxNhgEcJ/6Pd6wHGzkfmtS2vYXre6hp6ZoAIhAN4TaluV5Bz7Hr/Qp9r6hQJDcw+DN9CaNa2XOaF9CLzs","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":240870},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","unpkg":"./dist/index.global.js","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/lightbox-gallery-core\"","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"jsdelivr":"./dist/index.global.js","repository":{"url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","type":"git","directory":"packages/element"},"description":"Web Component (<lightbox-gallery>) for @anil-labs/lightbox-gallery-core — works in any framework or plain HTML via a script tag.","directories":{},"sideEffects":true,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/lightbox-gallery-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","typescript":"^5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/lightbox-gallery-element_0.1.0_1784049285705_0.2921005015686866","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/lightbox-gallery-element","version":"0.1.1","description":"Web Component (<lightbox-gallery>) for @anil-labs/lightbox-gallery-core — works in any framework or plain HTML via a script tag.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","unpkg":"./dist/index.global.js","jsdelivr":"./dist/index.global.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":true,"keywords":["web-component","custom-element","lightbox","gallery","image","zoom","carousel"],"engines":{"node":">=18"},"license":"MIT","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","directory":"packages/element"},"homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/lightbox-gallery-core":"^0.2.0"},"devDependencies":{"tsup":"^8.5.1","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/lightbox-gallery-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/lightbox-gallery-element@0.1.1","dist":{"integrity":"sha512-c35yfsvt4He6XcPvlAZQEppdaXi/saHxR+e4KRMHvR4U+QbJ8NoE/yMT5xZOMluAQSy9KC+w/14DjAfhYlq9AQ==","shasum":"0e355519cfc38355f5e2b754ae8c574f77ab4e56","tarball":"https://registry.npmjs.org/@anil-labs/lightbox-gallery-element/-/lightbox-gallery-element-0.1.1.tgz","fileCount":11,"unpackedSize":240870,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDlL63zcsvb4Cvea8DKYU9rOjIqFrKRDDWTGNj2bWk3mQIgYuJkPrNj4FTWAzj14W7sVzYnvjModYD1n1YEaP1j2s4="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lightbox-gallery-element_0.1.1_1784085880516_0.8575037347852581"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-14T17:14:45.499Z","modified":"2026-07-15T03:24:40.784Z","0.1.0":"2026-07-14T17:14:45.869Z","0.1.1":"2026-07-15T03:24:40.677Z"},"bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/element#readme","keywords":["web-component","custom-element","lightbox","gallery","image","zoom","carousel"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","directory":"packages/element"},"description":"Web Component (<lightbox-gallery>) for @anil-labs/lightbox-gallery-core — works in any framework or plain HTML via a script tag.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/lightbox-gallery-element\n\n`<lightbox-gallery>` Web Component for [`@anil-labs/lightbox-gallery-core`](https://www.npmjs.com/package/@anil-labs/lightbox-gallery-core) — use the lightbox in any framework or plain HTML. Styles are injected automatically.\n\n## Script tag (no build step)\n\n```html\n<script src=\"https://unpkg.com/@anil-labs/lightbox-gallery-element\"></script>\n\n<lightbox-gallery bind=\"a\">\n  <a href=\"large-1.jpg\" data-caption=\"Sunrise\"><img src=\"thumb-1.jpg\" alt=\"\" /></a>\n  <a href=\"large-2.jpg\" data-caption=\"Dunes\"><img src=\"thumb-2.jpg\" alt=\"\" /></a>\n</lightbox-gallery>\n```\n\n## Bundler\n\n```bash\npnpm add @anil-labs/lightbox-gallery-element\n```\n\n```js\nimport '@anil-labs/lightbox-gallery-element' // registers <lightbox-gallery>\n\nconst el = document.querySelector('lightbox-gallery')\nel.items = [{ src: '/photos/1.jpg', caption: 'Sunrise' }]\nel.options = { loop: true, share: true }\nel.open(0)\n```\n\nEvents: `lbg-open`, `lbg-close`, `lbg-change` (`detail: { index, item }`).\n\nFull documentation: see the repository README.\n\nMIT\n","readmeFilename":""}