@htmlbricks/hb-table 0.68.8 → 0.68.10

package/README.md

@@ -61,7 +61,7 @@ Use **`actions`** for a column of buttons that is the same for every row (one se
 
 ### Add button (`add_item`)
 
-Set **`add_item`** to `"yes"` / `"true"` (or boolean `true` in frameworks) to show a primary **Add** control in the toolbar below the table (same **`nav`** as pagination — `part="table-actions"`). It is meant to let the user start creating a **new row**; the table does not insert data by itself.
+Set **`add_item`** to `"yes"` / `"true"` (or boolean `true` in frameworks) to show an **Add** control in the toolbar below the table (`part="table-actions"`): it is placed **right after the multi-select settings (gear) button** when **`selectactions`** is set; if there is no gear, it is the first control in that strip. Toolbar controls use the same Bulma **`pagination-link`** styling as **`hb-paginate`** (including **`is-current`** on the gear when multi-select mode is on). It is meant to let the user start creating a **new row**; the table does not insert data by itself.
 
 - **Visibility:** the button is rendered only when **`enableselect`** is *not* active (multi-select gear mode hides it).
 - **Click:** dispatches the **`addItem`** custom event with payload **`{ id }`**, where **`id`** is the table’s own **`id`** attribute (empty string if unset). The host should listen for `addItem` and open a form, navigate to a create page, call an API, etc.
@@ -101,7 +101,7 @@ Set **`add_item`** to `"yes"` / `"true"` (or boolean `true` in frameworks) to sh
 
 - **Slots:** `add-button-content` (Add button body), `buttons-container` (extra toolbar content).
 - **CSS parts:** `table`, `table-actions`, `selected-row`, `common-row`.
-- **Toolbar:** multi-select **settings** (gear) button has **`margin-inline-start`** from **`--hb-table-toolbar-settings-margin-inline-start`** (default `--bulma-block-spacing`) so it sits slightly right of the toolbar start.
+- **Toolbar order:** **settings** (gear) → **Add** (when `add_item` and not in multi-select mode) → bulk **select actions** (when enabled) → **`buttons-container`** slot → **`hb-paginate`** (inline-end). The first **`nav.pagination.is-small`** group uses **`margin-inline-start`** from **`--hb-table-toolbar-settings-margin-inline-start`** (default `--bulma-block-spacing`). Optional **`--hb-paginate-list-gap`** on the host also applies between toolbar **`pagination-link`** items, matching **`hb-paginate`**.
 - **i18n:** Italian and English in docs metadata; set `i18nlang` accordingly.
 - **`hb-paginate`:** embedded when pagination is enabled; while **`is_loading`**, it stays in the DOM (hidden) under the skeleton overlay so props stay aligned — user interaction is blocked until loading ends.
 - **Pagination while loading:** `is_loading` does not recalculate `page` / `pages` by itself. With **client-side** pagination, if you clear `rows` during a refresh, the `$effect` that derives `pages` from row count does not run on an empty list, so **`pages` can stay at the previous value** until new rows arrive — keep `page`, `pages`, and `total` aligned with your API if needed.