@tobedone-de/ameva-scrollbar 0.4.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ToBeDone.de
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,104 @@
+# AMEVA Scrollbar
+
+A framework-free overlay scrollbar with DOM-based tracks and thumbs that can be fully styled with CSS.
+
+It was built for ameva.app viewport and element scroll containers, including custom visual effects such as glow, blur, gradients, shadows, and glass-style overlays.
+
+## Features
+
+1. Framework-free JavaScript and CSS scrollbar.
+2. Custom overlay scrollbar for viewport and element scroll containers.
+3. Fully stylable DOM-based track and thumb elements.
+4. Supports advanced CSS effects such as glow, blur, gradients, shadows, and glass-style overlays.
+5. Vertical and optional horizontal scrollbars.
+6. Data attribute based configuration.
+7. Runtime refresh and destroy helpers for dynamic interfaces.
+8. No runtime dependencies.
+
+## Install
+
+```bash
+npm install @tobedone-de/ameva-scrollbar/
+```
+
+## Usage
+
+```js
+import { initializeScrollbar, refreshScrollbar } from '@tobedone-de/ameva-scrollbar/';
+import '@tobedone-de/ameva-scrollbar/styles.css';
+
+initializeScrollbar();
+```
+
+Add `data-amevascrollbar` to scrollable elements:
+
+```html
+<div data-amevascrollbar>
+    ...
+</div>
+```
+
+The viewport scrollbar is opt-in:
+
+```js
+initializeScrollbar({
+    viewport: true,
+});
+```
+
+The package does not auto-detect app-specific body classes. Pass `viewport: true` when a page-level scrollbar should be created.
+
+Initialize only the viewport scrollbar:
+
+```js
+initializeScrollbar({
+    elements: false,
+    viewport: true,
+});
+```
+
+`initializeScrollbar()` and `refreshScrollbar()` return `{ elements, viewport }`, where `elements` is an array of element scrollbar instances and `viewport` is the viewport instance or `null`. `destroyScrollbar()` returns `{ elements, viewport }`, where `elements` is the number of destroyed element instances and `viewport` is a boolean.
+
+## Data Attributes
+
+- `data-amevascrollbar-x="true"` enables a horizontal element scrollbar.
+- `data-amevascrollbar-y="false"` disables the vertical element scrollbar.
+- `data-amevascrollbar-edge="flush"` aligns element scrollbar overlays to the host edge.
+- `data-amevascrollbar-width`, `data-amevascrollbar-size`, or `data-amevascrollbar-track-size` override visible track size.
+- `data-amevascrollbar-hit-area` or `data-amevascrollbar-hit-size` override pointer hit area.
+- `data-amevascrollbar-inset`, `data-amevascrollbar-inset-x`, `data-amevascrollbar-inset-y`, and `data-amevascrollbar-inline-end-inset` control element scrollbar placement.
+- `data-amevascrollbar-thumb-min-size` and `data-amevascrollbar-thumb-padding` control thumb sizing.
+- `data-amevascrollbar-top`, `data-amevascrollbar-right`, and `data-amevascrollbar-bottom` control viewport scrollbar offsets.
+
+Generated DOM classes and CSS variables stay inside the `ameva-scrollbar` namespace.
+
+## Styling Hooks
+
+- `--ameva-scrollbar-radius` controls track and thumb rounding.
+- `--ameva-scrollbar-viewport-z-index` controls the viewport scrollbar layer.
+- `--ameva-scrollbar-element-z-index` controls element scrollbar overlays.
+- `--ameva-scrollbar-track-size`, `--ameva-scrollbar-hit-size`, `--ameva-scrollbar-thumb-min-size`, and `--ameva-scrollbar-thumb-padding` are set from data attributes at runtime and can also be overridden in CSS.
+
+## Exports
+
+```js
+import {
+    AmevaScrollbar,
+    destroyElementScrollbar,
+    destroyScrollbar,
+    destroyViewportScrollbar,
+    getScopedElements,
+    initializeElementScrollbar,
+    initializeScrollbar,
+    initializeViewportScrollbar,
+    refreshScrollbar,
+} from '@tobedone-de/ameva-scrollba';
+```
+
+## Notes
+
+This package currently ships source ES modules and CSS directly. It has no runtime dependencies.
+
+## License
+
+MIT © 2026 ToBeDone.de

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@tobedone-de/ameva-scrollbar",
+  "version": "0.4.2",
+  "description": "Framework-free overlay scrollbar with fully CSS-stylable tracks and thumbs for custom visual effects.",
+  "type": "module",
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "./src/styles.css"
+  ],
+  "keywords": [
+    "scrollbar",
+    "overlay-scrollbar",
+    "custom-scrollbar",
+    "ameva",
+    "tobedone"
+  ],
+  "author": "tobedone",
+  "homepage": "https://www.tobedone.de",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tobedone-de/ameva-scrollbar.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tobedone-de/ameva-scrollbar/issues"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}