refactor and add the ability to inject custom code

src/templates/components/color.mustache

@@ -1,4 +1,4 @@
 <label class="item">
   <span class="label">{{label}}</span>
-  <input data-manipulator-target type="text" class="item-color item-color-normal" value="{{value}}">
+  <input data-manipulator-target type="text" class="item-color item-color-normal">
 </label>

src/templates/components/footer.mustache

@@ -1,3 +1 @@
-<div data-manipulator-target class="item-container-footer">
-  {{&content}}
-</div>
+<div data-manipulator-target class="item-container-footer"></div>

src/templates/components/heading.mustache

@@ -1,3 +1,3 @@
 <div class="item-container-header">
-  <h1 data-manipulator-target>{{&content}}</h1>
+  <h1 data-manipulator-target></h1>
 </div>

src/templates/components/input.mustache

@@ -3,7 +3,6 @@
   <div class="item-input-wrapper">
     <input data-manipulator-target
            class="item-input"
-           value="{{value}}"
            type="text"
            {{#attributes}} {{key}}="{{value}}" {{/attributes}}
     />

src/templates/components/select.mustache

@@ -2,7 +2,7 @@
   <span class="label">{{label}}</span>
   <select data-manipulator-target class="item-select">
     {{#options}}
-      <option value="{{value}}" {{selected}} class="item-select-option">{{&label}}</option>
+      <option value="{{value}}" class="item-select-option">{{&label}}</option>
     {{/options}}
   </select>
 </label>

src/templates/components/subheading.mustache

@@ -1,3 +1,3 @@
 <div class="item-container-header">
-  <h2 data-manipulator-target>{{&content}}</h2>
+  <h2 data-manipulator-target></h2>
 </div>

src/templates/components/toggle.mustache

@@ -1,4 +1,4 @@
 <label class="item">
   <span class="label">{{label}}</span>
-  <input data-manipulator-target type="checkbox" class="item-toggle" {{value}}>
+  <input data-manipulator-target type="checkbox" class="item-toggle">
 </label>