From 62a69520910551f9aec5e41d1fbfaa9a22258643 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@lanl.gov>
Date: Wed, 10 Apr 2019 19:56:17 +0000
Subject: [PATCH 1/5] Expand helpers.js to have an extendible list of inputs,
 and allow puzzle author to have them be sorted

---
 example-puzzles/example/5/helpers.js  | 29 +++++++++++++++++++++++++++
 example-puzzles/example/5/puzzle.moth |  6 ++++++
 2 files changed, 35 insertions(+)

diff --git a/example-puzzles/example/5/helpers.js b/example-puzzles/example/5/helpers.js
index 3c566bc..0f7a677 100644
--- a/example-puzzles/example/5/helpers.js
+++ b/example-puzzles/example/5/helpers.js
@@ -17,6 +17,9 @@ function helperUpdateAnswer(event) {
         values.push(c.value)
       }
     }
+    if (e.classList.contains("sort")) {
+      values.sort()
+    }
     value = values.join(",")
   }
 
@@ -33,8 +36,34 @@ function helperUpdateAnswer(event) {
   answer.dispatchEvent(new InputEvent("input"))
 }
 
+function helperRemoveInput(e) {
+  let item = e.target.parentElement
+  item.remove()
+}
+
+function helperExpandInputs(e) {
+  let item = e.target.parentElement
+  let container = item.parentElement
+  let template = container.firstElementChild
+  let newElement = template.cloneNode(true)
+
+  // Add remove button
+  let remove = document.createElement("button")
+  remove.innerText = "➖"
+  remove.addEventListener("click", helperRemoveInput)
+  newElement.appendChild(remove)
+
+  // Zero it out, otherwise whatever's in first element is copied too
+  newElement.querySelector("input").value = ""
+
+  container.insertBefore(newElement, item)
+}
+
 function helperActivate(e) {
   e.addEventListener("input", helperUpdateAnswer)
+  if (e.classList.contains("expand")) {
+    e.addEventListener("click", helperExpandInputs)
+  }
 }
 
 function helperInit(event) {
diff --git a/example-puzzles/example/5/puzzle.moth b/example-puzzles/example/5/puzzle.moth
index 9c3be6b..63cd4e2 100644
--- a/example-puzzles/example/5/puzzle.moth
+++ b/example-puzzles/example/5/puzzle.moth
@@ -31,6 +31,12 @@ Multiple concatenated values
   <input>
 </div>
 
+Free input, sorted, concatenated values
+<ul class="answer lower sort">
+  <li><input></li>
+  <li><button class="answer expand" data-tag="input">➕</button><li>
+</ul>
+
 Select from an ordered list of options
 <ul class="answer">
   <li><input type="checkbox" value="horn">Horns</li>

From c04651db90a058aa240094db5d9a30ec91da23c2 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@lanl.gov>
Date: Wed, 10 Apr 2019 20:00:22 +0000
Subject: [PATCH 2/5] Remove legacy technique for new inputs

---
 example-puzzles/example/5/puzzle.moth | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/example-puzzles/example/5/puzzle.moth b/example-puzzles/example/5/puzzle.moth
index 63cd4e2..e82f789 100644
--- a/example-puzzles/example/5/puzzle.moth
+++ b/example-puzzles/example/5/puzzle.moth
@@ -34,7 +34,7 @@ Multiple concatenated values
 Free input, sorted, concatenated values
 <ul class="answer lower sort">
   <li><input></li>
-  <li><button class="answer expand" data-tag="input">➕</button><li>
+  <li><button class="answer expand">➕</button><li>
 </ul>
 
 Select from an ordered list of options

From dd0d9cadf5334d316b47c5883c091fc2fc5fc678 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@lanl.gov>
Date: Wed, 10 Apr 2019 20:03:12 +0000
Subject: [PATCH 3/5] Make it a little cleaner for the puzzle writer

---
 example-puzzles/example/5/helpers.js  | 4 ++--
 example-puzzles/example/5/puzzle.moth | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/example-puzzles/example/5/helpers.js b/example-puzzles/example/5/helpers.js
index 0f7a677..c68b5f3 100644
--- a/example-puzzles/example/5/helpers.js
+++ b/example-puzzles/example/5/helpers.js
@@ -61,8 +61,8 @@ function helperExpandInputs(e) {
 
 function helperActivate(e) {
   e.addEventListener("input", helperUpdateAnswer)
-  if (e.classList.contains("expand")) {
-    e.addEventListener("click", helperExpandInputs)
+  for (let exp of e.querySelectorAll(".expand")) {
+    exp.addEventListener("click", helperExpandInputs)
   }
 }
 
diff --git a/example-puzzles/example/5/puzzle.moth b/example-puzzles/example/5/puzzle.moth
index e82f789..1000bfd 100644
--- a/example-puzzles/example/5/puzzle.moth
+++ b/example-puzzles/example/5/puzzle.moth
@@ -34,7 +34,7 @@ Multiple concatenated values
 Free input, sorted, concatenated values
 <ul class="answer lower sort">
   <li><input></li>
-  <li><button class="answer expand">➕</button><li>
+  <li><button class="expand">➕</button><li>
 </ul>
 
 Select from an ordered list of options

From 53a299d6354918cbdfdf87f124671398810e41b2 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@lanl.gov>
Date: Wed, 10 Apr 2019 20:04:04 +0000
Subject: [PATCH 4/5] Make it a little cleaner for the puzzle writer

---
 example-puzzles/example/5/helpers.js  | 1 +
 example-puzzles/example/5/puzzle.moth | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/example-puzzles/example/5/helpers.js b/example-puzzles/example/5/helpers.js
index c68b5f3..946e8e2 100644
--- a/example-puzzles/example/5/helpers.js
+++ b/example-puzzles/example/5/helpers.js
@@ -50,6 +50,7 @@ function helperExpandInputs(e) {
   // Add remove button
   let remove = document.createElement("button")
   remove.innerText = "➖"
+  remove.title = "Remove this input"
   remove.addEventListener("click", helperRemoveInput)
   newElement.appendChild(remove)
 
diff --git a/example-puzzles/example/5/puzzle.moth b/example-puzzles/example/5/puzzle.moth
index 1000bfd..46dfff2 100644
--- a/example-puzzles/example/5/puzzle.moth
+++ b/example-puzzles/example/5/puzzle.moth
@@ -34,7 +34,7 @@ Multiple concatenated values
 Free input, sorted, concatenated values
 <ul class="answer lower sort">
   <li><input></li>
-  <li><button class="expand">➕</button><li>
+  <li><button class="expand" title="Add another input">➕</button><l/i>
 </ul>
 
 Select from an ordered list of options

From d7c1da6c2b5970aff18a31dd468ab4ae7a27232f Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@lanl.gov>
Date: Wed, 10 Apr 2019 20:08:33 +0000
Subject: [PATCH 5/5] Adding/removing inputs updates answer

---
 example-puzzles/example/5/helpers.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/example-puzzles/example/5/helpers.js b/example-puzzles/example/5/helpers.js
index 946e8e2..603b92e 100644
--- a/example-puzzles/example/5/helpers.js
+++ b/example-puzzles/example/5/helpers.js
@@ -38,7 +38,11 @@ function helperUpdateAnswer(event) {
 
 function helperRemoveInput(e) {
   let item = e.target.parentElement
+  let container = item.parentElement
   item.remove()
+  
+  var event = new Event("input")
+  container.dispatchEvent(event)
 }
 
 function helperExpandInputs(e) {
@@ -58,6 +62,9 @@ function helperExpandInputs(e) {
   newElement.querySelector("input").value = ""
 
   container.insertBefore(newElement, item)
+  
+  var event = new Event("input")
+  container.dispatchEvent(event)
 }
 
 function helperActivate(e) {