@htmlbricks/hb-contact-item 0.66.7 → 0.66.9
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 +46 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
## `hb-contact-item` — contact-item
|
|
2
|
+
|
|
3
|
+
**Category:** content | **Tags:** content, contact
|
|
4
|
+
|
|
5
|
+
### What it does
|
|
6
|
+
|
|
7
|
+
Single contact line (mutually exclusive props): phone, postal address, email, website, or social network. Renders a Bootstrap Icon and optional visible text; JSON `config` toggles icons (filled/outline), label text, and whether clicks dispatch `contactclick` with `{ action, options }` vs opening a window (maps URL, `mailto`, external site, or social page).
|
|
8
|
+
|
|
9
|
+
### Custom element
|
|
10
|
+
|
|
11
|
+
`hb-contact-item`
|
|
12
|
+
|
|
13
|
+
### Attributes / props (snake_case)
|
|
14
|
+
|
|
15
|
+
| Property | Type | Notes |
|
|
16
|
+
| --- | --- | --- |
|
|
17
|
+
| `id` | string (optional) | Element identifier. |
|
|
18
|
+
| `style` | string (optional) | Inline style string. |
|
|
19
|
+
| `phone` | object (optional) | JSON `IPhone`: number, callOnClick?. |
|
|
20
|
+
| `address` | object (optional) | JSON `IAddress`: mapUri?, latLang?, address, shortAddress?. |
|
|
21
|
+
| `email` | object (optional) | JSON `IEmail`: mailLink?, address. |
|
|
22
|
+
| `site` | object (optional) | JSON `ISite`: label?, uri?, open?. |
|
|
23
|
+
| `social` | object (optional) | JSON `ISocial`: label?, pageUri?, name. |
|
|
24
|
+
| `config` | object (optional) | JSON `IConfig`: icon?.fill, text?, dispatcher?. |
|
|
25
|
+
|
|
26
|
+
No CSS vars, parts, or slots in metadata.
|
|
27
|
+
|
|
28
|
+
### Events (`CustomEvent` names)
|
|
29
|
+
|
|
30
|
+
- **`contactclick`** — `{ action: string; options: any }` — Exact event name is lowercase in types.
|
|
31
|
+
|
|
32
|
+
### Usage notes
|
|
33
|
+
|
|
34
|
+
- Icons come from bootstrap-icons naming conventions.
|
|
35
|
+
- Only one of phone/address/email/site/social should be primary per row (per description).
|
|
36
|
+
- Shadow DOM wraps the row; no theme variables declared in docs.
|
|
37
|
+
- No i18n in `docs.ts`.
|
|
38
|
+
|
|
39
|
+
### Minimal HTML example
|
|
40
|
+
|
|
41
|
+
```html
|
|
42
|
+
<hb-contact-item
|
|
43
|
+
email='{"address":"hello@example.com","mailLink":true}'
|
|
44
|
+
config='{"text":true,"dispatcher":true}'
|
|
45
|
+
></hb-contact-item>
|
|
46
|
+
```
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-contact-item",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.9",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Single contact line (mutually exclusive props): phone, postal address, email, website, or social network. Renders a Bootstrap Icon and optional visible text; JSON `config` toggles icons (filled/outline), label text, and whether clicks dispatch `contactClick` with `{ action, options }` vs opening a window (maps URL, `mailto`, external site, or social page).",
|
|
6
6
|
"licenses": [
|