{"_id":"@anil-labs/select-element","name":"@anil-labs/select-element","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@anil-labs/select-element","version":"0.1.0","description":"Web Component (<a-select>) for @anil-labs/select — works in Angular, Lit, Alpine, Astro, Qwik or plain HTML with no framework dependency.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}},"./package.json":"./package.json"},"sideEffects":false,"keywords":["web-components","custom-element","angular","lit","alpine","astro","vanilla","select","combobox","multiselect","tags","autocomplete","a11y","typescript"],"engines":{"node":">=20"},"license":"MIT","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/select.git","directory":"packages/element"},"homepage":"https://github.com/anilkumarthakur60/select/tree/main/packages/element#readme","bugs":"https://github.com/anilkumarthakur60/select/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/select-core":"^0.1.0"},"devDependencies":{"@vitest/coverage-v8":"^4.1.5","tsup":"^8.5.1","typescript":"~6.0.0","vitest":"^4.1.5","jsdom":"^29.0.2","@types/node":"^24.12.2"},"scripts":{"clean":"rm -rf dist coverage","build":"tsup","dev":"tsup --watch","test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage","typecheck":"tsc --noEmit","lint":"eslint ."},"_nodeVersion":"24.18.0","_id":"@anil-labs/select-element@0.1.0","dist":{"integrity":"sha512-NPqT3yz4VSwhazXOXPIbo2MRcXCmYol1fiNqFsU3rkJjDMPpgcE/SuoPJUWIFE2ligWbVZzH/B1uNP0OApFang==","shasum":"bf33f53f1571f9fd4c8223e9d29a921362b8af1a","tarball":"https://registry.npmjs.org/@anil-labs/select-element/-/select-element-0.1.0.tgz","fileCount":7,"unpackedSize":25606,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCg2myKfLvyJjG5H//rEbt1CDxBgPNmOXr//hNE6IwxAwIgMGpByRAG/IZeXlPRyaDP9rXh8P4V1S+ZGd/EOl3URHw="}]},"_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/select-element_0.1.0_1784650665872_0.1737525961481472"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-21T16:17:45.723Z","0.1.0":"2026-07-21T16:17:46.025Z","modified":"2026-07-21T16:17:46.237Z"},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"description":"Web Component (<a-select>) for @anil-labs/select — works in Angular, Lit, Alpine, Astro, Qwik or plain HTML with no framework dependency.","homepage":"https://github.com/anilkumarthakur60/select/tree/main/packages/element#readme","keywords":["web-components","custom-element","angular","lit","alpine","astro","vanilla","select","combobox","multiselect","tags","autocomplete","a11y","typescript"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/select.git","directory":"packages/element"},"author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","bugs":"https://github.com/anilkumarthakur60/select/issues","license":"MIT","readme":"# @anil-labs/select-element\n\n`<a-select>` custom element for\n[`@anil-labs/select`](https://github.com/anilkumarthakur60/select) — a\nframework-free select you can drop into any page, built on the shared\n[`@anil-labs/select-core`](https://github.com/anilkumarthakur60/select/tree/main/packages/core)\nstate machine.\n\n## Install\n\n```sh\nnpm install @anil-labs/select-element @anil-labs/select-core\n```\n\n## Usage\n\n```ts\nimport { defineSelectElement } from '@anil-labs/select-element'\nimport '@anil-labs/select-core/styles.css'\n\ndefineSelectElement() // registers <a-select>\n```\n\n```html\n<a-select placeholder=\"Pick a fruit\" mode=\"single\"></a-select>\n\n<script type=\"module\">\n  const el = document.querySelector('a-select')\n  el.options = ['apple', 'banana', 'cherry']\n  el.addEventListener('change', (e) => console.log(e.detail))\n</script>\n```\n\nPass a different tag name to register under your own prefix:\n\n```ts\ndefineSelectElement('my-select')\n```\n\n## Attributes\n\n`mode`, `placeholder`, `disabled`, `loading`, `searchable`, `clearable`,\n`taggable`, `aria-label`, `size`, `theme`, `empty-text`, `no-results-text`,\n`loading-text`.\n\n## Properties\n\n`options` and the other config values are set as JS properties rather than\nattributes, since they hold non-string data. Assigning to them re-pushes config\ninto the machine and re-renders.\n\n## Styles\n\nThe stylesheet lives in `@anil-labs/select-core` so every adapter shares one\ncopy — importing it from this package will not work.\n\n## License\n\nMIT © [Er. Anil Kumar Thakur](https://github.com/anilkumarthakur60)\n","readmeFilename":"","_rev":"1-ad7216b607667783a25ee5b1a93b0680"}