diff --git a/README.md b/README.md index e683025..1489c74 100644 --- a/README.md +++ b/README.md @@ -466,6 +466,7 @@ element.addEventListener('addItem', function(event) { // do something creative here... console.log(event.detail.id); console.log(event.detail.value); + console.log(event.detail.label); console.log(event.detail.groupValue); }, false); @@ -476,34 +477,35 @@ example.passedElement.addEventListener('addItem', function(event) { // do something creative here... console.log(event.detail.id); console.log(event.detail.value); + console.log(event.detail.label); console.log(event.detail.groupValue); }, false); ``` ### addItem -**Arguments:** `id, value, groupValue` +**Arguments:** `id, value, label, groupValue` **Input types affected:** `text`, `select-one`, `select-multiple` **Usage:** Triggered each time an item is added (programmatically or by the user). ### removeItem -**Arguments:** `id, value, groupValue` +**Arguments:** `id, value, label, groupValue` **Input types affected:** `text`, `select-one`, `select-multiple` **Usage:** Triggered each time an item is removed (programmatically or by the user). ### highlightItem -**Arguments:** `id, value, groupValue` +**Arguments:** `id, value, label, groupValue` **Input types affected:** `text`, `select-multiple` **Usage:** Triggered each time an item is highlighted. ### unhighlightItem -**Arguments:** `id, value, groupValue` +**Arguments:** `id, value, label, groupValue` **Input types affected:** `text`, `select-multiple` diff --git a/assets/scripts/src/choices.js b/assets/scripts/src/choices.js index 56682c7..b99285e 100644 --- a/assets/scripts/src/choices.js +++ b/assets/scripts/src/choices.js @@ -471,12 +471,14 @@ class Choices { triggerEvent(this.passedElement, 'highlightItem', { id, value: item.value, + label: item.label, groupValue: group.value }); } else { triggerEvent(this.passedElement, 'highlightItem', { id, value: item.value, + label: item.label, }); } } @@ -502,12 +504,14 @@ class Choices { triggerEvent(this.passedElement, 'unhighlightItem', { id, value: item.value, + label: item.label, groupValue: group.value }); } else { triggerEvent(this.passedElement, 'unhighlightItem', { id, value: item.value, + label: item.label, }); }