@htmlbricks/hb-dialog 0.66.27 → 0.67.0

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.
Files changed (5) hide show
  1. package/README.md +6 -6
  2. package/main.iife.js +40 -73
  3. package/main.iife.js.map +1 -1
  4. package/manifest.json +29 -3
  5. package/package.json +2 -2
package/README.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ### What it does
6
6
 
7
- Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade transitions, 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.
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) | Bootstrap button classes for confirm. |
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) | Classes for close button. |
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:** Bootstrap `--bs-*`, `--hb-modal-max-width`. **Part:** `modal-dialog`. **Slots:** `header`, `modal-footer`, `body-content`, `footer`, `close-button-label`, `confirm-button-label`.
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
- - Full Bootstrap modal behavior patterns (body scroll lock, backdrop).
45
- - bootstrap-icons may appear on buttons depending on implementation.
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