{"_id":"@ambernexus/bubble-widget","_rev":"7-0c66a052ec7aaf501b1086cfa99908b4","name":"@ambernexus/bubble-widget","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@ambernexus/bubble-widget","version":"0.1.0","keywords":["web-component","widget","bubble","voice","ai"],"license":"MIT","_id":"@ambernexus/bubble-widget@0.1.0","maintainers":[{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"}],"dist":{"shasum":"66e1098d7e8838cf632747142231d4536cba53d3","tarball":"https://registry.npmjs.org/@ambernexus/bubble-widget/-/bubble-widget-0.1.0.tgz","fileCount":3,"integrity":"sha512-ViBAg8dlVBlsm1ZYmFTTpafScdgVxRxDAx1CGrRLrgmdkN1rHvhjyOchEIPq5OHZoLk3nGXOmNdswCGKUE6nSg==","signatures":[{"sig":"MEQCIGdzN2jtvzSkHvO7e+n90vJInML3GKi3xoBYjlOKniVBAiAIOMPbmWcWnDUIoXcVKrUwXUYb2Br55gEWK7YUAM+jWg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":17780},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js"},"gitHead":"c97d4ba68e70f0542092a11b81ff6ab93a800b7e","_npmUser":{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"10.9.8","description":"Framework-agnostic bubble-style AI widget as a Web Component","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/bubble-widget_0.1.0_1779813022589_0.7903998374188974","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@ambernexus/bubble-widget","version":"0.1.1","keywords":["web-component","widget","bubble","voice","ai"],"license":"MIT","_id":"@ambernexus/bubble-widget@0.1.1","maintainers":[{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"}],"dist":{"shasum":"49988f3fdcbfec1766bfa2f648b0794567dbbeee","tarball":"https://registry.npmjs.org/@ambernexus/bubble-widget/-/bubble-widget-0.1.1.tgz","fileCount":3,"integrity":"sha512-jze2YhcNL8rpK1yGEEIGQkXzElTBy8Z+m8tjZzZNfMRYrM6cBxRSFPe25K4vpx1uTNFvj8Ppj6z3XtjTUpXt8w==","signatures":[{"sig":"MEQCIC5Fg+2VK0ke5t4PPYHuLZsy2yRQWkBdeSUzEa98reTWAiAvJyIHH/dPQ1FzU03t960l11jpNf/FVMoPL6dNq+AGfA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36571},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js"},"gitHead":"c97d4ba68e70f0542092a11b81ff6ab93a800b7e","_npmUser":{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"10.9.8","description":"Framework-agnostic bubble-style AI widget as a Web Component","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/bubble-widget_0.1.1_1779964305122_0.9856736832095179","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@ambernexus/bubble-widget","version":"0.1.2","keywords":["web-component","widget","bubble","voice","ai"],"license":"MIT","_id":"@ambernexus/bubble-widget@0.1.2","maintainers":[{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"}],"dist":{"shasum":"f065066bf87486f0a8cae0db680111c467ef58b8","tarball":"https://registry.npmjs.org/@ambernexus/bubble-widget/-/bubble-widget-0.1.2.tgz","fileCount":3,"integrity":"sha512-ojvzaYkrW4SCIRxnL5Ly5RafHzytQC3Gi1ivAEprEMuB/IwZzSs1gv7lFAFhg7CjOPhQOhsZH7xpT0Tn3oGe0w==","signatures":[{"sig":"MEUCIArpIyi63oqVl5IWVj4g/jY4MIYGtRFRrIzq0VIVOXLhAiEA9MqB7NzDrwl1QHttXDGs7gc224jhRpu2Qip2x4KC8Ss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44963},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js"},"gitHead":"c97d4ba68e70f0542092a11b81ff6ab93a800b7e","_npmUser":{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"10.9.8","description":"Framework-agnostic bubble-style AI widget as a Web Component","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/bubble-widget_0.1.2_1779974515137_0.639713980089696","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@ambernexus/bubble-widget","version":"0.1.3","keywords":["web-component","widget","bubble","voice","ai"],"license":"MIT","_id":"@ambernexus/bubble-widget@0.1.3","maintainers":[{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"}],"dist":{"shasum":"2b5eb341b1843f80fe3c1c8db054ec2caf4e2d3a","tarball":"https://registry.npmjs.org/@ambernexus/bubble-widget/-/bubble-widget-0.1.3.tgz","fileCount":3,"integrity":"sha512-O5IWqG+I3kfo6tFTuc4kcwNq5MZmeMwmrm5RAD4pvw13Ibzf2gUj7KC5lta9wWj6nYIKV4od0Qg3P9BdPt3mAA==","signatures":[{"sig":"MEYCIQDBEoRRka2V1Q1kLRk9F1BuJ4TH/38V6kWmzCj4SWlcZQIhAMcHGCx3ZLv63ubV3OT8g42O3k/BsijQbwCZGfn+5wuO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44963},"main":"src/index.js","type":"module","module":"src/index.js","exports":{".":"./src/index.js"},"gitHead":"c97d4ba68e70f0542092a11b81ff6ab93a800b7e","_npmUser":{"name":"kamalambergroup","email":"kamaleshwaran@myambergroup.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","_npmVersion":"10.9.8","description":"Framework-agnostic bubble-style AI widget as a Web Component","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/bubble-widget_0.1.3_1780482853354_0.1214856614459976","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-05-26T16:30:22.422Z","modified":"2026-06-03T11:58:57.381Z","0.1.0":"2026-05-26T16:30:22.730Z","0.1.1":"2026-05-28T10:31:45.274Z","0.1.2":"2026-05-28T13:21:55.272Z","0.1.3":"2026-06-03T10:34:13.492Z"},"license":"MIT","keywords":["web-component","widget","bubble","voice","ai"],"description":"Framework-agnostic bubble-style AI widget as a Web Component","maintainers":[{"email":"support@npmjs.com","name":"npm-support"}],"readme":"# `@ambernexus/bubble-widget`\n\nFramework-agnostic bubble-style AI widget as a Web Component.\n\n## Install\n\n```bash\nnpm install @ambernexus/bubble-widget\n```\n\n## Basic Usage (Vanilla HTML/JS)\n\n```html\n<script type=\"module\">\n  import \"@ambernexus/bubble-widget\";\n</script>\n\n<ambernexus-bubble-widget\n  button-label=\"Ask REVO AI\"\n  primary-color=\"#4466ee\"\n  accent-color=\"#f37d2c\"\n  width=\"320px\"\n  height=\"380px\"\n  position=\"bottom-right\"\n  bubble-count=\"32\"\n></ambernexus-bubble-widget>\n```\n\n## React\n\n```jsx\nimport { useEffect, useRef } from \"react\";\nimport \"@ambernexus/bubble-widget\";\n\nexport default function App() {\n  const ref = useRef(null);\n  useEffect(() => {\n    ref.current?.configure({\n      primaryColor: \"#3b82f6\",\n      accentColor: \"#f97316\",\n      buttonLabel: \"Talk to AI\"\n    });\n  }, []);\n  return <ambernexus-bubble-widget ref={ref} />;\n}\n```\n\n## Angular\n\n1. In `main.ts` or a global script import:\n\n```ts\nimport \"@ambernexus/bubble-widget\";\n```\n\n2. Allow custom elements schema in module:\n\n```ts\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from \"@angular/core\";\n@NgModule({ schemas: [CUSTOM_ELEMENTS_SCHEMA] })\nexport class AppModule {}\n```\n\n3. Use in template:\n\n```html\n<ambernexus-bubble-widget\n  [attr.button-label]=\"'Ask AI'\"\n  [attr.primary-color]=\"'#4466ee'\"\n></ambernexus-bubble-widget>\n```\n\n## Customization\n\nAttributes:\n\n- `primary-color`\n- `accent-color`\n- `bg-color`\n- `text-color`\n- `width`\n- `height`\n- `button-label`\n- `position` (`bottom-right`, `bottom-left`, `top-right`, `top-left`)\n- `bubble-count`\n\nProgrammatic config:\n\n```js\nconst widget = document.querySelector(\"ambernexus-bubble-widget\");\nwidget.configure({\n  primaryColor: \"#0ea5e9\",\n  accentColor: \"#f97316\",\n  width: \"340px\",\n  height: \"400px\",\n  buttonLabel: \"Voice Agent\"\n});\n```\n\n## Events\n\n- `aw:open`\n- `aw:close`\n- `aw:start`\n- `aw:stop`\n\n```js\nwidget.addEventListener(\"aw:start\", () => {\n  // wire agent start session here\n});\n```\n\n## Notes\n\n- This package provides the UI shell (bubble widget + wave animation).\n- Connect your agent session logic inside event handlers (`aw:start`, `aw:stop`) or by extending the class.\n","readmeFilename":"README.md"}