beth-each bugfixes

Signed-off-by: rumd3x <[email protected]>

beth.js

@@ -308,6 +308,16 @@ class Beth {
  }
  $("[beth-loop-id='"+uniqueId+"']").remove();
 
+
+ if (source === undefined) {
+ source = [];
+ }
+
+ if (source.length === 0) {
+ $(this).parent().hide();
+ console.log('hey');
+ }
+
  for (let index = 0; index < source.length; index++) {
  const element = source[index];
  var clone = $(this).clone().removeAttr('beth-each').removeAttr('beth-id').attr('beth-loop-id', uniqueId).unwrap();

example/form.html

@@ -21,7 +21,7 @@ <h4>Beth Dynamic Inputs!</h4>
  String in the above input => {{instance.tests.string}}
  <br>
  <br>
- Comboboxes! 
+ Comboboxes!
  <select beth-bind="instance.tests.select" beth-change="instance.selectChanged(instance.tests.select)">
  <option beth-each="instance.tests.options => $value" value="{$value.value}">{$value.text}</option>
  </select>
@@ -56,7 +56,12 @@ <h4>Beth Dynamic Inputs!</h4>
 
  <p>Sync Partial => <beth-include url="partials/partial_example.html" /></p>
  <p>Async Partial => <beth-include-async url="partials/partial_example.html" /></p>
+
+ <br><br>
+
+ <p beth-each="test_array => $test">{$test}</p>
+ <button beth-click="test_array.push('New element '+test_array.length)">Add element to array</button>
  </body>
  <script src="MyTestModel.class.js"></script>
  <script src="formcontroller.js"></script>
-</html>
+</html>

example/formcontroller.js

@@ -1,8 +1,9 @@
 var instance = new MyTestModel();
 var string_inside = "<b>Testing</b> Beth-Inside <i>directive</i> with and <ul><li>without</li> <li>HTML</li></ul> content!";
+var test_array = [];
 
 $(document).ready(function() {
  $("#btnGenText").click(function() {
  instance.text = Math.random().toString(36).substring(2);
  });
-});
+});