From 8b71f277ff9d533c2cb7776e34344d46979297f6 Mon Sep 17 00:00:00 2001
From: Josh Johnson <josh@joshuajohnson.co.uk>
Date: Sat, 14 Oct 2017 11:29:08 +0100
Subject: [PATCH] Resolve passedElement issues

---
 index.html                   | 10 +++++-----
 src/scripts/src/templates.js |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 87194ac..c8baa5e 100644
--- a/index.html
+++ b/index.html
@@ -370,11 +370,11 @@
         { value: 'Six', label: 'Label Six', selected: true },
       ], 'value', 'label', false);
 
-      choicesSelect.passedElement.addEventListener('addItem', function(event) {
+      choicesSelect.passedElement.element.addEventListener('addItem', function(event) {
         document.getElementById('message').innerHTML = 'You just added "' + event.detail.label + '"';
       });
 
-      choicesSelect.passedElement.addEventListener('removeItem', function(event) {
+      choicesSelect.passedElement.element.addEventListener('removeItem', function(event) {
         document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"';
       });
 
@@ -477,7 +477,7 @@
 
       var states = new Choices(document.getElementById('states'));
 
-      states.passedElement.addEventListener('change', function(e) {
+      states.passedElement.element.addEventListener('change', function(e) {
         if (e.detail.value === 'New York') {
           boroughs.enable();
         } else {
@@ -490,7 +490,7 @@
           var classNames = this.config.classNames;
           var itemSelectText = this.config.itemSelectText;
           return {
-            item: function(data) {
+            item: function(classNames, data) {
               return strToEl('\
                 <div\
                   class="'+ String(classNames.item) + ' ' + String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) + '"\
@@ -504,7 +504,7 @@
                 </div>\
               ');
             },
-            choice: function(data) {
+            choice: function(classNames, data) {
               return strToEl('\
                 <div\
                   class="'+ String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) + '"\
diff --git a/src/scripts/src/templates.js b/src/scripts/src/templates.js
index 0fe7edc..05f14ba 100644
--- a/src/scripts/src/templates.js
+++ b/src/scripts/src/templates.js
@@ -15,7 +15,7 @@ export const TEMPLATES = {
     return strToEl(`
       <div
         class="${globalClasses.containerOuter}"
-        data-type="${this.passedElement.type}"
+        data-type="${this.passedElement.element.type}"
         ${role}
         ${tabIndex}
         ${ariaAutoComplete}