@htmlbricks/hb-captcha-google-recaptcha-v2-invisible 0.66.8 → 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 +40 -0
- package/manifest.json +1 -1
- package/package.json +1 -1
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
## `hb-captcha-google-recaptcha-v2-invisible` — captcha-google-recaptcha-v2-invisible
|
|
2
|
+
|
|
3
|
+
**Category:** utilities | **Tags:** utilities, security
|
|
4
|
+
|
|
5
|
+
### What it does
|
|
6
|
+
|
|
7
|
+
Loads the Google reCAPTCHA v2 invisible SDK, renders the widget with your `api_key`, and exposes `grecaptcha.execute()` / reset when the `get` attribute changes after render. Dispatches `googleRecaptchaRendered` once mounted and `googleRecaptchaV2Response` with the token from the verification callback.
|
|
8
|
+
|
|
9
|
+
### Custom element
|
|
10
|
+
|
|
11
|
+
`hb-captcha-google-recaptcha-v2-invisible`
|
|
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
|
+
| `api_key` | string (optional) | Google reCAPTCHA site key. |
|
|
20
|
+
| `get` | any (optional) | Trigger prop: changing after render drives execute/reset (see component behavior). |
|
|
21
|
+
|
|
22
|
+
**Bootstrap theme vars** in metadata. **CSS part:** `invalid-feedback`. No slots.
|
|
23
|
+
|
|
24
|
+
### Events (`CustomEvent` names)
|
|
25
|
+
|
|
26
|
+
- **`googleRecaptchaV2Response`** — `{ response: string }` — Verification token from Google.
|
|
27
|
+
- **`googleRecaptchaRendered`** — `{ render: true }` — Widget finished rendering.
|
|
28
|
+
|
|
29
|
+
### Usage notes
|
|
30
|
+
|
|
31
|
+
- Uses Bootstrap form-feedback styling via the `invalid-feedback` part.
|
|
32
|
+
- Requires loading Google’s script; CSP and domain allowlisting apply outside the component.
|
|
33
|
+
- Shadow DOM wraps the widget; style invalid states through the exposed part.
|
|
34
|
+
- No i18n in `docs.ts`.
|
|
35
|
+
|
|
36
|
+
### Minimal HTML example
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<hb-captcha-google-recaptcha-v2-invisible api_key="YOUR_SITE_KEY"></hb-captcha-google-recaptcha-v2-invisible>
|
|
40
|
+
```
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-captcha-google-recaptcha-v2-invisible",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.9",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "Loads the Google reCAPTCHA v2 invisible SDK, renders the widget with your `api_key`, and exposes `grecaptcha.execute()` / reset when the `get` attribute changes after render. Dispatches `googleRecaptchaRendered` once mounted and `googleRecaptchaV2Response` with the token from the verification callback.",
|
|
6
6
|
"licenses": [
|