{"_id":"@anil-labs/file-picker-element","_rev":"2-6786eae6e0ede0b186b864bb1318308d","name":"@anil-labs/file-picker-element","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/file-picker-element","version":"0.1.0","keywords":["web-component","custom-element","file-picker","media-library","file-upload"],"author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","_id":"@anil-labs/file-picker-element@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/file-picker/issues","dist":{"shasum":"2ac2fbc30569a40fe262c820c42b2eeb20d2e48d","tarball":"https://registry.npmjs.org/@anil-labs/file-picker-element/-/file-picker-element-0.1.0.tgz","fileCount":12,"integrity":"sha512-k6h8TIeyFOs9pAnGye+XzVafXBtuc6B6T3Rnr//ZRymzcMbxyrLK2Jwlpt/ZwOg0WqsDnBPvIgzu2f/1TVB42g==","signatures":[{"sig":"MEUCIQC+HFWmqt/JokV20FitkAopzs+3WSOQI5VSelAixmMR+wIgT0VMnxVTQGZJy4B9sIv65hh9hSBtuuemwJpm+xpOyNU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":346071},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","unpkg":"./dist/index.global.js","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/file-picker-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/file-picker.git","type":"git","directory":"packages/element"},"description":"The <file-picker> Web Component for @anil-labs/file-picker-core — a media-library file picker usable in any framework or plain HTML.","directories":{},"sideEffects":true,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/file-picker-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","typescript":"^5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/file-picker-element_0.1.0_1785433484232_0.14600278234869601","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/file-picker-element","version":"0.1.1","description":"The <file-picker> Web Component for @anil-labs/file-picker-core — a media-library file picker usable in any framework or plain HTML.","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":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"sideEffects":true,"keywords":["web-component","custom-element","file-picker","media-library","file-upload"],"engines":{"node":">=22"},"license":"MIT","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/file-picker.git","directory":"packages/element"},"homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/file-picker/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/file-picker-core":"^0.1.1"},"devDependencies":{"tsup":"^8.5.1","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/file-picker-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/file-picker-element@0.1.1","dist":{"integrity":"sha512-9yip15Scu3tM9j8Fm7f0ifpoHfZ5q5SgBs9Du/vVSW+GakSMp9Z+kKJcUu1QOzGnDOuLdoTFJdxJNTmpD/YyFg==","shasum":"ed1c643e327f7d95f03c678ed9c47c6f9bc33b6f","tarball":"https://registry.npmjs.org/@anil-labs/file-picker-element/-/file-picker-element-0.1.1.tgz","fileCount":12,"unpackedSize":346609,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFjPwfaoiz8zfS3EesvXqzAXJBvZ1VP+tlZPCSMtbVA5AiADCBt9lxSBAblJ7fM/aL9wOv80QN1zBdYLWgH+yBQu3Q=="}]},"_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/file-picker-element_0.1.1_1785434877982_0.8264305423211171"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-30T17:44:44.051Z","modified":"2026-07-30T18:07:58.294Z","0.1.0":"2026-07-30T17:44:44.441Z","0.1.1":"2026-07-30T18:07:58.109Z"},"bugs":"https://github.com/anilkumarthakur60/file-picker/issues","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/element#readme","keywords":["web-component","custom-element","file-picker","media-library","file-upload"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/file-picker.git","directory":"packages/element"},"description":"The <file-picker> Web Component for @anil-labs/file-picker-core — a media-library file picker usable in any framework or plain HTML.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/file-picker-element\n\n**The `<file-picker>` Web Component for [`@anil-labs/file-picker`](https://github.com/anilkumarthakur60/file-picker)** — a media-library file picker usable in any framework or plain HTML.\n\n[![npm](https://img.shields.io/npm/v/@anil-labs/file-picker-element?color=3b82f6&label=npm)](https://www.npmjs.com/package/@anil-labs/file-picker-element)\n\n## Install\n\n```bash\nnpm i @anil-labs/file-picker-element\n```\n\n## Quick start\n\n```html\n<link rel=\"stylesheet\" href=\"https://unpkg.com/@anil-labs/file-picker-core/dist/styles.css\" />\n<file-picker multiple label=\"Choose media\" title=\"Media Library\"></file-picker>\n\n<script type=\"module\">\n  import '@anil-labs/file-picker-element' // registers <file-picker>\n  import { createMemoryAdapter } from '@anil-labs/file-picker-core'\n\n  const el = document.querySelector('file-picker')\n  el.adapter = createMemoryAdapter({ media: [], folders: [] }) // adapter is a property\n  el.addEventListener('fp:select', (e) => console.log(e.detail))\n</script>\n```\n\nFor a plain `<script>` (no bundler), use the self-contained IIFE build from\n`@anil-labs/file-picker-element/dist/index.global.js` (unpkg / jsDelivr).\n\n## API\n\n- **Attributes:** `multiple`, `label`, `title`, `theme` (`light`/`dark`/`auto`), `per-page`, `show-selected`.\n- **Property:** `.adapter` (a `FilePickerAdapter` — required, set via JS).\n- **Events:** `fp:select`, `fp:change`, `fp:upload` — `event.detail` is the `MediaItem[]`.\n- **Methods / getters:** `openPicker()`, `closePicker()`, `.selected`, `.picker`.\n\nImporting the package auto-registers the element. Remember to include the core stylesheet.\n\n## Documentation\n\n**<https://anilkumarthakur60.github.io/file-picker/frameworks/web-component>**\n\n## License\n\nMIT © Er. Anil Kumar Thakur\n","readmeFilename":""}