tiny-essentials/changelog/1/16/1.md

Collection of small, essential scripts designed to be used across various projects. These simple utilities are crafted for speed, ease of use, and versatility.

### 🔍 What's New?

#### 📦 `TinyAfterScrollWatcher`

This new utility makes it easier to respond when scrolling stops — perfect for optimizing animations, loading events, or interface feedback.

* 🧠 Detects when scrolling *ends* on an element or the window.
* ⏱️ Configurable inactivity timeout (default: 100ms).
* 📚 Queue-based callback system for multiple triggers.

```js
const watcher = new TinyAfterScrollWatcher(window);
watcher.onScroll(() => {
    watcher.doAfterScroll(() => {
        console.log('[customBox] Scroll stopped!');
    });
})
```

Use cases:

* Lazy-loading content
* UI transitions after scroll
* Analytics or tracking user movement

---

### 🎨 New Inline Style Getter

`style()` now uses the element’s actual `style` attribute instead of `getComputedStyle`, allowing much more precise control over inline styles.

#### Example:

```js
TinyHtml.setStyle(element, 'backgroundColor', 'skyblue');
TinyHtml.getStyle(element, 'backgroundColor'); // "skyblue"
```

* 🧩 Supports `camelCase` and `kebab-case`.
* 🔄 Unified with alias converter system (`cssPropAliases`).
* 🧼 Returns only **inline-defined** values (not computed ones).

**Full Changelog**: https://github.com/JasminDreasond/Tiny-Essentials/compare/1.16.0...1.16.1