From eec8a667ad79d5b0053850f568f1136630d89dae Mon Sep 17 00:00:00 2001
From: Josh Johnson <josh@joshuajohnson.co.uk>
Date: Wed, 1 Mar 2017 19:07:22 +0000
Subject: [PATCH] Add label to highlighting events too

---
 README.md                     | 10 ++++++----
 assets/scripts/src/choices.js |  4 ++++
 2 files changed, 10 insertions(+), 4 deletions(-)

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,
       });
     }