@htmlbricks/hb-searchbar 0.66.27 → 0.67.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/main.iife.js +641 -500
- package/main.iife.js.map +1 -1
- package/manifest.json +8 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,7 +15,7 @@ Search field with optional dropdown `searchlist` (id, text, icons, badges, tags,
|
|
|
15
15
|
|
|
16
16
|
- `id`, `style` (optional): strings.
|
|
17
17
|
- `value` (required): string — current query text.
|
|
18
|
-
- `searchlabel` (optional): string —
|
|
18
|
+
- `searchlabel` (optional): string — placeholder for the input (search is triggered by the in-field magnifier or Enter).
|
|
19
19
|
- `minlength` (optional): number as string.
|
|
20
20
|
- `searchlist` (optional): JSON string — `TSearchListItem[]` (`id`, `text`, optional `url`, `icon`, `tags`, `badge`, `number_of_results`, `fixed`).
|
|
21
21
|
- `input_info` (optional): JSON string — single `TSearchListItem` for input adornment.
|
|
@@ -29,7 +29,8 @@ Search field with optional dropdown `searchlist` (id, text, icons, badges, tags,
|
|
|
29
29
|
|
|
30
30
|
### Usage notes
|
|
31
31
|
|
|
32
|
-
- **CSS parts:** `dropdown-menu`, `search-input
|
|
32
|
+
- **CSS parts:** `dropdown-menu`, `search-input`, `search-submit` (magnifier button inside the field).
|
|
33
|
+
- **Styling:** Bulma `field` with a single expanded control; the search icon sits on the right as a `search-submit` control (same behavior as the former primary button). Dropdown and field styles live in the shadow root (`styles/bulma.scss` + `webcomponent.scss`). Theme via `--bulma-*` on the host or ancestors.
|
|
33
34
|
- Storybook may list `initial_value`; runtime props follow `webcomponent.type.d.ts` (`value` is required).
|
|
34
35
|
|
|
35
36
|
### Minimal HTML example
|