fleetcor-lwc 2.2.1 → 2.3.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.
package/README.md
CHANGED
|
@@ -195,6 +195,15 @@ $FLT_CHECKBOX_HOVER_BG_COLOR: var(--flt-checkbox-hover-bg-color, #f9fafb);
|
|
|
195
195
|
|
|
196
196
|
## Release Notes:
|
|
197
197
|
|
|
198
|
+
- v.2.3.0
|
|
199
|
+
- Added label fire events to checkbox
|
|
200
|
+
|
|
201
|
+
---
|
|
202
|
+
- v.2.2.2
|
|
203
|
+
- Bug fix checkbox link underline text
|
|
204
|
+
|
|
205
|
+
---
|
|
206
|
+
|
|
198
207
|
- v.2.2.1
|
|
199
208
|
- Bug fix expose flt/checkbox
|
|
200
209
|
|
|
@@ -11,7 +11,7 @@ describe('flt-checkbox', () => {
|
|
|
11
11
|
|
|
12
12
|
it('Generate default checkbox', async () => {
|
|
13
13
|
const checkboxDefault = createElement('flt-checkbox', { is: Checkbox })
|
|
14
|
-
checkboxDefault.label = 'Hello world'
|
|
14
|
+
checkboxDefault.label = 'Hello world <a href="javascript:void(0)" view-modal="test">link</a>'
|
|
15
15
|
checkboxDefault.name = 'agree'
|
|
16
16
|
document.body.appendChild(checkboxDefault)
|
|
17
17
|
|
|
@@ -27,6 +27,8 @@ describe('flt-checkbox', () => {
|
|
|
27
27
|
data = checkboxDefault.getData()
|
|
28
28
|
await expect(data.value).toBeTruthy()
|
|
29
29
|
await expect(checkboxDefault.firstChild.classList).toContain('flt-checkbox_active')
|
|
30
|
+
const viewModelLink = document.querySelector('[view-modal]');
|
|
31
|
+
viewModelLink.click();
|
|
30
32
|
})
|
|
31
33
|
|
|
32
34
|
it('Generate requie checkbox', async () => {
|
|
@@ -10,7 +10,7 @@ import { CheckboxElement } from 'fleetcor-lwc'
|
|
|
10
10
|
*/
|
|
11
11
|
export default class Checkbox extends CheckboxElement {
|
|
12
12
|
error
|
|
13
|
-
|
|
13
|
+
|
|
14
14
|
@api errorMessage
|
|
15
15
|
@api size = SIZES.SMALL
|
|
16
16
|
|
|
@@ -43,6 +43,22 @@ export default class Checkbox extends CheckboxElement {
|
|
|
43
43
|
renderedCallback() {
|
|
44
44
|
super.renderedCallback()
|
|
45
45
|
this.querySelector('.flt-checkbox__label').innerHTML = this.label
|
|
46
|
+
const labelLinks = this.querySelectorAll('a[view-modal]')
|
|
47
|
+
labelLinks.forEach((element) => {
|
|
48
|
+
element.onclick = (event) => {
|
|
49
|
+
event.preventDefault()
|
|
50
|
+
const type = element.getAttribute('view-modal')
|
|
51
|
+
this.dispatchEvent(
|
|
52
|
+
new CustomEvent('viewmodal', {
|
|
53
|
+
detail: {
|
|
54
|
+
type: type
|
|
55
|
+
},
|
|
56
|
+
bubbles: true,
|
|
57
|
+
composed: true
|
|
58
|
+
})
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
})
|
|
46
62
|
}
|
|
47
63
|
}
|
|
48
64
|
|