# @dotazse/chat-popup Floating chat popup web component for **Dotaz.se**. Shadow-DOM-encapsulated, self-contained — drop one ` ``` That's it. The popup launcher is anchored to the bottom-right corner of the viewport. Notes: - `type="module"` is required — the bundle is an ES module. Native module scripts are supported by every browser shipping since 2018 (Chrome 61+, Firefox 60+, Safari 11+, Edge 16+). - Module scripts are deferred by default — they don't block HTML parsing and execute after the document is parsed. Custom-element upgrade handles the case where `` appears in the markup before the script defines it. ### Attributes | Attribute | Type | Description | | ---------------- | ------- | ----------------------------------------------------------- | | `baseurl` | string | Backend gateway URL (e.g. `https://example.dotaz.se`). | | `show-citations` | boolean | Render document citations next to assistant replies. | ## Version pinning The CDN URL accepts a semver range. Pick the strategy that matches your change-control posture. > The `/popup.js` suffix in the ` ``` ### Self-host the bundle `npm install @dotazse/chat-popup` and serve `popup.js` (ES module) from your own infrastructure, or `import '@dotazse/chat-popup'` from your own bundler (Vite / webpack / Rollup) — `sideEffects: true` ensures the custom-element registration is preserved through tree-shaking. ### Themed deployments Override the popup's theme tokens from the host page — CSS custom properties inherit through the shadow boundary: ```html ```