adding show/hide event listeners

Author: Andrej Gajdos

.gitignore

@@ -1,6 +1,5 @@
 # Dependency directories
 node_modules
-bower_components
 
 .DS_Store
 npm-debug.log

README.md

@@ -19,7 +19,7 @@ var table = new lib.NestedTables("example", data, settigns);
 table.initializeTableHierarchy();
 ```
 
-## API
+## Methods
 
 ### NestedTables(wrapperID, data, settings)
 
@@ -47,6 +47,32 @@ Settings for jQuery DataTables constructor.
 
 Build nested table hierarchy.
 
+## Events
+
+#### onShowChildHierarchy
+
+Triggered when a child hierarchy is shown
+
+```js
+// '#example' is wrapper ID for table hierarchy
+var tableEle = document.querySelector( "#example .table" );
+tableEle.addEventListener("onShowChildHierarchy", function(e) {
+    console.log(e);
+});
+```
+
+#### onHideChildHierarchy
+
+Triggered when a child hierarchy is hidden
+
+```js
+// '#example' is wrapper ID for table hierarchy
+var tableEle = document.querySelector( "#example .table" );
+tableEle.addEventListener("onHideChildHierarchy", function(e) {
+    console.log(e);
+});
+```
+
 ## Example
 
 ```html

dist/nested.datatables.js renamed to dist/nested.tables.js

@@ -10,7 +10,7 @@
   <link rel="stylesheet" type="text/css" media="screen" href="/nested-datatables/assets/css/style.css?v=cd7a2da0f2f66a8c86379cbde71985cbd9e0c742">
 
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
-  <script src="/nested-datatables/dist/nested.datatables.min.js"></script>
+  <script src="/nested-datatables/dist/nested.tables.min.js"></script>
 
   <style>
     footer {
@@ -208,8 +208,16 @@ <h3 id="demo">Demo</h3>
           "bInfo": false
         };
 
-        var table = new lib.NestedTables("example", dataInJson, settigns);
+        var table = new nestedTables.TableHierarchy("example", dataInJson, settings);
         table.initializeTableHierarchy();
+
+        var tableEle = document.querySelector( "#example .table" );
+        tableEle.addEventListener("onShowChildHierarchy", function(e) {
+            console.log(e);
+        });
+        tableEle.addEventListener("onHideChildHierarchy", function(e) {
+            console.log(e);
+        });
       </script>
 
       <h3 id="jsfiddle"><a href='https://jsfiddle.net/andrej_gajdos/zu11wk2o/'>JSFiddle</a></h3>

dist/nested.datatables.min.js renamed to dist/nested.tables.min.js

@@ -1,3 +1,2 @@
-import NestedTables from './src/script/NestedTables'
-
-export {NestedTables};
+import TableHierarchy from './src/script/NestedTables'
+export {TableHierarchy};