@htmlbricks/hb-dialog 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 +6 -6
- package/main.iife.js +40 -73
- package/main.iife.js.map +1 -1
- package/manifest.json +29 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
### What it does
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
**Bulma**-styled modal controlled by string `show` (`yes`/`no`): optional backdrop click to close, Escape when `keyboard` is enabled, and `modal-open` on `document.body`. Slots replace title, body, footer, and button labels; default footer emits `modalConfirm` with `{ id, confirm }` and toggles visibility. Also emits `modalShow` when opened or closed.
|
|
8
8
|
|
|
9
9
|
### Custom element
|
|
10
10
|
|
|
@@ -17,7 +17,7 @@ Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade transition
|
|
|
17
17
|
| `id` | string (optional) | Element identifier (included in events). |
|
|
18
18
|
| `style` | string (optional) | Inline style string. |
|
|
19
19
|
| `show` | union (optional) | `"yes"` \| `"no"` — visibility. |
|
|
20
|
-
| `confirm_btn_class` | string (optional) |
|
|
20
|
+
| `confirm_btn_class` | string (optional) | Bulma button color name for confirm (default `primary` → `is-primary`). |
|
|
21
21
|
| `title` | string (optional) | Default title text if slot unused. |
|
|
22
22
|
| `backdrop` | boolean (optional) | Show backdrop. |
|
|
23
23
|
| `ignoreBackdrop` | boolean (optional) | Ignore backdrop interactions when true. |
|
|
@@ -28,11 +28,11 @@ Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade transition
|
|
|
28
28
|
| `closelabel` | string (optional) | Close button label. |
|
|
29
29
|
| `confirmlabel` | string (optional) | Confirm button label. |
|
|
30
30
|
| `disable_confirm` | boolean (optional) | Disable confirm button. |
|
|
31
|
-
| `close_btn_class` | string (optional) |
|
|
31
|
+
| `close_btn_class` | string (optional) | Bulma button color name for close (default `secondary` → `is-light` / mapped modifier). |
|
|
32
32
|
| `hide_close` | boolean (optional) | Hide close control. |
|
|
33
33
|
| `hide_confirm` | boolean (optional) | Hide confirm control. |
|
|
34
34
|
|
|
35
|
-
**CSS vars:**
|
|
35
|
+
**CSS vars:** Bulma `--bulma-*`, `--hb-modal-max-width`; the host sets compact defaults for `--bulma-modal-card-head-padding`, `--bulma-modal-card-body-padding`, `--bulma-modal-card-title-size`, `--bulma-modal-card-title-line-height`, and `--bulma-modal-card-spacing` (override on the element or an ancestor to taste). **Part:** `modal-dialog`. **Slots:** `header`, `modal-footer`, `body-content`, `footer`, `close-button-label`, `confirm-button-label`.
|
|
36
36
|
|
|
37
37
|
### Events (`CustomEvent` names)
|
|
38
38
|
|
|
@@ -41,8 +41,8 @@ Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade transition
|
|
|
41
41
|
|
|
42
42
|
### Usage notes
|
|
43
43
|
|
|
44
|
-
-
|
|
45
|
-
-
|
|
44
|
+
- Modal behavior (body scroll lock, backdrop) matches typical overlay patterns.
|
|
45
|
+
- Optional icons depend on implementation; load Bootstrap Icons if you add `bi-*` markup.
|
|
46
46
|
- Teleports/focus live in shadow DOM; test accessibility with real browsers.
|
|
47
47
|
- No i18n array in `docs.ts`.
|
|
48
48
|
|