@htmlbricks/hb-dashboard-counter-lines 0.66.27 → 0.67.0

package/README.md

@@ -4,7 +4,17 @@
 
 ### What it does
 
-Vertical list of metric rows from JSON `lines`: each row shows optional Bootstrap Icon, label text, and a secondary badge value. `link.type` chooses behavior—open URI in a new tab, same-window navigation, custom `counterClick` event with a key, or a static row with no click handler.
+Vertical list of metric rows from JSON `lines`: each row shows optional Bootstrap Icon, label text, and a Bulma light rounded tag for the counter value. `link.type` chooses behavior—open URI in a new tab, same-window navigation, custom `counterClick` event with a key, or a static row with no click handler.
+
+### Styling (Bulma)
+
+The component bundles **Bulma 1.x** in the shadow root: **`elements/tag`** only, with theme defaults on `:host` (`--bulma-hb-def-*`). Set public **`--bulma-*`** on `body` or `:root` so they inherit onto the host. Icons remain **Bootstrap Icons** (loaded via `<svelte:head>`); use icon names in the `icon` field. See [Bulma CSS variables](https://bulma.io/documentation/features/css-variables/).
+
+**Shadow markup (simplified):**
+
+- **`div.item`** — row; optional click for `tab` / `page` / `event` links.
+- **`div.item_content`** / **`div.text`** — label + optional **`i.bi`**.
+- **`div.value.tag.is-light.is-rounded`** — counter (exposed as part **`value`**).
 
 ### Custom element
 
@@ -18,7 +28,7 @@ Vertical list of metric rows from JSON `lines`: each row shows optional Bootstra
 | `style` | string (optional) | Inline style string. |
 | `lines` | array (optional) | JSON `Line[]`: text, value, link?: `{ type: "tab" \| "page" \| "event"; uri: string }`, index?, icon?. |
 
-**Bootstrap `--bs-*` vars.** **Parts:** `item`, `icon`, `text`, `value`. No slots.
+**Parts:** `item`, `icon`, `text`, `value`. No slots.
 
 ### Events (`CustomEvent` names)