diff --git a/Gruntfile.js b/Gruntfile.js
index e878619f..c50bb156 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -47,9 +47,9 @@ module.exports = function (grunt) {
             dist: {
                 src: [
                     '**',
-                    '!*.styl',
+                    '!**/*.styl',
                     '!**/extensions/**',
-                    '!**/*.styl'
+                    '!**/mixins/**'
                 ],
                 cwd: 'static/style',
                 dest: 'dist/tablefilter/style',
diff --git a/dist/starter.html b/dist/starter.html
index cbb6ccac..f4b52ec1 100644
--- a/dist/starter.html
+++ b/dist/starter.html
@@ -450,14 +450,21 @@
 <script data-config>
     var filtersConfig = {
         base_path: 'tablefilter/',
+        // col_0: 'checklist',
         col_1: 'select',
         col_2: 'select',
-        col_3: 'select',
+        // col_3: 'multiple',
         alternate_rows: true,
-        rows_counter: true,
         btn_reset: true,
         loader: true,
-        status_bar: true,
+        status_bar: true/*,
+        popup_filters: true,
+        single_search_filter: true,
+        enable_icons: false,
+        btn: true,
+        btn_text: 'Go',
+
+
         mark_active_columns: true,
         col_number_format: [
             null, null, 'US',
@@ -481,7 +488,7 @@
             '70px', '70px', '70px',
             '70px', '60px', '60px'
         ],
-        extensions:[{ name: 'sort' }]
+        extensions:[{ name: 'sort' }]*/
     };
 
     var tf = new TableFilter('demo', filtersConfig);
diff --git a/dist/tablefilter/style/colsVisibility.css b/dist/tablefilter/style/colsVisibility.css
index f3b02330..6cf7e235 100644
--- a/dist/tablefilter/style/colsVisibility.css
+++ b/dist/tablefilter/style/colsVisibility.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
@@ -13,18 +13,45 @@ span.colVisSpan a.colVis {
   margin: 0 5px 0 5px;
 }
 div.colVisCont {
+  position: relative;
+  background: #fff;
+  -webkit-box-shadow: 3px 3px 2px #888;
+  -moz-box-shadow: 3px 3px 2px #888;
+  box-shadow: 3px 3px 2px #888;
   position: absolute;
   display: none;
   border: 1px solid #ccc;
   height: auto;
   width: 250px;
   background-color: #fff;
-  margin: 18px 0 0 0;
+  margin: 28px 0 0 -100px;
   z-index: 10000;
   padding: 10px 10px 10px 10px;
   text-align: left;
   font-size: 12px;
-  box-shadow: 3px 3px 2px #888;
+}
+div.colVisCont:after,
+div.colVisCont:before {
+  bottom: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+div.colVisCont:after {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #fff;
+  border-width: 10px;
+  margin-left: -10px;
+}
+div.colVisCont:before {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #ccc;
+  border-width: 12px;
+  margin-left: -12px;
 }
 div.colVisCont p {
   margin: 6px auto 6px auto;
diff --git a/dist/tablefilter/style/filtersVisibility.css b/dist/tablefilter/style/filtersVisibility.css
index 3a32436d..88534cd4 100644
--- a/dist/tablefilter/style/filtersVisibility.css
+++ b/dist/tablefilter/style/filtersVisibility.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
diff --git a/dist/tablefilter/style/tablefilter.css b/dist/tablefilter/style/tablefilter.css
index 273feb17..6dd50f9c 100644
--- a/dist/tablefilter/style/tablefilter.css
+++ b/dist/tablefilter/style/tablefilter.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
@@ -18,7 +18,7 @@
   background-color: #fff;
 }
 .odd {
-  background-color: #e5e5e5;
+  background-color: #f9f9f9;
 }
 
 /**
@@ -117,12 +117,12 @@ select[multiple="multiple"].ezSelectEditor {
  */
 .div_checklist {
   width: 100%;
-  height: 100px;
-  border: 1px solid #ccc;
+  height: 90px;
+  border: 1px solid #f4f4f4;
   overflow: auto;
   text-align: left;
   background-color: #fff;
-  color: #333 !important;
+  color: #444;
 }
 .div_checklist ul.flt_checklist {
   padding: 0 !important;
@@ -133,7 +133,7 @@ select[multiple="multiple"].ezSelectEditor {
   padding: 1px !important;
   margin: 0 !important;
   font-size: 10px !important;
-  border-bottom: 1px solid #ccc !important;
+  border-bottom: 1px solid #f4f4f4 !important;
 }
 .div_checklist li.flt_checklist_item:hover {
   background-color: #335ea8 !important;
@@ -158,74 +158,116 @@ select[multiple="multiple"].ezSelectEditor {
  * Filters' default style
  */
 .fltrow {
-  height: 20px;
-  background-color: #f4f4f4;
+  height: 1em;
+  background-color: #eaeaea;
 }
-.fltrow td,
-.fltrow th {
-  padding: 2px !important;
+.fltrow td {
+  border-bottom: 1px solid #ccc !important;
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #f4f4f4;
 }
 .btnflt {
-  font-size: 11px;
+  height: 35px;
+  font-family: inherit;
+  font-size: inherit;
   vertical-align: middle;
   margin: 0 2px 0 2px;
   padding: 0 1px 0 1px;
 }
 .btnflt_icon {
-  width: 19px;
-  height: 19px;
+  font-family: inherit;
+  font-size: inherit;
+  width: 35px;
+  height: 35px;
   cursor: pointer !important;
   border: 0 !important;
   vertical-align: middle;
   background: transparent url("themes/btn_filter.png") center center no-repeat !important;
 }
-.flt {
+.flt,
+.flt_s,
+.single_flt {
+  font-family: inherit;
+  display: block;
+  color: #444;
   background-color: #fff;
-  border: 1px solid #ccc;
+  border: 1px solid #f4f4f4;
   margin: 0;
-  width: 97%;
+  padding: 0 0 0 0.2em;
+  width: 100%;
+  height: 35px;
   vertical-align: middle;
+  border-radius: 2px;
+  box-sizing: border-box;
 }
-select.flt {
-  background-color: #fff;
-  border: 1px solid #ccc;
-  margin: 0 1px 1px 0;
-  width: 99%;
-  vertical-align: middle;
+.flt:focus,
+.flt_s:focus,
+.single_flt:focus {
+  border-color: #66afe9;
+  outline: 0 none;
+  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
+  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
+  box-shadow: 0px 1px 1px rgba(0,0,0,0.075) inset, 0px 0px 8px rgba(102,175,233,0.6);
 }
 select.flt_multi {
+  font-family: inherit;
+  color: #444;
   background-color: #fff;
-  border: 1px solid #ccc;
-  margin: 0 1px 1px 0;
-  width: 99%;
-  height: 100px;
+  border: 1px solid #f4f4f4;
+  margin: 0;
+  padding: 0.2em;
+  width: 100%;
+  height: 90px;
   vertical-align: middle;
+  box-sizing: border-box;
 }
 .flt_s {
-  background-color: #fff;
-  border: 1px solid #ccc;
-  margin: 0;
-  width: 80%;
-  vertical-align: middle;
+  width: 60%;
+  box-sizing: initial;
+  display: initial;
 }
 .single_flt {
-  background-color: #fff;
-  border-left: 1px solid #999;
-  border-right: 1px solid #ccc;
-  border-top: 1px solid #ccc;
-  border-bottom: 1px solid #999;
-  margin: 0;
-  width: 120px;
-  vertical-align: middle;
+  width: 70%;
+  box-sizing: initial;
+  display: initial;
 }
 div.popUpFilter {
+  position: relative;
+  background: #fff;
+  -webkit-box-shadow: 3px 3px 2px #888;
+  -moz-box-shadow: 3px 3px 2px #888;
+  box-shadow: 3px 3px 2px #888;
+  margin: 30px auto 0 0;
   position: absolute;
   display: none;
   width: 100px;
-  background-color: #c8e0fb;
-  border: 1px solid #e4e4e4;
-  padding: 1px 3px 1px 1px;
-  margin: 20px auto 0 0px;
+  background-color: #eaeaea;
+  border: 1px solid #eaeaea;
+  padding: 0;
+}
+div.popUpFilter:after,
+div.popUpFilter:before {
+  bottom: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+div.popUpFilter:after {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #fff;
+  border-width: 10px;
+  margin-left: -10px;
+}
+div.popUpFilter:before {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #eaeaea;
+  border-width: 12px;
+  margin-left: -12px;
 }
 
 /**
@@ -309,25 +351,58 @@ div.grd_tblCont table td {
  * Help box default style
  */
 .helpBtn {
-  margin: 0 5px 0 5px;
-  padding: 2px 4px 2px 4px;
+  display: inline-block;
+  margin: 0;
+  padding: 10px 15px 10px 15px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
 }
+.helpBtn:hover {
+  background-color: #f4f4f4;
+  border-radius: 3px;
+}
 div.helpCont {
+  position: relative;
+  background: #fff;
+  -webkit-box-shadow: 3px 3px 2px #888;
+  -moz-box-shadow: 3px 3px 2px #888;
+  box-shadow: 3px 3px 2px #888;
   position: absolute;
   display: none;
+  width: 250px;
   max-width: 300px;
   overflow: auto;
   padding: 10px;
-  margin: 15px 0;
+  margin: 35px 0 0 -100px;
   border: 1px solid #ccc;
   line-height: 20px;
   font-size: 12px;
   color: #333;
   background: #fff;
   text-align: left;
-  box-shadow: 3px 3px 2px #888;
+}
+div.helpCont:after,
+div.helpCont:before {
+  bottom: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+}
+div.helpCont:after {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #fff;
+  border-width: 10px;
+  margin-left: -10px;
+}
+div.helpCont:before {
+  border-color: rgba(255,255,255,0);
+  border-bottom-color: #ccc;
+  border-width: 12px;
+  margin-left: -12px;
 }
 div.helpCont a {
   color: #c00;
@@ -442,15 +517,16 @@ span.rspgSpan {
  * Reset button default style
  */
 input.reset {
-  width: 19px;
-  height: 19px;
+  width: 35px;
+  height: 100%;
   cursor: pointer !important;
-  border: 0 !important;
+  border: 0;
   vertical-align: middle;
   background: transparent url("themes/btn_clear_filters.png") center center no-repeat !important;
 }
 input.reset:hover {
-  background: #cad1d6 url("themes/btn_clear_filters.png") center center no-repeat !important;
+  background: #f4f4f4 url("themes/btn_clear_filters.png") center center no-repeat !important;
+  border-radius: 3px;
 }
 
 /**
@@ -507,27 +583,25 @@ div.status span {
  * Table's default style
  */
 table.TF {
+  font-family: inherit;
   border-spacing: 0;
-  border-top: 1px solid #d0d0d0;
-  border-left: 1px solid #d0d0d0;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
+  border: 0;
 }
 table.TF th {
+  height: 35px;
   margin: 0;
-  background-color: #ebecee;
-  border-bottom: 1px solid #d0d0d0;
-  border-right: 1px solid #d0d0d0;
-  border-left: 1px solid #fff;
-  border-top: 1px solid #fff;
-  padding: 5px;
+  background-color: #eaeaea;
+  border-bottom: 1px solid #ddd;
+  border-top: 1px solid #f4f4f4;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #f4f4f4;
+  padding: 0.1em 0.7em;
   color: #333;
 }
 table.TF td {
   margin: 0;
-  padding: 5px;
-  border-bottom: 1px solid #d0d0d0;
-  border-right: 1px solid #d0d0d0;
+  padding: 0.5em 0.7em;
+  border-bottom: 1px solid #c6c6c6;
 }
 
 /**
@@ -536,13 +610,17 @@ table.TF td {
 .inf {
   clear: both;
   width: auto;
-  height: 25px;
-  background-color: #f4f4f4;
+  height: 35px;
+  background-color: transparent;
   font-size: 12px;
   margin: 0;
-  padding: 1px 3px 1px 3px;
-  border: 1px solid #ccc;
+  padding: 0;
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
   overflow: hidden;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
 }
 .inf a {
   color: #333;
@@ -552,15 +630,21 @@ table.TF td {
 .inf a:hover {
   text-decoration: underline;
 }
+.inf span {
+  width: 35px;
+  height: 35px;
+}
 .ldiv {
   float: left;
   width: 30%;
+  height: 100%;
   position: inherit;
   text-align: left;
 }
 .mdiv {
   float: left;
   width: 38%;
+  height: 100%;
   position: inherit;
   text-align: center;
   padding: 1px 0;
@@ -568,6 +652,7 @@ table.TF td {
 .rdiv {
   float: right;
   width: 30%;
+  height: 100%;
   position: inherit;
   text-align: right;
 }
diff --git a/dist/tablefilter/style/themes/default/default.css b/dist/tablefilter/style/themes/default/default.css
index 4f9d7330..dc8f19b3 100644
--- a/dist/tablefilter/style/themes/default/default.css
+++ b/dist/tablefilter/style/themes/default/default.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
diff --git a/dist/tablefilter/style/themes/mytheme/mytheme.css b/dist/tablefilter/style/themes/mytheme/mytheme.css
index ecb44952..418bfc12 100644
--- a/dist/tablefilter/style/themes/mytheme/mytheme.css
+++ b/dist/tablefilter/style/themes/mytheme/mytheme.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
diff --git a/dist/tablefilter/style/themes/skyblue/skyblue.css b/dist/tablefilter/style/themes/skyblue/skyblue.css
index 54b5a549..9fec6fa7 100644
--- a/dist/tablefilter/style/themes/skyblue/skyblue.css
+++ b/dist/tablefilter/style/themes/skyblue/skyblue.css
@@ -1,6 +1,6 @@
 /** 
  *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.430Z 
+ *	 build date: 2015-08-07T07:26:43.498Z 
  *	 MIT License  
  */ 
 /**
diff --git a/dist/tablefilter/tablefilter.js b/dist/tablefilter/tablefilter.js
index d3d311ea..b42068e5 100644
--- a/dist/tablefilter/tablefilter.js
+++ b/dist/tablefilter/tablefilter.js
@@ -1,12 +1,7023 @@
-/** 
- *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.342Z 
- *	 MIT License  
- */ 
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define(factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// install a JSONP callback for chunk loading
+/******/ 	var parentJsonpFunction = window["webpackJsonp"];
+/******/ 	window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules) {
+/******/ 		// add "moreModules" to the modules object,
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0, callbacks = [];
+/******/ 		for(;i < chunkIds.length; i++) {
+/******/ 			chunkId = chunkIds[i];
+/******/ 			if(installedChunks[chunkId])
+/******/ 				callbacks.push.apply(callbacks, installedChunks[chunkId]);
+/******/ 			installedChunks[chunkId] = 0;
+/******/ 		}
+/******/ 		for(moduleId in moreModules) {
+/******/ 			modules[moduleId] = moreModules[moduleId];
+/******/ 		}
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);
+/******/ 		while(callbacks.length)
+/******/ 			callbacks.shift().call(null, __webpack_require__);
+/******/
+/******/ 	};
+/******/
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// "0" means "already loaded"
+/******/ 	// Array means "loading", array contains callbacks
+/******/ 	var installedChunks = {
+/******/ 		0:0
+/******/ 	};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+/******/
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/ 	// This file contains only the entry chunk.
+/******/ 	// The chunk loading function for additional chunks
+/******/ 	__webpack_require__.e = function requireEnsure(chunkId, callback) {
+/******/ 		// "0" is the signal for "already loaded"
+/******/ 		if(installedChunks[chunkId] === 0)
+/******/ 			return callback.call(null, __webpack_require__);
+/******/
+/******/ 		// an array means "currently loading".
+/******/ 		if(installedChunks[chunkId] !== undefined) {
+/******/ 			installedChunks[chunkId].push(callback);
+/******/ 		} else {
+/******/ 			// start chunk loading
+/******/ 			installedChunks[chunkId] = [callback];
+/******/ 			var head = document.getElementsByTagName('head')[0];
+/******/ 			var script = document.createElement('script');
+/******/ 			script.type = 'text/javascript';
+/******/ 			script.charset = 'utf-8';
+/******/ 			script.async = true;
+/******/
+/******/ 			script.src = __webpack_require__.p + "tf-" + ({}[chunkId]||chunkId) + ".js";
+/******/ 			head.appendChild(script);
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/tablefilter/";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
 
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define(e);else{var s=e();for(var i in s)("object"==typeof exports?exports:t)[i]=s[i]}}(this,function(){return function(t){function e(s){if(i[s])return i[s].exports;var a=i[s]={exports:{},id:s,loaded:!1};return t[s].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var s=window.webpackJsonp;window.webpackJsonp=function(i,l){for(var n,r,o=0,h=[];o<i.length;o++)r=i[o],a[r]&&h.push.apply(h,a[r]),a[r]=0;for(n in l)t[n]=l[n];for(s&&s(i,l);h.length;)h.shift().call(null,e)};var i={},a={0:0};return e.e=function(t,s){if(0===a[t])return s.call(null,e);if(void 0!==a[t])a[t].push(s);else{a[t]=[s];var i=document.getElementsByTagName("head")[0],l=document.createElement("script");l.type="text/javascript",l.charset="utf-8",l.async=!0,l.src=e.p+"tf-"+({}[t]||t)+".js",i.appendChild(l)}},e.m=t,e.c=i,e.p="/dist/tablefilter/",e(0)}([function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(2),r=i(n),o=s(3),h=i(o),d=s(4),u=i(d),f=s(5),c=i(f),p=s(6),g=i(p),v=s(7),b=i(v),m=s(8),_=i(m),C=s(9),y=i(C),w=s(10),x=s(11),k=s(12),T=s(13),R=s(14),F=s(15),P=s(16),I=s(17),S=s(18),L=s(19),E=s(20),N=s(21),D=s(22),O=window,B=_["default"].isValid,M=_["default"].format,A=O.document,H=function(){function t(e){if(a(this,t),0!==arguments.length){if(this.id=e,this.version="0.0.0",this.year=(new Date).getFullYear(),this.tbl=h["default"].id(e),this.startRow=null,this.refRow=null,this.headersRow=null,this.cfg={},this.nbFilterableRows=null,this.nbRows=null,this.nbCells=null,this._hasGrid=!1,this.enableModules=!1,!this.tbl||"TABLE"!=this.tbl.nodeName||0===this.getRowsNb())throw new Error("Could not instantiate TableFilter: HTML table not found.");if(arguments.length>1)for(var s=0,i=arguments.length;i>s;s++){var l=arguments[s],n=typeof l;switch(u["default"].lower(n)){case"number":this.startRow=l;break;case"object":this.cfg=l}}var o=this.cfg;this.refRow=null===this.startRow?2:this.startRow+1;try{this.nbCells=this.getCellsNb(this.refRow)}catch(d){this.nbCells=this.getCellsNb(0)}this.basePath=o.base_path||"tablefilter/",this.fltTypeInp="input",this.fltTypeSlc="select",this.fltTypeMulti="multiple",this.fltTypeCheckList="checklist",this.fltTypeNone="none",this.fltGrid=o.grid===!1?!1:!0,this.gridLayout=Boolean(o.grid_layout),this.sourceTblHtml=null,this.gridLayout&&(this.sourceTblHtml=this.tbl.outerHTML),this.filtersRowIndex=o.filters_row_index||0,this.headersRow=o.headers_row_index||(0===this.filtersRowIndex?1:0),this.gridLayout&&(this.headersRow>1?this.filtersRowIndex=this.headersRow+1:(this.filtersRowIndex=1,this.headersRow=0)),this.fltCellTag="th"!==o.filters_cell_tag||"td"!==o.filters_cell_tag?"td":o.filters_cell_tag,this.fltIds=[],this.fltElms=[],this.searchArgs=null,this.tblData=[],this.validRowsIndex=null,this.fltGridEl=null,this.isFirstLoad=!0,this.infDiv=null,this.lDiv=null,this.rDiv=null,this.mDiv=null,this.infDivCssClass=o.inf_div_css_class||"inf",this.lDivCssClass=o.left_div_css_class||"ldiv",this.rDivCssClass=o.right_div_css_class||"rdiv",this.mDivCssClass=o.middle_div_css_class||"mdiv",this.contDivCssClass=o.content_div_css_class||"cont",this.stylePath=o.style_path||this.basePath+"style/",this.stylesheet=o.stylesheet||this.stylePath+"tablefilter.css",this.stylesheetId=this.id+"_style",this.fltsRowCssClass=o.flts_row_css_class||"fltrow",this.enableIcons=o.enable_icons===!1?!1:!0,this.alternateBgs=Boolean(o.alternate_rows),this.hasColWidths=g["default"].isArray(o.col_widths),this.colWidths=this.hasColWidths?o.col_widths:null,this.fltCssClass=o.flt_css_class||"flt",this.fltMultiCssClass=o.flt_multi_css_class||"flt_multi",this.fltSmallCssClass=o.flt_small_css_class||"flt_s",this.singleFltCssClass=o.single_flt_css_class||"single_flt",this.enterKey=o.enter_key===!1?!1:!0,this.onBeforeFilter=g["default"].isFn(o.on_before_filter)?o.on_before_filter:null,this.onAfterFilter=g["default"].isFn(o.on_after_filter)?o.on_after_filter:null,this.caseSensitive=Boolean(o.case_sensitive),this.exactMatch=Boolean(o.exact_match),this.linkedFilters=Boolean(o.linked_filters),this.disableExcludedOptions=Boolean(o.disable_excluded_options),this.activeFlt=null,this.activeFilterId=null,this.hasVisibleRows=Boolean(o.rows_always_visible),this.visibleRows=this.hasVisibleRows?o.rows_always_visible:[],this.isExternalFlt=Boolean(o.external_flt_grid),this.externalFltTgtIds=o.external_flt_grid_ids||null,this.externalFltEls=[],this.execDelay=isNaN(o.exec_delay)?100:parseInt(o.exec_delay,10),this.onFiltersLoaded=g["default"].isFn(o.on_filters_loaded)?o.on_filters_loaded:null,this.singleSearchFlt=Boolean(o.single_search_filter),this.onRowValidated=g["default"].isFn(o.on_row_validated)?o.on_row_validated:null,this.customCellDataCols=o.custom_cell_data_cols?o.custom_cell_data_cols:[],this.customCellData=g["default"].isFn(o.custom_cell_data)?o.custom_cell_data:null,this.watermark=o.watermark||"",this.isWatermarkArray=g["default"].isArray(this.watermark),this.toolBarTgtId=o.toolbar_target_id||null,this.helpInstructions=g["default"].isUndef(o.help_instructions)?void 0:Boolean(o.help_instructions),this.popUpFilters=Boolean(o.popup_filters),this.markActiveColumns=Boolean(o.mark_active_columns),this.activeColumnsCssClass=o.active_columns_css_class||"activeHeader",this.onBeforeActiveColumn=g["default"].isFn(o.on_before_active_column)?o.on_before_active_column:null,this.onAfterActiveColumn=g["default"].isFn(o.on_after_active_column)?o.on_after_active_column:null,this.displayAllText=o.display_all_text||"Clear",this.enableEmptyOption=Boolean(o.enable_empty_option),this.emptyText=o.empty_text||"(Empty)",this.enableNonEmptyOption=Boolean(o.enable_non_empty_option),this.nonEmptyText=o.non_empty_text||"(Non empty)",this.onSlcChange=o.on_change===!1?!1:!0,this.sortSlc=o.sort_select===!1?!1:!0,this.isSortNumAsc=Boolean(o.sort_num_asc),this.sortNumAsc=this.isSortNumAsc?o.sort_num_asc:null,this.isSortNumDesc=Boolean(o.sort_num_desc),this.sortNumDesc=this.isSortNumDesc?o.sort_num_desc:null,this.fillSlcOnDemand=Boolean(o.fill_slc_on_demand),this.hasCustomOptions=g["default"].isObj(o.custom_options),this.customOptions=o.custom_options,this.rgxOperator=o.regexp_operator||"rgx:",this.emOperator=o.empty_operator||"[empty]",this.nmOperator=o.nonempty_operator||"[nonempty]",this.orOperator=o.or_operator||"||",this.anOperator=o.and_operator||"&&",this.grOperator=o.greater_operator||">",this.lwOperator=o.lower_operator||"<",this.leOperator=o.lower_equal_operator||"<=",this.geOperator=o.greater_equal_operator||">=",this.dfOperator=o.different_operator||"!",this.lkOperator=o.like_operator||"*",this.eqOperator=o.equal_operator||"=",this.stOperator=o.start_with_operator||"{",this.enOperator=o.end_with_operator||"}",this.curExp=o.cur_exp||"^[¥£€$]",this.separator=o.separator||",",this.rowsCounter=Boolean(o.rows_counter),this.statusBar=Boolean(o.status_bar),this.loader=Boolean(o.loader),this.displayBtn=Boolean(o.btn),this.btnText=o.btn_text||(this.enableIcons?"":"Go"),this.btnCssClass=o.btn_css_class||(this.enableIcons?"btnflt_icon":"btnflt"),this.btnReset=Boolean(o.btn_reset),this.btnResetCssClass=o.btn_reset_css_class||"reset",this.onBeforeReset=g["default"].isFn(o.on_before_reset)?o.on_before_reset:null,this.onAfterReset=g["default"].isFn(o.on_after_reset)?o.on_after_reset:null,this.paging=Boolean(o.paging),this.nbVisibleRows=0,this.nbHiddenRows=0,this.autoFilter=Boolean(o.auto_filter),this.autoFilterDelay=isNaN(o.auto_filter_delay)?900:o.auto_filter_delay,this.isUserTyping=null,this.autoFilterTimer=null,this.highlightKeywords=Boolean(o.highlight_keywords),this.defaultDateType=o.default_date_type||"DMY",this.thousandsSeparator=o.thousands_separator||",",this.decimalSeparator=o.decimal_separator||".",this.hasColNbFormat=g["default"].isArray(o.col_number_format),this.colNbFormat=this.hasColNbFormat?o.col_number_format:null,this.hasColDateType=g["default"].isArray(o.col_date_type),this.colDateType=this.hasColDateType?o.col_date_type:null,this.msgFilter=o.msg_filter||"Filtering data...",this.msgPopulate=o.msg_populate||"Populating filter...",this.msgPopulateCheckList=o.msg_populate_checklist||"Populating list...",this.msgChangePage=o.msg_change_page||"Collecting paging data...",this.msgClear=o.msg_clear||"Clearing filters...",this.msgChangeResults=o.msg_change_results||"Changing results per page...",this.msgResetValues=o.msg_reset_grid_values||"Re-setting filters values...",this.msgResetPage=o.msg_reset_page||"Re-setting page...",this.msgResetPageLength=o.msg_reset_page_length||"Re-setting page length...",this.msgSort=o.msg_sort||"Sorting data...",this.msgLoadExtensions=o.msg_load_extensions||"Loading extensions...",this.msgLoadThemes=o.msg_load_themes||"Loading theme(s)...",this.prfxTf="TF",this.prfxFlt="flt",this.prfxValButton="btn",this.prfxInfDiv="inf_",this.prfxLDiv="ldiv_",this.prfxRDiv="rdiv_",this.prfxMDiv="mdiv_",this.prfxCookieFltsValues="tf_flts_",this.prfxCookiePageNb="tf_pgnb_",this.prfxCookiePageLen="tf_pglen_",this.hasStoredValues=!1,this.rememberGridValues=Boolean(o.remember_grid_values),this.fltsValuesCookie=this.prfxCookieFltsValues+this.id,this.rememberPageNb=this.paging&&o.remember_page_number,this.pgNbCookie=this.prfxCookiePageNb+this.id,this.rememberPageLen=this.paging&&o.remember_page_length,this.pgLenCookie=this.prfxCookiePageLen+this.id,this.extensions=o.extensions,this.hasExtensions=g["default"].isArray(this.extensions),this.enableDefaultTheme=Boolean(o.enable_default_theme),this.hasThemes=this.enableDefaultTheme||g["default"].isArray(o.themes),this.themes=o.themes||[],this.themesPath=o.themes_path||this.stylePath+"themes/",this.Mod={},this.ExtRegistry={},this.Evt={name:{filter:"Filter",dropdown:"DropDown",checklist:"CheckList",changepage:"ChangePage",clear:"Clear",changeresultsperpage:"ChangeResults",resetvalues:"ResetValues",resetpage:"ResetPage",resetpagelength:"ResetPageLength",loadextensions:"LoadExtensions",loadthemes:"LoadThemes"},detectKey:function(t){if(this.enterKey){var e=t||O.event;if(e){var s=r["default"].keyCode(e);13===s?(this.filter(),r["default"].cancel(e),r["default"].stop(e)):(this.isUserTyping=!0,O.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}}},onKeyUp:function(t){function e(){O.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null,this.isUserTyping||(this.filter(),this.isUserTyping=null)}if(this.autoFilter){var s=t||O.event,i=r["default"].keyCode(s);this.isUserTyping=!1,13!==i&&9!==i&&27!==i&&38!==i&&40!==i?null===this.autoFilterTimer&&(this.autoFilterTimer=O.setInterval(e.bind(this),this.autoFilterDelay)):(O.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}},onKeyDown:function(){this.autoFilter&&(this.isUserTyping=!0)},onInpBlur:function(){if(this.autoFilter&&(this.isUserTyping=!1,O.clearInterval(this.autoFilterTimer)),this.hasExtension("advancedGrid")){var t=this.extension("advancedGrid"),e=t._ezEditTable;t.cfg.editable&&e.Editable.Set(),t.cfg.selection&&e.Selection.Set()}},onInpFocus:function(t){var e=t||O.event,s=r["default"].target(e);if(this.activeFilterId=s.getAttribute("id"),this.activeFlt=h["default"].id(this.activeFilterId),this.popUpFilters&&(r["default"].cancel(e),r["default"].stop(e)),this.hasExtension("advancedGrid")){var i=this.extension("advancedGrid"),a=i._ezEditTable;i.cfg.editable&&a.Editable.Remove(),i.cfg.selection&&a.Selection.Remove()}},onSlcFocus:function(t){var e=t||O.event,s=r["default"].target(e);if(this.activeFilterId=s.getAttribute("id"),this.activeFlt=h["default"].id(this.activeFilterId),this.fillSlcOnDemand&&"0"===s.getAttribute("filled")){var i=s.getAttribute("ct");this.Mod.dropdown._build(i)}this.popUpFilters&&(r["default"].cancel(e),r["default"].stop(e))},onSlcChange:function(t){if(this.activeFlt){var e=t||O.event;this.popUpFilters&&r["default"].stop(e),this.onSlcChange&&this.filter()}},onCheckListClick:function(t){var e=t||O.event,s=r["default"].target(e);if(this.fillSlcOnDemand&&"0"===s.getAttribute("filled")){var i=s.getAttribute("ct");this.Mod.checkList._build(i),this.Mod.checkList.checkListDiv[i].onclick=null,this.Mod.checkList.checkListDiv[i].title=""}},onBtnClick:function(){this.filter()}}}}return l(t,[{key:"init",value:function(){if(!this._hasGrid){this.tbl||(this.tbl=h["default"].id(this.id)),this.gridLayout&&(this.refRow=null===this.startRow?0:this.startRow),this.popUpFilters&&(0===this.filtersRowIndex&&1===this.headersRow||this.gridLayout)&&(this.headersRow=0);var t=this.Mod,e=this.singleSearchFlt?1:this.nbCells,s=void 0;if(this["import"](this.stylesheetId,this.stylesheet,null,"link"),this.hasThemes&&this._loadThemes(),(this.rememberGridValues||this.rememberPageNb||this.rememberPageLen)&&(t.store=new w.Store(this)),this.gridLayout&&(t.gridLayout=new x.GridLayout(this),t.gridLayout.init()),this.loader&&(t.loader||(t.loader=new k.Loader(this))),this.highlightKeywords&&(t.highlightKeyword=new T.HighlightKeyword(this)),this.popUpFilters&&(t.popupFilter||(t.popupFilter=new R.PopupFilter(this)),t.popupFilter.init()),this.fltGrid)if(this.isFirstLoad){var i=void 0;if(!this.gridLayout){var a=h["default"].tag(this.tbl,"thead");i=a.length>0?a[0].insertRow(this.filtersRowIndex):this.tbl.insertRow(this.filtersRowIndex),this.headersRow>1&&this.filtersRowIndex<=this.headersRow&&!this.popUpFilters&&this.headersRow++,this.popUpFilters&&this.headersRow++,i.className=this.fltsRowCssClass,!this.isExternalFlt||this.gridLayout&&!this.popUpFilters||(i.style.display="none")}this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.tbl.rows.length;for(var l=0;e>l;l++){this.popUpFilters&&t.popupFilter.build(l);var n=h["default"].create(this.fltCellTag),o=this.getFilterType(l),d=this.isExternalFlt&&this.externalFltTgtIds?this.externalFltTgtIds[l]:null;if(this.singleSearchFlt&&(n.colSpan=this.nbCells),this.gridLayout||i.appendChild(n),s=l==e-1&&this.displayBtn?this.fltSmallCssClass:this.fltCssClass,this.singleSearchFlt&&(o=this.fltTypeInp,s=this.singleFltCssClass),o===this.fltTypeSlc||o===this.fltTypeMulti){t.dropdown||(t.dropdown=new F.Dropdown(this));var f=t.dropdown,c=h["default"].create(this.fltTypeSlc,["id",this.prfxFlt+l+"_"+this.id],["ct",l],["filled","0"]);if(o===this.fltTypeMulti&&(c.multiple=this.fltTypeMulti,c.title=f.multipleSlcTooltip),c.className=u["default"].lower(o)===this.fltTypeSlc?s:this.fltMultiCssClass,d?(h["default"].id(d).appendChild(c),this.externalFltEls.push(c)):n.appendChild(c),this.fltIds.push(this.prfxFlt+l+"_"+this.id),this.fillSlcOnDemand||f._build(l),r["default"].add(c,"keypress",this.Evt.detectKey.bind(this)),r["default"].add(c,"change",this.Evt.onSlcChange.bind(this)),r["default"].add(c,"focus",this.Evt.onSlcFocus.bind(this)),this.fillSlcOnDemand){var p=h["default"].createOpt(this.displayAllText,"");c.appendChild(p)}}else if(o===this.fltTypeCheckList){var g=void 0;t.checkList=new P.CheckList(this),g=t.checkList;var v=h["default"].create("div",["id",g.prfxCheckListDiv+l+"_"+this.id],["ct",l],["filled","0"]);v.className=g.checkListDivCssClass,d?(h["default"].id(d).appendChild(v),this.externalFltEls.push(v)):n.appendChild(v),g.checkListDiv[l]=v,this.fltIds.push(this.prfxFlt+l+"_"+this.id),this.fillSlcOnDemand||g._build(l),this.fillSlcOnDemand&&(r["default"].add(v,"click",this.Evt.onCheckListClick.bind(this)),v.appendChild(h["default"].text(g.activateCheckListTxt)))}else{var b=o===this.fltTypeInp?"text":"hidden",m=h["default"].create(this.fltTypeInp,["id",this.prfxFlt+l+"_"+this.id],["type",b],["ct",l]);if("hidden"!==b&&this.watermark&&m.setAttribute("placeholder",this.isWatermarkArray?this.watermark[l]||"":this.watermark),m.className=s,r["default"].add(m,"focus",this.Evt.onInpFocus.bind(this)),d?(h["default"].id(d).appendChild(m),this.externalFltEls.push(m)):n.appendChild(m),this.fltIds.push(this.prfxFlt+l+"_"+this.id),r["default"].add(m,"keypress",this.Evt.detectKey.bind(this)),r["default"].add(m,"keydown",this.Evt.onKeyDown.bind(this)),r["default"].add(m,"keyup",this.Evt.onKeyUp.bind(this)),r["default"].add(m,"blur",this.Evt.onInpBlur.bind(this)),this.rememberGridValues){var _=this.Mod.store.getFilterValues(this.fltsValuesCookie);" "!=_[l]&&this.setFilterValue(l,_[l],!1)}}if(l==e-1&&this.displayBtn){var C=h["default"].create(this.fltTypeInp,["id",this.prfxValButton+l+"_"+this.id],["type","button"],["value",this.btnText]);C.className=this.btnCssClass,d?h["default"].id(d).appendChild(C):n.appendChild(C),r["default"].add(C,"click",this.Evt.onBtnClick.bind(this))}}}else this._resetGrid();else this.refRow=this.refRow-1,this.gridLayout&&(this.refRow=0),this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.nbFilterableRows+this.refRow;this.hasVisibleRows&&this.enforceVisibility(),this.rowsCounter&&(t.rowsCounter=new I.RowsCounter(this),t.rowsCounter.init()),this.statusBar&&(t.statusBar=new S.StatusBar(this),t.statusBar.init()),(this.paging||t.paging)&&(t.paging||(t.paging=new L.Paging(this)),t.paging.isPagingRemoved?t.paging.reset():t.paging.init()),this.btnReset&&(t.clearButton=new E.ClearButton(this),t.clearButton.init()),this.helpInstructions&&(t.help||(t.help=new N.Help(this)),t.help.init()),this.hasColWidths&&!this.gridLayout&&this.setColWidths(),this.alternateBgs&&(t.alternateRows=new D.AlternateRows(this),t.alternateRows.init()),this.isFirstLoad=!1,this._hasGrid=!0,(this.rememberGridValues||this.rememberPageLen||this.rememberPageNb)&&this.resetValues(),this.gridLayout||h["default"].addClass(this.tbl,this.prfxTf),this.loader&&t.loader.show("none"),this.hasExtensions&&this.initExtensions(),this.onFiltersLoaded&&this.onFiltersLoaded.call(null,this)}}},{key:"EvtManager",value:function(t){function e(){var e=this.Evt.name;switch(t){case e.filter:this._filter();break;case e.dropdown:this.linkedFilters?r.dropdown._build(i,!0):r.dropdown._build(i,!1,a,l);break;case e.checklist:r.checkList._build(i,a,l);break;case e.changepage:r.paging._changePage(n);break;case e.clear:this._clearFilters(),this._filter();break;case e.changeresultsperpage:r.paging._changeResultsPerPage();break;case e.resetvalues:this._resetValues(),this._filter();break;case e.resetpage:r.paging._resetPage(this.pgNbCookie);break;case e.resetpagelength:r.paging._resetPageLength(this.pgLenCookie);break;case e.loadextensions:this._loadExtensions();break;case e.loadthemes:this._loadThemes()}this.statusBar&&r.statusBar.message(""),this.loader&&r.loader.show("none")}var s=void 0===arguments[1]?{slcIndex:null,slcExternal:!1,slcId:null,pgIndex:null}:arguments[1],i=s.slcIndex,a=s.slcExternal,l=s.slcId,n=s.pgIndex,r=this.Mod;this.loader||this.statusBar||this.linkedFilters?(this.loader&&r.loader.show(""),this.statusBar&&r.statusBar.message(this["msg"+t]),O.setTimeout(e.bind(this),this.execDelay)):e.call(this)}},{key:"feature",value:function(t){return this.Mod[t]}},{key:"initExtensions",value:function(){for(var t=this.extensions,e=0,s=t.length;s>e;e++){var i=t[e];this.ExtRegistry[i.name]||this.loadExtension(i)}}},{key:"loadExtension",value:function(t){var e=this;if(t&&t.name){var i=t.name,a=t.path,l=void 0;i&&a?l=t.path+i:(i=i.replace(".js",""),l="extensions/{}/{}".replace(/{}/g,i)),s.e(1,function(s){var a=[s(1)("./"+l)];(function(s){var a=new s(e,t);a.init(),e.ExtRegistry[i]=a}).apply(null,a)})}}},{key:"extension",value:function(t){return this.ExtRegistry[t]}},{key:"hasExtension",value:function(t){return!g["default"].isEmpty(this.ExtRegistry[t])}},{key:"destroyExtensions",value:function(){for(var t=this.extensions,e=0,s=t.length;s>e;e++){var i=t[e],a=this.ExtRegistry[i.name];a&&(a.destroy(),this.ExtRegistry[i.name]=null)}}},{key:"loadThemes",value:function(){this.EvtManager(this.Evt.name.loadthemes)}},{key:"_loadThemes",value:function(){var t=this.themes;if(this.enableDefaultTheme){var e={name:"default"};this.themes.push(e)}if(g["default"].isArray(t))for(var s=0,i=t.length;i>s;s++){var a=t[s],l=a.name,n=a.path,r=this.prfxTf+l;l&&!n?n=this.themesPath+l+"/"+l+".css":!l&&a.path&&(l="theme{0}".replace("{0}",s)),this.isImported(n,"link")||this["import"](r,n,null,"link")}this.btnResetText=null,this.btnResetHtml='<input type="button" value="" class="'+this.btnResetCssClass+'" title="Clear filters" />',this.btnPrevPageHtml='<input type="button" value="" class="'+this.btnPageCssClass+' previousPage" title="Previous page" />',this.btnNextPageHtml='<input type="button" value="" class="'+this.btnPageCssClass+' nextPage" title="Next page" />',this.btnFirstPageHtml='<input type="button" value="" class="'+this.btnPageCssClass+' firstPage" title="First page" />',this.btnLastPageHtml='<input type="button" value="" class="'+this.btnPageCssClass+' lastPage" title="Last page" />',this.loader=!0,this.loaderHtml='<div class="defaultLoader"></div>',this.loaderText=null}},{key:"getStylesheet",value:function(){var t=void 0===arguments[0]?"default":arguments[0];return h["default"].id(this.prfxTf+t)}},{key:"destroy",value:function(){if(this._hasGrid){var t=this.tbl.rows,e=this.Mod;this.isExternalFlt&&!this.popUpFilters&&this.removeExternalFlts(),this.infDiv&&this.removeToolbar(),this.highlightKeywords&&e.highlightKeyword.unhighlightAll(),this.markActiveColumns&&this.clearActiveColumns(),this.hasExtensions&&this.destroyExtensions();for(var s=this.refRow;s<this.nbRows;s++)t[s].style.display="",t[s].hasAttribute("validRow")&&t[s].removeAttribute("validRow"),this.alternateBgs&&e.alternateRows.removeRowBg(s);this.fltGrid&&!this.gridLayout&&(this.fltGridEl=t[this.filtersRowIndex],this.tbl.deleteRow(this.filtersRowIndex)),Object.keys(e).forEach(function(t){var s=e[t];s&&g["default"].isFn(s.destroy)&&s.destroy()}),h["default"].removeClass(this.tbl,this.prfxTf),this.activeFlt=null,this.isStartBgAlternate=!0,this._hasGrid=!1,this.tbl=null}}},{key:"setToolbar",value:function(){if(!this.infDiv){var t=h["default"].create("div",["id",this.prfxInfDiv+this.id]);if(t.className=this.infDivCssClass,this.toolBarTgtId)h["default"].id(this.toolBarTgtId).appendChild(t);else if(this.gridLayout){var e=this.Mod.gridLayout;e.tblMainCont.appendChild(t),t.className=e.gridInfDivCssClass}else{var s=h["default"].create("caption");s.appendChild(t),this.tbl.insertBefore(s,this.tbl.firstChild)}this.infDiv=h["default"].id(this.prfxInfDiv+this.id);var i=h["default"].create("div",["id",this.prfxLDiv+this.id]);i.className=this.lDivCssClass,t.appendChild(i),this.lDiv=h["default"].id(this.prfxLDiv+this.id);var a=h["default"].create("div",["id",this.prfxRDiv+this.id]);a.className=this.rDivCssClass,t.appendChild(a),this.rDiv=h["default"].id(this.prfxRDiv+this.id);var l=h["default"].create("div",["id",this.prfxMDiv+this.id]);l.className=this.mDivCssClass,t.appendChild(l),this.mDiv=h["default"].id(this.prfxMDiv+this.id),g["default"].isUndef(this.helpInstructions)&&(this.Mod.help||(this.Mod.help=new N.Help(this)),this.Mod.help.init(),this.helpInstructions=!0)}}},{key:"removeToolbar",value:function(){if(this.infDiv){this.infDiv.parentNode.removeChild(this.infDiv),this.infDiv=null;var t=this.tbl,e=h["default"].tag(t,"caption");e.length>0&&[].forEach.call(e,function(e){t.removeChild(e)})}}},{key:"removeExternalFlts",value:function(){if(this.isExternalFlt&&this.externalFltTgtIds)for(var t=this.externalFltTgtIds,e=t.length,s=0;e>s;s++){var i=t[s],a=h["default"].id(i);a&&(a.innerHTML="")}}},{key:"isCustomOptions",value:function(t){return this.hasCustomOptions&&-1!=this.customOptions.cols.indexOf(t)}},{key:"getCustomOptions",value:function(t){if(t&&this.isCustomOptions(t)){for(var e=this.customOptions,s=e.cols,i=[],a=[],l=b["default"].indexByValue(s,t),n=e.values[l],r=e.texts[l],o=e.sorts[l],h=0,d=n.length;d>h;h++)a.push(n[h]),i.push(r[h]?r[h]:n[h]);return o&&(a.sort(),i.sort()),[a,i]}}},{key:"resetValues",value:function(){this.EvtManager(this.Evt.name.resetvalues)}},{key:"_resetValues",value:function(){this.rememberGridValues&&this.fillSlcOnDemand&&this._resetGridValues(this.fltsValuesCookie),this.rememberPageLen&&this.Mod.paging&&this.Mod.paging.resetPageLength(this.pgLenCookie),this.rememberPageNb&&this.Mod.paging&&this.Mod.paging.resetPage(this.pgNbCookie)}},{key:"_resetGridValues",value:function(t){if(this.fillSlcOnDemand){var e=this.Mod.store.getFilterValues(t),s=this.getFiltersByType(this.fltTypeSlc,!0),i=this.getFiltersByType(this.fltTypeMulti,!0);if(Number(e[e.length-1])===this.fltIds.length){for(var a=0;a<e.length-1;a++)if(" "!==e[a]){var l=void 0,n=void 0,r=this.getFilterType(a);if(r===this.fltTypeSlc||r===this.fltTypeMulti){var o=h["default"].id(this.fltIds[a]);if(o.options[0].selected=!1,b["default"].has(s,a)&&(n=h["default"].createOpt(e[a],e[a],!0),o.appendChild(n),this.hasStoredValues=!0),b["default"].has(i,a)){l=e[a].split(" "+this.orOperator+" ");for(var d=0,u=l.length;u>d;d++)""!==l[d]&&(n=h["default"].createOpt(l[d],l[d],!0),o.appendChild(n),this.hasStoredValues=!0)}}else if(r===this.fltTypeCheckList){var f=this.Mod.checkList,c=f.checkListDiv[a];c.title=c.innerHTML,c.innerHTML="";var p=h["default"].create("ul",["id",this.fltIds[a]],["colIndex",a]);p.className=f.checkListCssClass;var g=h["default"].createCheckItem(this.fltIds[a]+"_0","",this.displayAllText);g.className=f.checkListItemCssClass,p.appendChild(g),c.appendChild(p),l=e[a].split(" "+this.orOperator+" ");for(var d=0,u=l.length;u>d;d++)if(""!==l[d]){var v=h["default"].createCheckItem(this.fltIds[a]+"_"+(d+1),l[d],l[d]);v.className=f.checkListItemCssClass,p.appendChild(v),v.check.checked=!0,f.setCheckListValues(v.check),this.hasStoredValues=!0}}}!this.hasStoredValues&&this.paging&&this.Mod.paging.setPagingInfo()}}}},{key:"filter",value:function(){this.EvtManager(this.Evt.name.filter)}},{key:"_filter",value:function(){function t(t,e,s){if(this.highlightKeywords&&e){t=t.replace(p,""),t=t.replace(g,""),t=t.replace(v,""),t=t.replace(b,"");var a=t;(r.test(t)||o.test(t)||d.test(t)||f.test(t)||c.test(t))&&(a=h["default"].getText(s)),""!==a&&i.highlightKeyword.highlight(s,a,i.highlightKeyword.highlightCssClass)}}function e(t,e,s){var i=void 0,a=y["default"].removeNbFormat,h=d.test(t),w=r.test(t),x=f.test(t),k=o.test(t),T=c.test(t),R=g.test(t),F=p.test(t),P=v.test(t),I=b.test(t),L=m===t,E=_===t,N=C.test(t),D=h&&B(t.replace(d,""),S),O=w&&B(t.replace(r,""),S),A=x&&B(t.replace(f,""),S),H=k&&B(t.replace(o,""),S),V=T&&B(t.replace(c,""),S),U=R&&B(t.replace(g,""),S),G=void 0,j=void 0;if(B(e,S))G=M(e,S),D?(j=M(t.replace(d,""),S),i=j>G):O?(j=M(t.replace(r,""),S),i=j>=G):H?(j=M(t.replace(o,""),S),i=G>=j):A?(j=M(t.replace(f,""),S),i=G>j):V?(j=M(t.replace(c,""),S),i=G.toString()!=j.toString()):U?(j=M(t.replace(g,""),S),i=G.toString()==j.toString()):p.test(t)?i=this._containsStr(t.replace(p,""),e,null,!1):B(t,S)?(j=M(t,S),i=G.toString()==j.toString()):L?i=u["default"].isEmpty(e):E&&(i=!u["default"].isEmpty(e));else if(this.hasColNbFormat&&this.colNbFormat[s]?(l=a(e,this.colNbFormat[s]),n=this.colNbFormat[s]):","===this.thousandsSeparator&&"."===this.decimalSeparator?(l=a(e,"us"),n="us"):(l=a(e,"eu"),n="eu"),w)i=l<=a(t.replace(r,""),n);else if(k)i=l>=a(t.replace(o,""),n);else if(h)i=l<a(t.replace(d,""),n);else if(x)i=l>a(t.replace(f,""),n);else if(T)i=this._containsStr(t.replace(c,""),e)?!1:!0;else if(F)i=this._containsStr(t.replace(p,""),e,null,!1);else if(R)i=this._containsStr(t.replace(g,""),e,null,!0);else if(P)i=0===e.indexOf(t.replace(v,""))?!0:!1;else if(I){var W=t.replace(b,"");i=e.lastIndexOf(W,e.length-1)===e.length-1-(W.length-1)&&e.lastIndexOf(W,e.length-1)>-1?!0:!1}else if(L)i=u["default"].isEmpty(e);else if(E)i=!u["default"].isEmpty(e);else if(N)try{var $=t.replace(C,""),K=new RegExp($);i=K.test(e)}catch(Y){i=!1}else i=this._containsStr(t,e,this.getFilterType(s));return i}if(this.fltGrid&&(this._hasGrid||this.isFirstLoad)){this.onBeforeFilter&&this.onBeforeFilter.call(null,this);var s=this.tbl.rows,i=this.Mod,a=0;this.validRowsIndex=[],this.highlightKeywords&&i.highlightKeyword.unhighlightAll(),this.popUpFilters&&i.popupFilter.buildIcons(),this.markActiveColumns&&this.clearActiveColumns(),this.searchArgs=this.getFiltersValue();for(var l,n,r=new RegExp(this.leOperator),o=new RegExp(this.geOperator),d=new RegExp(this.lwOperator),f=new RegExp(this.grOperator),c=new RegExp(this.dfOperator),p=new RegExp(u["default"].rgxEsc(this.lkOperator)),g=new RegExp(this.eqOperator),v=new RegExp(this.stOperator),b=new RegExp(this.enOperator),m=this.emOperator,_=this.nmOperator,C=new RegExp(u["default"].rgxEsc(this.rgxOperator)),w=this.refRow;w<this.nbRows;w++){"none"===s[w].style.display&&(s[w].style.display="");var x=s[w].cells,k=x.length;if(k===this.nbCells){for(var T=[],R=!0,F=!1,P=0;k>P;P++){var I=this.searchArgs[this.singleSearchFlt?0:P],S=this.hasColDateType?this.colDateType[P]:this.defaultDateType;if(""!==I){var L=u["default"].matchCase(this.getCellData(P,x[P]),this.caseSensitive),E=I.split(this.orOperator),N=E.length>1?!0:!1,D=I.split(this.anOperator),O=D.length>1?!0:!1;if(N||O){for(var A=void 0,H=!1,V=N?E:D,U=0,G=V.length;G>U&&(A=u["default"].trim(V[U]),H=e.call(this,A,L,P),t.call(this,A,H,x[P]),!N||!H)&&(!O||H);U++);T[P]=H}else T[P]=e.call(this,u["default"].trim(I),L,P),t.call(this,I,T[P],x[P]);T[P]||(R=!1),this.singleSearchFlt&&T[P]&&(F=!0),this.popUpFilters&&i.popupFilter.buildIcon(P,!0),this.markActiveColumns&&w===this.refRow&&(this.onBeforeActiveColumn&&this.onBeforeActiveColumn.call(null,this,P),h["default"].addClass(this.getHeaderElement(P),this.activeColumnsCssClass),this.onAfterActiveColumn&&this.onAfterActiveColumn.call(null,this,P))}}this.singleSearchFlt&&F&&(R=!0),R?(this.validateRow(w,!0),this.validRowsIndex.push(w),this.alternateBgs&&i.alternateRows.setRowBg(w,this.validRowsIndex.length),this.onRowValidated&&this.onRowValidated.call(null,this,w)):(this.validateRow(w,!1),i.alternateRows&&i.alternateRows.removeRowBg(w),this.hasVisibleRows&&-1!==this.visibleRows.indexOf(w)?this.validRowsIndex.push(w):a++)}}this.nbVisibleRows=this.validRowsIndex.length,this.nbHiddenRows=a,this.rememberGridValues&&i.store.saveFilterValues(this.fltsValuesCookie),this.paging?(i.paging.startPagingRow=0,i.paging.currentPageNb=1,i.paging.setPagingInfo(this.validRowsIndex)):this.applyProps(),this.onAfterFilter&&this.onAfterFilter.call(null,this)}}},{key:"applyProps",value:function(){var t=this.Mod;this.hasVisibleRows&&this.enforceVisibility(),this.hasExtension("colOps")&&this.extension("colOps").calc(),this.linkedFilters&&this.linkFilters(),this.rowsCounter&&t.rowsCounter.refresh(this.nbVisibleRows),this.popUpFilters&&t.popupFilter.closeAll()}},{key:"getColValues",value:function(t){var e=void 0===arguments[1]?!1:arguments[1],s=void 0===arguments[2]?void 0:arguments[2];if(this.fltGrid){for(var i=this.tbl.rows,a=[],l=this.refRow;l<this.nbRows;l++){var n=!1;s&&g["default"].isArray(s)&&(n=b["default"].has(s,l));var r=i[l].cells,o=r.length;if(o===this.nbCells&&!n)for(var h=0;o>h;h++)if(h==t&&""===i[l].style.display){var d=u["default"].lower(this.getCellData(h,r[h])),f=this.colNbFormat?this.colNbFormat[t]:null,c=e?y["default"].removeNbFormat(d,f):d;a.push(c)}}return a}}},{key:"getFilterValue",value:function(t){if(this.fltGrid){var e=void 0,s=this.getFilterElement(t);if(!s)return"";var i=this.getFilterType(t);if(i!==this.fltTypeMulti&&i!==this.fltTypeCheckList)e=s.value;else if(i===this.fltTypeMulti){e="";for(var a=0,l=s.options.length;l>a;a++)s.options[a].selected&&(e=e.concat(s.options[a].value+" "+this.orOperator+" "));e=e.substr(0,e.length-4)}else i===this.fltTypeCheckList&&(null!==s.getAttribute("value")?(e=s.getAttribute("value"),e=e.substr(0,e.length-3)):e="");return e}}},{key:"getFiltersValue",value:function(){if(this.fltGrid){for(var t=[],e=0,s=this.fltIds.length;s>e;e++)t.push(u["default"].trim(u["default"].matchCase(this.getFilterValue(e),this.caseSensitive)));
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var _Cookie = __webpack_require__(5);
+	
+	var _Cookie2 = _interopRequireDefault(_Cookie);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var _DateHelper = __webpack_require__(8);
+	
+	var _DateHelper2 = _interopRequireDefault(_DateHelper);
+	
+	var _Helpers = __webpack_require__(9);
+	
+	var _Helpers2 = _interopRequireDefault(_Helpers);
+	
+	// Features
+	
+	var _Store = __webpack_require__(10);
+	
+	var _GridLayout = __webpack_require__(11);
+	
+	var _Loader = __webpack_require__(12);
+	
+	var _HighlightKeyword = __webpack_require__(13);
+	
+	var _PopupFilter = __webpack_require__(14);
+	
+	var _Dropdown = __webpack_require__(15);
+	
+	var _CheckList = __webpack_require__(16);
+	
+	var _RowsCounter = __webpack_require__(17);
+	
+	var _StatusBar = __webpack_require__(18);
+	
+	var _Paging = __webpack_require__(19);
+	
+	var _ClearButton = __webpack_require__(20);
+	
+	var _Help = __webpack_require__(21);
+	
+	var _AlternateRows = __webpack_require__(22);
+	
+	var global = window,
+	    isValidDate = _DateHelper2['default'].isValid,
+	    formatDate = _DateHelper2['default'].format,
+	    doc = global.document;
+	
+	var TableFilter = (function () {
+	
+	    /**
+	     * TF object constructor
+	     * @param {String} id Table id
+	     * @param {Number} row index indicating the 1st row
+	     * @param {Object} configuration object
+	     *
+	     * TODO: Accept a TABLE element or query selectors
+	     */
+	
+	    function TableFilter(id) {
+	        _classCallCheck(this, TableFilter);
+	
+	        if (arguments.length === 0) {
+	            return;
+	        }
+	
+	        this.id = id;
+	        this.version = '0.0.0';
+	        this.year = new Date().getFullYear();
+	        this.tbl = _Dom2['default'].id(id);
+	        this.startRow = null;
+	        this.refRow = null;
+	        this.headersRow = null;
+	        this.cfg = {};
+	        this.nbFilterableRows = null;
+	        this.nbRows = null;
+	        this.nbCells = null;
+	        this._hasGrid = false;
+	        this.enableModules = false;
+	
+	        if (!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0) {
+	            throw new Error('Could not instantiate TableFilter: HTML table not found.');
+	        }
+	
+	        if (arguments.length > 1) {
+	            for (var i = 0, len = arguments.length; i < len; i++) {
+	                var arg = arguments[i];
+	                var argtype = typeof arg;
+	                switch (_Str2['default'].lower(argtype)) {
+	                    case 'number':
+	                        this.startRow = arg;
+	                        break;
+	                    case 'object':
+	                        this.cfg = arg;
+	                        break;
+	                }
+	            }
+	        }
+	
+	        // configuration object
+	        var f = this.cfg;
+	
+	        //Start row et cols nb
+	        this.refRow = this.startRow === null ? 2 : this.startRow + 1;
+	        try {
+	            this.nbCells = this.getCellsNb(this.refRow);
+	        } catch (e) {
+	            this.nbCells = this.getCellsNb(0);
+	        }
+	
+	        //default script base path
+	        this.basePath = f.base_path || 'tablefilter/';
+	
+	        /*** filter types ***/
+	        this.fltTypeInp = 'input';
+	        this.fltTypeSlc = 'select';
+	        this.fltTypeMulti = 'multiple';
+	        this.fltTypeCheckList = 'checklist';
+	        this.fltTypeNone = 'none';
+	
+	        /*** filters' grid properties ***/
+	
+	        //enables/disables filter grid
+	        this.fltGrid = f.grid === false ? false : true;
+	
+	        /*** Grid layout ***/
+	        //enables/disables grid layout (fixed headers)
+	        this.gridLayout = Boolean(f.grid_layout);
+	        this.sourceTblHtml = null;
+	        if (this.gridLayout) {
+	            this.sourceTblHtml = this.tbl.outerHTML;
+	        }
+	        /*** ***/
+	
+	        this.filtersRowIndex = f.filters_row_index || 0;
+	        this.headersRow = f.headers_row_index || (this.filtersRowIndex === 0 ? 1 : 0);
+	
+	        if (this.gridLayout) {
+	            if (this.headersRow > 1) {
+	                this.filtersRowIndex = this.headersRow + 1;
+	            } else {
+	                this.filtersRowIndex = 1;
+	                this.headersRow = 0;
+	            }
+	        }
+	
+	        //defines tag of the cells containing filters (td/th)
+	        this.fltCellTag = f.filters_cell_tag !== 'th' || f.filters_cell_tag !== 'td' ? 'td' : f.filters_cell_tag;
+	
+	        //stores filters ids
+	        this.fltIds = [];
+	        //stores filters DOM elements
+	        this.fltElms = [];
+	        //stores filters values
+	        this.searchArgs = null;
+	        //stores table data
+	        this.tblData = [];
+	        //stores valid rows indexes (rows visible upon filtering)
+	        this.validRowsIndex = null;
+	        //stores filters row element
+	        this.fltGridEl = null;
+	        //is first load boolean
+	        this.isFirstLoad = true;
+	        //container div for paging elements, reset btn etc.
+	        this.infDiv = null;
+	        //div for rows counter
+	        this.lDiv = null;
+	        //div for reset button and results per page select
+	        this.rDiv = null;
+	        //div for paging elements
+	        this.mDiv = null;
+	
+	        //defines css class for div containing paging elements, rows counter etc
+	        this.infDivCssClass = f.inf_div_css_class || 'inf';
+	        //defines css class for left div
+	        this.lDivCssClass = f.left_div_css_class || 'ldiv';
+	        //defines css class for right div
+	        this.rDivCssClass = f.right_div_css_class || 'rdiv';
+	        //defines css class for mid div
+	        this.mDivCssClass = f.middle_div_css_class || 'mdiv';
+	        //table container div css class
+	        this.contDivCssClass = f.content_div_css_class || 'cont';
+	
+	        /*** filters' grid appearance ***/
+	        //stylesheet file
+	        this.stylePath = f.style_path || this.basePath + 'style/';
+	        this.stylesheet = f.stylesheet || this.stylePath + 'tablefilter.css';
+	        this.stylesheetId = this.id + '_style';
+	        //defines css class for filters row
+	        this.fltsRowCssClass = f.flts_row_css_class || 'fltrow';
+	        //enables/disables icons (paging, reset button)
+	        this.enableIcons = f.enable_icons === false ? false : true;
+	        //enables/disbles rows alternating bg colors
+	        this.alternateBgs = Boolean(f.alternate_rows);
+	        //defines widths of columns
+	        this.hasColWidths = _Types2['default'].isArray(f.col_widths);
+	        this.colWidths = this.hasColWidths ? f.col_widths : null;
+	        //defines css class for filters
+	        this.fltCssClass = f.flt_css_class || 'flt';
+	        //defines css class for multiple selects filters
+	        this.fltMultiCssClass = f.flt_multi_css_class || 'flt_multi';
+	        //defines css class for filters
+	        this.fltSmallCssClass = f.flt_small_css_class || 'flt_s';
+	        //defines css class for single-filter
+	        this.singleFltCssClass = f.single_flt_css_class || 'single_flt';
+	
+	        /*** filters' grid behaviours ***/
+	        //enables/disables enter key
+	        this.enterKey = f.enter_key === false ? false : true;
+	        //calls function before filtering starts
+	        this.onBeforeFilter = _Types2['default'].isFn(f.on_before_filter) ? f.on_before_filter : null;
+	        //calls function after filtering
+	        this.onAfterFilter = _Types2['default'].isFn(f.on_after_filter) ? f.on_after_filter : null;
+	        //enables/disables case sensitivity
+	        this.caseSensitive = Boolean(f.case_sensitive);
+	        //enables/disbles exact match for search
+	        this.exactMatch = Boolean(f.exact_match);
+	        //refreshes drop-down lists upon validation
+	        this.linkedFilters = Boolean(f.linked_filters);
+	        //wheter excluded options are disabled
+	        this.disableExcludedOptions = Boolean(f.disable_excluded_options);
+	        //stores active filter element
+	        this.activeFlt = null;
+	        //id of active filter
+	        this.activeFilterId = null;
+	        //enables always visible rows
+	        this.hasVisibleRows = Boolean(f.rows_always_visible);
+	        //array containing always visible rows
+	        this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];
+	        //enables/disables external filters generation
+	        this.isExternalFlt = Boolean(f.external_flt_grid);
+	        //array containing ids of external elements containing filters
+	        this.externalFltTgtIds = f.external_flt_grid_ids || null;
+	        //stores filters elements if isExternalFlt is true
+	        this.externalFltEls = [];
+	        //delays any filtering process if loader true
+	        this.execDelay = !isNaN(f.exec_delay) ? parseInt(f.exec_delay, 10) : 100;
+	        //calls function when filters grid loaded
+	        this.onFiltersLoaded = _Types2['default'].isFn(f.on_filters_loaded) ? f.on_filters_loaded : null;
+	        //enables/disables single filter search
+	        this.singleSearchFlt = Boolean(f.single_search_filter);
+	        //calls function after row is validated
+	        this.onRowValidated = _Types2['default'].isFn(f.on_row_validated) ? f.on_row_validated : null;
+	        //array defining columns for customCellData event
+	        this.customCellDataCols = f.custom_cell_data_cols ? f.custom_cell_data_cols : [];
+	        //calls custom function for retrieving cell data
+	        this.customCellData = _Types2['default'].isFn(f.custom_cell_data) ? f.custom_cell_data : null;
+	        //input watermark text array
+	        this.watermark = f.watermark || '';
+	        this.isWatermarkArray = _Types2['default'].isArray(this.watermark);
+	        //id of toolbar container element
+	        this.toolBarTgtId = f.toolbar_target_id || null;
+	        //enables/disables help div
+	        this.helpInstructions = _Types2['default'].isUndef(f.help_instructions) ? undefined : Boolean(f.help_instructions);
+	        //popup filters
+	        this.popUpFilters = Boolean(f.popup_filters);
+	        //active columns color
+	        this.markActiveColumns = Boolean(f.mark_active_columns);
+	        //defines css class for active column header
+	        this.activeColumnsCssClass = f.active_columns_css_class || 'activeHeader';
+	        //calls function before active column header is marked
+	        this.onBeforeActiveColumn = _Types2['default'].isFn(f.on_before_active_column) ? f.on_before_active_column : null;
+	        //calls function after active column header is marked
+	        this.onAfterActiveColumn = _Types2['default'].isFn(f.on_after_active_column) ? f.on_after_active_column : null;
+	
+	        /*** select filter's customisation and behaviours ***/
+	        //defines 1st option text
+	        this.displayAllText = f.display_all_text || 'Clear';
+	        //enables/disables empty option in combo-box filters
+	        this.enableEmptyOption = Boolean(f.enable_empty_option);
+	        //defines empty option text
+	        this.emptyText = f.empty_text || '(Empty)';
+	        //enables/disables non empty option in combo-box filters
+	        this.enableNonEmptyOption = Boolean(f.enable_non_empty_option);
+	        //defines empty option text
+	        this.nonEmptyText = f.non_empty_text || '(Non empty)';
+	        //enables/disables onChange event on combo-box
+	        this.onSlcChange = f.on_change === false ? false : true;
+	        //enables/disables select options sorting
+	        this.sortSlc = f.sort_select === false ? false : true;
+	        //enables/disables ascending numeric options sorting
+	        this.isSortNumAsc = Boolean(f.sort_num_asc);
+	        this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : null;
+	        //enables/disables descending numeric options sorting
+	        this.isSortNumDesc = Boolean(f.sort_num_desc);
+	        this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : null;
+	        //enabled selects are populated on demand
+	        this.fillSlcOnDemand = Boolean(f.fill_slc_on_demand);
+	        this.hasCustomOptions = _Types2['default'].isObj(f.custom_options);
+	        this.customOptions = f.custom_options;
+	
+	        /*** Filter operators ***/
+	        this.rgxOperator = f.regexp_operator || 'rgx:';
+	        this.emOperator = f.empty_operator || '[empty]';
+	        this.nmOperator = f.nonempty_operator || '[nonempty]';
+	        this.orOperator = f.or_operator || '||';
+	        this.anOperator = f.and_operator || '&&';
+	        this.grOperator = f.greater_operator || '>';
+	        this.lwOperator = f.lower_operator || '<';
+	        this.leOperator = f.lower_equal_operator || '<=';
+	        this.geOperator = f.greater_equal_operator || '>=';
+	        this.dfOperator = f.different_operator || '!';
+	        this.lkOperator = f.like_operator || '*';
+	        this.eqOperator = f.equal_operator || '=';
+	        this.stOperator = f.start_with_operator || '{';
+	        this.enOperator = f.end_with_operator || '}';
+	        this.curExp = f.cur_exp || '^[¥£€$]';
+	        this.separator = f.separator || ',';
+	
+	        /*** rows counter ***/
+	        //show/hides rows counter
+	        this.rowsCounter = Boolean(f.rows_counter);
+	
+	        /*** status bar ***/
+	        //show/hides status bar
+	        this.statusBar = Boolean(f.status_bar);
+	
+	        /*** loader ***/
+	        //enables/disables loader/spinner indicator
+	        this.loader = Boolean(f.loader);
+	
+	        /*** validation - reset buttons/links ***/
+	        //show/hides filter's validation button
+	        this.displayBtn = Boolean(f.btn);
+	        //defines validation button text
+	        this.btnText = f.btn_text || (!this.enableIcons ? 'Go' : '');
+	        //defines css class for validation button
+	        this.btnCssClass = f.btn_css_class || (!this.enableIcons ? 'btnflt' : 'btnflt_icon');
+	        //show/hides reset link
+	        this.btnReset = Boolean(f.btn_reset);
+	        //defines css class for reset button
+	        this.btnResetCssClass = f.btn_reset_css_class || 'reset';
+	        //callback function before filters are cleared
+	        this.onBeforeReset = _Types2['default'].isFn(f.on_before_reset) ? f.on_before_reset : null;
+	        //callback function after filters are cleared
+	        this.onAfterReset = _Types2['default'].isFn(f.on_after_reset) ? f.on_after_reset : null;
+	
+	        /*** paging ***/
+	        //enables/disables table paging
+	        this.paging = Boolean(f.paging);
+	        this.nbVisibleRows = 0; //nb visible rows
+	        this.nbHiddenRows = 0; //nb hidden rows
+	
+	        /*** autofilter on typing ***/
+	        //enables/disables auto filtering, table is filtered when user stops
+	        //typing
+	        this.autoFilter = Boolean(f.auto_filter);
+	        //onkeyup delay timer (msecs)
+	        this.autoFilterDelay = !isNaN(f.auto_filter_delay) ? f.auto_filter_delay : 900;
+	        //typing indicator
+	        this.isUserTyping = null;
+	        this.autoFilterTimer = null;
+	
+	        /*** keyword highlighting ***/
+	        //enables/disables keyword highlighting
+	        this.highlightKeywords = Boolean(f.highlight_keywords);
+	
+	        /*** data types ***/
+	        //defines default date type (european DMY)
+	        this.defaultDateType = f.default_date_type || 'DMY';
+	        //defines default thousands separator
+	        //US = ',' EU = '.'
+	        this.thousandsSeparator = f.thousands_separator || ',';
+	        //defines default decimal separator
+	        //US & javascript = '.' EU = ','
+	        this.decimalSeparator = f.decimal_separator || '.';
+	        //enables number format per column
+	        this.hasColNbFormat = _Types2['default'].isArray(f.col_number_format);
+	        //array containing columns nb formats
+	        this.colNbFormat = this.hasColNbFormat ? f.col_number_format : null;
+	        //enables date type per column
+	        this.hasColDateType = _Types2['default'].isArray(f.col_date_type);
+	        //array containing columns date type
+	        this.colDateType = this.hasColDateType ? f.col_date_type : null;
+	
+	        /*** status messages ***/
+	        //filtering
+	        this.msgFilter = f.msg_filter || 'Filtering data...';
+	        //populating drop-downs
+	        this.msgPopulate = f.msg_populate || 'Populating filter...';
+	        //populating drop-downs
+	        this.msgPopulateCheckList = f.msg_populate_checklist || 'Populating list...';
+	        //changing paging page
+	        this.msgChangePage = f.msg_change_page || 'Collecting paging data...';
+	        //clearing filters
+	        this.msgClear = f.msg_clear || 'Clearing filters...';
+	        //changing nb results/page
+	        this.msgChangeResults = f.msg_change_results || 'Changing results per page...';
+	        //re-setting grid values
+	        this.msgResetValues = f.msg_reset_grid_values || 'Re-setting filters values...';
+	        //re-setting page
+	        this.msgResetPage = f.msg_reset_page || 'Re-setting page...';
+	        //re-setting page length
+	        this.msgResetPageLength = f.msg_reset_page_length || 'Re-setting page length...';
+	        //table sorting
+	        this.msgSort = f.msg_sort || 'Sorting data...';
+	        //extensions loading
+	        this.msgLoadExtensions = f.msg_load_extensions || 'Loading extensions...';
+	        //themes loading
+	        this.msgLoadThemes = f.msg_load_themes || 'Loading theme(s)...';
+	
+	        /*** ids prefixes ***/
+	        //css class name added to table
+	        this.prfxTf = 'TF';
+	        //filters (inputs - selects)
+	        this.prfxFlt = 'flt';
+	        //validation button
+	        this.prfxValButton = 'btn';
+	        //container div for paging elements, rows counter etc.
+	        this.prfxInfDiv = 'inf_';
+	        //left div
+	        this.prfxLDiv = 'ldiv_';
+	        //right div
+	        this.prfxRDiv = 'rdiv_';
+	        //middle div
+	        this.prfxMDiv = 'mdiv_';
+	        //filter values cookie
+	        this.prfxCookieFltsValues = 'tf_flts_';
+	        //page nb cookie
+	        this.prfxCookiePageNb = 'tf_pgnb_';
+	        //page length cookie
+	        this.prfxCookiePageLen = 'tf_pglen_';
+	
+	        /*** cookies ***/
+	        this.hasStoredValues = false;
+	        //remembers filters values on page load
+	        this.rememberGridValues = Boolean(f.remember_grid_values);
+	        //cookie storing filter values
+	        this.fltsValuesCookie = this.prfxCookieFltsValues + this.id;
+	        //remembers page nb on page load
+	        this.rememberPageNb = this.paging && f.remember_page_number;
+	        //cookie storing page nb
+	        this.pgNbCookie = this.prfxCookiePageNb + this.id;
+	        //remembers page length on page load
+	        this.rememberPageLen = this.paging && f.remember_page_length;
+	        //cookie storing page length
+	        this.pgLenCookie = this.prfxCookiePageLen + this.id;
+	
+	        /*** extensions ***/
+	        //imports external script
+	        this.extensions = f.extensions;
+	        this.hasExtensions = _Types2['default'].isArray(this.extensions);
+	
+	        /*** themes ***/
+	        this.enableDefaultTheme = Boolean(f.enable_default_theme);
+	        //imports themes
+	        this.hasThemes = this.enableDefaultTheme || _Types2['default'].isArray(f.themes);
+	        this.themes = f.themes || [];
+	        //themes path
+	        this.themesPath = f.themes_path || this.stylePath + 'themes/';
+	
+	        // Features registry
+	        this.Mod = {};
+	
+	        // Extensions registry
+	        this.ExtRegistry = {};
+	
+	        /*** TF events ***/
+	        this.Evt = {
+	            name: {
+	                filter: 'Filter',
+	                dropdown: 'DropDown',
+	                checklist: 'CheckList',
+	                changepage: 'ChangePage',
+	                clear: 'Clear',
+	                changeresultsperpage: 'ChangeResults',
+	                resetvalues: 'ResetValues',
+	                resetpage: 'ResetPage',
+	                resetpagelength: 'ResetPageLength',
+	                loadextensions: 'LoadExtensions',
+	                loadthemes: 'LoadThemes'
+	            },
+	
+	            // Detect <enter> key
+	            detectKey: function detectKey(e) {
+	                if (!this.enterKey) {
+	                    return;
+	                }
+	                var _ev = e || global.event;
+	                if (_ev) {
+	                    var key = _Event2['default'].keyCode(_ev);
+	                    if (key === 13) {
+	                        this.filter();
+	                        _Event2['default'].cancel(_ev);
+	                        _Event2['default'].stop(_ev);
+	                    } else {
+	                        this.isUserTyping = true;
+	                        global.clearInterval(this.autoFilterTimer);
+	                        this.autoFilterTimer = null;
+	                    }
+	                }
+	            },
+	            // if auto-filter on, detect user is typing and filter columns
+	            onKeyUp: function onKeyUp(e) {
+	                if (!this.autoFilter) {
+	                    return;
+	                }
+	                var _ev = e || global.event;
+	                var key = _Event2['default'].keyCode(_ev);
+	                this.isUserTyping = false;
+	
+	                function filter() {
+	                    /*jshint validthis:true */
+	                    global.clearInterval(this.autoFilterTimer);
+	                    this.autoFilterTimer = null;
+	                    if (!this.isUserTyping) {
+	                        this.filter();
+	                        this.isUserTyping = null;
+	                    }
+	                }
+	
+	                if (key !== 13 && key !== 9 && key !== 27 && key !== 38 && key !== 40) {
+	                    if (this.autoFilterTimer === null) {
+	                        this.autoFilterTimer = global.setInterval(filter.bind(this), this.autoFilterDelay);
+	                    }
+	                } else {
+	                    global.clearInterval(this.autoFilterTimer);
+	                    this.autoFilterTimer = null;
+	                }
+	            },
+	            // if auto-filter on, detect user is typing
+	            onKeyDown: function onKeyDown() {
+	                if (!this.autoFilter) {
+	                    return;
+	                }
+	                this.isUserTyping = true;
+	            },
+	            // if auto-filter on, clear interval on filter blur
+	            onInpBlur: function onInpBlur() {
+	                if (this.autoFilter) {
+	                    this.isUserTyping = false;
+	                    global.clearInterval(this.autoFilterTimer);
+	                }
+	                // TODO: hack to prevent ezEditTable enter key event hijaking.
+	                // Needs to be fixed in the vendor's library
+	                if (this.hasExtension('advancedGrid')) {
+	                    var advGrid = this.extension('advancedGrid');
+	                    var ezEditTable = advGrid._ezEditTable;
+	                    if (advGrid.cfg.editable) {
+	                        ezEditTable.Editable.Set();
+	                    }
+	                    if (advGrid.cfg.selection) {
+	                        ezEditTable.Selection.Set();
+	                    }
+	                }
+	            },
+	            // set focused text-box filter as active
+	            onInpFocus: function onInpFocus(e) {
+	                var _ev = e || global.event;
+	                var elm = _Event2['default'].target(_ev);
+	                this.activeFilterId = elm.getAttribute('id');
+	                this.activeFlt = _Dom2['default'].id(this.activeFilterId);
+	                if (this.popUpFilters) {
+	                    _Event2['default'].cancel(_ev);
+	                    _Event2['default'].stop(_ev);
+	                }
+	                // TODO: hack to prevent ezEditTable enter key event hijaking.
+	                // Needs to be fixed in the vendor's library
+	                if (this.hasExtension('advancedGrid')) {
+	                    var advGrid = this.extension('advancedGrid');
+	                    var ezEditTable = advGrid._ezEditTable;
+	                    if (advGrid.cfg.editable) {
+	                        ezEditTable.Editable.Remove();
+	                    }
+	                    if (advGrid.cfg.selection) {
+	                        ezEditTable.Selection.Remove();
+	                    }
+	                }
+	            },
+	            // set focused drop-down filter as active
+	            onSlcFocus: function onSlcFocus(e) {
+	                var _ev = e || global.event;
+	                var elm = _Event2['default'].target(_ev);
+	                this.activeFilterId = elm.getAttribute('id');
+	                this.activeFlt = _Dom2['default'].id(this.activeFilterId);
+	                // select is populated when element has focus
+	                if (this.fillSlcOnDemand && elm.getAttribute('filled') === '0') {
+	                    var ct = elm.getAttribute('ct');
+	                    this.Mod.dropdown._build(ct);
+	                }
+	                if (this.popUpFilters) {
+	                    _Event2['default'].cancel(_ev);
+	                    _Event2['default'].stop(_ev);
+	                }
+	            },
+	            // filter columns on drop-down filter change
+	            onSlcChange: function onSlcChange(e) {
+	                if (!this.activeFlt) {
+	                    return;
+	                }
+	                var _ev = e || global.event;
+	                if (this.popUpFilters) {
+	                    _Event2['default'].stop(_ev);
+	                }
+	                if (this.onSlcChange) {
+	                    this.filter();
+	                }
+	            },
+	            // fill checklist filter on click if required
+	            onCheckListClick: function onCheckListClick(e) {
+	                var _ev = e || global.event;
+	                var elm = _Event2['default'].target(_ev);
+	                if (this.fillSlcOnDemand && elm.getAttribute('filled') === '0') {
+	                    var ct = elm.getAttribute('ct');
+	                    this.Mod.checkList._build(ct);
+	                    this.Mod.checkList.checkListDiv[ct].onclick = null;
+	                    this.Mod.checkList.checkListDiv[ct].title = '';
+	                }
+	            },
+	            // filter when validation button clicked
+	            onBtnClick: function onBtnClick() {
+	                this.filter();
+	            }
+	        };
+	    }
+	
+	    _createClass(TableFilter, [{
+	        key: 'init',
+	
+	        /**
+	         * Initialise filtering grid bar behaviours and layout
+	         *
+	         * TODO: decompose in smaller methods
+	         */
+	        value: function init() {
+	            if (this._hasGrid) {
+	                return;
+	            }
+	            if (!this.tbl) {
+	                this.tbl = _Dom2['default'].id(this.id);
+	            }
+	            if (this.gridLayout) {
+	                this.refRow = this.startRow === null ? 0 : this.startRow;
+	            }
+	            if (this.popUpFilters && (this.filtersRowIndex === 0 && this.headersRow === 1 || this.gridLayout)) {
+	                this.headersRow = 0;
+	            }
+	
+	            var Mod = this.Mod;
+	            var n = this.singleSearchFlt ? 1 : this.nbCells,
+	                inpclass = undefined;
+	
+	            //loads stylesheet if not imported
+	            this['import'](this.stylesheetId, this.stylesheet, null, 'link');
+	
+	            //loads theme
+	            if (this.hasThemes) {
+	                this._loadThemes();
+	            }
+	
+	            if (this.rememberGridValues || this.rememberPageNb || this.rememberPageLen) {
+	                Mod.store = new _Store.Store(this);
+	            }
+	
+	            if (this.gridLayout) {
+	                Mod.gridLayout = new _GridLayout.GridLayout(this);
+	                Mod.gridLayout.init();
+	            }
+	
+	            if (this.loader) {
+	                if (!Mod.loader) {
+	                    Mod.loader = new _Loader.Loader(this);
+	                }
+	            }
+	
+	            if (this.highlightKeywords) {
+	                Mod.highlightKeyword = new _HighlightKeyword.HighlightKeyword(this);
+	            }
+	
+	            if (this.popUpFilters) {
+	                if (!Mod.popupFilter) {
+	                    Mod.popupFilter = new _PopupFilter.PopupFilter(this);
+	                }
+	                Mod.popupFilter.init();
+	            }
+	
+	            //filters grid is not generated
+	            if (!this.fltGrid) {
+	                this.refRow = this.refRow - 1;
+	                if (this.gridLayout) {
+	                    this.refRow = 0;
+	                }
+	                this.nbFilterableRows = this.getRowsNb();
+	                this.nbVisibleRows = this.nbFilterableRows;
+	                this.nbRows = this.nbFilterableRows + this.refRow;
+	            } else {
+	                if (this.isFirstLoad) {
+	                    var fltrow = undefined;
+	                    if (!this.gridLayout) {
+	                        var thead = _Dom2['default'].tag(this.tbl, 'thead');
+	                        if (thead.length > 0) {
+	                            fltrow = thead[0].insertRow(this.filtersRowIndex);
+	                        } else {
+	                            fltrow = this.tbl.insertRow(this.filtersRowIndex);
+	                        }
+	
+	                        if (this.headersRow > 1 && this.filtersRowIndex <= this.headersRow && !this.popUpFilters) {
+	                            this.headersRow++;
+	                        }
+	                        if (this.popUpFilters) {
+	                            this.headersRow++;
+	                        }
+	
+	                        fltrow.className = this.fltsRowCssClass;
+	                        //Disable for grid_layout
+	                        if (this.isExternalFlt && (!this.gridLayout || this.popUpFilters)) {
+	                            fltrow.style.display = 'none';
+	                        }
+	                    }
+	
+	                    this.nbFilterableRows = this.getRowsNb();
+	                    this.nbVisibleRows = this.nbFilterableRows;
+	                    this.nbRows = this.tbl.rows.length;
+	
+	                    for (var i = 0; i < n; i++) {
+	                        // this loop adds filters
+	
+	                        if (this.popUpFilters) {
+	                            Mod.popupFilter.build(i);
+	                        }
+	
+	                        var fltcell = _Dom2['default'].create(this.fltCellTag),
+	                            col = this.getFilterType(i),
+	                            externalFltTgtId = this.isExternalFlt && this.externalFltTgtIds ? this.externalFltTgtIds[i] : null;
+	
+	                        if (this.singleSearchFlt) {
+	                            fltcell.colSpan = this.nbCells;
+	                        }
+	                        if (!this.gridLayout) {
+	                            fltrow.appendChild(fltcell);
+	                        }
+	                        inpclass = i == n - 1 && this.displayBtn ? this.fltSmallCssClass : this.fltCssClass;
+	
+	                        //only 1 input for single search
+	                        if (this.singleSearchFlt) {
+	                            col = this.fltTypeInp;
+	                            inpclass = this.singleFltCssClass;
+	                        }
+	
+	                        //drop-down filters
+	                        if (col === this.fltTypeSlc || col === this.fltTypeMulti) {
+	                            if (!Mod.dropdown) {
+	                                Mod.dropdown = new _Dropdown.Dropdown(this);
+	                            }
+	                            var dropdown = Mod.dropdown;
+	
+	                            var slc = _Dom2['default'].create(this.fltTypeSlc, ['id', this.prfxFlt + i + '_' + this.id], ['ct', i], ['filled', '0']);
+	
+	                            if (col === this.fltTypeMulti) {
+	                                slc.multiple = this.fltTypeMulti;
+	                                slc.title = dropdown.multipleSlcTooltip;
+	                            }
+	                            slc.className = _Str2['default'].lower(col) === this.fltTypeSlc ? inpclass : this.fltMultiCssClass; // for ie<=6
+	
+	                            //filter is appended in desired external element
+	                            if (externalFltTgtId) {
+	                                _Dom2['default'].id(externalFltTgtId).appendChild(slc);
+	                                this.externalFltEls.push(slc);
+	                            } else {
+	                                fltcell.appendChild(slc);
+	                            }
+	
+	                            this.fltIds.push(this.prfxFlt + i + '_' + this.id);
+	
+	                            if (!this.fillSlcOnDemand) {
+	                                dropdown._build(i);
+	                            }
+	
+	                            _Event2['default'].add(slc, 'keypress', this.Evt.detectKey.bind(this));
+	                            _Event2['default'].add(slc, 'change', this.Evt.onSlcChange.bind(this));
+	                            _Event2['default'].add(slc, 'focus', this.Evt.onSlcFocus.bind(this));
+	
+	                            //1st option is created here since dropdown.build isn't
+	                            //invoked
+	                            if (this.fillSlcOnDemand) {
+	                                var opt0 = _Dom2['default'].createOpt(this.displayAllText, '');
+	                                slc.appendChild(opt0);
+	                            }
+	                        }
+	                        // checklist
+	                        else if (col === this.fltTypeCheckList) {
+	                            var checkList = undefined;
+	                            Mod.checkList = new _CheckList.CheckList(this);
+	                            checkList = Mod.checkList;
+	
+	                            var divCont = _Dom2['default'].create('div', ['id', checkList.prfxCheckListDiv + i + '_' + this.id], ['ct', i], ['filled', '0']);
+	                            divCont.className = checkList.checkListDivCssClass;
+	
+	                            //filter is appended in desired element
+	                            if (externalFltTgtId) {
+	                                _Dom2['default'].id(externalFltTgtId).appendChild(divCont);
+	                                this.externalFltEls.push(divCont);
+	                            } else {
+	                                fltcell.appendChild(divCont);
+	                            }
+	
+	                            checkList.checkListDiv[i] = divCont;
+	                            this.fltIds.push(this.prfxFlt + i + '_' + this.id);
+	                            if (!this.fillSlcOnDemand) {
+	                                checkList._build(i);
+	                            }
+	
+	                            if (this.fillSlcOnDemand) {
+	                                _Event2['default'].add(divCont, 'click', this.Evt.onCheckListClick.bind(this));
+	                                divCont.appendChild(_Dom2['default'].text(checkList.activateCheckListTxt));
+	                            }
+	                        } else {
+	                            //show/hide input
+	                            var inptype = col === this.fltTypeInp ? 'text' : 'hidden';
+	                            var inp = _Dom2['default'].create(this.fltTypeInp, ['id', this.prfxFlt + i + '_' + this.id], ['type', inptype], ['ct', i]);
+	                            if (inptype !== 'hidden' && this.watermark) {
+	                                inp.setAttribute('placeholder', this.isWatermarkArray ? this.watermark[i] || '' : this.watermark);
+	                            }
+	                            inp.className = inpclass;
+	                            _Event2['default'].add(inp, 'focus', this.Evt.onInpFocus.bind(this));
+	
+	                            //filter is appended in desired element
+	                            if (externalFltTgtId) {
+	                                _Dom2['default'].id(externalFltTgtId).appendChild(inp);
+	                                this.externalFltEls.push(inp);
+	                            } else {
+	                                fltcell.appendChild(inp);
+	                            }
+	
+	                            this.fltIds.push(this.prfxFlt + i + '_' + this.id);
+	
+	                            _Event2['default'].add(inp, 'keypress', this.Evt.detectKey.bind(this));
+	                            _Event2['default'].add(inp, 'keydown', this.Evt.onKeyDown.bind(this));
+	                            _Event2['default'].add(inp, 'keyup', this.Evt.onKeyUp.bind(this));
+	                            _Event2['default'].add(inp, 'blur', this.Evt.onInpBlur.bind(this));
+	
+	                            if (this.rememberGridValues) {
+	                                var flts_values = this.Mod.store.getFilterValues(this.fltsValuesCookie);
+	                                if (flts_values[i] != ' ') {
+	                                    this.setFilterValue(i, flts_values[i], false);
+	                                }
+	                            }
+	                        }
+	                        // this adds submit button
+	                        if (i == n - 1 && this.displayBtn) {
+	                            var btn = _Dom2['default'].create(this.fltTypeInp, ['id', this.prfxValButton + i + '_' + this.id], ['type', 'button'], ['value', this.btnText]);
+	                            btn.className = this.btnCssClass;
+	
+	                            //filter is appended in desired element
+	                            if (externalFltTgtId) {
+	                                _Dom2['default'].id(externalFltTgtId).appendChild(btn);
+	                            } else {
+	                                fltcell.appendChild(btn);
+	                            }
+	
+	                            _Event2['default'].add(btn, 'click', this.Evt.onBtnClick.bind(this));
+	                        } //if
+	                    } // for i
+	                } else {
+	                    this._resetGrid();
+	                } //if isFirstLoad
+	            } //if this.fltGrid
+	
+	            /* Filter behaviours */
+	            if (this.hasVisibleRows) {
+	                this.enforceVisibility();
+	            }
+	            if (this.rowsCounter) {
+	                Mod.rowsCounter = new _RowsCounter.RowsCounter(this);
+	                Mod.rowsCounter.init();
+	            }
+	            if (this.statusBar) {
+	                Mod.statusBar = new _StatusBar.StatusBar(this);
+	                Mod.statusBar.init();
+	            }
+	            if (this.paging || Mod.paging) {
+	                if (!Mod.paging) {
+	                    Mod.paging = new _Paging.Paging(this);
+	                }
+	
+	                // TODO: handle both cases in paging init
+	                if (Mod.paging.isPagingRemoved) {
+	                    Mod.paging.reset();
+	                } else {
+	                    Mod.paging.init();
+	                }
+	            }
+	            if (this.btnReset) {
+	                Mod.clearButton = new _ClearButton.ClearButton(this);
+	                Mod.clearButton.init();
+	            }
+	            if (this.helpInstructions) {
+	                if (!Mod.help) {
+	                    Mod.help = new _Help.Help(this);
+	                }
+	                Mod.help.init();
+	            }
+	            if (this.hasColWidths && !this.gridLayout) {
+	                this.setColWidths();
+	            }
+	            if (this.alternateBgs) {
+	                Mod.alternateRows = new _AlternateRows.AlternateRows(this);
+	                Mod.alternateRows.init();
+	            }
+	
+	            this.isFirstLoad = false;
+	            this._hasGrid = true;
+	
+	            if (this.rememberGridValues || this.rememberPageLen || this.rememberPageNb) {
+	                this.resetValues();
+	            }
+	
+	            //TF css class is added to table
+	            if (!this.gridLayout) {
+	                _Dom2['default'].addClass(this.tbl, this.prfxTf);
+	            }
+	
+	            if (this.loader) {
+	                Mod.loader.show('none');
+	            }
+	
+	            /* Loads extensions */
+	            if (this.hasExtensions) {
+	                this.initExtensions();
+	            }
+	
+	            if (this.onFiltersLoaded) {
+	                this.onFiltersLoaded.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'EvtManager',
+	
+	        /**
+	         * Manages state messages
+	         * @param {String} evt Event name
+	         * @param {Object} cfg Config object
+	         */
+	        value: function EvtManager(evt) {
+	            var cfg = arguments[1] === undefined ? { slcIndex: null, slcExternal: false, slcId: null, pgIndex: null } : arguments[1];
+	
+	            var slcIndex = cfg.slcIndex;
+	            var slcExternal = cfg.slcExternal;
+	            var slcId = cfg.slcId;
+	            var pgIndex = cfg.pgIndex;
+	            var cpt = this.Mod;
+	
+	            function efx() {
+	                /*jshint validthis:true */
+	                var ev = this.Evt.name;
+	
+	                switch (evt) {
+	                    case ev.filter:
+	                        this._filter();
+	                        break;
+	                    case ev.dropdown:
+	                        if (this.linkedFilters) {
+	                            cpt.dropdown._build(slcIndex, true);
+	                        } else {
+	                            cpt.dropdown._build(slcIndex, false, slcExternal, slcId);
+	                        }
+	                        break;
+	                    case ev.checklist:
+	                        cpt.checkList._build(slcIndex, slcExternal, slcId);
+	                        break;
+	                    case ev.changepage:
+	                        cpt.paging._changePage(pgIndex);
+	                        break;
+	                    case ev.clear:
+	                        this._clearFilters();
+	                        this._filter();
+	                        break;
+	                    case ev.changeresultsperpage:
+	                        cpt.paging._changeResultsPerPage();
+	                        break;
+	                    case ev.resetvalues:
+	                        this._resetValues();
+	                        this._filter();
+	                        break;
+	                    case ev.resetpage:
+	                        cpt.paging._resetPage(this.pgNbCookie);
+	                        break;
+	                    case ev.resetpagelength:
+	                        cpt.paging._resetPageLength(this.pgLenCookie);
+	                        break;
+	                    case ev.loadextensions:
+	                        this._loadExtensions();
+	                        break;
+	                    case ev.loadthemes:
+	                        this._loadThemes();
+	                        break;
+	                }
+	                if (this.statusBar) {
+	                    cpt.statusBar.message('');
+	                }
+	                if (this.loader) {
+	                    cpt.loader.show('none');
+	                }
+	            }
+	
+	            if (!this.loader && !this.statusBar && !this.linkedFilters) {
+	                efx.call(this);
+	            } else {
+	                if (this.loader) {
+	                    cpt.loader.show('');
+	                }
+	                if (this.statusBar) {
+	                    cpt.statusBar.message(this['msg' + evt]);
+	                }
+	                global.setTimeout(efx.bind(this), this.execDelay);
+	            }
+	        }
+	    }, {
+	        key: 'feature',
+	
+	        /**
+	         * Return a feature instance for a given name
+	         * @param  {String} name Name of the feature
+	         * @return {Object}
+	         */
+	        value: function feature(name) {
+	            return this.Mod[name];
+	        }
+	    }, {
+	        key: 'initExtensions',
+	
+	        /**
+	         * Initialise all the extensions defined in the configuration object
+	         */
+	        value: function initExtensions() {
+	            var exts = this.extensions;
+	
+	            for (var i = 0, len = exts.length; i < len; i++) {
+	                var ext = exts[i];
+	                if (!this.ExtRegistry[ext.name]) {
+	                    this.loadExtension(ext);
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'loadExtension',
+	
+	        /**
+	         * Load an extension module
+	         * @param  {Object} ext Extension config object
+	         */
+	        value: function loadExtension(ext) {
+	            var _this = this;
+	
+	            if (!ext || !ext.name) {
+	                return;
+	            }
+	
+	            var name = ext.name;
+	            var path = ext.path;
+	            var modulePath = undefined;
+	
+	            if (name && path) {
+	                modulePath = ext.path + name;
+	            } else {
+	                name = name.replace('.js', '');
+	                modulePath = 'extensions/{}/{}'.replace(/{}/g, name);
+	            }
+	
+	            __webpack_require__.e/* require */(1, function(__webpack_require__) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(1)("./" + modulePath)]; (function (mod) {
+	                var inst = new mod(_this, ext);
+	                inst.init();
+	                _this.ExtRegistry[name] = inst;
+	            }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
+	        }
+	    }, {
+	        key: 'extension',
+	
+	        /**
+	         * Get an extension instance
+	         * @param  {String} name Name of the extension
+	         * @return {Object}      Extension instance
+	         */
+	        value: function extension(name) {
+	            return this.ExtRegistry[name];
+	        }
+	    }, {
+	        key: 'hasExtension',
+	
+	        /**
+	         * Check passed extension name exists
+	         * @param  {String}  name Name of the extension
+	         * @return {Boolean}
+	         */
+	        value: function hasExtension(name) {
+	            return !_Types2['default'].isEmpty(this.ExtRegistry[name]);
+	        }
+	    }, {
+	        key: 'destroyExtensions',
+	
+	        /**
+	         * Destroy all the extensions defined in the configuration object
+	         */
+	        value: function destroyExtensions() {
+	            var exts = this.extensions;
+	
+	            for (var i = 0, len = exts.length; i < len; i++) {
+	                var ext = exts[i];
+	                var extInstance = this.ExtRegistry[ext.name];
+	                if (extInstance) {
+	                    extInstance.destroy();
+	                    this.ExtRegistry[ext.name] = null;
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'loadThemes',
+	        value: function loadThemes() {
+	            this.EvtManager(this.Evt.name.loadthemes);
+	        }
+	    }, {
+	        key: '_loadThemes',
+	
+	        /**
+	         * Load themes defined in the configuration object
+	         */
+	        value: function _loadThemes() {
+	            var themes = this.themes;
+	            //Default theme config
+	            if (this.enableDefaultTheme) {
+	                var defaultTheme = { name: 'default' };
+	                this.themes.push(defaultTheme);
+	            }
+	            if (_Types2['default'].isArray(themes)) {
+	                for (var i = 0, len = themes.length; i < len; i++) {
+	                    var theme = themes[i];
+	                    var _name = theme.name;
+	                    var path = theme.path;
+	                    var styleId = this.prfxTf + _name;
+	                    if (_name && !path) {
+	                        path = this.themesPath + _name + '/' + _name + '.css';
+	                    } else if (!_name && theme.path) {
+	                        _name = 'theme{0}'.replace('{0}', i);
+	                    }
+	
+	                    if (!this.isImported(path, 'link')) {
+	                        this['import'](styleId, path, null, 'link');
+	                    }
+	                }
+	            }
+	
+	            //Some elements need to be overriden for default theme
+	            //Reset button
+	            this.btnResetText = null;
+	            this.btnResetHtml = '<input type="button" value="" class="' + this.btnResetCssClass + '" title="Clear filters" />';
+	
+	            //Paging buttons
+	            this.btnPrevPageHtml = '<input type="button" value="" class="' + this.btnPageCssClass + ' previousPage" title="Previous page" />';
+	            this.btnNextPageHtml = '<input type="button" value="" class="' + this.btnPageCssClass + ' nextPage" title="Next page" />';
+	            this.btnFirstPageHtml = '<input type="button" value="" class="' + this.btnPageCssClass + ' firstPage" title="First page" />';
+	            this.btnLastPageHtml = '<input type="button" value="" class="' + this.btnPageCssClass + ' lastPage" title="Last page" />';
+	
+	            //Loader
+	            this.loader = true;
+	            this.loaderHtml = '<div class="defaultLoader"></div>';
+	            this.loaderText = null;
+	        }
+	    }, {
+	        key: 'getStylesheet',
+	
+	        /**
+	         * Return stylesheet DOM element for a given theme name
+	         * @return {DOMElement} stylesheet element
+	         */
+	        value: function getStylesheet() {
+	            var name = arguments[0] === undefined ? 'default' : arguments[0];
+	
+	            return _Dom2['default'].id(this.prfxTf + name);
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Destroy filter grid
+	         */
+	        value: function destroy() {
+	            if (!this._hasGrid) {
+	                return;
+	            }
+	            var rows = this.tbl.rows,
+	                Mod = this.Mod;
+	
+	            if (this.isExternalFlt && !this.popUpFilters) {
+	                this.removeExternalFlts();
+	            }
+	            if (this.infDiv) {
+	                this.removeToolbar();
+	            }
+	            if (this.highlightKeywords) {
+	                Mod.highlightKeyword.unhighlightAll();
+	            }
+	            if (this.markActiveColumns) {
+	                this.clearActiveColumns();
+	            }
+	            if (this.hasExtensions) {
+	                this.destroyExtensions();
+	            }
+	
+	            //this loop shows all rows and removes validRow attribute
+	            for (var j = this.refRow; j < this.nbRows; j++) {
+	                rows[j].style.display = '';
+	
+	                if (rows[j].hasAttribute('validRow')) {
+	                    rows[j].removeAttribute('validRow');
+	                }
+	
+	                //removes alternating colors
+	                if (this.alternateBgs) {
+	                    Mod.alternateRows.removeRowBg(j);
+	                }
+	            } //for j
+	
+	            if (this.fltGrid && !this.gridLayout) {
+	                this.fltGridEl = rows[this.filtersRowIndex];
+	                this.tbl.deleteRow(this.filtersRowIndex);
+	            }
+	
+	            // Destroy modules
+	            Object.keys(Mod).forEach(function (key) {
+	                var feature = Mod[key];
+	                if (feature && _Types2['default'].isFn(feature.destroy)) {
+	                    feature.destroy();
+	                }
+	            });
+	
+	            _Dom2['default'].removeClass(this.tbl, this.prfxTf);
+	            this.activeFlt = null;
+	            this.isStartBgAlternate = true;
+	            this._hasGrid = false;
+	            this.tbl = null;
+	        }
+	    }, {
+	        key: 'setToolbar',
+	
+	        /**
+	         * Generate container element for paging, reset button, rows counter etc.
+	         */
+	        value: function setToolbar() {
+	            if (this.infDiv) {
+	                return;
+	            }
+	
+	            /*** container div ***/
+	            var infdiv = _Dom2['default'].create('div', ['id', this.prfxInfDiv + this.id]);
+	            infdiv.className = this.infDivCssClass;
+	
+	            //custom container
+	            if (this.toolBarTgtId) {
+	                _Dom2['default'].id(this.toolBarTgtId).appendChild(infdiv);
+	            }
+	            //grid-layout
+	            else if (this.gridLayout) {
+	                var gridLayout = this.Mod.gridLayout;
+	                gridLayout.tblMainCont.appendChild(infdiv);
+	                infdiv.className = gridLayout.gridInfDivCssClass;
+	            }
+	            //default location: just above the table
+	            else {
+	                var cont = _Dom2['default'].create('caption');
+	                cont.appendChild(infdiv);
+	                this.tbl.insertBefore(cont, this.tbl.firstChild);
+	            }
+	            this.infDiv = _Dom2['default'].id(this.prfxInfDiv + this.id);
+	
+	            /*** left div containing rows # displayer ***/
+	            var ldiv = _Dom2['default'].create('div', ['id', this.prfxLDiv + this.id]);
+	            ldiv.className = this.lDivCssClass;
+	            infdiv.appendChild(ldiv);
+	            this.lDiv = _Dom2['default'].id(this.prfxLDiv + this.id);
+	
+	            /***    right div containing reset button
+	                    + nb results per page select    ***/
+	            var rdiv = _Dom2['default'].create('div', ['id', this.prfxRDiv + this.id]);
+	            rdiv.className = this.rDivCssClass;
+	            infdiv.appendChild(rdiv);
+	            this.rDiv = _Dom2['default'].id(this.prfxRDiv + this.id);
+	
+	            /*** mid div containing paging elements ***/
+	            var mdiv = _Dom2['default'].create('div', ['id', this.prfxMDiv + this.id]);
+	            mdiv.className = this.mDivCssClass;
+	            infdiv.appendChild(mdiv);
+	            this.mDiv = _Dom2['default'].id(this.prfxMDiv + this.id);
+	
+	            // Enable help instructions by default if topbar is generated and not
+	            // explicitely set to false
+	            if (_Types2['default'].isUndef(this.helpInstructions)) {
+	                if (!this.Mod.help) {
+	                    this.Mod.help = new _Help.Help(this);
+	                }
+	                this.Mod.help.init();
+	                this.helpInstructions = true;
+	            }
+	        }
+	    }, {
+	        key: 'removeToolbar',
+	
+	        /**
+	         * Remove toolbar container element
+	         */
+	        value: function removeToolbar() {
+	            if (!this.infDiv) {
+	                return;
+	            }
+	            this.infDiv.parentNode.removeChild(this.infDiv);
+	            this.infDiv = null;
+	
+	            var tbl = this.tbl;
+	            var captions = _Dom2['default'].tag(tbl, 'caption');
+	            if (captions.length > 0) {
+	                [].forEach.call(captions, function (elm) {
+	                    tbl.removeChild(elm);
+	                });
+	            }
+	        }
+	    }, {
+	        key: 'removeExternalFlts',
+	
+	        /**
+	         * Remove all the external column filters
+	         */
+	        value: function removeExternalFlts() {
+	            if (!this.isExternalFlt || !this.externalFltTgtIds) {
+	                return;
+	            }
+	            var ids = this.externalFltTgtIds,
+	                len = ids.length;
+	            for (var ct = 0; ct < len; ct++) {
+	                var externalFltTgtId = ids[ct],
+	                    externalFlt = _Dom2['default'].id(externalFltTgtId);
+	                if (externalFlt) {
+	                    externalFlt.innerHTML = '';
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'isCustomOptions',
+	
+	        /**
+	         * Check if given column implements a filter with custom options
+	         * @param  {Number}  colIndex Column's index
+	         * @return {Boolean}
+	         */
+	        value: function isCustomOptions(colIndex) {
+	            return this.hasCustomOptions && this.customOptions.cols.indexOf(colIndex) != -1;
+	        }
+	    }, {
+	        key: 'getCustomOptions',
+	
+	        /**
+	         * Returns an array [[value0, value1 ...],[text0, text1 ...]] with the
+	         * custom options values and texts
+	         * @param  {Number} colIndex Column's index
+	         * @return {Array}
+	         */
+	        value: function getCustomOptions(colIndex) {
+	            if (!colIndex || !this.isCustomOptions(colIndex)) {
+	                return;
+	            }
+	
+	            var customOptions = this.customOptions;
+	            var cols = customOptions.cols;
+	            var optTxt = [],
+	                optArray = [];
+	            var index = _Arr2['default'].indexByValue(cols, colIndex);
+	            var slcValues = customOptions.values[index];
+	            var slcTexts = customOptions.texts[index];
+	            var slcSort = customOptions.sorts[index];
+	
+	            for (var r = 0, len = slcValues.length; r < len; r++) {
+	                optArray.push(slcValues[r]);
+	                if (slcTexts[r]) {
+	                    optTxt.push(slcTexts[r]);
+	                } else {
+	                    optTxt.push(slcValues[r]);
+	                }
+	            }
+	            if (slcSort) {
+	                optArray.sort();
+	                optTxt.sort();
+	            }
+	            return [optArray, optTxt];
+	        }
+	    }, {
+	        key: 'resetValues',
+	        value: function resetValues() {
+	            this.EvtManager(this.Evt.name.resetvalues);
+	        }
+	    }, {
+	        key: '_resetValues',
+	
+	        /**
+	         * Reset persisted filter values
+	         */
+	        value: function _resetValues() {
+	            //only fillSlcOnDemand
+	            if (this.rememberGridValues && this.fillSlcOnDemand) {
+	                this._resetGridValues(this.fltsValuesCookie);
+	            }
+	            if (this.rememberPageLen && this.Mod.paging) {
+	                this.Mod.paging.resetPageLength(this.pgLenCookie);
+	            }
+	            if (this.rememberPageNb && this.Mod.paging) {
+	                this.Mod.paging.resetPage(this.pgNbCookie);
+	            }
+	        }
+	    }, {
+	        key: '_resetGridValues',
+	
+	        /**
+	         * Reset persisted filter values when load filters on demand feature is
+	         * enabled
+	         * @param  {String} name cookie name storing filter values
+	         */
+	        value: function _resetGridValues(name) {
+	            if (!this.fillSlcOnDemand) {
+	                return;
+	            }
+	            var fltsValues = this.Mod.store.getFilterValues(name),
+	                slcFltsIndex = this.getFiltersByType(this.fltTypeSlc, true),
+	                multiFltsIndex = this.getFiltersByType(this.fltTypeMulti, true);
+	
+	            //if the number of columns is the same as before page reload
+	            if (Number(fltsValues[fltsValues.length - 1]) === this.fltIds.length) {
+	                for (var i = 0; i < fltsValues.length - 1; i++) {
+	                    if (fltsValues[i] === ' ') {
+	                        continue;
+	                    }
+	                    var s = undefined,
+	                        opt = undefined;
+	                    var fltType = this.getFilterType(i);
+	                    // if fillSlcOnDemand, drop-down needs to contain stored
+	                    // value(s) for filtering
+	                    if (fltType === this.fltTypeSlc || fltType === this.fltTypeMulti) {
+	                        var slc = _Dom2['default'].id(this.fltIds[i]);
+	                        slc.options[0].selected = false;
+	
+	                        //selects
+	                        if (_Arr2['default'].has(slcFltsIndex, i)) {
+	                            opt = _Dom2['default'].createOpt(fltsValues[i], fltsValues[i], true);
+	                            slc.appendChild(opt);
+	                            this.hasStoredValues = true;
+	                        }
+	                        //multiple select
+	                        if (_Arr2['default'].has(multiFltsIndex, i)) {
+	                            s = fltsValues[i].split(' ' + this.orOperator + ' ');
+	                            for (var j = 0, len = s.length; j < len; j++) {
+	                                if (s[j] === '') {
+	                                    continue;
+	                                }
+	                                opt = _Dom2['default'].createOpt(s[j], s[j], true);
+	                                slc.appendChild(opt);
+	                                this.hasStoredValues = true;
+	                            }
+	                        } // if multiFltsIndex
+	                    } else if (fltType === this.fltTypeCheckList) {
+	                        var checkList = this.Mod.checkList;
+	                        var divChk = checkList.checkListDiv[i];
+	                        divChk.title = divChk.innerHTML;
+	                        divChk.innerHTML = '';
+	
+	                        var ul = _Dom2['default'].create('ul', ['id', this.fltIds[i]], ['colIndex', i]);
+	                        ul.className = checkList.checkListCssClass;
+	
+	                        var li0 = _Dom2['default'].createCheckItem(this.fltIds[i] + '_0', '', this.displayAllText);
+	                        li0.className = checkList.checkListItemCssClass;
+	                        ul.appendChild(li0);
+	
+	                        divChk.appendChild(ul);
+	
+	                        s = fltsValues[i].split(' ' + this.orOperator + ' ');
+	                        for (var j = 0, len = s.length; j < len; j++) {
+	                            if (s[j] === '') {
+	                                continue;
+	                            }
+	                            var li = _Dom2['default'].createCheckItem(this.fltIds[i] + '_' + (j + 1), s[j], s[j]);
+	                            li.className = checkList.checkListItemCssClass;
+	                            ul.appendChild(li);
+	                            li.check.checked = true;
+	                            checkList.setCheckListValues(li.check);
+	                            this.hasStoredValues = true;
+	                        }
+	                    }
+	                } //end for
+	
+	                if (!this.hasStoredValues && this.paging) {
+	                    this.Mod.paging.setPagingInfo();
+	                }
+	            } //end if
+	        }
+	    }, {
+	        key: 'filter',
+	        value: function filter() {
+	            this.EvtManager(this.Evt.name.filter);
+	        }
+	    }, {
+	        key: '_filter',
+	
+	        /**
+	         * Filter the table by retrieving the data from each cell in every single
+	         * row and comparing it to the search term for current column. A row is
+	         * hidden when all the search terms are not found in inspected row.
+	         *
+	         * TODO: Reduce complexity of this massive method
+	         */
+	        value: function _filter() {
+	            if (!this.fltGrid || !this._hasGrid && !this.isFirstLoad) {
+	                return;
+	            }
+	            //invoke onbefore callback
+	            if (this.onBeforeFilter) {
+	                this.onBeforeFilter.call(null, this);
+	            }
+	
+	            var row = this.tbl.rows,
+	                Mod = this.Mod,
+	                hiddenrows = 0;
+	
+	            this.validRowsIndex = [];
+	
+	            // removes keyword highlighting
+	            if (this.highlightKeywords) {
+	                Mod.highlightKeyword.unhighlightAll();
+	            }
+	            //removes popup filters active icons
+	            if (this.popUpFilters) {
+	                Mod.popupFilter.buildIcons();
+	            }
+	            //removes active column header class
+	            if (this.markActiveColumns) {
+	                this.clearActiveColumns();
+	            }
+	            // search args re-init
+	            this.searchArgs = this.getFiltersValue();
+	
+	            var num_cell_data, nbFormat;
+	            var re_le = new RegExp(this.leOperator),
+	                re_ge = new RegExp(this.geOperator),
+	                re_l = new RegExp(this.lwOperator),
+	                re_g = new RegExp(this.grOperator),
+	                re_d = new RegExp(this.dfOperator),
+	                re_lk = new RegExp(_Str2['default'].rgxEsc(this.lkOperator)),
+	                re_eq = new RegExp(this.eqOperator),
+	                re_st = new RegExp(this.stOperator),
+	                re_en = new RegExp(this.enOperator),
+	
+	            // re_an = new RegExp(this.anOperator),
+	            // re_cr = new RegExp(this.curExp),
+	            re_em = this.emOperator,
+	                re_nm = this.nmOperator,
+	                re_re = new RegExp(_Str2['default'].rgxEsc(this.rgxOperator));
+	
+	            //keyword highlighting
+	            function highlight(str, ok, cell) {
+	                /*jshint validthis:true */
+	                if (this.highlightKeywords && ok) {
+	                    str = str.replace(re_lk, '');
+	                    str = str.replace(re_eq, '');
+	                    str = str.replace(re_st, '');
+	                    str = str.replace(re_en, '');
+	                    var w = str;
+	                    if (re_le.test(str) || re_ge.test(str) || re_l.test(str) || re_g.test(str) || re_d.test(str)) {
+	                        w = _Dom2['default'].getText(cell);
+	                    }
+	                    if (w !== '') {
+	                        Mod.highlightKeyword.highlight(cell, w, Mod.highlightKeyword.highlightCssClass);
+	                    }
+	                }
+	            }
+	
+	            //looks for search argument in current row
+	            function hasArg(sA, cell_data, j) {
+	                /*jshint validthis:true */
+	                var occurence = undefined,
+	                    removeNbFormat = _Helpers2['default'].removeNbFormat;
+	                //Search arg operator tests
+	                var hasLO = re_l.test(sA),
+	                    hasLE = re_le.test(sA),
+	                    hasGR = re_g.test(sA),
+	                    hasGE = re_ge.test(sA),
+	                    hasDF = re_d.test(sA),
+	                    hasEQ = re_eq.test(sA),
+	                    hasLK = re_lk.test(sA),
+	
+	                // hasAN = re_an.test(sA),
+	                hasST = re_st.test(sA),
+	                    hasEN = re_en.test(sA),
+	                    hasEM = re_em === sA,
+	                    hasNM = re_nm === sA,
+	                    hasRE = re_re.test(sA);
+	
+	                //Search arg dates tests
+	                var isLDate = hasLO && isValidDate(sA.replace(re_l, ''), dtType);
+	                var isLEDate = hasLE && isValidDate(sA.replace(re_le, ''), dtType);
+	                var isGDate = hasGR && isValidDate(sA.replace(re_g, ''), dtType);
+	                var isGEDate = hasGE && isValidDate(sA.replace(re_ge, ''), dtType);
+	                var isDFDate = hasDF && isValidDate(sA.replace(re_d, ''), dtType);
+	                var isEQDate = hasEQ && isValidDate(sA.replace(re_eq, ''), dtType);
+	
+	                var dte1 = undefined,
+	                    dte2 = undefined;
+	                //dates
+	                if (isValidDate(cell_data, dtType)) {
+	                    dte1 = formatDate(cell_data, dtType);
+	                    // lower date
+	                    if (isLDate) {
+	                        dte2 = formatDate(sA.replace(re_l, ''), dtType);
+	                        occurence = dte1 < dte2;
+	                    }
+	                    // lower equal date
+	                    else if (isLEDate) {
+	                        dte2 = formatDate(sA.replace(re_le, ''), dtType);
+	                        occurence = dte1 <= dte2;
+	                    }
+	                    // greater equal date
+	                    else if (isGEDate) {
+	                        dte2 = formatDate(sA.replace(re_ge, ''), dtType);
+	                        occurence = dte1 >= dte2;
+	                    }
+	                    // greater date
+	                    else if (isGDate) {
+	                        dte2 = formatDate(sA.replace(re_g, ''), dtType);
+	                        occurence = dte1 > dte2;
+	                    }
+	                    // different date
+	                    else if (isDFDate) {
+	                        dte2 = formatDate(sA.replace(re_d, ''), dtType);
+	                        occurence = dte1.toString() != dte2.toString();
+	                    }
+	                    // equal date
+	                    else if (isEQDate) {
+	                        dte2 = formatDate(sA.replace(re_eq, ''), dtType);
+	                        occurence = dte1.toString() == dte2.toString();
+	                    }
+	                    // searched keyword with * operator doesn't have to be a date
+	                    else if (re_lk.test(sA)) {
+	                        // like date
+	                        occurence = this._containsStr(sA.replace(re_lk, ''), cell_data, null, false);
+	                    } else if (isValidDate(sA, dtType)) {
+	                        dte2 = formatDate(sA, dtType);
+	                        occurence = dte1.toString() == dte2.toString();
+	                    }
+	                    //empty
+	                    else if (hasEM) {
+	                        occurence = _Str2['default'].isEmpty(cell_data);
+	                    }
+	                    //non-empty
+	                    else if (hasNM) {
+	                        occurence = !_Str2['default'].isEmpty(cell_data);
+	                    }
+	                } else {
+	                    //first numbers need to be formated
+	                    if (this.hasColNbFormat && this.colNbFormat[j]) {
+	                        num_cell_data = removeNbFormat(cell_data, this.colNbFormat[j]);
+	                        nbFormat = this.colNbFormat[j];
+	                    } else {
+	                        if (this.thousandsSeparator === ',' && this.decimalSeparator === '.') {
+	                            num_cell_data = removeNbFormat(cell_data, 'us');
+	                            nbFormat = 'us';
+	                        } else {
+	                            num_cell_data = removeNbFormat(cell_data, 'eu');
+	                            nbFormat = 'eu';
+	                        }
+	                    }
+	
+	                    // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},
+	                    // rgx:)
+	                    // lower equal
+	                    if (hasLE) {
+	                        occurence = num_cell_data <= removeNbFormat(sA.replace(re_le, ''), nbFormat);
+	                    }
+	                    //greater equal
+	                    else if (hasGE) {
+	                        occurence = num_cell_data >= removeNbFormat(sA.replace(re_ge, ''), nbFormat);
+	                    }
+	                    //lower
+	                    else if (hasLO) {
+	                        occurence = num_cell_data < removeNbFormat(sA.replace(re_l, ''), nbFormat);
+	                    }
+	                    //greater
+	                    else if (hasGR) {
+	                        occurence = num_cell_data > removeNbFormat(sA.replace(re_g, ''), nbFormat);
+	                    }
+	                    //different
+	                    else if (hasDF) {
+	                        occurence = this._containsStr(sA.replace(re_d, ''), cell_data) ? false : true;
+	                    }
+	                    //like
+	                    else if (hasLK) {
+	                        occurence = this._containsStr(sA.replace(re_lk, ''), cell_data, null, false);
+	                    }
+	                    //equal
+	                    else if (hasEQ) {
+	                        occurence = this._containsStr(sA.replace(re_eq, ''), cell_data, null, true);
+	                    }
+	                    //starts with
+	                    else if (hasST) {
+	                        occurence = cell_data.indexOf(sA.replace(re_st, '')) === 0 ? true : false;
+	                    }
+	                    //ends with
+	                    else if (hasEN) {
+	                        var searchArg = sA.replace(re_en, '');
+	                        occurence = cell_data.lastIndexOf(searchArg, cell_data.length - 1) === cell_data.length - 1 - (searchArg.length - 1) && cell_data.lastIndexOf(searchArg, cell_data.length - 1) > -1 ? true : false;
+	                    }
+	                    //empty
+	                    else if (hasEM) {
+	                        occurence = _Str2['default'].isEmpty(cell_data);
+	                    }
+	                    //non-empty
+	                    else if (hasNM) {
+	                        occurence = !_Str2['default'].isEmpty(cell_data);
+	                    }
+	                    //regexp
+	                    else if (hasRE) {
+	                        //in case regexp fires an exception
+	                        try {
+	                            //operator is removed
+	                            var srchArg = sA.replace(re_re, '');
+	                            var rgx = new RegExp(srchArg);
+	                            occurence = rgx.test(cell_data);
+	                        } catch (e) {
+	                            occurence = false;
+	                        }
+	                    } else {
+	                        occurence = this._containsStr(sA, cell_data, this.getFilterType(j));
+	                    }
+	                } //else
+	                return occurence;
+	            } //fn
+	
+	            for (var k = this.refRow; k < this.nbRows; k++) {
+	                /*** if table already filtered some rows are not visible ***/
+	                if (row[k].style.display === 'none') {
+	                    row[k].style.display = '';
+	                }
+	
+	                var cell = row[k].cells,
+	                    nchilds = cell.length;
+	
+	                // checks if row has exact cell #
+	                if (nchilds !== this.nbCells) {
+	                    continue;
+	                }
+	
+	                var occurence = [],
+	                    isRowValid = true,
+	
+	                //only for single filter search
+	                singleFltRowValid = false;
+	
+	                // this loop retrieves cell data
+	                for (var j = 0; j < nchilds; j++) {
+	                    //searched keyword
+	                    var sA = this.searchArgs[this.singleSearchFlt ? 0 : j];
+	                    var dtType = this.hasColDateType ? this.colDateType[j] : this.defaultDateType;
+	                    if (sA === '') {
+	                        continue;
+	                    }
+	
+	                    var cell_data = _Str2['default'].matchCase(this.getCellData(j, cell[j]), this.caseSensitive);
+	
+	                    //multiple search parameter operator ||
+	                    var sAOrSplit = sA.split(this.orOperator),
+	
+	                    //multiple search || parameter boolean
+	                    hasMultiOrSA = sAOrSplit.length > 1 ? true : false,
+	
+	                    //multiple search parameter operator &&
+	                    sAAndSplit = sA.split(this.anOperator),
+	
+	                    //multiple search && parameter boolean
+	                    hasMultiAndSA = sAAndSplit.length > 1 ? true : false;
+	
+	                    //multiple sarch parameters
+	                    if (hasMultiOrSA || hasMultiAndSA) {
+	                        var cS = undefined,
+	                            occur = false,
+	                            s = hasMultiOrSA ? sAOrSplit : sAAndSplit;
+	                        for (var w = 0, len = s.length; w < len; w++) {
+	                            cS = _Str2['default'].trim(s[w]);
+	                            occur = hasArg.call(this, cS, cell_data, j);
+	                            highlight.call(this, cS, occur, cell[j]);
+	                            if (hasMultiOrSA && occur) {
+	                                break;
+	                            }
+	                            if (hasMultiAndSA && !occur) {
+	                                break;
+	                            }
+	                        }
+	                        occurence[j] = occur;
+	                    }
+	                    //single search parameter
+	                    else {
+	                        occurence[j] = hasArg.call(this, _Str2['default'].trim(sA), cell_data, j);
+	                        highlight.call(this, sA, occurence[j], cell[j]);
+	                    } //else single param
+	
+	                    if (!occurence[j]) {
+	                        isRowValid = false;
+	                    }
+	                    if (this.singleSearchFlt && occurence[j]) {
+	                        singleFltRowValid = true;
+	                    }
+	                    if (this.popUpFilters) {
+	                        Mod.popupFilter.buildIcon(j, true);
+	                    }
+	                    if (this.markActiveColumns) {
+	                        if (k === this.refRow) {
+	                            if (this.onBeforeActiveColumn) {
+	                                this.onBeforeActiveColumn.call(null, this, j);
+	                            }
+	                            _Dom2['default'].addClass(this.getHeaderElement(j), this.activeColumnsCssClass);
+	                            if (this.onAfterActiveColumn) {
+	                                this.onAfterActiveColumn.call(null, this, j);
+	                            }
+	                        }
+	                    }
+	                } //for j
+	
+	                if (this.singleSearchFlt && singleFltRowValid) {
+	                    isRowValid = true;
+	                }
+	
+	                if (!isRowValid) {
+	                    this.validateRow(k, false);
+	                    if (Mod.alternateRows) {
+	                        Mod.alternateRows.removeRowBg(k);
+	                    }
+	                    // always visible rows need to be counted as valid
+	                    if (this.hasVisibleRows && this.visibleRows.indexOf(k) !== -1) {
+	                        this.validRowsIndex.push(k);
+	                    } else {
+	                        hiddenrows++;
+	                    }
+	                } else {
+	                    this.validateRow(k, true);
+	                    this.validRowsIndex.push(k);
+	                    if (this.alternateBgs) {
+	                        Mod.alternateRows.setRowBg(k, this.validRowsIndex.length);
+	                    }
+	                    if (this.onRowValidated) {
+	                        this.onRowValidated.call(null, this, k);
+	                    }
+	                }
+	            } // for k
+	
+	            this.nbVisibleRows = this.validRowsIndex.length;
+	            this.nbHiddenRows = hiddenrows;
+	
+	            if (this.rememberGridValues) {
+	                Mod.store.saveFilterValues(this.fltsValuesCookie);
+	            }
+	            //applies filter props after filtering process
+	            if (!this.paging) {
+	                this.applyProps();
+	            } else {
+	                // Shouldn't need to care of that here...
+	                // TODO: provide a method in paging module
+	                Mod.paging.startPagingRow = 0;
+	                Mod.paging.currentPageNb = 1;
+	                //
+	                Mod.paging.setPagingInfo(this.validRowsIndex);
+	            }
+	            //invokes onafter callback
+	            if (this.onAfterFilter) {
+	                this.onAfterFilter.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'applyProps',
+	
+	        /**
+	         * Re-apply the features/behaviour concerned by filtering/paging operation
+	         *
+	         * NOTE: this will disappear whenever custom events in place
+	         */
+	        value: function applyProps() {
+	            var Mod = this.Mod;
+	
+	            //shows rows always visible
+	            if (this.hasVisibleRows) {
+	                this.enforceVisibility();
+	            }
+	            //columns operations
+	            if (this.hasExtension('colOps')) {
+	                this.extension('colOps').calc();
+	            }
+	
+	            //re-populates drop-down filters
+	            if (this.linkedFilters) {
+	                this.linkFilters();
+	            }
+	
+	            if (this.rowsCounter) {
+	                Mod.rowsCounter.refresh(this.nbVisibleRows);
+	            }
+	
+	            if (this.popUpFilters) {
+	                Mod.popupFilter.closeAll();
+	            }
+	        }
+	    }, {
+	        key: 'getColValues',
+	
+	        /**
+	         * Return the data of a specified colum
+	         * @param  {Number} colindex Column index
+	         * @param  {Boolean} num     Return unformatted number
+	         * @param  {Array} exclude   List of row indexes to be excluded
+	         * @return {Array}           Flat list of data for a column
+	         */
+	        value: function getColValues(colindex) {
+	            var num = arguments[1] === undefined ? false : arguments[1];
+	            var exclude = arguments[2] === undefined ? undefined : arguments[2];
+	
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            var row = this.tbl.rows,
+	                colValues = [];
+	
+	            for (var i = this.refRow; i < this.nbRows; i++) {
+	                var isExludedRow = false;
+	                // checks if current row index appears in exclude array
+	                if (exclude && _Types2['default'].isArray(exclude)) {
+	                    isExludedRow = _Arr2['default'].has(exclude, i);
+	                }
+	                var cell = row[i].cells,
+	                    nchilds = cell.length;
+	
+	                // checks if row has exact cell # and is not excluded
+	                if (nchilds === this.nbCells && !isExludedRow) {
+	                    // this loop retrieves cell data
+	                    for (var j = 0; j < nchilds; j++) {
+	                        if (j != colindex || row[i].style.display !== '') {
+	                            continue;
+	                        }
+	                        var cell_data = _Str2['default'].lower(this.getCellData(j, cell[j])),
+	                            nbFormat = this.colNbFormat ? this.colNbFormat[colindex] : null,
+	                            data = num ? _Helpers2['default'].removeNbFormat(cell_data, nbFormat) : cell_data;
+	                        colValues.push(data);
+	                    }
+	                }
+	            }
+	            return colValues;
+	        }
+	    }, {
+	        key: 'getFilterValue',
+	
+	        /**
+	         * Return the filter's value of a specified column
+	         * @param  {Number} index Column index
+	         * @return {String}       Filter value
+	         */
+	        value: function getFilterValue(index) {
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            var fltValue = undefined,
+	                flt = this.getFilterElement(index);
+	            if (!flt) {
+	                return '';
+	            }
+	
+	            var fltColType = this.getFilterType(index);
+	            if (fltColType !== this.fltTypeMulti && fltColType !== this.fltTypeCheckList) {
+	                fltValue = flt.value;
+	            }
+	            //mutiple select
+	            else if (fltColType === this.fltTypeMulti) {
+	                fltValue = '';
+	                for (var j = 0, len = flt.options.length; j < len; j++) {
+	                    if (flt.options[j].selected) {
+	                        fltValue = fltValue.concat(flt.options[j].value + ' ' + this.orOperator + ' ');
+	                    }
+	                }
+	                //removes last operator ||
+	                fltValue = fltValue.substr(0, fltValue.length - 4);
+	            }
+	            //checklist
+	            else if (fltColType === this.fltTypeCheckList) {
+	                if (flt.getAttribute('value') !== null) {
+	                    fltValue = flt.getAttribute('value');
+	                    //removes last operator ||
+	                    fltValue = fltValue.substr(0, fltValue.length - 3);
+	                } else {
+	                    fltValue = '';
+	                }
+	            }
+	            return fltValue;
+	        }
+	    }, {
+	        key: 'getFiltersValue',
+	
+	        /**
+	         * Return the filters' values
+	         * @return {Array} List of filters' values
+	         */
+	        value: function getFiltersValue() {
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            var searchArgs = [];
+	            for (var i = 0, len = this.fltIds.length; i < len; i++) {
+	                searchArgs.push(_Str2['default'].trim(_Str2['default'].matchCase(this.getFilterValue(i), this.caseSensitive)));
+	            }
+	            return searchArgs;
+	        }
+	    }, {
+	        key: 'getFilterId',
+	
+	        /**
+	         * Return the ID of the filter of a specified column
+	         * @param  {Number} index Column's index
+	         * @return {String}       ID of the filter element
+	         */
+	        value: function getFilterId(index) {
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            return this.fltIds[index];
+	        }
+	    }, {
+	        key: 'getFiltersByType',
+	
+	        /**
+	         * Return the list of ids of filters matching a specified type.
+	         * Note: hidden filters are also returned
+	         *
+	         * @param  {String} type  Filter type string ('input', 'select', 'multiple',
+	         *                        'checklist')
+	         * @param  {Boolean} bool If true returns columns indexes instead of IDs
+	         * @return {[type]}       List of element IDs or column indexes
+	         */
+	        value: function getFiltersByType(type, bool) {
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            var arr = [];
+	            for (var i = 0, len = this.fltIds.length; i < len; i++) {
+	                var fltType = this.getFilterType(i);
+	                if (fltType === _Str2['default'].lower(type)) {
+	                    var a = bool ? i : this.fltIds[i];
+	                    arr.push(a);
+	                }
+	            }
+	            return arr;
+	        }
+	    }, {
+	        key: 'getFilterElement',
+	
+	        /**
+	         * Return the filter's DOM element for a given column
+	         * @param  {Number} index     Column's index
+	         * @return {DOMElement}
+	         */
+	        value: function getFilterElement(index) {
+	            var fltId = this.fltIds[index];
+	            return _Dom2['default'].id(fltId);
+	        }
+	    }, {
+	        key: 'getCellsNb',
+	
+	        /**
+	         * Return the number of cells for a given row index
+	         * @param  {Number} rowIndex Index of the row
+	         * @return {Number}          Number of cells
+	         */
+	        value: function getCellsNb() {
+	            var rowIndex = arguments[0] === undefined ? 0 : arguments[0];
+	
+	            var tr = this.tbl.rows[rowIndex];
+	            return tr.cells.length;
+	        }
+	    }, {
+	        key: 'getRowsNb',
+	
+	        /**
+	         * Return the number of filterable rows starting from reference row if
+	         * defined
+	         * @param  {Boolean} includeHeaders Include the headers row
+	         * @return {Number}                 Number of filterable rows
+	         */
+	        value: function getRowsNb(includeHeaders) {
+	            var s = _Types2['default'].isUndef(this.refRow) ? 0 : this.refRow,
+	                ntrs = this.tbl.rows.length;
+	            if (includeHeaders) {
+	                s = 0;
+	            }
+	            return parseInt(ntrs - s, 10);
+	        }
+	    }, {
+	        key: 'getCellData',
+	
+	        /**
+	         * Return the data of a given cell
+	         * @param  {Number} i    Column's index
+	         * @param  {Object} cell Cell's DOM object
+	         * @return {String}
+	         */
+	        value: function getCellData(i, cell) {
+	            if (_Types2['default'].isUndef(i) || !cell) {
+	                return '';
+	            }
+	            //First checks for customCellData event
+	            if (this.customCellData && _Arr2['default'].has(this.customCellDataCols, i)) {
+	                return this.customCellData.call(null, this, cell, i);
+	            } else {
+	                return _Dom2['default'].getText(cell);
+	            }
+	        }
+	    }, {
+	        key: 'getTableData',
+	
+	        /**
+	         * Return the table data with following format:
+	         * [
+	         *     [rowIndex, [value0, value1...]],
+	         *     [rowIndex, [value0, value1...]]
+	         * ]
+	         * @return {Array}
+	         *
+	         * TODO: provide an API returning data in JSON format
+	         */
+	        value: function getTableData() {
+	            var row = this.tbl.rows;
+	            for (var k = this.refRow; k < this.nbRows; k++) {
+	                var rowData = [k, []];
+	                var cells = row[k].cells;
+	                // this loop retrieves cell data
+	                for (var j = 0, len = cells.length; j < len; j++) {
+	                    var cell_data = this.getCellData(j, cells[j]);
+	                    rowData[1].push(cell_data);
+	                }
+	                this.tblData.push(rowData);
+	            }
+	            return this.tblData;
+	        }
+	    }, {
+	        key: 'getFilteredData',
+	
+	        /**
+	         * Return the filtered data with following format:
+	         * [
+	         *     [rowIndex, [value0, value1...]],
+	         *     [rowIndex, [value0, value1...]]
+	         * ]
+	         * @param  {Boolean} includeHeaders  Include headers row
+	         * @return {Array}
+	         *
+	         * TODO: provide an API returning data in JSON format
+	         */
+	        value: function getFilteredData(includeHeaders) {
+	            if (!this.validRowsIndex) {
+	                return [];
+	            }
+	            var row = this.tbl.rows,
+	                filteredData = [];
+	            if (includeHeaders) {
+	                var table = this.gridLayout ? this.Mod.gridLayout.headTbl : this.tbl,
+	                    r = table.rows[this.headersRow],
+	                    rowData = [r.rowIndex, []];
+	                for (var j = 0; j < this.nbCells; j++) {
+	                    var headerText = this.getCellData(j, r.cells[j]);
+	                    rowData[1].push(headerText);
+	                }
+	                filteredData.push(rowData);
+	            }
+	
+	            var validRows = this.getValidRows(true);
+	            for (var i = 0; i < validRows.length; i++) {
+	                var rData = [this.validRowsIndex[i], []],
+	                    cells = row[this.validRowsIndex[i]].cells;
+	                for (var k = 0; k < cells.length; k++) {
+	                    var cell_data = this.getCellData(k, cells[k]);
+	                    rData[1].push(cell_data);
+	                }
+	                filteredData.push(rData);
+	            }
+	            return filteredData;
+	        }
+	    }, {
+	        key: 'getFilteredDataCol',
+	
+	        /**
+	         * Return the filtered data for a given column index
+	         * @param  {Number} colIndex Colmun's index
+	         * @return {Array}           Flat list of values ['val0','val1','val2'...]
+	         *
+	         * TODO: provide an API returning data in JSON format
+	         */
+	        value: function getFilteredDataCol(colIndex) {
+	            if (colIndex === undefined) {
+	                return [];
+	            }
+	            var data = this.getFilteredData(),
+	                colData = [];
+	            for (var i = 0, len = data.length; i < len; i++) {
+	                var r = data[i],
+	
+	                //cols values of current row
+	                d = r[1],
+	
+	                //data of searched column
+	                c = d[colIndex];
+	                colData.push(c);
+	            }
+	            return colData;
+	        }
+	    }, {
+	        key: 'getRowDisplay',
+	
+	        /**
+	         * Get the display value of a row
+	         * @param  {RowElement} DOM element of the row
+	         * @return {String}     Usually 'none' or ''
+	         */
+	        value: function getRowDisplay(row) {
+	            if (!this.fltGrid || !_Types2['default'].isObj(row)) {
+	                return;
+	            }
+	            return row.style.display;
+	        }
+	    }, {
+	        key: 'validateRow',
+	
+	        /**
+	         * Validate/invalidate row by setting the 'validRow' attribute on the row
+	         * @param  {Number}  rowIndex Index of the row
+	         * @param  {Boolean} isValid
+	         */
+	        value: function validateRow(rowIndex, isValid) {
+	            var row = this.tbl.rows[rowIndex];
+	            if (!row || typeof isValid !== 'boolean') {
+	                return;
+	            }
+	
+	            // always visible rows are valid
+	            if (this.hasVisibleRows && this.visibleRows.indexOf(rowIndex) !== -1) {
+	                isValid = true;
+	            }
+	
+	            var displayFlag = isValid ? '' : 'none',
+	                validFlag = isValid ? 'true' : 'false';
+	            row.style.display = displayFlag;
+	
+	            if (this.paging) {
+	                row.setAttribute('validRow', validFlag);
+	            }
+	        }
+	    }, {
+	        key: 'validateAllRows',
+	
+	        /**
+	         * Validate all filterable rows
+	         */
+	        value: function validateAllRows() {
+	            if (!this._hasGrid) {
+	                return;
+	            }
+	            this.validRowsIndex = [];
+	            for (var k = this.refRow; k < this.nbFilterableRows; k++) {
+	                this.validateRow(k, true);
+	                this.validRowsIndex.push(k);
+	            }
+	        }
+	    }, {
+	        key: 'setFilterValue',
+	
+	        /**
+	         * Set search value to a given filter
+	         * @param {Number} index     Column's index
+	         * @param {String} searcharg Search term
+	         */
+	        value: function setFilterValue(index) {
+	            var searcharg = arguments[1] === undefined ? '' : arguments[1];
+	
+	            if (!this.fltGrid && !this.isFirstLoad || !this.getFilterElement(index)) {
+	                return;
+	            }
+	            var slc = this.getFilterElement(index),
+	                fltColType = this.getFilterType(index);
+	
+	            if (fltColType !== this.fltTypeMulti && fltColType != this.fltTypeCheckList) {
+	                slc.value = searcharg;
+	            }
+	            //multiple selects
+	            else if (fltColType === this.fltTypeMulti) {
+	                var s = searcharg.split(' ' + this.orOperator + ' ');
+	                // let ct = 0; //keywords counter
+	                for (var j = 0, len = slc.options.length; j < len; j++) {
+	                    var option = slc.options[j];
+	                    if (s === '' || s[0] === '') {
+	                        option.selected = false;
+	                    }
+	                    if (option.value === '') {
+	                        option.selected = false;
+	                    }
+	                    if (option.value !== '' && _Arr2['default'].has(s, option.value, true)) {
+	                        option.selected = true;
+	                    } //if
+	                } //for j
+	            }
+	            //checklist
+	            else if (fltColType === this.fltTypeCheckList) {
+	                searcharg = _Str2['default'].matchCase(searcharg, this.caseSensitive);
+	                var sarg = searcharg.split(' ' + this.orOperator + ' ');
+	                var lisNb = _Dom2['default'].tag(slc, 'li').length;
+	
+	                slc.setAttribute('value', '');
+	                slc.setAttribute('indexes', '');
+	
+	                for (var k = 0; k < lisNb; k++) {
+	                    var li = _Dom2['default'].tag(slc, 'li')[k],
+	                        lbl = _Dom2['default'].tag(li, 'label')[0],
+	                        chk = _Dom2['default'].tag(li, 'input')[0],
+	                        lblTxt = _Str2['default'].matchCase(_Dom2['default'].getText(lbl), this.caseSensitive);
+	                    if (lblTxt !== '' && _Arr2['default'].has(sarg, lblTxt, true)) {
+	                        chk.checked = true;
+	                        this.Mod.checkList.setCheckListValues(chk);
+	                    } else {
+	                        chk.checked = false;
+	                        this.Mod.checkList.setCheckListValues(chk);
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'setColWidths',
+	
+	        /**
+	         * Set them columns' widths as per configuration
+	         * @param {Number} rowIndex Optional row index to apply the widths to
+	         * @param {Element} tbl DOM element
+	         */
+	        value: function setColWidths(rowIndex, tbl) {
+	            if (!this.fltGrid || !this.hasColWidths) {
+	                return;
+	            }
+	            tbl = tbl || this.tbl;
+	            var rIndex = undefined;
+	            if (rowIndex === undefined) {
+	                rIndex = tbl.rows[0].style.display != 'none' ? 0 : 1;
+	            } else {
+	                rIndex = rowIndex;
+	            }
+	
+	            setWidths.call(this, tbl.rows[rIndex]);
+	
+	            function setWidths(row) {
+	                /*jshint validthis:true */
+	                var nbCols = this.nbCells;
+	                var colWidths = this.colWidths;
+	                if (nbCols != colWidths.length || nbCols != row.cells.length) {
+	                    throw new Error('Columns number mismatch!');
+	                }
+	
+	                var colTags = _Dom2['default'].tag(tbl, 'col');
+	                var tblHasColTag = colTags.length > 0;
+	                var frag = !tblHasColTag ? doc.createDocumentFragment() : null;
+	                for (var k = 0; k < nbCols; k++) {
+	                    // row.cells[k].style.width = colWidths[k];
+	                    var col = undefined;
+	                    if (tblHasColTag) {
+	                        col = colTags[k];
+	                    } else {
+	                        col = _Dom2['default'].create('col', ['id', this.id + '_col_' + k]);
+	                        frag.appendChild(col);
+	                    }
+	                    col.style.width = colWidths[k];
+	                }
+	                if (!tblHasColTag) {
+	                    tbl.insertBefore(frag, tbl.firstChild);
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'enforceVisibility',
+	
+	        /**
+	         * Makes defined rows always visible
+	         */
+	        value: function enforceVisibility() {
+	            if (!this.hasVisibleRows) {
+	                return;
+	            }
+	            for (var i = 0, len = this.visibleRows.length; i < len; i++) {
+	                var row = this.visibleRows[i];
+	                //row index cannot be > nrows
+	                if (row <= this.nbRows) {
+	                    this.validateRow(row, true);
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'clearFilters',
+	        value: function clearFilters() {
+	            this.EvtManager(this.Evt.name.clear);
+	        }
+	    }, {
+	        key: '_clearFilters',
+	
+	        /**
+	         * Clear all the filters' values
+	         */
+	        value: function _clearFilters() {
+	            if (!this.fltGrid) {
+	                return;
+	            }
+	            if (this.onBeforeReset) {
+	                this.onBeforeReset.call(null, this, this.getFiltersValue());
+	            }
+	            for (var i = 0, len = this.fltIds.length; i < len; i++) {
+	                this.setFilterValue(i, '');
+	            }
+	            if (this.linkedFilters) {
+	                this.activeFilterId = '';
+	                this.linkFilters();
+	            }
+	            if (this.rememberPageLen) {
+	                _Cookie2['default'].remove(this.pgLenCookie);
+	            }
+	            if (this.rememberPageNb) {
+	                _Cookie2['default'].remove(this.pgNbCookie);
+	            }
+	            if (this.onAfterReset) {
+	                this.onAfterReset.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'clearActiveColumns',
+	
+	        /**
+	         * Clears filtered columns visual indicator (background color)
+	         * @return {[type]} [description]
+	         */
+	        value: function clearActiveColumns() {
+	            for (var i = 0, len = this.fltIds.length; i < len; i++) {
+	                _Dom2['default'].removeClass(this.getHeaderElement(i), this.activeColumnsCssClass);
+	            }
+	        }
+	    }, {
+	        key: 'linkFilters',
+	
+	        /**
+	         * Refresh the filters subject to linking ('select', 'multiple',
+	         * 'checklist' type)
+	         */
+	        value: function linkFilters() {
+	            if (!this.activeFilterId) {
+	                return;
+	            }
+	            var slcA1 = this.getFiltersByType(this.fltTypeSlc, true),
+	                slcA2 = this.getFiltersByType(this.fltTypeMulti, true),
+	                slcA3 = this.getFiltersByType(this.fltTypeCheckList, true),
+	                slcIndex = slcA1.concat(slcA2);
+	            slcIndex = slcIndex.concat(slcA3);
+	
+	            var activeFlt = this.activeFilterId.split('_')[0];
+	            activeFlt = activeFlt.split(this.prfxFlt)[1];
+	            var slcSelectedValue = undefined;
+	            for (var i = 0, len = slcIndex.length; i < len; i++) {
+	                var curSlc = _Dom2['default'].id(this.fltIds[slcIndex[i]]);
+	                slcSelectedValue = this.getFilterValue(slcIndex[i]);
+	
+	                // Welcome to cyclomatic complexity hell :)
+	                // TODO: simplify/refactor if statement
+	                if (activeFlt !== slcIndex[i] || this.paging && _Arr2['default'].has(slcA1, slcIndex[i]) && activeFlt === slcIndex[i] || !this.paging && (_Arr2['default'].has(slcA3, slcIndex[i]) || _Arr2['default'].has(slcA2, slcIndex[i])) || slcSelectedValue === this.displayAllText) {
+	
+	                    if (_Arr2['default'].has(slcA3, slcIndex[i])) {
+	                        this.Mod.checkList.checkListDiv[slcIndex[i]].innerHTML = '';
+	                    } else {
+	                        curSlc.innerHTML = '';
+	                    }
+	
+	                    //1st option needs to be inserted
+	                    if (this.fillSlcOnDemand) {
+	                        var opt0 = _Dom2['default'].createOpt(this.displayAllText, '');
+	                        if (curSlc) {
+	                            curSlc.appendChild(opt0);
+	                        }
+	                    }
+	
+	                    if (_Arr2['default'].has(slcA3, slcIndex[i])) {
+	                        this.Mod.checkList._build(slcIndex[i]);
+	                    } else {
+	                        this.Mod.dropdown._build(slcIndex[i], true);
+	                    }
+	
+	                    this.setFilterValue(slcIndex[i], slcSelectedValue);
+	                }
+	            } // for i
+	        }
+	    }, {
+	        key: '_resetGrid',
+	
+	        /**
+	         * Re-generate the filters grid bar when previously removed
+	         */
+	        value: function _resetGrid() {
+	            if (this.isFirstLoad) {
+	                return;
+	            }
+	
+	            var Mod = this.Mod;
+	            var tbl = this.tbl;
+	            var rows = tbl.rows;
+	            var filtersRowIndex = this.filtersRowIndex;
+	            var filtersRow = rows[filtersRowIndex];
+	
+	            // grid was removed, grid row element is stored in fltGridEl property
+	            if (!this.gridLayout) {
+	                // If table has a thead ensure the filters row is appended in the
+	                // thead element
+	                if (tbl.tHead) {
+	                    var tempRow = tbl.tHead.insertRow(this.filtersRowIndex);
+	                    tbl.tHead.replaceChild(this.fltGridEl, tempRow);
+	                } else {
+	                    filtersRow.parentNode.insertBefore(this.fltGridEl, filtersRow);
+	                }
+	            }
+	
+	            // filters are appended in external placeholders elements
+	            if (this.isExternalFlt) {
+	                var externalFltTgtIds = this.externalFltTgtIds;
+	                for (var ct = 0, len = externalFltTgtIds.length; ct < len; ct++) {
+	                    var extFlt = _Dom2['default'].id(externalFltTgtIds[ct]);
+	
+	                    if (!extFlt) {
+	                        continue;
+	                    }
+	
+	                    var externalFltEl = this.externalFltEls[ct];
+	                    extFlt.appendChild(externalFltEl);
+	                    var colFltType = this.getFilterType(ct);
+	                    //IE special treatment for gridLayout, appended filters are
+	                    //empty
+	                    if (this.gridLayout && externalFltEl.innerHTML === '' && colFltType !== this.fltTypeInp) {
+	                        if (colFltType === this.fltTypeSlc || colFltType === this.fltTypeMulti) {
+	                            Mod.dropdown.build(ct);
+	                        }
+	                        if (colFltType === this.fltTypeCheckList) {
+	                            Mod.checkList.build(ct);
+	                        }
+	                    }
+	                }
+	            }
+	
+	            this.nbFilterableRows = this.getRowsNb();
+	            this.nbVisibleRows = this.nbFilterableRows;
+	            this.nbRows = rows.length;
+	
+	            if (this.popUpFilters) {
+	                this.headersRow++;
+	                Mod.popupFilter.buildAll();
+	            }
+	
+	            if (!this.gridLayout) {
+	                _Dom2['default'].addClass(this.tbl, this.prfxTf);
+	            }
+	            this._hasGrid = true;
+	        }
+	    }, {
+	        key: '_containsStr',
+	
+	        /**
+	         * Checks if passed data contains the searched arg
+	         * @param  {String} arg         Search term
+	         * @param  {String} data        Data string
+	         * @param  {String} fltType     Filter type ('input', 'select')
+	         * @param  {Boolean} forceMatch Exact match
+	         * @return {Boolean]}
+	         *
+	         * TODO: move into string module, remove fltType in order to decouple it
+	         * from TableFilter module
+	         */
+	        value: function _containsStr(arg, data, fltType, forceMatch) {
+	            // Improved by Cedric Wartel (cwl)
+	            // automatic exact match for selects and special characters are now
+	            // filtered
+	            var regexp = undefined,
+	                modifier = this.caseSensitive ? 'g' : 'gi',
+	                exactMatch = !forceMatch ? this.exactMatch : forceMatch;
+	            if (exactMatch || fltType !== this.fltTypeInp && fltType) {
+	                regexp = new RegExp('(^\\s*)' + _Str2['default'].rgxEsc(arg) + '(\\s*$)', modifier);
+	            } else {
+	                regexp = new RegExp(_Str2['default'].rgxEsc(arg), modifier);
+	            }
+	            return regexp.test(data);
+	        }
+	    }, {
+	        key: 'isImported',
+	
+	        /**
+	         * Check if passed script or stylesheet is already imported
+	         * @param  {String}  filePath Ressource path
+	         * @param  {String}  type     Possible values: 'script' or 'link'
+	         * @return {Boolean}
+	         */
+	        value: function isImported(filePath, type) {
+	            var imported = false,
+	                importType = !type ? 'script' : type,
+	                attr = importType == 'script' ? 'src' : 'href',
+	                files = _Dom2['default'].tag(doc, importType);
+	            for (var i = 0, len = files.length; i < len; i++) {
+	                if (files[i][attr] === undefined) {
+	                    continue;
+	                }
+	                if (files[i][attr].match(filePath)) {
+	                    imported = true;
+	                    break;
+	                }
+	            }
+	            return imported;
+	        }
+	    }, {
+	        key: 'import',
+	
+	        /**
+	         * Import script or stylesheet
+	         * @param  {String}   fileId   Ressource ID
+	         * @param  {String}   filePath Ressource path
+	         * @param  {Function} callback Callback
+	         * @param  {String}   type     Possible values: 'script' or 'link'
+	         */
+	        value: function _import(fileId, filePath, callback, type) {
+	            var ftype = !type ? 'script' : type,
+	                imported = this.isImported(filePath, ftype);
+	            if (imported) {
+	                return;
+	            }
+	            var o = this,
+	                isLoaded = false,
+	                file = undefined,
+	                head = _Dom2['default'].tag(doc, 'head')[0];
+	
+	            if (_Str2['default'].lower(ftype) === 'link') {
+	                file = _Dom2['default'].create('link', ['id', fileId], ['type', 'text/css'], ['rel', 'stylesheet'], ['href', filePath]);
+	            } else {
+	                file = _Dom2['default'].create('script', ['id', fileId], ['type', 'text/javascript'], ['src', filePath]);
+	            }
+	
+	            //Browser <> IE onload event works only for scripts, not for stylesheets
+	            file.onload = file.onreadystatechange = function () {
+	                if (!isLoaded && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
+	                    isLoaded = true;
+	                    if (typeof callback === 'function') {
+	                        callback.call(null, o);
+	                    }
+	                }
+	            };
+	            file.onerror = function () {
+	                throw new Error('TF script could not load: ' + filePath);
+	            };
+	            head.appendChild(file);
+	        }
+	    }, {
+	        key: 'hasGrid',
+	
+	        /**
+	         * Check if table has filters grid
+	         * @return {Boolean}
+	         */
+	        value: function hasGrid() {
+	            return this._hasGrid;
+	        }
+	    }, {
+	        key: 'getFiltersId',
+	
+	        /**
+	         * Get list of filter IDs
+	         * @return {[type]} [description]
+	         */
+	        value: function getFiltersId() {
+	            return this.fltIds || [];
+	        }
+	    }, {
+	        key: 'getValidRows',
+	
+	        /**
+	         * Get filtered (valid) rows indexes
+	         * @param  {Boolean} reCalc Force calculation of filtered rows list
+	         * @return {Array}          List of row indexes
+	         */
+	        value: function getValidRows(reCalc) {
+	            if (!reCalc) {
+	                return this.validRowsIndex;
+	            }
+	
+	            this.validRowsIndex = [];
+	            for (var k = this.refRow; k < this.getRowsNb(true); k++) {
+	                var r = this.tbl.rows[k];
+	                if (!this.paging) {
+	                    if (this.getRowDisplay(r) !== 'none') {
+	                        this.validRowsIndex.push(r.rowIndex);
+	                    }
+	                } else {
+	                    if (r.getAttribute('validRow') === 'true' || r.getAttribute('validRow') === null) {
+	                        this.validRowsIndex.push(r.rowIndex);
+	                    }
+	                }
+	            }
+	            return this.validRowsIndex;
+	        }
+	    }, {
+	        key: 'getFiltersRowIndex',
+	
+	        /**
+	         * Get the index of the row containing the filters
+	         * @return {Number}
+	         */
+	        value: function getFiltersRowIndex() {
+	            return this.filtersRowIndex;
+	        }
+	    }, {
+	        key: 'getHeadersRowIndex',
+	
+	        /**
+	         * Get the index of the headers row
+	         * @return {Number}
+	         */
+	        value: function getHeadersRowIndex() {
+	            return this.headersRow;
+	        }
+	    }, {
+	        key: 'getStartRowIndex',
+	
+	        /**
+	         * Get the row index from where the filtering process start (1st filterable
+	         * row)
+	         * @return {Number}
+	         */
+	        value: function getStartRowIndex() {
+	            return this.refRow;
+	        }
+	    }, {
+	        key: 'getLastRowIndex',
+	
+	        /**
+	         * Get the index of the last row
+	         * @return {Number}
+	         */
+	        value: function getLastRowIndex() {
+	            if (!this._hasGrid) {
+	                return;
+	            }
+	            return this.nbRows - 1;
+	        }
+	    }, {
+	        key: 'getHeaderElement',
+	
+	        /**
+	         * Get the header DOM element for a given column index
+	         * @param  {Number} colIndex Column index
+	         * @return {Object}
+	         */
+	        value: function getHeaderElement(colIndex) {
+	            var table = this.gridLayout ? this.Mod.gridLayout.headTbl : this.tbl;
+	            var tHead = _Dom2['default'].tag(table, 'thead');
+	            var headersRow = this.headersRow;
+	            var header = undefined;
+	            for (var i = 0; i < this.nbCells; i++) {
+	                if (i !== colIndex) {
+	                    continue;
+	                }
+	                if (tHead.length === 0) {
+	                    header = table.rows[headersRow].cells[i];
+	                }
+	                if (tHead.length === 1) {
+	                    header = tHead[0].rows[headersRow].cells[i];
+	                }
+	                break;
+	            }
+	            return header;
+	        }
+	    }, {
+	        key: 'getFilterType',
+	
+	        /**
+	         * Return the filter type for a specified column
+	         * @param  {Number} colIndex Column's index
+	         * @return {String}
+	         */
+	        value: function getFilterType(colIndex) {
+	            var colType = this.cfg['col_' + colIndex];
+	            return !colType ? this.fltTypeInp : _Str2['default'].lower(colType);
+	        }
+	    }, {
+	        key: 'getFilterableRowsNb',
+	
+	        /**
+	         * Get the total number of filterable rows
+	         * @return {Number}
+	         */
+	        value: function getFilterableRowsNb() {
+	            return this.getRowsNb(false);
+	        }
+	    }, {
+	        key: 'config',
+	
+	        /**
+	         * Get the configuration object (literal object)
+	         * @return {Object}
+	         */
+	        value: function config() {
+	            return this.cfg;
+	        }
+	    }]);
+	
+	    return TableFilter;
+	})();
+	
+	exports.TableFilter = TableFilter;
 
-return t}}},{key:"getFilterId",value:function(t){return this.fltGrid?this.fltIds[t]:void 0}},{key:"getFiltersByType",value:function(t,e){if(this.fltGrid){for(var s=[],i=0,a=this.fltIds.length;a>i;i++){var l=this.getFilterType(i);if(l===u["default"].lower(t)){var n=e?i:this.fltIds[i];s.push(n)}}return s}}},{key:"getFilterElement",value:function(t){var e=this.fltIds[t];return h["default"].id(e)}},{key:"getCellsNb",value:function(){var t=void 0===arguments[0]?0:arguments[0],e=this.tbl.rows[t];return e.cells.length}},{key:"getRowsNb",value:function(t){var e=g["default"].isUndef(this.refRow)?0:this.refRow,s=this.tbl.rows.length;return t&&(e=0),parseInt(s-e,10)}},{key:"getCellData",value:function(t,e){return g["default"].isUndef(t)||!e?"":this.customCellData&&b["default"].has(this.customCellDataCols,t)?this.customCellData.call(null,this,e,t):h["default"].getText(e)}},{key:"getTableData",value:function(){for(var t=this.tbl.rows,e=this.refRow;e<this.nbRows;e++){for(var s=[e,[]],i=t[e].cells,a=0,l=i.length;l>a;a++){var n=this.getCellData(a,i[a]);s[1].push(n)}this.tblData.push(s)}return this.tblData}},{key:"getFilteredData",value:function(t){if(!this.validRowsIndex)return[];var e=this.tbl.rows,s=[];if(t){for(var i=this.gridLayout?this.Mod.gridLayout.headTbl:this.tbl,a=i.rows[this.headersRow],l=[a.rowIndex,[]],n=0;n<this.nbCells;n++){var r=this.getCellData(n,a.cells[n]);l[1].push(r)}s.push(l)}for(var o=this.getValidRows(!0),h=0;h<o.length;h++){for(var d=[this.validRowsIndex[h],[]],u=e[this.validRowsIndex[h]].cells,f=0;f<u.length;f++){var c=this.getCellData(f,u[f]);d[1].push(c)}s.push(d)}return s}},{key:"getFilteredDataCol",value:function(t){if(void 0===t)return[];for(var e=this.getFilteredData(),s=[],i=0,a=e.length;a>i;i++){var l=e[i],n=l[1],r=n[t];s.push(r)}return s}},{key:"getRowDisplay",value:function(t){return this.fltGrid&&g["default"].isObj(t)?t.style.display:void 0}},{key:"validateRow",value:function(t,e){var s=this.tbl.rows[t];if(s&&"boolean"==typeof e){this.hasVisibleRows&&-1!==this.visibleRows.indexOf(t)&&(e=!0);var i=e?"":"none",a=e?"true":"false";s.style.display=i,this.paging&&s.setAttribute("validRow",a)}}},{key:"validateAllRows",value:function(){if(this._hasGrid){this.validRowsIndex=[];for(var t=this.refRow;t<this.nbFilterableRows;t++)this.validateRow(t,!0),this.validRowsIndex.push(t)}}},{key:"setFilterValue",value:function(t){var e=void 0===arguments[1]?"":arguments[1];if((this.fltGrid||this.isFirstLoad)&&this.getFilterElement(t)){var s=this.getFilterElement(t),i=this.getFilterType(t);if(i!==this.fltTypeMulti&&i!=this.fltTypeCheckList)s.value=e;else if(i===this.fltTypeMulti)for(var a=e.split(" "+this.orOperator+" "),l=0,n=s.options.length;n>l;l++){var r=s.options[l];(""===a||""===a[0])&&(r.selected=!1),""===r.value&&(r.selected=!1),""!==r.value&&b["default"].has(a,r.value,!0)&&(r.selected=!0)}else if(i===this.fltTypeCheckList){e=u["default"].matchCase(e,this.caseSensitive);var o=e.split(" "+this.orOperator+" "),d=h["default"].tag(s,"li").length;s.setAttribute("value",""),s.setAttribute("indexes","");for(var f=0;d>f;f++){var c=h["default"].tag(s,"li")[f],p=h["default"].tag(c,"label")[0],g=h["default"].tag(c,"input")[0],v=u["default"].matchCase(h["default"].getText(p),this.caseSensitive);""!==v&&b["default"].has(o,v,!0)?(g.checked=!0,this.Mod.checkList.setCheckListValues(g)):(g.checked=!1,this.Mod.checkList.setCheckListValues(g))}}}}},{key:"setColWidths",value:function(t,e){function s(t){var s=this.nbCells,i=this.colWidths;if(s!=i.length||s!=t.cells.length)throw new Error("Columns number mismatch!");for(var a=h["default"].tag(e,"col"),l=a.length>0,n=l?null:A.createDocumentFragment(),r=0;s>r;r++){var o=void 0;l?o=a[r]:(o=h["default"].create("col",["id",this.id+"_col_"+r]),n.appendChild(o)),o.style.width=i[r]}l||e.insertBefore(n,e.firstChild)}if(this.fltGrid&&this.hasColWidths){e=e||this.tbl;var i=void 0;i=void 0===t?"none"!=e.rows[0].style.display?0:1:t,s.call(this,e.rows[i])}}},{key:"enforceVisibility",value:function(){if(this.hasVisibleRows)for(var t=0,e=this.visibleRows.length;e>t;t++){var s=this.visibleRows[t];s<=this.nbRows&&this.validateRow(s,!0)}}},{key:"clearFilters",value:function(){this.EvtManager(this.Evt.name.clear)}},{key:"_clearFilters",value:function(){if(this.fltGrid){this.onBeforeReset&&this.onBeforeReset.call(null,this,this.getFiltersValue());for(var t=0,e=this.fltIds.length;e>t;t++)this.setFilterValue(t,"");this.linkedFilters&&(this.activeFilterId="",this.linkFilters()),this.rememberPageLen&&c["default"].remove(this.pgLenCookie),this.rememberPageNb&&c["default"].remove(this.pgNbCookie),this.onAfterReset&&this.onAfterReset.call(null,this)}}},{key:"clearActiveColumns",value:function(){for(var t=0,e=this.fltIds.length;e>t;t++)h["default"].removeClass(this.getHeaderElement(t),this.activeColumnsCssClass)}},{key:"linkFilters",value:function(){if(this.activeFilterId){var t=this.getFiltersByType(this.fltTypeSlc,!0),e=this.getFiltersByType(this.fltTypeMulti,!0),s=this.getFiltersByType(this.fltTypeCheckList,!0),i=t.concat(e);i=i.concat(s);var a=this.activeFilterId.split("_")[0];a=a.split(this.prfxFlt)[1];for(var l=void 0,n=0,r=i.length;r>n;n++){var o=h["default"].id(this.fltIds[i[n]]);if(l=this.getFilterValue(i[n]),a!==i[n]||this.paging&&b["default"].has(t,i[n])&&a===i[n]||!this.paging&&(b["default"].has(s,i[n])||b["default"].has(e,i[n]))||l===this.displayAllText){if(b["default"].has(s,i[n])?this.Mod.checkList.checkListDiv[i[n]].innerHTML="":o.innerHTML="",this.fillSlcOnDemand){var d=h["default"].createOpt(this.displayAllText,"");o&&o.appendChild(d)}b["default"].has(s,i[n])?this.Mod.checkList._build(i[n]):this.Mod.dropdown._build(i[n],!0),this.setFilterValue(i[n],l)}}}}},{key:"_resetGrid",value:function(){if(!this.isFirstLoad){var t=this.Mod,e=this.tbl,s=e.rows,i=this.filtersRowIndex,a=s[i];if(!this.gridLayout)if(e.tHead){var l=e.tHead.insertRow(this.filtersRowIndex);e.tHead.replaceChild(this.fltGridEl,l)}else a.parentNode.insertBefore(this.fltGridEl,a);if(this.isExternalFlt)for(var n=this.externalFltTgtIds,r=0,o=n.length;o>r;r++){var d=h["default"].id(n[r]);if(d){var u=this.externalFltEls[r];d.appendChild(u);var f=this.getFilterType(r);this.gridLayout&&""===u.innerHTML&&f!==this.fltTypeInp&&((f===this.fltTypeSlc||f===this.fltTypeMulti)&&t.dropdown.build(r),f===this.fltTypeCheckList&&t.checkList.build(r))}}this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=s.length,this.popUpFilters&&(this.headersRow++,t.popupFilter.buildAll()),this.gridLayout||h["default"].addClass(this.tbl,this.prfxTf),this._hasGrid=!0}}},{key:"_containsStr",value:function(t,e,s,i){var a=void 0,l=this.caseSensitive?"g":"gi",n=i?i:this.exactMatch;return a=n||s!==this.fltTypeInp&&s?new RegExp("(^\\s*)"+u["default"].rgxEsc(t)+"(\\s*$)",l):new RegExp(u["default"].rgxEsc(t),l),a.test(e)}},{key:"isImported",value:function(t,e){for(var s=!1,i=e?e:"script",a="script"==i?"src":"href",l=h["default"].tag(A,i),n=0,r=l.length;r>n;n++)if(void 0!==l[n][a]&&l[n][a].match(t)){s=!0;break}return s}},{key:"import",value:function(t,e,s,i){var a=i?i:"script",l=this.isImported(e,a);if(!l){var n=this,r=!1,o=void 0,d=h["default"].tag(A,"head")[0];o="link"===u["default"].lower(a)?h["default"].create("link",["id",t],["type","text/css"],["rel","stylesheet"],["href",e]):h["default"].create("script",["id",t],["type","text/javascript"],["src",e]),o.onload=o.onreadystatechange=function(){r||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(r=!0,"function"==typeof s&&s.call(null,n))},o.onerror=function(){throw new Error("TF script could not load: "+e)},d.appendChild(o)}}},{key:"hasGrid",value:function(){return this._hasGrid}},{key:"getFiltersId",value:function(){return this.fltIds||[]}},{key:"getValidRows",value:function(t){if(!t)return this.validRowsIndex;this.validRowsIndex=[];for(var e=this.refRow;e<this.getRowsNb(!0);e++){var s=this.tbl.rows[e];this.paging?("true"===s.getAttribute("validRow")||null===s.getAttribute("validRow"))&&this.validRowsIndex.push(s.rowIndex):"none"!==this.getRowDisplay(s)&&this.validRowsIndex.push(s.rowIndex)}return this.validRowsIndex}},{key:"getFiltersRowIndex",value:function(){return this.filtersRowIndex}},{key:"getHeadersRowIndex",value:function(){return this.headersRow}},{key:"getStartRowIndex",value:function(){return this.refRow}},{key:"getLastRowIndex",value:function(){return this._hasGrid?this.nbRows-1:void 0}},{key:"getHeaderElement",value:function(t){for(var e=this.gridLayout?this.Mod.gridLayout.headTbl:this.tbl,s=h["default"].tag(e,"thead"),i=this.headersRow,a=void 0,l=0;l<this.nbCells;l++)if(l===t){0===s.length&&(a=e.rows[i].cells[l]),1===s.length&&(a=s[0].rows[i].cells[l]);break}return a}},{key:"getFilterType",value:function(t){var e=this.cfg["col_"+t];return e?u["default"].lower(e):this.fltTypeInp}},{key:"getFilterableRowsNb",value:function(){return this.getRowsNb(!1)}},{key:"config",value:function(){return this.cfg}}]),t}();e.TableFilter=H},,function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={add:function(t,e,s,i){t.addEventListener?t.addEventListener(e,s,i):t.attachEvent?t.attachEvent("on"+e,s):t["on"+e]=s},remove:function(t,e,s,i){t.detachEvent?t.detachEvent("on"+e,s):t.removeEventListener?t.removeEventListener(e,s,i):t["on"+e]=null},stop:function(t){t||(t=window.event),t.stopPropagation?t.stopPropagation():t.cancelBubble=!0},cancel:function(t){t||(t=window.event),t.preventDefault?t.preventDefault():t.returnValue=!1},target:function(t){return t&&t.target||window.event&&window.event.srcElement},keyCode:function(t){return t.charCode?t.charCode:t.keyCode?t.keyCode:t.which?t.which:0}},t.exports=e["default"]},function(t,e,s){"use strict";function i(){return document.documentElement.classList}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={getText:function(t){var e=t.textContent||t.innerText||t.innerHTML.replace(/<[^<>]+>/g,"");return e=e.replace(/^\s+/,"").replace(/\s+$/,"")},create:function(t){if(t&&""!==t){var e=document.createElement(t),s=arguments;if(s.length>1)for(var i=0;i<s.length;i++){var a=typeof s[i];"object"===a.toLowerCase()&&2===s[i].length&&e.setAttribute(s[i][0],s[i][1])}return e}},text:function(t){return document.createTextNode(t)},hasClass:function(t,e){return t?i()?t.classList.contains(e):t.className.match(new RegExp("(\\s|^)"+e+"(\\s|$)")):!1},addClass:function(t,e){return t?i()?void t.classList.add(e):void(""===t.className?t.className=e:this.hasClass(t,e)||(t.className+=" "+e)):void 0},removeClass:function(t,e){if(t){if(i())return void t.classList.remove(e);var s=new RegExp("(\\s|^)"+e+"(\\s|$)","g");t.className=t.className.replace(s,"")}},createOpt:function(t,e,s){var i=s?!0:!1,a=i?this.create("option",["value",e],["selected","true"]):this.create("option",["value",e]);return a.appendChild(this.text(t)),a},createCheckItem:function(t,e,s){var i=this.create("li"),a=this.create("label",["for",t]),l=this.create("input",["id",t],["name",t],["type","checkbox"],["value",e]);return a.appendChild(l),a.appendChild(this.text(s)),i.appendChild(a),i.label=a,i.check=l,i},id:function(t){return document.getElementById(t)},tag:function(t,e){return t.getElementsByTagName(e)}},t.exports=e["default"]},function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={lower:function(t){return t.toLowerCase()},upper:function(t){return t.toUpperCase()},trim:function(t){return t.trim?t.trim():t.replace(/^\s*|\s*$/g,"")},isEmpty:function(t){return""===this.trim(t)},rgxEsc:function(t){var e=/[-\/\\^$*+?.()|[\]{}]/g,s="\\$&";return String(t).replace(e,s)},matchCase:function(t,e){return e?t:this.lower(t)}},t.exports=e["default"]},function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={write:function(t,e,s){var i="";s&&(i=new Date((new Date).getTime()+36e5*s),i="; expires="+i.toGMTString()),document.cookie=t+"="+escape(e)+i},read:function(t){var e="",s=t+"=";if(document.cookie.length>0){var i=document.cookie,a=i.indexOf(s);if(-1!==a){a+=s.length;var l=i.indexOf(";",a);-1===l&&(l=i.length),e=unescape(i.substring(a,l))}}return e},remove:function(t){this.write(t,"",-1)},valueToArray:function(t,e){e||(e=",");var s=this.read(t),i=s.split(e);return i},getValueByIndex:function(t,e,s){s||(s=",");var i=this.valueToArray(t,s);return i[e]}},t.exports=e["default"]},function(t,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=void 0;e["default"]={isObj:function(t){var e=!1;return"string"==typeof t?window[t]&&"object"==typeof window[t]&&(e=!0):t&&"object"==typeof t&&(e=!0),e},isFn:function(t){return t&&t.constructor==Function},isArray:function(t){return t&&t.constructor==Array},isUndef:function(t){return t===i},isNull:function(t){return null===t},isEmpty:function(t){return this.isUndef(t)||this.isNull(t)||0===t.length}},t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(e,"__esModule",{value:!0});var a=s(4),l=i(a);e["default"]={has:function(t,e,s){for(var i=void 0===s?!1:s,a=0;a<t.length;a++)if(l["default"].matchCase(t[a].toString(),i)==e)return!0;return!1},indexByValue:function(t,e,s){for(var i=void 0===s?!1:s,a=0;a<t.length;a++)if(l["default"].matchCase(t[a].toString(),i)==e)return a;return-1}},t.exports=e["default"]},function(t,e,s){"use strict";function i(t){if(void 0===t)return 0;if(t.length>2)return t;var e=void 0;return 99>=t&&t>50&&(e="19"+t),(50>t||"00"===t)&&(e="20"+t),e}function a(t){if(void 0===t)return 0;for(var e=void 0,s=["january","february","march","april","may","june","july","august","september","october","november","december","jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],i=0;i<s.length;i++){var a=s[i];if(t.toLowerCase()===a){e=i+1;break}}return(e>11||23>e)&&(e-=12),1>e||e>12?0:e}Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={isValid:function(t,e){if(e||(e="DMY"),e=e.toUpperCase(),3!=e.length&&"DDMMMYYYY"===e){var s=this.format(t,e);t=s.getDate()+"/"+(s.getMonth()+1)+"/"+s.getFullYear(),e="DMY"}(-1===e.indexOf("M")||-1===e.indexOf("D")||-1===e.indexOf("Y"))&&(e="DMY");var i=void 0,a=void 0;if("Y"==e.substring(0,1)?(i=/^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/,a=/^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/):"Y"==e.substring(1,2)?(i=/^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/,a=/^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/):(i=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/,a=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/),i.test(t)===!1&&a.test(t)===!1)return!1;var l=t.split(RegExp.$1),n=void 0,r=void 0,o=void 0;n="M"===e.substring(0,1)?l[0]:"M"===e.substring(1,2)?l[1]:l[2],r="D"===e.substring(0,1)?l[0]:"D"===e.substring(1,2)?l[1]:l[2],o="Y"===e.substring(0,1)?l[0]:"Y"===e.substring(1,2)?l[1]:l[2],parseInt(o,10)<=50&&(o=(parseInt(o,10)+2e3).toString()),parseInt(o,10)<=99&&(o=(parseInt(o,10)+1900).toString());var h=new Date(parseInt(o,10),parseInt(n,10)-1,parseInt(r,10),0,0,0,0);return parseInt(r,10)!=h.getDate()?!1:parseInt(n,10)-1!=h.getMonth()?!1:!0},format:function(t,e){if(e||(e="DMY"),!t||""===t)return new Date(1001,0,1);var s=void 0,l=void 0;switch(e.toUpperCase()){case"DDMMMYYYY":l=t.replace(/[- \/.]/g," ").split(" "),s=new Date(i(l[2]),a(l[1])-1,l[0]);break;case"DMY":l=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),s=new Date(i(l[2]),l[1]-1,l[0]);break;case"MDY":l=t.replace(/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),s=new Date(i(l[2]),l[0]-1,l[1]);break;case"YMD":l=t.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,"$1 $4 $6").split(" "),s=new Date(i(l[0]),l[1]-1,l[2]);break;default:l=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),s=new Date(i(l[2]),l[1]-1,l[0])}return s}},t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(e,"__esModule",{value:!0});var a=s(4),l=i(a);e["default"]={removeNbFormat:function(t,e){if(t){e||(e="us");var s=t;return s="us"===l["default"].lower(e)?+s.replace(/[^\d\.-]/g,""):+s.replace(/[^\d\,-]/g,"").replace(",",".")}}},t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(5),r=i(n),o=function(){function t(e){a(this,t);var s=e.config();this.duration=isNaN(s.set_cookie_duration)?1e5:parseInt(s.set_cookie_duration,10),this.tf=e}return l(t,[{key:"saveFilterValues",value:function(t){for(var e=this.tf,s=[],i=0;i<e.fltIds.length;i++){var a=e.getFilterValue(i);""===a&&(a=" "),s.push(a)}s.push(e.fltIds.length),r["default"].write(t,s.join(e.separator),this.duration)}},{key:"getFilterValues",value:function(t){var e=r["default"].read(t),s=new RegExp(this.tf.separator,"g");return e.split(s)}},{key:"savePageNb",value:function(t){r["default"].write(t,this.tf.feature("paging").currentPageNb,this.duration)}},{key:"getPageNb",value:function(t){return r["default"].read(t)}},{key:"savePageLength",value:function(t){r["default"].write(t,this.tf.feature("paging").resultsPerPageSlc.selectedIndex,this.duration)}},{key:"getPageLength",value:function(t){return r["default"].read(t)}}]),t}();e.Store=o},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=s(2),u=i(d),f=function(){function t(e){a(this,t);var s=e.config();this.gridWidth=s.grid_width||null,this.gridHeight=s.grid_height||null,this.gridMainContCssClass=s.grid_cont_css_class||"grd_Cont",this.gridContCssClass=s.grid_tbl_cont_css_class||"grd_tblCont",this.gridHeadContCssClass=s.grid_tblHead_cont_css_class||"grd_headTblCont",this.gridInfDivCssClass=s.grid_inf_grid_css_class||"grd_inf",this.gridHeadRowIndex=s.grid_headers_row_index||0,this.gridHeadRows=s.grid_headers_rows||[0],this.gridEnableFilters=void 0!==s.grid_enable_default_filters?s.grid_enable_default_filters:!0,this.gridDefaultColWidth=s.grid_default_col_width||"100px",this.gridColElms=[],this.prfxMainTblCont="gridCont_",this.prfxTblCont="tblCont_",this.prfxHeadTblCont="tblHeadCont_",this.prfxHeadTbl="tblHead_",this.prfxGridFltTd="_td_",this.prfxGridTh="tblHeadTh_",this.tf=e}return l(t,[{key:"init",value:function(){var t=this,e=this.tf,s=e.config(),i=e.tbl;if(e.gridLayout){if(e.isExternalFlt=!0,!e.hasColWidths){e.colWidths=[];for(var a=0;a<e.nbCells;a++){var l,n=i.rows[this.gridHeadRowIndex].cells[a];l=""!==n.width?n.width:""!==n.style.width?parseInt(n.style.width,10):this.gridDefaultColWidth,e.colWidths[a]=l}e.hasColWidths=!0}e.setColWidths(this.gridHeadRowIndex);var o;o=""!==i.width?i.width:""!==i.style.width?parseInt(i.style.width,10):i.clientWidth,this.tblMainCont=r["default"].create("div",["id",this.prfxMainTblCont+e.id]),this.tblMainCont.className=this.gridMainContCssClass,this.gridWidth&&(this.tblMainCont.style.width=this.gridWidth),i.parentNode.insertBefore(this.tblMainCont,i),this.tblCont=r["default"].create("div",["id",this.prfxTblCont+e.id]),this.tblCont.className=this.gridContCssClass,this.gridWidth&&(-1!=this.gridWidth.indexOf("%")?(console.log(this.gridWidth),this.tblCont.style.width="100%"):this.tblCont.style.width=this.gridWidth),this.gridHeight&&(this.tblCont.style.height=this.gridHeight),i.parentNode.insertBefore(this.tblCont,i);var d=i.parentNode.removeChild(i);this.tblCont.appendChild(d),""===i.style.width&&(i.style.width=(e._containsStr("%",o)?i.clientWidth:o)+"px");var f=this.tblCont.parentNode.removeChild(this.tblCont);this.tblMainCont.appendChild(f),this.headTblCont=r["default"].create("div",["id",this.prfxHeadTblCont+e.id]),this.headTblCont.className=this.gridHeadContCssClass,this.gridWidth&&(-1!=this.gridWidth.indexOf("%")?(console.log(this.gridWidth),this.headTblCont.style.width="100%"):this.headTblCont.style.width=this.gridWidth),this.headTbl=r["default"].create("table",["id",this.prfxHeadTbl+e.id]);for(var c=r["default"].create("tHead"),p=i.rows[this.gridHeadRowIndex],g=[],v=0;v<e.nbCells;v++){var b=p.cells[v],m=b.getAttribute("id");m&&""!==m||(m=this.prfxGridTh+v+"_"+e.id,b.setAttribute("id",m)),g.push(m)}var _=r["default"].create("tr");if(this.gridEnableFilters&&e.fltGrid){e.externalFltTgtIds=[];for(var C=0;C<e.nbCells;C++){var y=e.prfxFlt+C+this.prfxGridFltTd+e.id,w=r["default"].create(e.fltCellTag,["id",y]);_.appendChild(w),e.externalFltTgtIds[C]=y}}for(var x=0;x<this.gridHeadRows.length;x++){var k=i.rows[this.gridHeadRows[0]];c.appendChild(k)}this.headTbl.appendChild(c),0===e.filtersRowIndex?c.insertBefore(_,p):c.appendChild(_),this.headTblCont.appendChild(this.headTbl),this.tblCont.parentNode.insertBefore(this.headTblCont,this.tblCont);var T=r["default"].tag(i,"thead");T.length>0&&i.removeChild(T[0]),this.headTbl.style.tableLayout="fixed",i.style.tableLayout="fixed",this.headTbl.cellPadding=i.cellPadding,this.headTbl.cellSpacing=i.cellSpacing,e.setColWidths(0,this.headTbl),i.style.width="",this.headTbl.style.width=i.clientWidth+"px",u["default"].add(this.tblCont,"scroll",function(e){var s=u["default"].target(e),i=s.scrollLeft;t.headTblCont.scrollLeft=i});var R=(s.extensions||[]).filter(function(t){return"sort"===t.name});1===R.length&&(R[0].async_sort=!0,R[0].trigger_ids=g),this.tblHasColTag=r["default"].tag(i,"col").length>0?!0:!1;var F=function(){for(var t=e.nbCells-1;t>=0;t--){var s=r["default"].create("col",["id",e.id+"_col_"+t]);i.insertBefore(s,i.firstChild),s.style.width=e.colWidths[t],this.gridColElms[t]=s}this.tblHasColTag=!0};if(this.tblHasColTag)for(var P=r["default"].tag(i,"col"),I=0;I<e.nbCells;I++)P[I].setAttribute("id",e.id+"_col_"+I),P[I].style.width=e.colWidths[I],this.gridColElms.push(P[I]);else F.call(this);var S=h["default"].isFn(s.on_after_col_resized)?s.on_after_col_resized:null;s.on_after_col_resized=function(t,e){if(e){var s=t.crWColsRow.cells[e].style.width,a=t.gridColElms[e];a.style.width=s;var l=t.crWColsRow.cells[e].clientWidth,n=t.crWRowDataTbl.cells[e].clientWidth;l!=n&&(t.headTbl.style.width=i.clientWidth+"px"),S&&S.call(null,t,e)}},i.clientWidth!==this.headTbl.clientWidth&&(i.style.width=this.headTbl.clientWidth+"px")}}},{key:"destroy",value:function(){var t=this.tf,e=t.tbl;if(t.gridLayout){var s=e.parentNode.removeChild(e);this.tblMainCont.parentNode.insertBefore(s,this.tblMainCont),this.tblMainCont.parentNode.removeChild(this.tblMainCont),this.tblMainCont=null,this.headTblCont=null,this.headTbl=null,this.tblCont=null,e.outerHTML=t.sourceTblHtml,e=r["default"].id(t.id)}}}]),t}();e.GridLayout=f},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=window,u=function(){function t(e){a(this,t);var s=e.config();this.loaderTgtId=s.loader_target_id||null,this.loaderDiv=null,this.loaderText=s.loader_text||"Loading...",this.loaderHtml=s.loader_html||null,this.loaderCssClass=s.loader_css_class||"loader",this.loaderCloseDelay=200,this.onShowLoader=h["default"].isFn(s.on_show_loader)?s.on_show_loader:null,this.onHideLoader=h["default"].isFn(s.on_hide_loader)?s.on_hide_loader:null,this.prfxLoader="load_",this.tf=e;var i=r["default"].create("div",["id",this.prfxLoader+e.id]);i.className=this.loaderCssClass;var l=this.loaderTgtId?r["default"].id(this.loaderTgtId):e.tbl.parentNode;this.loaderTgtId?l.appendChild(i):l.insertBefore(i,e.tbl),this.loaderDiv=r["default"].id(this.prfxLoader+e.id),this.loaderHtml?this.loaderDiv.innerHTML=this.loaderHtml:this.loaderDiv.appendChild(r["default"].text(this.loaderText))}return l(t,[{key:"show",value:function(t){var e=this;if(this.tf.loader&&this.loaderDiv&&this.loaderDiv.style.display!==t){var s=function(){e.loaderDiv&&(e.onShowLoader&&"none"!==t&&e.onShowLoader.call(null,e),e.loaderDiv.style.display=t,e.onHideLoader&&"none"===t&&e.onHideLoader.call(null,e))},i="none"===t?this.loaderCloseDelay:1;d.setTimeout(s,i)}}},{key:"destroy",value:function(){if(this.loaderDiv){var t=this.tf,e=this.loaderTgtId?r["default"].id(this.loaderTgtId):t.gridLayout?t.feature("gridLayout").tblCont:t.tbl.parentNode;e.removeChild(this.loaderDiv),this.loaderDiv=null}}}]),t}();e.Loader=u},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(4),h=i(o),d=function(){function t(e){a(this,t);var s=e.config();this.highlightCssClass=s.highlight_css_class||"keyword",this.highlightedNodes=[],this.tf=e}return l(t,[{key:"highlight",value:function(t,e,s){if(t.hasChildNodes)for(var i=t.childNodes,a=0;a<i.length;a++)this.highlight(i[a],e,s);if(3===t.nodeType){var l=h["default"].lower(t.nodeValue),n=h["default"].lower(e);if(-1!=l.indexOf(n)){var o=t.parentNode;if(o&&o.className!=s){var d=t.nodeValue,u=l.indexOf(n),f=r["default"].text(d.substr(0,u)),c=d.substr(u,e.length),p=r["default"].text(d.substr(u+e.length)),g=r["default"].text(c),v=r["default"].create("span");v.className=s,v.appendChild(g),o.insertBefore(f,t),o.insertBefore(v,t),o.insertBefore(p,t),o.removeChild(t),this.highlightedNodes.push(v.firstChild)}}}}},{key:"unhighlight",value:function(t,e){for(var s=[],i=this.highlightedNodes,a=0;a<i.length;a++){var l=i[a];if(l){var n=h["default"].lower(l.nodeValue),r=h["default"].lower(t);if(-1!==n.indexOf(r)){var o=l.parentNode;if(o&&o.className===e){var d=o.previousSibling,u=o.nextSibling;if(!d||!u)continue;u.nodeValue=d.nodeValue+l.nodeValue+u.nodeValue,d.nodeValue="",l.nodeValue="",s.push(a)}}}}for(var f=0;f<s.length;f++)i.splice(s[f],1)}},{key:"unhighlightAll",value:function(){if(this.tf.highlightKeywords&&this.tf.searchArgs){for(var t=0;t<this.tf.searchArgs.length;t++)this.unhighlight(this.tf.searchArgs[t],this.highlightCssClass);this.highlightedNodes=[]}}}]),t}();e.HighlightKeyword=d},function(t,e,s){(function(t){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(6),r=i(n),o=s(3),h=i(o),d=s(2),u=i(d),f=function(){function e(t){a(this,e);var s=t.config();t.isExternalFlt=!0,t.externalFltTgtIds=[],this.popUpImgFlt=s.popup_filters_image||t.themesPath+"icn_filter.gif",this.popUpImgFltActive=s.popup_filters_image_active||t.themesPath+"icn_filterActive.gif",this.popUpImgFltHtml=s.popup_filters_image_html||'<img src="'+this.popUpImgFlt+'" alt="Column filter" />',this.popUpDivCssClass=s.popup_div_css_class||"popUpFilter",this.onBeforePopUpOpen=r["default"].isFn(s.on_before_popup_filter_open)?s.on_before_popup_filter_open:null,this.onAfterPopUpOpen=r["default"].isFn(s.on_after_popup_filter_open)?s.on_after_popup_filter_open:null,this.onBeforePopUpClose=r["default"].isFn(s.on_before_popup_filter_close)?s.on_before_popup_filter_close:null,this.onAfterPopUpClose=r["default"].isFn(s.on_after_popup_filter_close)?s.on_after_popup_filter_close:null,this.popUpFltSpans=[],this.popUpFltImgs=[],this.popUpFltElms=this.popUpFltElmCache||[],this.popUpFltAdjustToContainer=!0,this.prfxPopUpSpan="popUpSpan_",this.prfxPopUpDiv="popUpDiv_",this.tf=t}return l(e,[{key:"onClick",value:function(e){var s=e||t.event,i=s.target.parentNode,a=parseInt(i.getAttribute("ci"),10);if(this.closeAll(a),this.toggle(a),this.popUpFltAdjustToContainer){var l=this.popUpFltElms[a],n=this.tf.getHeaderElement(a),r=.95*n.clientWidth;l.style.width=parseInt(r,10)+"px"}u["default"].cancel(s),u["default"].stop(s)}},{key:"init",value:function(){for(var t=this,e=this.tf,s=0;s<e.nbCells;s++)if(e["col"+s]!==e.fltTypeNone){var i=h["default"].create("span",["id",this.prfxPopUpSpan+e.id+"_"+s],["ci",s]);i.innerHTML=this.popUpImgFltHtml;var a=e.getHeaderElement(s);a.appendChild(i),u["default"].add(i,"click",function(e){t.onClick(e)}),this.popUpFltSpans[s]=i,this.popUpFltImgs[s]=i.firstChild}}},{key:"buildAll",value:function(){for(var t=0;t<this.popUpFltElmCache.length;t++)this.build(t,this.popUpFltElmCache[t])}},{key:"build",value:function(t,e){var s=this.tf,i=e?e:h["default"].create("div",["id",this.prfxPopUpDiv+s.id+"_"+t]);i.className=this.popUpDivCssClass,s.externalFltTgtIds.push(i.id);var a=s.getHeaderElement(t);a.insertBefore(i,a.firstChild),u["default"].add(i,"click",function(t){u["default"].stop(t)}),this.popUpFltElms[t]=i}},{key:"toggle",value:function(t){var e=this.tf,s=this.popUpFltElms[t];if("none"===s.style.display||""===s.style.display){if(this.onBeforePopUpOpen&&this.onBeforePopUpOpen.call(null,this,this.popUpFltElms[t],t),s.style.display="block",e["col"+t]===e.fltTypeInp){var i=e.getFilterElement(t);i&&i.focus()}this.onAfterPopUpOpen&&this.onAfterPopUpOpen.call(null,this,this.popUpFltElms[t],t)}else this.onBeforePopUpClose&&this.onBeforePopUpClose.call(null,this,this.popUpFltElms[t],t),s.style.display="none",this.onAfterPopUpClose&&this.onAfterPopUpClose.call(null,this,this.popUpFltElms[t],t)}},{key:"closeAll",value:function(t){for(var e=0;e<this.popUpFltElms.length;e++)if(e!==t){var s=this.popUpFltElms[e];s&&(s.style.display="none")}}},{key:"buildIcons",value:function(){for(var t=0;t<this.popUpFltImgs.length;t++)this.buildIcon(t,!1)}},{key:"buildIcon",value:function(t,e){this.popUpFltImgs[t]&&(this.popUpFltImgs[t].src=e?this.popUpImgFltActive:this.popUpImgFlt)}},{key:"destroy",value:function(){this.popUpFltElmCache=[];for(var t=0;t<this.popUpFltElms.length;t++){var e=this.popUpFltElms[t],s=this.popUpFltSpans[t],i=this.popUpFltImgs[t];e&&(e.parentNode.removeChild(e),this.popUpFltElmCache[t]=e),e=null,s&&s.parentNode.removeChild(s),s=null,i&&i.parentNode.removeChild(i),i=null}this.popUpFltElms=[],this.popUpFltSpans=[],this.popUpFltImgs=[]}}]),e}();e.PopupFilter=f}).call(e,function(){return this}())},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(7),h=i(o),d=s(4),u=i(d),f=s(23),c=i(f),p=function(){function t(e){a(this,t);var s=e.config();this.enableSlcResetFilter=s.enable_slc_reset_filter===!1?!1:!0,
-this.nonEmptyText=s.non_empty_text||"(Non empty)",this.slcFillingMethod=s.slc_filling_method||"createElement",this.activateSlcTooltip=s.activate_slc_tooltip||"Click to activate",this.multipleSlcTooltip=s.multiple_slc_tooltip||"Use Ctrl key for multiple selections",this.isCustom=null,this.opts=null,this.optsTxt=null,this.slcInnerHtml=null,this.tf=e}return l(t,[{key:"build",value:function(t,e,s,i){var a=this.tf;a.EvtManager(a.Evt.name.dropdown,{slcIndex:t,slcRefreshed:e,slcExternal:s,slcId:i})}},{key:"_build",value:function(t){var e=void 0===arguments[1]?!1:arguments[1],s=void 0===arguments[2]?!1:arguments[2],i=void 0===arguments[3]?null:arguments[3],a=this.tf;t=parseInt(t,10),this.opts=[],this.optsTxt=[],this.slcInnerHtml="";var l=a.fltIds[t];if((r["default"].id(l)||s)&&(r["default"].id(i)||!s)){var n=r["default"].id(s?i:l),o=a.tbl.rows,d=a.matchCase;this.isCustom=a.isCustomOptions(t);var f;e&&a.activeFilterId&&(f=a.activeFilterId.split("_")[0],f=f.split(a.prfxFlt)[1]);var p=[],g=[];a.rememberGridValues&&(p=a.feature("store").getFilterValues(a.fltsValuesCookie),p&&!u["default"].isEmpty(p.toString())&&(this.isCustom?g.push(p[t]):g=p[t].split(" "+a.orOperator+" ")));var v=null,b=null;e&&a.disableExcludedOptions&&(v=[],b=[]);for(var m=a.refRow;m<a.nbRows;m++)if(!a.hasVisibleRows||-1===a.visibleRows.indexOf(m)){var _=o[m].cells,C=_.length;if(C===a.nbCells&&!this.isCustom)for(var y=0;C>y;y++)if(t===y&&(!e||e&&a.disableExcludedOptions)||t==y&&e&&(""===o[m].style.display&&!a.paging||a.paging&&(!a.validRowsIndex||a.validRowsIndex&&h["default"].has(a.validRowsIndex,m))&&(void 0===f||f==t||f!=t&&h["default"].has(a.validRowsIndex,m)))){var w=a.getCellData(y,_[y]),x=u["default"].matchCase(w,d);if(h["default"].has(this.opts,x,d)||this.opts.push(w),e&&a.disableExcludedOptions){var k=b[y];k||(k=a.getFilteredDataCol(y)),h["default"].has(k,x,d)||h["default"].has(v,x,d)||this.isFirstLoad||v.push(w)}}}if(this.isCustom){var T=a.getCustomOptions(t);this.opts=T[0],this.optsTxt=T[1]}if(a.sortSlc&&!this.isCustom&&(d?(this.opts.sort(),v&&v.sort()):(this.opts.sort(c["default"].ignoreCase),v&&v.sort(c["default"].ignoreCase))),a.sortNumAsc&&h["default"].has(a.sortNumAsc,t))try{this.opts.sort(numSortAsc),v&&v.sort(numSortAsc),this.isCustom&&this.optsTxt.sort(numSortAsc)}catch(R){this.opts.sort(),v&&v.sort(),this.isCustom&&this.optsTxt.sort()}if(a.sortNumDesc&&h["default"].has(a.sortNumDesc,t))try{this.opts.sort(numSortDesc),v&&v.sort(numSortDesc),this.isCustom&&this.optsTxt.sort(numSortDesc)}catch(R){this.opts.sort(),v&&v.sort(),this.isCustom&&this.optsTxt.sort()}this.addOptions(t,n,e,v,p,g)}}},{key:"addOptions",value:function(t,e,s,i,a,l){var n=this.tf,o=u["default"].lower(this.slcFillingMethod),d=e.value;e.innerHTML="",e=this.addFirstOption(e);for(var f=0;f<this.opts.length;f++)if(""!==this.opts[f]){var c=this.opts[f],p=this.isCustom?this.optsTxt[f]:c,g=!1;if(s&&n.disableExcludedOptions&&h["default"].has(i,u["default"].matchCase(c,n.matchCase),n.matchCase)&&(g=!0),"innerhtml"===o){var v="";n.fillSlcOnDemand&&d===this.opts[f]&&(v='selected="selected"'),this.slcInnerHtml+='<option value="'+c+'" '+v+(g?'disabled="disabled"':"")+">"+p+"</option>"}else{var b;b=n.fillSlcOnDemand&&d===this.opts[f]&&n["col"+t]===n.fltTypeSlc?r["default"].createOpt(p,c,!0):n["col"+t]!==n.fltTypeMulti?r["default"].createOpt(p,c," "!==a[t]&&c===a[t]?!0:!1):r["default"].createOpt(p,c,h["default"].has(l,u["default"].matchCase(this.opts[f],n.matchCase),n.matchCase)||-1!==l.toString().indexOf(c)?!0:!1),g&&(b.disabled=!0),e.appendChild(b)}}"innerhtml"===o&&(e.innerHTML+=this.slcInnerHtml),e.setAttribute("filled","1")}},{key:"addFirstOption",value:function(t){var e=this.tf,s=u["default"].lower(this.slcFillingMethod);if("innerhtml"===s)this.slcInnerHtml+='<option value="">'+e.displayAllText+"</option>";else{var i=r["default"].createOpt(this.enableSlcResetFilter?e.displayAllText:"","");if(this.enableSlcResetFilter||(i.style.display="none"),t.appendChild(i),e.enableEmptyOption){var a=r["default"].createOpt(e.emptyText,e.emOperator);t.appendChild(a)}if(e.enableNonEmptyOption){var l=r["default"].createOpt(e.nonEmptyText,e.nmOperator);t.appendChild(l)}}return t}}]),t}();e.Dropdown=p},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(7),h=i(o),d=s(4),u=i(d),f=s(23),c=i(f),p=s(2),g=i(p),v=function(){function t(e){a(this,t);var s=e.config();this.checkListDiv=[],this.checkListDivCssClass=s.div_checklist_css_class||"div_checklist",this.checkListCssClass=s.checklist_css_class||"flt_checklist",this.checkListItemCssClass=s.checklist_item_css_class||"flt_checklist_item",this.checkListSlcItemCssClass=s.checklist_selected_item_css_class||"flt_checklist_slc_item",this.activateCheckListTxt=s.activate_checklist_text||"Click to load filter data",this.checkListItemDisabledCssClass=s.checklist_item_disabled_css_class||"flt_checklist_item_disabled",this.enableCheckListResetFilter=s.enable_checklist_reset_filter===!1?!1:!0,this.prfxCheckListDiv="chkdiv_",this.isCustom=null,this.opts=null,this.optsTxt=null,this.excludedOpts=null,this.tf=e}return l(t,[{key:"onChange",value:function(t){var e=t.target;this.tf.activeFilterId=e.getAttribute("id"),this.tf.activeFlt=r["default"].id(this.tf.activeFilterId),this.tf.Evt.onSlcChange.call(this.tf,t)}},{key:"optionClick",value:function(t){this.setCheckListValues(t.target),this.onChange(t)}},{key:"build",value:function(t,e,s){var i=this.tf;i.EvtManager(i.Evt.name.checklist,{slcIndex:t,slcExternal:e,slcId:s})}},{key:"_build",value:function(t){var e=this,s=void 0===arguments[1]?!1:arguments[1],i=void 0===arguments[2]?null:arguments[2],a=this.tf;t=parseInt(t,10),this.opts=[],this.optsTxt=[];var l=this.prfxCheckListDiv+t+"_"+a.id;if((r["default"].id(l)||s)&&(r["default"].id(i)||!s)){var n=s?r["default"].id(i):this.checkListDiv[t],o=r["default"].create("ul",["id",a.fltIds[t]],["colIndex",t]);o.className=this.checkListCssClass,g["default"].add(o,"change",function(t){e.onChange(t)});var d=a.tbl.rows;this.isCustom=a.isCustomOptions(t);var f;a.linkedFilters&&a.activeFilterId&&(f=a.activeFilterId.split("_")[0],f=f.split(a.prfxFlt)[1]);var p=[];a.linkedFilters&&a.disableExcludedOptions&&(this.excludedOpts=[]);for(var v=a.refRow;v<a.nbRows;v++)if(!a.hasVisibleRows||-1===a.visibleRows.indexOf(v)){var b=d[v].cells,m=b.length;if(m===a.nbCells&&!this.isCustom)for(var _=0;m>_;_++)if(t===_&&(!a.linkedFilters||a.linkedFilters&&a.disableExcludedOptions)||t===_&&a.linkedFilters&&(""===d[v].style.display&&!a.paging||a.paging&&(!f||f===t||f!=t&&h["default"].has(a.validRowsIndex,v)))){var C=a.getCellData(_,b[_]),y=u["default"].matchCase(C,a.matchCase);h["default"].has(this.opts,y,a.matchCase)||this.opts.push(C);var w=p[_];a.linkedFilters&&a.disableExcludedOptions&&(w||(w=a.getFilteredDataCol(_)),h["default"].has(w,y,a.matchCase)||h["default"].has(this.excludedOpts,y,a.matchCase)||a.isFirstLoad||this.excludedOpts.push(C))}}if(this.isCustom){var x=a.getCustomOptions(t);this.opts=x[0],this.optsTxt=x[1]}if(a.sortSlc&&!this.isCustom&&(a.matchCase?(this.opts.sort(),this.excludedOpts&&this.excludedOpts.sort()):(this.opts.sort(c["default"].ignoreCase),this.excludedOpts&&this.excludedOpts.sort(c["default"].ignoreCase))),a.sortNumAsc&&h["default"].has(a.sortNumAsc,t))try{this.opts.sort(numSortAsc),this.excludedOpts&&this.excludedOpts.sort(numSortAsc),this.isCustom&&this.optsTxt.sort(numSortAsc)}catch(k){this.opts.sort(),this.excludedOpts&&this.excludedOpts.sort(),this.isCustom&&this.optsTxt.sort()}if(a.sortNumDesc&&h["default"].has(a.sortNumDesc,t))try{this.opts.sort(numSortDesc),this.excludedOpts&&this.excludedOpts.sort(numSortDesc),this.isCustom&&this.optsTxt.sort(numSortDesc)}catch(k){this.opts.sort(),this.excludedOpts&&this.excludedOpts.sort(),this.isCustom&&this.optsTxt.sort()}this.addChecks(t,o,a.separator),a.fillSlcOnDemand&&(n.innerHTML=""),n.appendChild(o),n.setAttribute("filled","1")}}},{key:"addChecks",value:function(t,e){var s=this,i=this.tf,a=this.addTChecks(t,e),l=[],n=i.feature("store"),o=n?n.getFilterValues(i.fltsValuesCookie)[t]:null;o&&u["default"].trim(o).length>0&&(i.hasCustomSlcOptions&&h["default"].has(i.customSlcOptions.cols,t)?l.push(o):l=o.split(" "+i.orOperator+" "));for(var d=0;d<this.opts.length;d++){var f=this.opts[d],c=this.isCustom?this.optsTxt[d]:f,p=r["default"].createCheckItem(i.fltIds[t]+"_"+(d+a),f,c);p.className=this.checkListItemCssClass,i.linkedFilters&&i.disableExcludedOptions&&h["default"].has(this.excludedOpts,u["default"].matchCase(f,i.matchCase),i.matchCase)?(r["default"].addClass(p,this.checkListItemDisabledCssClass),p.check.disabled=!0,p.disabled=!0):g["default"].add(p.check,"click",function(t){s.optionClick(t)}),e.appendChild(p),""===f&&(p.style.display="none"),i.rememberGridValues&&(i.hasCustomSlcOptions&&h["default"].has(i.customSlcOptions.cols,t)&&-1!=l.toString().indexOf(f)||h["default"].has(l,u["default"].matchCase(f,i.matchCase),i.matchCase))&&(p.check.checked=!0,this.setCheckListValues(p.check))}}},{key:"addTChecks",value:function(t,e){var s=this,i=this.tf,a=1,l=r["default"].createCheckItem(i.fltIds[t]+"_0","",i.displayAllText);if(l.className=this.checkListItemCssClass,e.appendChild(l),g["default"].add(l.check,"click",function(t){s.optionClick(t)}),this.enableCheckListResetFilter||(l.style.display="none"),i.enableEmptyOption){var n=r["default"].createCheckItem(i.fltIds[t]+"_1",i.emOperator,i.emptyText);n.className=this.checkListItemCssClass,e.appendChild(n),g["default"].add(n.check,"click",function(t){s.optionClick(t)}),a++}if(i.enableNonEmptyOption){var o=r["default"].createCheckItem(i.fltIds[t]+"_2",i.nmOperator,i.nonEmptyText);o.className=this.checkListItemCssClass,e.appendChild(o),g["default"].add(o.check,"click",function(t){s.optionClick(t)}),a++}return a}},{key:"setCheckListValues",value:function(t){if(t){for(var e=this.tf,s=t.value,i=parseInt(t.id.split("_")[2],10),a="ul",l="li",n=t;u["default"].lower(n.nodeName)!==a;)n=n.parentNode;var o=n.childNodes[i],h=n.getAttribute("colIndex"),d=n.getAttribute("value"),f=n.getAttribute("indexes");if(t.checked){if(""===s){if(f&&""!==f)for(var c=f.split(e.separator),p=0;p<c.length;p++){var g=r["default"].id(e.fltIds[h]+"_"+c[p]);g&&(g.checked=!1,r["default"].removeClass(n.childNodes[c[p]],this.checkListSlcItemCssClass))}n.setAttribute("value",""),n.setAttribute("indexes","")}else d=d?d:"",s=u["default"].trim(d+" "+s+" "+e.orOperator),i=f+i+e.separator,n.setAttribute("value",s),n.setAttribute("indexes",i),r["default"].id(e.fltIds[h]+"_0")&&(r["default"].id(e.fltIds[h]+"_0").checked=!1);u["default"].lower(o.nodeName)===l&&(r["default"].removeClass(n.childNodes[0],this.checkListSlcItemCssClass),r["default"].addClass(o,this.checkListSlcItemCssClass))}else{if(""!==s){var v=new RegExp(u["default"].rgxEsc(s+" "+e.orOperator));d=d.replace(v,""),n.setAttribute("value",u["default"].trim(d));var b=new RegExp(u["default"].rgxEsc(i+e.separator));f=f.replace(b,""),n.setAttribute("indexes",f)}u["default"].lower(o.nodeName)===l&&r["default"].removeClass(o,this.checkListSlcItemCssClass)}}}}]),t}();e.CheckList=v},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=function(){function t(e){a(this,t);var s=e.config();this.rowsCounterTgtId=s.rows_counter_target_id||null,this.rowsCounterDiv=null,this.rowsCounterSpan=null,this.rowsCounterText=s.rows_counter_text||"Rows: ",this.fromToTextSeparator=s.from_to_text_separator||"-",this.overText=s.over_text||" / ",this.totRowsCssClass=s.tot_rows_css_class||"tot",this.prfxCounter="counter_",this.prfxTotRows="totrows_span_",this.prfxTotRowsTxt="totRowsTextSpan_",this.onBeforeRefreshCounter=h["default"].isFn(s.on_before_refresh_counter)?s.on_before_refresh_counter:null,this.onAfterRefreshCounter=h["default"].isFn(s.on_after_refresh_counter)?s.on_after_refresh_counter:null,this.tf=e}return l(t,[{key:"init",value:function(){var t=this.tf;if((t.hasGrid()||t.isFirstLoad)&&!this.rowsCounterSpan){var e=r["default"].create("div",["id",this.prfxCounter+t.id]);e.className=this.totRowsCssClass;var s=r["default"].create("span",["id",this.prfxTotRows+t.id]),i=r["default"].create("span",["id",this.prfxTotRowsTxt+t.id]);i.appendChild(r["default"].text(this.rowsCounterText)),this.rowsCounterTgtId||t.setToolbar();var a=this.rowsCounterTgtId?r["default"].id(this.rowsCounterTgtId):t.lDiv;this.rowsCounterTgtId?(a.appendChild(i),a.appendChild(s)):(e.appendChild(i),e.appendChild(s),a.appendChild(e)),this.rowsCounterDiv=e,this.rowsCounterSpan=s,this.refresh()}}},{key:"refresh",value:function(t){if(this.rowsCounterSpan){var e=this.tf;this.onBeforeRefreshCounter&&this.onBeforeRefreshCounter.call(null,e,this.rowsCounterSpan);var s;if(e.paging){var i=e.feature("paging");if(i){var a=parseInt(i.startPagingRow,10)+(e.nbVisibleRows>0?1:0),l=a+i.pagingLength-1<=e.nbVisibleRows?a+i.pagingLength-1:e.nbVisibleRows;s=a+this.fromToTextSeparator+l+this.overText+e.nbVisibleRows}}else s=t&&""!==t?t:e.nbFilterableRows-e.nbHiddenRows;this.rowsCounterSpan.innerHTML=s,this.onAfterRefreshCounter&&this.onAfterRefreshCounter.call(null,e,this.rowsCounterSpan,s)}}},{key:"destroy",value:function(){var t=this.tf;t.hasGrid()&&this.rowsCounterSpan&&(!this.rowsCounterTgtId&&this.rowsCounterDiv?this.rowsCounterDiv.parentNode.removeChild(this.rowsCounterDiv):r["default"].id(this.rowsCounterTgtId).innerHTML="",this.rowsCounterSpan=null,this.rowsCounterDiv=null)}}]),t}();e.RowsCounter=d},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=window,u=function(){function t(e){a(this,t);var s=e.config();this.statusBarTgtId=s.status_bar_target_id||null,this.statusBarDiv=null,this.statusBarSpan=null,this.statusBarSpanText=null,this.statusBarText=s.status_bar_text||"",this.statusBarCssClass=s.status_bar_css_class||"status",this.statusBarCloseDelay=250,this.onBeforeShowMsg=h["default"].isFn(s.on_before_show_msg)?s.on_before_show_msg:null,this.onAfterShowMsg=h["default"].isFn(s.on_after_show_msg)?s.on_after_show_msg:null,this.prfxStatus="status_",this.prfxStatusSpan="statusSpan_",this.prfxStatusTxt="statusText_",this.tf=e}return l(t,[{key:"init",value:function(){var t=this.tf;if(t.hasGrid()||t.isFirstLoad){var e=r["default"].create("div",["id",this.prfxStatus+t.id]);e.className=this.statusBarCssClass;var s=r["default"].create("span",["id",this.prfxStatusSpan+t.id]),i=r["default"].create("span",["id",this.prfxStatusTxt+t.id]);i.appendChild(r["default"].text(this.statusBarText)),this.statusBarTgtId||t.setToolbar();var a=this.statusBarTgtId?r["default"].id(this.statusBarTgtId):t.lDiv;this.statusBarTgtId?(a.appendChild(i),a.appendChild(s)):(e.appendChild(i),e.appendChild(s),a.appendChild(e)),this.statusBarDiv=e,this.statusBarSpan=s,this.statusBarSpanText=i}}},{key:"message",value:function(){var t=this,e=void 0===arguments[0]?"":arguments[0],s=this.tf;if(s.statusBar&&this.statusBarSpan){this.onBeforeShowMsg&&this.onBeforeShowMsg.call(null,this.tf,e);var i=""===e?this.statusBarCloseDelay:1;d.setTimeout(function(){t.statusBarSpan.innerHTML=e,t.onAfterShowMsg&&t.onAfterShowMsg.call(null,t.tf,e)},i)}}},{key:"destroy",value:function(){var t=this.tf;t.hasGrid()&&this.statusBarDiv&&(this.statusBarDiv.innerHTML="",this.statusBarDiv.parentNode.removeChild(this.statusBarDiv),this.statusBarSpan=null,this.statusBarSpanText=null,this.statusBarDiv=null)}}]),t}();e.StatusBar=u},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=s(4),u=i(d),f=s(2),c=i(f),p=function(){function t(e){a(this,t);var s=e.config();this.btnPageCssClass=s.paging_btn_css_class||"pgInp",this.pagingSlc=null,this.resultsPerPageSlc=null,this.pagingTgtId=s.paging_target_id||null,this.pagingLength=isNaN(s.paging_length)?10:s.paging_length,this.resultsPerPageTgtId=s.results_per_page_target_id||null,this.pgSlcCssClass=s.paging_slc_css_class||"pgSlc",this.pgInpCssClass=s.paging_inp_css_class||"pgNbInp",this.resultsPerPage=s.results_per_page||null,this.hasResultsPerPage=h["default"].isArray(this.resultsPerPage),this.resultsSlcCssClass=s.results_slc_css_class||"rspg",this.resultsSpanCssClass=s.results_span_css_class||"rspgSpan",this.startPagingRow=0,this.nbPages=0,this.currentPageNb=1,this.btnNextPageText=s.btn_next_page_text||">",this.btnPrevPageText=s.btn_prev_page_text||"<",this.btnLastPageText=s.btn_last_page_text||">|",this.btnFirstPageText=s.btn_first_page_text||"|<",this.btnNextPageHtml=s.btn_next_page_html||(e.enableIcons?'<input type="button" value="" class="'+this.btnPageCssClass+' nextPage" title="Next page" />':null),this.btnPrevPageHtml=s.btn_prev_page_html||(e.enableIcons?'<input type="button" value="" class="'+this.btnPageCssClass+' previousPage" title="Previous page" />':null),this.btnFirstPageHtml=s.btn_first_page_html||(e.enableIcons?'<input type="button" value="" class="'+this.btnPageCssClass+' firstPage" title="First page" />':null),this.btnLastPageHtml=s.btn_last_page_html||(e.enableIcons?'<input type="button" value="" class="'+this.btnPageCssClass+' lastPage" title="Last page" />':null),this.pageText=s.page_text||" Page ",this.ofText=s.of_text||" of ",this.nbPgSpanCssClass=s.nb_pages_css_class||"nbpg",this.hasPagingBtns=s.paging_btns===!1?!1:!0,this.pageSelectorType=s.page_selector_type||e.fltTypeSlc,this.onBeforeChangePage=h["default"].isFn(s.on_before_change_page)?s.on_before_change_page:null,this.onAfterChangePage=h["default"].isFn(s.on_after_change_page)?s.on_after_change_page:null,this.prfxSlcPages="slcPages_",this.prfxSlcResults="slcResults_",this.prfxSlcResultsTxt="slcResultsTxt_",this.prfxBtnNextSpan="btnNextSpan_",this.prfxBtnPrevSpan="btnPrevSpan_",this.prfxBtnLastSpan="btnLastSpan_",this.prfxBtnFirstSpan="btnFirstSpan_",this.prfxBtnNext="btnNext_",this.prfxBtnPrev="btnPrev_",this.prfxBtnLast="btnLast_",this.prfxBtnFirst="btnFirst_",this.prfxPgSpan="pgspan_",this.prfxPgBeforeSpan="pgbeforespan_",this.prfxPgAfterSpan="pgafterspan_";var i=this.refRow,l=this.nbRows;this.nbPages=Math.ceil((l-i)/this.pagingLength);var n=this;this.evt={slcIndex:function(){return n.pageSelectorType===e.fltTypeSlc?n.pagingSlc.options.selectedIndex:parseInt(n.pagingSlc.value,10)-1},nbOpts:function(){return n.pageSelectorType===e.fltTypeSlc?parseInt(n.pagingSlc.options.length,10)-1:n.nbPages-1},next:function(){var t=n.evt.slcIndex()<n.evt.nbOpts()?n.evt.slcIndex()+1:0;n.changePage(t)},prev:function(){var t=n.evt.slcIndex()>0?n.evt.slcIndex()-1:n.evt.nbOpts();n.changePage(t)},last:function(){n.changePage(n.evt.nbOpts())},first:function(){n.changePage(0)},_detectKey:function(t){var s=c["default"].keyCode(t);13===s&&(e.sorted?(e.filter(),n.changePage(n.evt.slcIndex())):n.changePage(),this.blur())},slcPagesChange:null,nextEvt:null,prevEvt:null,lastEvt:null,firstEvt:null},this.tf=e}return l(t,[{key:"init",value:function(){var t,e=this,s=this.tf,i=this.evt;this.hasResultsPerPage&&(this.resultsPerPage.length<2?this.hasResultsPerPage=!1:(this.pagingLength=this.resultsPerPage[1][0],this.setResultsPerPage())),i.slcPagesChange=function(t){var s=t.target;e.changePage(s.selectedIndex)},this.pageSelectorType===s.fltTypeSlc&&(t=r["default"].create(s.fltTypeSlc,["id",this.prfxSlcPages+s.id]),t.className=this.pgSlcCssClass,c["default"].add(t,"change",i.slcPagesChange)),this.pageSelectorType===s.fltTypeInp&&(t=r["default"].create(s.fltTypeInp,["id",this.prfxSlcPages+s.id],["value",this.currentPageNb]),t.className=this.pgInpCssClass,c["default"].add(t,"keypress",i._detectKey));var a=r["default"].create("span",["id",this.prfxBtnNextSpan+s.id]),l=r["default"].create("span",["id",this.prfxBtnPrevSpan+s.id]),n=r["default"].create("span",["id",this.prfxBtnLastSpan+s.id]),o=r["default"].create("span",["id",this.prfxBtnFirstSpan+s.id]);if(this.hasPagingBtns){if(this.btnNextPageHtml)a.innerHTML=this.btnNextPageHtml,c["default"].add(a,"click",i.next);else{var h=r["default"].create(s.fltTypeInp,["id",this.prfxBtnNext+s.id],["type","button"],["value",this.btnNextPageText],["title","Next"]);h.className=this.btnPageCssClass,c["default"].add(h,"click",i.next),a.appendChild(h)}if(this.btnPrevPageHtml)l.innerHTML=this.btnPrevPageHtml,c["default"].add(l,"click",i.prev);else{var d=r["default"].create(s.fltTypeInp,["id",this.prfxBtnPrev+s.id],["type","button"],["value",this.btnPrevPageText],["title","Previous"]);d.className=this.btnPageCssClass,c["default"].add(d,"click",i.prev),l.appendChild(d)}if(this.btnLastPageHtml)n.innerHTML=this.btnLastPageHtml,c["default"].add(n,"click",i.last);else{var u=r["default"].create(s.fltTypeInp,["id",this.prfxBtnLast+s.id],["type","button"],["value",this.btnLastPageText],["title","Last"]);u.className=this.btnPageCssClass,c["default"].add(u,"click",i.last),n.appendChild(u)}if(this.btnFirstPageHtml)o.innerHTML=this.btnFirstPageHtml,c["default"].add(o,"click",i.first);else{var f=r["default"].create(s.fltTypeInp,["id",this.prfxBtnFirst+s.id],["type","button"],["value",this.btnFirstPageText],["title","First"]);f.className=this.btnPageCssClass,c["default"].add(f,"click",i.first),o.appendChild(f)}}this.pagingTgtId||s.setToolbar();var p=this.pagingTgtId?r["default"].id(this.pagingTgtId):s.mDiv;p.appendChild(o),p.appendChild(l);var g=r["default"].create("span",["id",this.prfxPgBeforeSpan+s.id]);g.appendChild(r["default"].text(this.pageText)),g.className=this.nbPgSpanCssClass,p.appendChild(g),p.appendChild(t);var v=r["default"].create("span",["id",this.prfxPgAfterSpan+s.id]);v.appendChild(r["default"].text(this.ofText)),v.className=this.nbPgSpanCssClass,p.appendChild(v);var b=r["default"].create("span",["id",this.prfxPgSpan+s.id]);b.className=this.nbPgSpanCssClass,b.appendChild(r["default"].text(" "+this.nbPages+" ")),p.appendChild(b),p.appendChild(a),p.appendChild(n),this.pagingSlc=r["default"].id(this.prfxSlcPages+s.id),(!s.rememberGridValues||this.isPagingRemoved)&&this.setPagingInfo(),s.fltGrid||(s.validateAllRows(),this.setPagingInfo(s.validRowsIndex)),this.isPagingRemoved=!1}},{key:"reset",value:function(){var t=void 0===arguments[0]?!1:arguments[0],e=this.tf;e.hasGrid()&&!e.paging&&(e.paging=!0,this.isPagingRemoved=!0,this.init(),e.resetValues(),t&&e.filter())}},{key:"setPagingInfo",value:function(){var t=void 0===arguments[0]?[]:arguments[0],e=this.tf,s=e.tbl.rows,i=this.pagingTgtId?r["default"].id(this.pagingTgtId):e.mDiv,a=r["default"].id(this.prfxPgSpan+e.id);if(e.validRowsIndex=t,0===t.length)for(var l=e.refRow;l<e.nbRows;l++){var n=s[l];if(n){var o=n.getAttribute("validRow");(h["default"].isNull(o)||Boolean("true"===o))&&e.validRowsIndex.push(l)}}if(this.nbPages=Math.ceil(e.validRowsIndex.length/this.pagingLength),a.innerHTML=this.nbPages,this.pageSelectorType===e.fltTypeSlc&&(this.pagingSlc.innerHTML=""),this.nbPages>0)if(i.style.visibility="visible",this.pageSelectorType===e.fltTypeSlc)for(var d=0;d<this.nbPages;d++){var u=r["default"].createOpt(d+1,d*this.pagingLength,!1);this.pagingSlc.options[d]=u}else this.pagingSlc.value=this.currentPageNb;else i.style.visibility="hidden";this.groupByPage(e.validRowsIndex)}},{key:"groupByPage",value:function(t){var e=this.tf,s=e.feature("alternateRows"),i=e.tbl.rows,a=parseInt(this.startPagingRow,10)+parseInt(this.pagingLength,10);t&&(e.validRowsIndex=t);for(var l=0,n=e.validRowsIndex.length;n>l;l++){var r=e.validRowsIndex[l],o=i[r],d=o.getAttribute("validRow");l>=this.startPagingRow&&a>l?((h["default"].isNull(d)||Boolean("true"===d))&&(o.style.display=""),e.alternateBgs&&s&&s.setRowBg(r,l)):(o.style.display="none",e.alternateBgs&&s&&s.removeRowBg(r))}e.nbVisibleRows=e.validRowsIndex.length,e.applyProps()}},{key:"getPage",value:function(){return this.currentPageNb}},{key:"setPage",value:function(t){var e=this.tf;if(e.hasGrid()&&e.paging){var s=this.evt,i=typeof t;if("string"===i)switch(u["default"].lower(t)){case"next":s.next();break;case"previous":s.prev();break;case"last":s.last();break;case"first":s.first();break;default:s.next()}else"number"===i&&this.changePage(t-1)}}},{key:"setResultsPerPage",value:function(){var t=this,e=this.tf,s=this.evt;if((e.hasGrid()||e.isFirstLoad)&&!this.resultsPerPageSlc&&this.resultsPerPage){s.slcResultsChange=function(e){t.changeResultsPerPage(),e.target.blur()};var i=r["default"].create(e.fltTypeSlc,["id",this.prfxSlcResults+e.id]);i.className=e.resultsSlcCssClass;var a=this.resultsPerPage[0],l=this.resultsPerPage[1],n=r["default"].create("span",["id",this.prfxSlcResultsTxt+e.id]);n.className=this.resultsSpanCssClass,this.resultsPerPageTgtId||e.setToolbar();var o=this.resultsPerPageTgtId?r["default"].id(this.resultsPerPageTgtId):e.rDiv;n.appendChild(r["default"].text(a));var h=e.feature("help");h&&h.cont?(h.cont.parentNode.insertBefore(n,h.cont),h.cont.parentNode.insertBefore(i,h.cont)):(o.appendChild(n),o.appendChild(i));for(var d=0;d<l.length;d++){var u=new Option(l[d],l[d],!1,!1);i.options[d]=u}c["default"].add(i,"change",s.slcResultsChange),this.resultsPerPageSlc=i}}},{key:"removeResultsPerPage",value:function(){var t=this.tf;if(t.hasGrid()&&this.resultsPerPageSlc&&this.resultsPerPage){var e=this.resultsPerPageSlc,s=r["default"].id(this.prfxSlcResultsTxt+t.id);e&&e.parentNode.removeChild(e),s&&s.parentNode.removeChild(s),this.resultsPerPageSlc=null}}},{key:"changePage",value:function(t){var e=this.tf,s=e.Evt;e.EvtManager(s.name.changepage,{pgIndex:t})}},{key:"changeResultsPerPage",value:function(){var t=this.tf,e=t.Evt;t.EvtManager(e.name.changeresultsperpage)}},{key:"resetPage",value:function(){var t=this.tf,e=t.Evt;t.EvtManager(e.name.resetpage)}},{key:"resetPageLength",value:function(){var t=this.tf,e=t.Evt;t.EvtManager(e.name.resetpagelength)}},{key:"_changePage",value:function(t){var e=this.tf;e.paging&&(null===t&&(t=this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.options.selectedIndex:this.pagingSlc.value-1),t>=0&&t<=this.nbPages-1&&(this.onBeforeChangePage&&this.onBeforeChangePage.call(null,this,t),this.currentPageNb=parseInt(t,10)+1,this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.options[t].selected=!0:this.pagingSlc.value=this.currentPageNb,e.rememberPageNb&&e.feature("store").savePageNb(e.pgNbCookie),this.startPagingRow=this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.value:t*this.pagingLength,this.groupByPage(),this.onAfterChangePage&&this.onAfterChangePage.call(null,this,t)))}},{key:"_changeResultsPerPage",value:function(){var t=this.tf;if(t.paging){var e=this.resultsPerPageSlc,s=this.pageSelectorType===t.fltTypeSlc?this.pagingSlc.selectedIndex:parseInt(this.pagingSlc.value-1,10);if(this.pagingLength=parseInt(e.options[e.selectedIndex].value,10),this.startPagingRow=this.pagingLength*s,!isNaN(this.pagingLength)){if(this.startPagingRow>=t.nbFilterableRows&&(this.startPagingRow=t.nbFilterableRows-this.pagingLength),this.setPagingInfo(),this.pageSelectorType===t.fltTypeSlc){var i=this.pagingSlc.options.length-1<=s?this.pagingSlc.options.length-1:s;this.pagingSlc.options[i].selected=!0}t.rememberPageLen&&t.feature("store").savePageLength(t.pgLenCookie)}}}},{key:"_resetPage",value:function(t){var e=this.tf,s=e.feature("store").getPageNb(t);""!==s&&this.changePage(s-1)}},{key:"_resetPageLength",value:function(t){var e=this.tf;if(e.paging){var s=e.feature("store").getPageLength(t);""!==s&&(this.resultsPerPageSlc.options[s].selected=!0,this.changeResultsPerPage())}}},{key:"destroy",value:function(){var t=this.tf;if(t.hasGrid()){var e=r["default"].id(this.prfxBtnNextSpan+t.id),s=r["default"].id(this.prfxBtnPrevSpan+t.id),i=r["default"].id(this.prfxBtnLastSpan+t.id),a=r["default"].id(this.prfxBtnFirstSpan+t.id),l=r["default"].id(this.prfxPgBeforeSpan+t.id),n=r["default"].id(this.prfxPgAfterSpan+t.id),o=r["default"].id(this.prfxPgSpan+t.id),h=this.evt;this.pagingSlc&&(this.pageSelectorType===t.fltTypeSlc?c["default"].remove(this.pagingSlc,"change",h.slcPagesChange):this.pageSelectorType===t.fltTypeInp&&c["default"].remove(this.pagingSlc,"keypress",h._detectKey),this.pagingSlc.parentNode.removeChild(this.pagingSlc)),e&&(c["default"].remove(e,"click",h.next),e.parentNode.removeChild(e)),s&&(c["default"].remove(s,"click",h.prev),s.parentNode.removeChild(s)),i&&(c["default"].remove(i,"click",h.last),i.parentNode.removeChild(i)),a&&(c["default"].remove(a,"click",h.first),a.parentNode.removeChild(a)),l&&l.parentNode.removeChild(l),n&&n.parentNode.removeChild(n),o&&o.parentNode.removeChild(o),this.hasResultsPerPage&&this.removeResultsPerPage(),this.pagingSlc=null,this.nbPages=0,this.isPagingRemoved=!0,t.paging=!1}}}]),t}();e.Paging=p},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(2),h=i(o),d=function(){function t(e){a(this,t);var s=e.config();this.btnResetTgtId=s.btn_reset_target_id||null,this.btnResetEl=null,this.btnResetText=s.btn_reset_text||"Reset",this.btnResetTooltip=s.btn_reset_tooltip||"Clear filters",this.btnResetHtml=s.btn_reset_html||(e.enableIcons?'<input type="button" value="" class="'+e.btnResetCssClass+'" title="'+this.btnResetTooltip+'" />':null),this.prfxResetSpan="resetspan_",this.tf=e}return l(t,[{key:"onClick",value:function(){this.tf.clearFilters()}},{key:"init",value:function(){var t=this,e=this.tf;if(e.hasGrid()||e.isFirstLoad||!e.btnResetEl){var s=r["default"].create("span",["id",this.prfxResetSpan+e.id]);this.btnResetTgtId||e.setToolbar();var i=this.btnResetTgtId?r["default"].id(this.btnResetTgtId):e.rDiv;if(i.appendChild(s),this.btnResetHtml){s.innerHTML=this.btnResetHtml;var a=s.firstChild;h["default"].add(a,"click",function(){t.onClick()})}else{var l=r["default"].create("a",["href","javascript:void(0);"]);l.className=e.btnResetCssClass,l.appendChild(r["default"].text(this.btnResetText)),s.appendChild(l),h["default"].add(l,"click",function(){t.onClick()})}this.btnResetEl=s.firstChild}}},{key:"destroy",value:function(){var t=this.tf;if(t.hasGrid()&&this.btnResetEl){var e=r["default"].id(t.prfxResetSpan+t.id);e&&e.parentNode.removeChild(e),this.btnResetEl=null}}}]),t}();e.ClearButton=d},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function");
+/***/ },
+/* 1 */,
+/* 2 */
+/***/ function(module, exports, __webpack_require__) {
 
-},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(2),h=i(o),d=function(){function t(e){a(this,t);var s=e.config();this.tgtId=s.help_instructions_target_id||null,this.contTgtId=s.help_instructions_container_target_id||null,this.instrText=s.help_instructions_text?s.help_instructions_text:'Use the filters above each column to filter and limit table data. Avanced searches can be performed by using the following operators: <br /><b>&lt;</b>, <b>&lt;=</b>, <b>&gt;</b>, <b>&gt;=</b>, <b>=</b>, <b>*</b>, <b>!</b>, <b>{</b>, <b>}</b>, <b>||</b>,<b>&amp;&amp;</b>, <b>[empty]</b>, <b>[nonempty]</b>, <b>rgx:</b><br/><a href="https://github.com/koalyptus/TableFilter/wiki/4.-Filter-operators" target="_blank">Learn more</a>.<hr/>',this.instrHtml=s.help_instructions_html||null,this.btnText=s.help_instructions_btn_text||"?",this.btnHtml=s.help_instructions_btn_html||null,this.btnCssClass=s.help_instructions_btn_css_class||"helpBtn",this.contCssClass=s.help_instructions_container_css_class||"helpCont",this.btn=null,this.cont=null,this.defaultHtml='<div class="helpFooter"><h4>TableFilter v. '+e.version+'</h4><a href="https://github.com/koalyptus/TableFilter/"  target="_blank">https://github.com/koalyptus/TableFilter/</a><br/><span>&copy;2015-'+e.year+' Max Guglielmi.</span><div align="center" style="margin-top:8px;"><a href="javascript:void(0);" class="close">Close</a></div></div>',this.prfxHelpSpan="helpSpan_",this.prfxHelpDiv="helpDiv_",this.tf=e}return l(t,[{key:"init",value:function(){var t=this;if(!this.btn){var e=this.tf,s=r["default"].create("span",["id",this.prfxHelpSpan+e.id]),i=r["default"].create("div",["id",this.prfxHelpDiv+e.id]);this.tgtId||e.setToolbar();var a=this.tgtId?r["default"].id(this.tgtId):e.rDiv;a.appendChild(s);var l=this.contTgtId?r["default"].id(this.contTgtId):s;if(this.btnHtml){s.innerHTML=this.btnHtml;var n=s.firstChild;h["default"].add(n,"click",function(){t.toggle()}),l.appendChild(i)}else{l.appendChild(i);var o=r["default"].create("a",["href","javascript:void(0);"]);o.className=this.btnCssClass,o.appendChild(r["default"].text(this.btnText)),s.appendChild(o),h["default"].add(o,"click",function(){t.toggle()})}this.instrHtml?(this.contTgtId&&l.appendChild(i),i.innerHTML=this.instrHtml,this.contTgtId||(i.className=this.contCssClass,h["default"].add(i,"dblclick",function(){t.toggle()}))):(i.innerHTML=this.instrText,i.className=this.contCssClass,h["default"].add(i,"dblclick",function(){t.toggle()})),i.innerHTML+=this.defaultHtml,h["default"].add(i,"click",function(){t.toggle()}),this.cont=i,this.btn=s}}},{key:"toggle",value:function(){if(this.cont){var t=this.cont.style.display;""===t||"none"===t?this.cont.style.display="inline":this.cont.style.display="none"}}},{key:"destroy",value:function(){this.btn&&(this.btn.parentNode.removeChild(this.btn),this.btn=null,this.cont&&(this.cont.parentNode.removeChild(this.cont),this.cont=null))}}]),t}();e.Help=d},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},l=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=function(){function t(e){a(this,t);var s=e.config();this.evenCss=s.even_row_css_class||"even",this.oddCss=s.odd_row_css_class||"odd",this.tf=e}return l(t,[{key:"init",value:function(){var t=this.tf;if(t.hasGrid()||t.isFirstLoad)for(var e=t.validRowsIndex,s=null===e,i=s?t.refRow:0,a=s?t.nbFilterableRows+i:e.length,l=0,n=i;a>n;n++){var r=s?n:e[n];this.setRowBg(r,l),l++}}},{key:"setRowBg",value:function(t,e){if(this.tf.alternateBgs&&!isNaN(t)){var s=this.tf.tbl.rows,i=isNaN(e)?t:e;this.removeRowBg(t),r["default"].addClass(s[t],i%2?this.evenCss:this.oddCss)}}},{key:"removeRowBg",value:function(t){if(!isNaN(t)){var e=this.tf.tbl.rows;r["default"].removeClass(e[t],this.oddCss),r["default"].removeClass(e[t],this.evenCss)}}},{key:"remove",value:function(){if(this.tf.hasGrid())for(var t=this.tf.refRow;t<this.tf.nbRows;t++)this.removeRowBg(t)}},{key:"enable",value:function(){this.tf.alternateBgs=!0}},{key:"disable",value:function(){this.tf.alternateBgs=!1}}]),t}();e.AlternateRows=o},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(e,"__esModule",{value:!0});var a=s(4),l=i(a);e["default"]={ignoreCase:function(t,e){var s=l["default"].lower(t),i=l["default"].lower(e);return i>s?-1:s>i?1:0}},t.exports=e["default"]}])});
\ No newline at end of file
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * DOM event utilities
+	 */
+	
+	exports['default'] = {
+	    add: function add(obj, type, func, capture) {
+	        if (obj.addEventListener) {
+	            obj.addEventListener(type, func, capture);
+	        } else if (obj.attachEvent) {
+	            obj.attachEvent('on' + type, func);
+	        } else {
+	            obj['on' + type] = func;
+	        }
+	    },
+	    remove: function remove(obj, type, func, capture) {
+	        if (obj.detachEvent) {
+	            obj.detachEvent('on' + type, func);
+	        } else if (obj.removeEventListener) {
+	            obj.removeEventListener(type, func, capture);
+	        } else {
+	            obj['on' + type] = null;
+	        }
+	    },
+	    stop: function stop(evt) {
+	        if (!evt) {
+	            evt = window.event;
+	        }
+	        if (evt.stopPropagation) {
+	            evt.stopPropagation();
+	        } else {
+	            evt.cancelBubble = true;
+	        }
+	    },
+	    cancel: function cancel(evt) {
+	        if (!evt) {
+	            evt = window.event;
+	        }
+	        if (evt.preventDefault) {
+	            evt.preventDefault();
+	        } else {
+	            evt.returnValue = false;
+	        }
+	    },
+	    target: function target(evt) {
+	        return evt && evt.target || window.event && window.event.srcElement;
+	    },
+	    keyCode: function keyCode(evt) {
+	        return evt.charCode ? evt.charCode : evt.keyCode ? evt.keyCode : evt.which ? evt.which : 0;
+	    }
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 3 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * DOM utilities
+	 */
+	
+	exports['default'] = {
+	
+	    /**
+	     * Returns text + text of children of given node
+	     * @param  {NodeElement} node
+	     * @return {String}
+	     */
+	    getText: function getText(node) {
+	        var s = node.textContent || node.innerText || node.innerHTML.replace(/<[^<>]+>/g, '');
+	        s = s.replace(/^\s+/, '').replace(/\s+$/, '');
+	        return s;
+	    },
+	
+	    /**
+	     * Creates an html element with given collection of attributes
+	     * @param  {String} tag a string of the html tag to create
+	     * @param  {Array} an undetermined number of arrays containing the with 2
+	     *                    items, the attribute name and its value ['id','myId']
+	     * @return {Object}     created element
+	     */
+	    create: function create(tag) {
+	        if (!tag || tag === '') {
+	            return;
+	        }
+	
+	        var el = document.createElement(tag),
+	            args = arguments;
+	
+	        if (args.length > 1) {
+	            for (var i = 0; i < args.length; i++) {
+	                var argtype = typeof args[i];
+	                if (argtype.toLowerCase() === 'object' && args[i].length === 2) {
+	                    el.setAttribute(args[i][0], args[i][1]);
+	                }
+	            }
+	        }
+	        return el;
+	    },
+	
+	    /**
+	     * Returns a text node with given text
+	     * @param  {String} txt
+	     * @return {Object}
+	     */
+	    text: function text(txt) {
+	        return document.createTextNode(txt);
+	    },
+	
+	    hasClass: function hasClass(ele, cls) {
+	        if (!ele) {
+	            return false;
+	        }
+	
+	        if (supportsClassList()) {
+	            return ele.classList.contains(cls);
+	        }
+	        return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
+	    },
+	
+	    addClass: function addClass(ele, cls) {
+	        if (!ele) {
+	            return;
+	        }
+	
+	        if (supportsClassList()) {
+	            ele.classList.add(cls);
+	            return;
+	        }
+	
+	        if (ele.className === '') {
+	            ele.className = cls;
+	        } else if (!this.hasClass(ele, cls)) {
+	            ele.className += ' ' + cls;
+	        }
+	    },
+	
+	    removeClass: function removeClass(ele, cls) {
+	        if (!ele) {
+	            return;
+	        }
+	
+	        if (supportsClassList()) {
+	            ele.classList.remove(cls);
+	            return;
+	        }
+	        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)', 'g');
+	        ele.className = ele.className.replace(reg, '');
+	    },
+	
+	    /**
+	     * Creates and returns an option element
+	     * @param  {String}  text  option text
+	     * @param  {String}  value option value
+	     * @param  {Boolean} isSel whether option is selected
+	     * @return {Object}        option element
+	     */
+	    createOpt: function createOpt(text, value, isSel) {
+	        var isSelected = isSel ? true : false,
+	            opt = isSelected ? this.create('option', ['value', value], ['selected', 'true']) : this.create('option', ['value', value]);
+	        opt.appendChild(this.text(text));
+	        return opt;
+	    },
+	
+	    /**
+	     * Creates and returns a checklist item
+	     * @param  {Number} chkIndex  index of check item
+	     * @param  {String} chkValue  check item value
+	     * @param  {String} labelText check item label text
+	     * @return {Object}           li DOM element
+	     */
+	    createCheckItem: function createCheckItem(chkIndex, chkValue, labelText) {
+	        var li = this.create('li'),
+	            label = this.create('label', ['for', chkIndex]),
+	            check = this.create('input', ['id', chkIndex], ['name', chkIndex], ['type', 'checkbox'], ['value', chkValue]);
+	        label.appendChild(check);
+	        label.appendChild(this.text(labelText));
+	        li.appendChild(label);
+	        li.label = label;
+	        li.check = check;
+	        return li;
+	    },
+	
+	    id: function id(_id) {
+	        return document.getElementById(_id);
+	    },
+	
+	    tag: function tag(o, tagname) {
+	        return o.getElementsByTagName(tagname);
+	    }
+	};
+	
+	// HTML5 classList API
+	function supportsClassList() {
+	    return document.documentElement.classList;
+	}
+	module.exports = exports['default'];
+
+/***/ },
+/* 4 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * String utilities
+	 */
+	
+	exports['default'] = {
+	
+	    lower: function lower(text) {
+	        return text.toLowerCase();
+	    },
+	
+	    upper: function upper(text) {
+	        return text.toUpperCase();
+	    },
+	
+	    trim: function trim(text) {
+	        if (text.trim) {
+	            return text.trim();
+	        }
+	        return text.replace(/^\s*|\s*$/g, '');
+	    },
+	
+	    isEmpty: function isEmpty(text) {
+	        return this.trim(text) === '';
+	    },
+	
+	    rgxEsc: function rgxEsc(text) {
+	        var chars = /[-\/\\^$*+?.()|[\]{}]/g;
+	        var escMatch = '\\$&';
+	        return String(text).replace(chars, escMatch);
+	    },
+	
+	    matchCase: function matchCase(text, mc) {
+	        if (!mc) {
+	            return this.lower(text);
+	        }
+	        return text;
+	    }
+	
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 5 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * Cookie utilities
+	 */
+	
+	exports['default'] = {
+	
+	    write: function write(name, value, hours) {
+	        var expire = '';
+	        if (hours) {
+	            expire = new Date(new Date().getTime() + hours * 3600000);
+	            expire = '; expires=' + expire.toGMTString();
+	        }
+	        document.cookie = name + '=' + escape(value) + expire;
+	    },
+	
+	    read: function read(name) {
+	        var cookieValue = '',
+	            search = name + '=';
+	        if (document.cookie.length > 0) {
+	            var cookie = document.cookie,
+	                offset = cookie.indexOf(search);
+	            if (offset !== -1) {
+	                offset += search.length;
+	                var end = cookie.indexOf(';', offset);
+	                if (end === -1) {
+	                    end = cookie.length;
+	                }
+	                cookieValue = unescape(cookie.substring(offset, end));
+	            }
+	        }
+	        return cookieValue;
+	    },
+	
+	    remove: function remove(name) {
+	        this.write(name, '', -1);
+	    },
+	
+	    valueToArray: function valueToArray(name, separator) {
+	        if (!separator) {
+	            separator = ',';
+	        }
+	        //reads the cookie
+	        var val = this.read(name);
+	        //creates an array with filters' values
+	        var arr = val.split(separator);
+	        return arr;
+	    },
+	
+	    getValueByIndex: function getValueByIndex(name, index, separator) {
+	        if (!separator) {
+	            separator = ',';
+	        }
+	        //reads the cookie
+	        var val = this.valueToArray(name, separator);
+	        return val[index];
+	    }
+	
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 6 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * Types utilities
+	 */
+	
+	var UNDEFINED = void 0;
+	
+	exports['default'] = {
+	    /**
+	     * Check if argument is an object or a global object
+	     * @param  {String or Object}  v
+	     * @return {Boolean}
+	     */
+	    isObj: function isObj(v) {
+	        var isO = false;
+	        if (typeof v === 'string') {
+	            if (window[v] && typeof window[v] === 'object') {
+	                isO = true;
+	            }
+	        } else {
+	            if (v && typeof v === 'object') {
+	                isO = true;
+	            }
+	        }
+	        return isO;
+	    },
+	
+	    /**
+	     * Check if argument is a function
+	     * @param  {Function} fn
+	     * @return {Boolean}
+	     */
+	    isFn: function isFn(fn) {
+	        return fn && fn.constructor == Function;
+	    },
+	
+	    /**
+	     * Check if argument is an array
+	     * @param  {Array}  obj
+	     * @return {Boolean}
+	     */
+	    isArray: function isArray(obj) {
+	        return obj && obj.constructor == Array;
+	    },
+	
+	    /**
+	     * Determine if argument is undefined
+	     * @param  {Any}  o
+	     * @return {Boolean}
+	     */
+	    isUndef: function isUndef(o) {
+	        return o === UNDEFINED;
+	    },
+	
+	    /**
+	     * Determine if argument is null
+	     * @param  {Any}  o
+	     * @return {Boolean}
+	     */
+	    isNull: function isNull(o) {
+	        return o === null;
+	    },
+	
+	    /**
+	     * Determine if argument is empty (undefined, null or empty string)
+	     * @param  {Any}  o
+	     * @return {Boolean}
+	     */
+	    isEmpty: function isEmpty(o) {
+	        return this.isUndef(o) || this.isNull(o) || o.length === 0;
+	    }
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 7 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * Array utilities
+	 */
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	exports['default'] = {
+	    has: function has(arr, val, caseSensitive) {
+	        var sCase = caseSensitive === undefined ? false : caseSensitive;
+	        for (var i = 0; i < arr.length; i++) {
+	            if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
+	                return true;
+	            }
+	        }
+	        return false;
+	    },
+	    indexByValue: function indexByValue(arr, val, caseSensitive) {
+	        var sCase = caseSensitive === undefined ? false : caseSensitive;
+	        for (var i = 0; i < arr.length; i++) {
+	            if (_Str2['default'].matchCase(arr[i].toString(), sCase) == val) {
+	                return i;
+	            }
+	        }
+	        return -1;
+	    }
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 8 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * Date utilities
+	 */
+	
+	exports['default'] = {
+	    isValid: function isValid(dateStr, format) {
+	        if (!format) {
+	            format = 'DMY';
+	        }
+	        format = format.toUpperCase();
+	        if (format.length != 3) {
+	            if (format === 'DDMMMYYYY') {
+	                var d = this.format(dateStr, format);
+	                dateStr = d.getDate() + '/' + (d.getMonth() + 1) + '/' + d.getFullYear();
+	                format = 'DMY';
+	            }
+	        }
+	        if (format.indexOf('M') === -1 || format.indexOf('D') === -1 || format.indexOf('Y') === -1) {
+	            format = 'DMY';
+	        }
+	        var reg1 = undefined,
+	            reg2 = undefined;
+	        // If the year is first
+	        if (format.substring(0, 1) == 'Y') {
+	            reg1 = /^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
+	            reg2 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
+	        } else if (format.substring(1, 2) == 'Y') {
+	            // If the year is second
+	            reg1 = /^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/;
+	            reg2 = /^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/;
+	        } else {
+	            // The year must be third
+	            reg1 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/;
+	            reg2 = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/;
+	        }
+	        // If it doesn't conform to the right format (with either a 2 digit year
+	        // or 4 digit year), fail
+	        if (reg1.test(dateStr) === false && reg2.test(dateStr) === false) {
+	            return false;
+	        }
+	        // Split into 3 parts based on what the divider was
+	        var parts = dateStr.split(RegExp.$1);
+	        var mm = undefined,
+	            dd = undefined,
+	            yy = undefined;
+	        // Check to see if the 3 parts end up making a valid date
+	        if (format.substring(0, 1) === 'M') {
+	            mm = parts[0];
+	        } else if (format.substring(1, 2) === 'M') {
+	            mm = parts[1];
+	        } else {
+	            mm = parts[2];
+	        }
+	        if (format.substring(0, 1) === 'D') {
+	            dd = parts[0];
+	        } else if (format.substring(1, 2) === 'D') {
+	            dd = parts[1];
+	        } else {
+	            dd = parts[2];
+	        }
+	        if (format.substring(0, 1) === 'Y') {
+	            yy = parts[0];
+	        } else if (format.substring(1, 2) === 'Y') {
+	            yy = parts[1];
+	        } else {
+	            yy = parts[2];
+	        }
+	        if (parseInt(yy, 10) <= 50) {
+	            yy = (parseInt(yy, 10) + 2000).toString();
+	        }
+	        if (parseInt(yy, 10) <= 99) {
+	            yy = (parseInt(yy, 10) + 1900).toString();
+	        }
+	        var dt = new Date(parseInt(yy, 10), parseInt(mm, 10) - 1, parseInt(dd, 10), 0, 0, 0, 0);
+	        if (parseInt(dd, 10) != dt.getDate()) {
+	            return false;
+	        }
+	        if (parseInt(mm, 10) - 1 != dt.getMonth()) {
+	            return false;
+	        }
+	        return true;
+	    },
+	    format: function format(dateStr, formatStr) {
+	        if (!formatStr) {
+	            formatStr = 'DMY';
+	        }
+	        if (!dateStr || dateStr === '') {
+	            return new Date(1001, 0, 1);
+	        }
+	        var oDate = undefined;
+	        var parts = undefined;
+	
+	        switch (formatStr.toUpperCase()) {
+	            case 'DDMMMYYYY':
+	                parts = dateStr.replace(/[- \/.]/g, ' ').split(' ');
+	                oDate = new Date(y2kDate(parts[2]), mmm2mm(parts[1]) - 1, parts[0]);
+	                break;
+	            case 'DMY':
+	                /* jshint ignore:start */
+	                parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' ');
+	                oDate = new Date(y2kDate(parts[2]), parts[1] - 1, parts[0]);
+	                /* jshint ignore:end */
+	                break;
+	            case 'MDY':
+	                /* jshint ignore:start */
+	                parts = dateStr.replace(/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' ');
+	                oDate = new Date(y2kDate(parts[2]), parts[0] - 1, parts[1]);
+	                /* jshint ignore:end */
+	                break;
+	            case 'YMD':
+	                /* jshint ignore:start */
+	                parts = dateStr.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/, '$1 $4 $6').split(' ');
+	                oDate = new Date(y2kDate(parts[0]), parts[1] - 1, parts[2]);
+	                /* jshint ignore:end */
+	                break;
+	            default:
+	                //in case format is not correct
+	                /* jshint ignore:start */
+	                parts = dateStr.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, '$1 $3 $5').split(' ');
+	                oDate = new Date(y2kDate(parts[2]), parts[1] - 1, parts[0]);
+	                /* jshint ignore:end */
+	                break;
+	        }
+	        return oDate;
+	    }
+	};
+	
+	function y2kDate(yr) {
+	    if (yr === undefined) {
+	        return 0;
+	    }
+	    if (yr.length > 2) {
+	        return yr;
+	    }
+	    var y = undefined;
+	    //>50 belong to 1900
+	    if (yr <= 99 && yr > 50) {
+	        y = '19' + yr;
+	    }
+	    //<50 belong to 2000
+	    if (yr < 50 || yr === '00') {
+	        y = '20' + yr;
+	    }
+	    return y;
+	}
+	
+	function mmm2mm(mmm) {
+	    if (mmm === undefined) {
+	        return 0;
+	    }
+	    var mondigit = undefined;
+	    var MONTH_NAMES = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december', 'jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
+	    for (var m_i = 0; m_i < MONTH_NAMES.length; m_i++) {
+	        var month_name = MONTH_NAMES[m_i];
+	        if (mmm.toLowerCase() === month_name) {
+	            mondigit = m_i + 1;
+	            break;
+	        }
+	    }
+	    if (mondigit > 11 || mondigit < 23) {
+	        mondigit = mondigit - 12;
+	    }
+	    if (mondigit < 1 || mondigit > 12) {
+	        return 0;
+	    }
+	    return mondigit;
+	}
+	module.exports = exports['default'];
+
+/***/ },
+/* 9 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	/**
+	 * Misc helpers
+	 */
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	exports['default'] = {
+	    removeNbFormat: function removeNbFormat(data, format) {
+	        if (!data) {
+	            return;
+	        }
+	        if (!format) {
+	            format = 'us';
+	        }
+	        var n = data;
+	        if (_Str2['default'].lower(format) === 'us') {
+	            n = +n.replace(/[^\d\.-]/g, '');
+	        } else {
+	            n = +n.replace(/[^\d\,-]/g, '').replace(',', '.');
+	        }
+	        return n;
+	    }
+	};
+	module.exports = exports['default'];
+
+/***/ },
+/* 10 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Cookie = __webpack_require__(5);
+	
+	var _Cookie2 = _interopRequireDefault(_Cookie);
+	
+	var Store = (function () {
+	
+	    /**
+	     * Store, persistence manager
+	     * @param {Object} tf TableFilter instance
+	     *
+	     * TODO: use localStorage and fallback to cookie persistence
+	     */
+	
+	    function Store(tf) {
+	        _classCallCheck(this, Store);
+	
+	        var f = tf.config();
+	
+	        this.duration = !isNaN(f.set_cookie_duration) ? parseInt(f.set_cookie_duration, 10) : 100000;
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(Store, [{
+	        key: 'saveFilterValues',
+	
+	        /**
+	         * Store filters' values in cookie
+	         * @param {String} cookie name
+	         */
+	        value: function saveFilterValues(name) {
+	            var tf = this.tf;
+	            var fltValues = [];
+	            //store filters' values
+	            for (var i = 0; i < tf.fltIds.length; i++) {
+	                var value = tf.getFilterValue(i);
+	                if (value === '') {
+	                    value = ' ';
+	                }
+	                fltValues.push(value);
+	            }
+	            //adds array size
+	            fltValues.push(tf.fltIds.length);
+	
+	            //writes cookie
+	            _Cookie2['default'].write(name, fltValues.join(tf.separator), this.duration);
+	        }
+	    }, {
+	        key: 'getFilterValues',
+	
+	        /**
+	         * Retrieve filters' values from cookie
+	         * @param {String} cookie name
+	         * @return {Array}
+	         */
+	        value: function getFilterValues(name) {
+	            var flts = _Cookie2['default'].read(name);
+	            var rgx = new RegExp(this.tf.separator, 'g');
+	            // filters' values array
+	            return flts.split(rgx);
+	        }
+	    }, {
+	        key: 'savePageNb',
+	
+	        /**
+	         * Store page number in cookie
+	         * @param {String} cookie name
+	         */
+	        value: function savePageNb(name) {
+	            _Cookie2['default'].write(name, this.tf.feature('paging').currentPageNb, this.duration);
+	        }
+	    }, {
+	        key: 'getPageNb',
+	
+	        /**
+	         * Retrieve page number from cookie
+	         * @param {String} cookie name
+	         * @return {String}
+	         */
+	        value: function getPageNb(name) {
+	            return _Cookie2['default'].read(name);
+	        }
+	    }, {
+	        key: 'savePageLength',
+	
+	        /**
+	         * Store page length in cookie
+	         * @param {String} cookie name
+	         */
+	        value: function savePageLength(name) {
+	            _Cookie2['default'].write(name, this.tf.feature('paging').resultsPerPageSlc.selectedIndex, this.duration);
+	        }
+	    }, {
+	        key: 'getPageLength',
+	
+	        /**
+	         * Retrieve page length from cookie
+	         * @param {String} cookie name
+	         * @return {String}
+	         */
+	        value: function getPageLength(name) {
+	            return _Cookie2['default'].read(name);
+	        }
+	    }]);
+	
+	    return Store;
+	})();
+	
+	exports.Store = Store;
+
+/***/ },
+/* 11 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var GridLayout = (function () {
+	
+	    /**
+	     * Grid layout, table with fixed headers
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function GridLayout(tf) {
+	        _classCallCheck(this, GridLayout);
+	
+	        var f = tf.config();
+	
+	        //defines grid width
+	        this.gridWidth = f.grid_width || null;
+	        //defines grid height
+	        this.gridHeight = f.grid_height || null;
+	        //defines css class for main container
+	        this.gridMainContCssClass = f.grid_cont_css_class || 'grd_Cont';
+	        //defines css class for div containing table
+	        this.gridContCssClass = f.grid_tbl_cont_css_class || 'grd_tblCont';
+	        //defines css class for div containing headers' table
+	        this.gridHeadContCssClass = f.grid_tblHead_cont_css_class || 'grd_headTblCont';
+	        //defines css class for div containing rows counter, paging etc.
+	        this.gridInfDivCssClass = f.grid_inf_grid_css_class || 'grd_inf';
+	        //defines which row contains column headers
+	        this.gridHeadRowIndex = f.grid_headers_row_index || 0;
+	        //array of headers row indexes to be placed in header table
+	        this.gridHeadRows = f.grid_headers_rows || [0];
+	        //generate filters in table headers
+	        this.gridEnableFilters = f.grid_enable_default_filters !== undefined ? f.grid_enable_default_filters : true;
+	        //default col width
+	        this.gridDefaultColWidth = f.grid_default_col_width || '100px';
+	        //enables/disables columns resizer
+	        // this.gridEnableColResizer = f.grid_enable_cols_resizer!==undefined ?
+	        //     f.grid_enable_cols_resizer : false;
+	        // //defines col resizer script path
+	        // this.gridColResizerPath = f.grid_cont_col_resizer_path ||
+	        //     this.basePath+'TFExt_ColsResizer/TFExt_ColsResizer.js';
+	
+	        this.gridColElms = [];
+	
+	        //div containing grid elements if grid_layout true
+	        this.prfxMainTblCont = 'gridCont_';
+	        //div containing table if grid_layout true
+	        this.prfxTblCont = 'tblCont_';
+	        //div containing headers table if grid_layout true
+	        this.prfxHeadTblCont = 'tblHeadCont_';
+	        //headers' table if grid_layout true
+	        this.prfxHeadTbl = 'tblHead_';
+	        //id of td containing the filter if grid_layout true
+	        this.prfxGridFltTd = '_td_';
+	        //id of th containing column header if grid_layout true
+	        this.prfxGridTh = 'tblHeadTh_';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(GridLayout, [{
+	        key: 'init',
+	
+	        /**
+	         * Generates a grid with fixed headers
+	         */
+	        value: function init() {
+	            var _this = this;
+	
+	            var tf = this.tf;
+	            var f = tf.config();
+	            var tbl = tf.tbl;
+	
+	            if (!tf.gridLayout) {
+	                return;
+	            }
+	
+	            tf.isExternalFlt = true;
+	
+	            // default width of 100px if column widths not set
+	            if (!tf.hasColWidths) {
+	                tf.colWidths = [];
+	                for (var k = 0; k < tf.nbCells; k++) {
+	                    var colW,
+	                        cell = tbl.rows[this.gridHeadRowIndex].cells[k];
+	                    if (cell.width !== '') {
+	                        colW = cell.width;
+	                    } else if (cell.style.width !== '') {
+	                        colW = parseInt(cell.style.width, 10);
+	                    } else {
+	                        colW = this.gridDefaultColWidth;
+	                    }
+	                    tf.colWidths[k] = colW;
+	                }
+	                tf.hasColWidths = true;
+	            }
+	            tf.setColWidths(this.gridHeadRowIndex);
+	
+	            var tblW; //initial table width
+	            if (tbl.width !== '') {
+	                tblW = tbl.width;
+	            } else if (tbl.style.width !== '') {
+	                tblW = parseInt(tbl.style.width, 10);
+	            } else {
+	                tblW = tbl.clientWidth;
+	            }
+	
+	            //Main container: it will contain all the elements
+	            this.tblMainCont = _Dom2['default'].create('div', ['id', this.prfxMainTblCont + tf.id]);
+	            this.tblMainCont.className = this.gridMainContCssClass;
+	            if (this.gridWidth) {
+	                this.tblMainCont.style.width = this.gridWidth;
+	            }
+	            tbl.parentNode.insertBefore(this.tblMainCont, tbl);
+	
+	            //Table container: div wrapping content table
+	            this.tblCont = _Dom2['default'].create('div', ['id', this.prfxTblCont + tf.id]);
+	            this.tblCont.className = this.gridContCssClass;
+	            if (this.gridWidth) {
+	                if (this.gridWidth.indexOf('%') != -1) {
+	                    console.log(this.gridWidth);
+	                    this.tblCont.style.width = '100%';
+	                } else {
+	                    this.tblCont.style.width = this.gridWidth;
+	                }
+	            }
+	            if (this.gridHeight) {
+	                this.tblCont.style.height = this.gridHeight;
+	            }
+	            tbl.parentNode.insertBefore(this.tblCont, tbl);
+	            var t = tbl.parentNode.removeChild(tbl);
+	            this.tblCont.appendChild(t);
+	
+	            //In case table width is expressed in %
+	            if (tbl.style.width === '') {
+	                tbl.style.width = (tf._containsStr('%', tblW) ? tbl.clientWidth : tblW) + 'px';
+	            }
+	
+	            var d = this.tblCont.parentNode.removeChild(this.tblCont);
+	            this.tblMainCont.appendChild(d);
+	
+	            //Headers table container: div wrapping headers table
+	            this.headTblCont = _Dom2['default'].create('div', ['id', this.prfxHeadTblCont + tf.id]);
+	            this.headTblCont.className = this.gridHeadContCssClass;
+	            if (this.gridWidth) {
+	                if (this.gridWidth.indexOf('%') != -1) {
+	                    console.log(this.gridWidth);
+	                    this.headTblCont.style.width = '100%';
+	                } else {
+	                    this.headTblCont.style.width = this.gridWidth;
+	                }
+	            }
+	
+	            //Headers table
+	            this.headTbl = _Dom2['default'].create('table', ['id', this.prfxHeadTbl + tf.id]);
+	            var tH = _Dom2['default'].create('tHead'); //IE<7 needs it
+	
+	            //1st row should be headers row, ids are added if not set
+	            //Those ids are used by the sort feature
+	            var hRow = tbl.rows[this.gridHeadRowIndex];
+	            var sortTriggers = [];
+	            for (var n = 0; n < tf.nbCells; n++) {
+	                var c = hRow.cells[n];
+	                var thId = c.getAttribute('id');
+	                if (!thId || thId === '') {
+	                    thId = this.prfxGridTh + n + '_' + tf.id;
+	                    c.setAttribute('id', thId);
+	                }
+	                sortTriggers.push(thId);
+	            }
+	
+	            //Filters row is created
+	            var filtersRow = _Dom2['default'].create('tr');
+	            if (this.gridEnableFilters && tf.fltGrid) {
+	                tf.externalFltTgtIds = [];
+	                for (var j = 0; j < tf.nbCells; j++) {
+	                    var fltTdId = tf.prfxFlt + j + this.prfxGridFltTd + tf.id;
+	                    var cl = _Dom2['default'].create(tf.fltCellTag, ['id', fltTdId]);
+	                    filtersRow.appendChild(cl);
+	                    tf.externalFltTgtIds[j] = fltTdId;
+	                }
+	            }
+	            //Headers row are moved from content table to headers table
+	            for (var i = 0; i < this.gridHeadRows.length; i++) {
+	                var headRow = tbl.rows[this.gridHeadRows[0]];
+	                tH.appendChild(headRow);
+	            }
+	            this.headTbl.appendChild(tH);
+	            if (tf.filtersRowIndex === 0) {
+	                tH.insertBefore(filtersRow, hRow);
+	            } else {
+	                tH.appendChild(filtersRow);
+	            }
+	
+	            this.headTblCont.appendChild(this.headTbl);
+	            this.tblCont.parentNode.insertBefore(this.headTblCont, this.tblCont);
+	
+	            //THead needs to be removed in content table for sort feature
+	            var thead = _Dom2['default'].tag(tbl, 'thead');
+	            if (thead.length > 0) {
+	                tbl.removeChild(thead[0]);
+	            }
+	
+	            //Headers table style
+	            this.headTbl.style.tableLayout = 'fixed';
+	            tbl.style.tableLayout = 'fixed';
+	            this.headTbl.cellPadding = tbl.cellPadding;
+	            this.headTbl.cellSpacing = tbl.cellSpacing;
+	            // this.headTbl.style.width = tbl.style.width;
+	
+	            //content table without headers needs col widths to be reset
+	            tf.setColWidths(0, this.headTbl);
+	
+	            //Headers container width
+	            // this.headTblCont.style.width = this.tblCont.clientWidth+'px';
+	
+	            tbl.style.width = '';
+	            //
+	            this.headTbl.style.width = tbl.clientWidth + 'px';
+	            //
+	
+	            //scroll synchronisation
+	            _Event2['default'].add(this.tblCont, 'scroll', function (evt) {
+	                var elm = _Event2['default'].target(evt);
+	                var scrollLeft = elm.scrollLeft;
+	                _this.headTblCont.scrollLeft = scrollLeft;
+	                //New pointerX calc taking into account scrollLeft
+	                // if(!o.isPointerXOverwritten){
+	                //     try{
+	                //         o.Evt.pointerX = function(evt){
+	                //             var e = evt || global.event;
+	                //             var bdScrollLeft = tf_StandardBody().scrollLeft +
+	                //                 scrollLeft;
+	                //             return (e.pageX + scrollLeft) ||
+	                //                 (e.clientX + bdScrollLeft);
+	                //         };
+	                //         o.isPointerXOverwritten = true;
+	                //     } catch(err) {
+	                //         o.isPointerXOverwritten = false;
+	                //     }
+	                // }
+	            });
+	
+	            //Configure sort extension if any
+	            var sort = (f.extensions || []).filter(function (itm) {
+	                return itm.name === 'sort';
+	            });
+	            if (sort.length === 1) {
+	                sort[0].async_sort = true;
+	                sort[0].trigger_ids = sortTriggers;
+	            }
+	
+	            // if(this.gridEnableColResizer){
+	            //     if(!tf.hasExtensions){
+	            //         tf.extensions = {
+	            //             name:['ColumnsResizer_'+tf.id],
+	            //             src:[this.gridColResizerPath],
+	            //             description:['Columns Resizing'],
+	            //             initialize:[function(o){
+	            //                 o.SetColsResizer('ColumnsResizer_'+o.id);}]
+	            //         };
+	            //         tf.hasExtensions = true;
+	            //     } else {
+	            //         if(!tf._containsStr(
+	            //             'colsresizer',
+	            //             Str.lower(tf.extensions.src.toString())) ){
+	            //             tf.extensions.name.push('ColumnsResizer_'+tf.id);
+	            //             tf.extensions.src.push(tf.gridColResizerPath);
+	            //             tf.extensions.description.push('Columns Resizing');
+	            //             tf.extensions.initialize.push(function(o){
+	            //                 o.SetColsResizer('ColumnsResizer_'+o.id);});
+	            //         }
+	            //     }
+	            // }
+	
+	            //Default columns resizer properties for grid layout
+	            // f.col_resizer_cols_headers_table = this.headTbl.getAttribute('id');
+	            // f.col_resizer_cols_headers_index = this.gridHeadRowIndex;
+	            // f.col_resizer_width_adjustment = 0;
+	            // f.col_enable_text_ellipsis = false;
+	
+	            //Cols generation for all browsers excepted IE<=7
+	            this.tblHasColTag = _Dom2['default'].tag(tbl, 'col').length > 0 ? true : false;
+	
+	            //Col elements are enough to keep column widths after sorting and
+	            //filtering
+	            var createColTags = function createColTags() {
+	                for (var k = tf.nbCells - 1; k >= 0; k--) {
+	                    var col = _Dom2['default'].create('col', ['id', tf.id + '_col_' + k]);
+	                    tbl.insertBefore(col, tbl.firstChild);
+	                    col.style.width = tf.colWidths[k];
+	                    this.gridColElms[k] = col;
+	                }
+	                this.tblHasColTag = true;
+	            };
+	
+	            if (!this.tblHasColTag) {
+	                createColTags.call(this);
+	            } else {
+	                var cols = _Dom2['default'].tag(tbl, 'col');
+	                for (var ii = 0; ii < tf.nbCells; ii++) {
+	                    cols[ii].setAttribute('id', tf.id + '_col_' + ii);
+	                    cols[ii].style.width = tf.colWidths[ii];
+	                    this.gridColElms.push(cols[ii]);
+	                }
+	            }
+	
+	            var afterColResizedFn = _Types2['default'].isFn(f.on_after_col_resized) ? f.on_after_col_resized : null;
+	            f.on_after_col_resized = function (o, colIndex) {
+	                if (!colIndex) {
+	                    return;
+	                }
+	                var w = o.crWColsRow.cells[colIndex].style.width;
+	                var col = o.gridColElms[colIndex];
+	                col.style.width = w;
+	
+	                var thCW = o.crWColsRow.cells[colIndex].clientWidth;
+	                var tdCW = o.crWRowDataTbl.cells[colIndex].clientWidth;
+	
+	                if (thCW != tdCW) {
+	                    o.headTbl.style.width = tbl.clientWidth + 'px';
+	                }
+	
+	                if (afterColResizedFn) {
+	                    afterColResizedFn.call(null, o, colIndex);
+	                }
+	            };
+	
+	            if (tbl.clientWidth !== this.headTbl.clientWidth) {
+	                tbl.style.width = this.headTbl.clientWidth + 'px';
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Removes the grid layout
+	         */
+	        value: function destroy() {
+	            var tf = this.tf;
+	            var tbl = tf.tbl;
+	
+	            if (!tf.gridLayout) {
+	                return;
+	            }
+	            var t = tbl.parentNode.removeChild(tbl);
+	            this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont);
+	            this.tblMainCont.parentNode.removeChild(this.tblMainCont);
+	
+	            this.tblMainCont = null;
+	            this.headTblCont = null;
+	            this.headTbl = null;
+	            this.tblCont = null;
+	
+	            tbl.outerHTML = tf.sourceTblHtml;
+	            //needed to keep reference of table element
+	            tbl = _Dom2['default'].id(tf.id);
+	        }
+	    }]);
+	
+	    return GridLayout;
+	})();
+	
+	exports.GridLayout = GridLayout;
+
+/***/ },
+/* 12 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var global = window;
+	
+	var Loader = (function () {
+	
+	    /**
+	     * Loading message/spinner
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function Loader(tf) {
+	        _classCallCheck(this, Loader);
+	
+	        // TableFilter configuration
+	        var f = tf.config();
+	        //id of container element
+	        this.loaderTgtId = f.loader_target_id || null;
+	        //div containing loader
+	        this.loaderDiv = null;
+	        //defines loader text
+	        this.loaderText = f.loader_text || 'Loading...';
+	        //defines loader innerHtml
+	        this.loaderHtml = f.loader_html || null;
+	        //defines css class for loader div
+	        this.loaderCssClass = f.loader_css_class || 'loader';
+	        //delay for hiding loader
+	        this.loaderCloseDelay = 200;
+	        //callback function before loader is displayed
+	        this.onShowLoader = _Types2['default'].isFn(f.on_show_loader) ? f.on_show_loader : null;
+	        //callback function after loader is closed
+	        this.onHideLoader = _Types2['default'].isFn(f.on_hide_loader) ? f.on_hide_loader : null;
+	        //loader div
+	        this.prfxLoader = 'load_';
+	
+	        this.tf = tf;
+	
+	        var containerDiv = _Dom2['default'].create('div', ['id', this.prfxLoader + tf.id]);
+	        containerDiv.className = this.loaderCssClass;
+	
+	        var targetEl = !this.loaderTgtId ? tf.tbl.parentNode : _Dom2['default'].id(this.loaderTgtId);
+	        if (!this.loaderTgtId) {
+	            targetEl.insertBefore(containerDiv, tf.tbl);
+	        } else {
+	            targetEl.appendChild(containerDiv);
+	        }
+	        this.loaderDiv = _Dom2['default'].id(this.prfxLoader + tf.id);
+	        if (!this.loaderHtml) {
+	            this.loaderDiv.appendChild(_Dom2['default'].text(this.loaderText));
+	        } else {
+	            this.loaderDiv.innerHTML = this.loaderHtml;
+	        }
+	    }
+	
+	    _createClass(Loader, [{
+	        key: 'show',
+	        value: function show(p) {
+	            var _this = this;
+	
+	            if (!this.tf.loader || !this.loaderDiv || this.loaderDiv.style.display === p) {
+	                return;
+	            }
+	
+	            var displayLoader = function displayLoader() {
+	                if (!_this.loaderDiv) {
+	                    return;
+	                }
+	                if (_this.onShowLoader && p !== 'none') {
+	                    _this.onShowLoader.call(null, _this);
+	                }
+	                _this.loaderDiv.style.display = p;
+	                if (_this.onHideLoader && p === 'none') {
+	                    _this.onHideLoader.call(null, _this);
+	                }
+	            };
+	
+	            var t = p === 'none' ? this.loaderCloseDelay : 1;
+	            global.setTimeout(displayLoader, t);
+	        }
+	    }, {
+	        key: 'destroy',
+	        value: function destroy() {
+	            if (!this.loaderDiv) {
+	                return;
+	            }
+	            var tf = this.tf,
+	                targetEl = !this.loaderTgtId ? tf.gridLayout ? tf.feature('gridLayout').tblCont : tf.tbl.parentNode : _Dom2['default'].id(this.loaderTgtId);
+	            targetEl.removeChild(this.loaderDiv);
+	            this.loaderDiv = null;
+	        }
+	    }]);
+	
+	    return Loader;
+	})();
+	
+	exports.Loader = Loader;
+
+/***/ },
+/* 13 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var HighlightKeyword = (function () {
+	
+	    /**
+	     * HighlightKeyword, highlight matched keyword
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function HighlightKeyword(tf) {
+	        _classCallCheck(this, HighlightKeyword);
+	
+	        var f = tf.config();
+	        //defines css class for highlighting
+	        this.highlightCssClass = f.highlight_css_class || 'keyword';
+	        this.highlightedNodes = [];
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(HighlightKeyword, [{
+	        key: 'highlight',
+	
+	        /**
+	         * highlight occurences of searched term in passed node
+	         * @param  {Node} node
+	         * @param  {String} word     Searched term
+	         * @param  {String} cssClass Css class name
+	         */
+	        value: function highlight(node, word, cssClass) {
+	            // Iterate into this nodes childNodes
+	            if (node.hasChildNodes) {
+	                var children = node.childNodes;
+	                for (var i = 0; i < children.length; i++) {
+	                    this.highlight(children[i], word, cssClass);
+	                }
+	            }
+	
+	            if (node.nodeType === 3) {
+	                var tempNodeVal = _Str2['default'].lower(node.nodeValue);
+	                var tempWordVal = _Str2['default'].lower(word);
+	                if (tempNodeVal.indexOf(tempWordVal) != -1) {
+	                    var pn = node.parentNode;
+	                    if (pn && pn.className != cssClass) {
+	                        // word not highlighted yet
+	                        var nv = node.nodeValue,
+	                            ni = tempNodeVal.indexOf(tempWordVal),
+	
+	                        // Create a load of replacement nodes
+	                        before = _Dom2['default'].text(nv.substr(0, ni)),
+	                            docWordVal = nv.substr(ni, word.length),
+	                            after = _Dom2['default'].text(nv.substr(ni + word.length)),
+	                            hiwordtext = _Dom2['default'].text(docWordVal),
+	                            hiword = _Dom2['default'].create('span');
+	                        hiword.className = cssClass;
+	                        hiword.appendChild(hiwordtext);
+	                        pn.insertBefore(before, node);
+	                        pn.insertBefore(hiword, node);
+	                        pn.insertBefore(after, node);
+	                        pn.removeChild(node);
+	                        this.highlightedNodes.push(hiword.firstChild);
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'unhighlight',
+	
+	        /**
+	         * Removes highlight to nodes matching passed string
+	         * @param  {String} word
+	         * @param  {String} cssClass Css class to remove
+	         */
+	        value: function unhighlight(word, cssClass) {
+	            var arrRemove = [];
+	            var highlightedNodes = this.highlightedNodes;
+	            for (var i = 0; i < highlightedNodes.length; i++) {
+	                var n = highlightedNodes[i];
+	                if (!n) {
+	                    continue;
+	                }
+	                var tempNodeVal = _Str2['default'].lower(n.nodeValue),
+	                    tempWordVal = _Str2['default'].lower(word);
+	                if (tempNodeVal.indexOf(tempWordVal) !== -1) {
+	                    var pn = n.parentNode;
+	                    if (pn && pn.className === cssClass) {
+	                        var prevSib = pn.previousSibling,
+	                            nextSib = pn.nextSibling;
+	                        if (!prevSib || !nextSib) {
+	                            continue;
+	                        }
+	                        nextSib.nodeValue = prevSib.nodeValue + n.nodeValue + nextSib.nodeValue;
+	                        prevSib.nodeValue = '';
+	                        n.nodeValue = '';
+	                        arrRemove.push(i);
+	                    }
+	                }
+	            }
+	            for (var k = 0; k < arrRemove.length; k++) {
+	                highlightedNodes.splice(arrRemove[k], 1);
+	            }
+	        }
+	    }, {
+	        key: 'unhighlightAll',
+	
+	        /**
+	         * Clear all occurrences of highlighted nodes
+	         */
+	        value: function unhighlightAll() {
+	            if (!this.tf.highlightKeywords || !this.tf.searchArgs) {
+	                return;
+	            }
+	            for (var y = 0; y < this.tf.searchArgs.length; y++) {
+	                this.unhighlight(this.tf.searchArgs[y], this.highlightCssClass);
+	            }
+	            this.highlightedNodes = [];
+	        }
+	    }]);
+	
+	    return HighlightKeyword;
+	})();
+	
+	exports.HighlightKeyword = HighlightKeyword;
+
+/***/ },
+/* 14 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(global) {'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var PopupFilter = (function () {
+	
+	    /**
+	     * Pop-up filter component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function PopupFilter(tf) {
+	        _classCallCheck(this, PopupFilter);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        // Enable external filters behaviour
+	        tf.isExternalFlt = true;
+	        tf.externalFltTgtIds = [];
+	
+	        //filter icon path
+	        this.popUpImgFlt = f.popup_filters_image || tf.themesPath + 'icn_filter.gif';
+	        //active filter icon path
+	        this.popUpImgFltActive = f.popup_filters_image_active || tf.themesPath + 'icn_filterActive.gif';
+	        this.popUpImgFltHtml = f.popup_filters_image_html || '<img src="' + this.popUpImgFlt + '" alt="Column filter" />';
+	        //defines css class for popup div containing filter
+	        this.popUpDivCssClass = f.popup_div_css_class || 'popUpFilter';
+	        //callback function before popup filtes is opened
+	        this.onBeforePopUpOpen = _Types2['default'].isFn(f.on_before_popup_filter_open) ? f.on_before_popup_filter_open : null;
+	        //callback function after popup filtes is opened
+	        this.onAfterPopUpOpen = _Types2['default'].isFn(f.on_after_popup_filter_open) ? f.on_after_popup_filter_open : null;
+	        //callback function before popup filtes is closed
+	        this.onBeforePopUpClose = _Types2['default'].isFn(f.on_before_popup_filter_close) ? f.on_before_popup_filter_close : null;
+	        //callback function after popup filtes is closed
+	        this.onAfterPopUpClose = _Types2['default'].isFn(f.on_after_popup_filter_close) ? f.on_after_popup_filter_close : null;
+	
+	        //stores filters spans
+	        this.popUpFltSpans = [];
+	        //stores filters icons
+	        this.popUpFltImgs = [];
+	        //stores filters containers
+	        this.popUpFltElms = this.popUpFltElmCache || [];
+	        this.popUpFltAdjustToContainer = true;
+	
+	        //id prefix for pop-up filter span
+	        this.prfxPopUpSpan = 'popUpSpan_';
+	        //id prefix for pop-up div containing filter
+	        this.prfxPopUpDiv = 'popUpDiv_';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(PopupFilter, [{
+	        key: 'onClick',
+	        value: function onClick(e) {
+	            var evt = e || global.event,
+	                elm = evt.target.parentNode,
+	                colIndex = parseInt(elm.getAttribute('ci'), 10);
+	
+	            this.closeAll(colIndex);
+	            this.toggle(colIndex);
+	
+	            if (this.popUpFltAdjustToContainer) {
+	                var popUpDiv = this.popUpFltElms[colIndex],
+	                    header = this.tf.getHeaderElement(colIndex),
+	                    headerWidth = header.clientWidth * 0.95;
+	                popUpDiv.style.width = parseInt(headerWidth, 10) + 'px';
+	            }
+	            _Event2['default'].cancel(evt);
+	            _Event2['default'].stop(evt);
+	        }
+	    }, {
+	        key: 'init',
+	
+	        /**
+	         * Initialize DOM elements
+	         */
+	        value: function init() {
+	            var _this = this;
+	
+	            var tf = this.tf;
+	            for (var i = 0; i < tf.nbCells; i++) {
+	                if (tf['col' + i] === tf.fltTypeNone) {
+	                    continue;
+	                }
+	                var popUpSpan = _Dom2['default'].create('span', ['id', this.prfxPopUpSpan + tf.id + '_' + i], ['ci', i]);
+	                popUpSpan.innerHTML = this.popUpImgFltHtml;
+	                var header = tf.getHeaderElement(i);
+	                header.appendChild(popUpSpan);
+	                _Event2['default'].add(popUpSpan, 'click', function (evt) {
+	                    _this.onClick(evt);
+	                });
+	                this.popUpFltSpans[i] = popUpSpan;
+	                this.popUpFltImgs[i] = popUpSpan.firstChild;
+	            }
+	        }
+	    }, {
+	        key: 'buildAll',
+	
+	        /**
+	         * Build all pop-up filters elements
+	         */
+	        value: function buildAll() {
+	            for (var i = 0; i < this.popUpFltElmCache.length; i++) {
+	                this.build(i, this.popUpFltElmCache[i]);
+	            }
+	        }
+	    }, {
+	        key: 'build',
+	
+	        /**
+	         * Build a specified pop-up filter elements
+	         * @param  {Number} colIndex Column index
+	         * @param  {Object} div      Optional container DOM element
+	         */
+	        value: function build(colIndex, div) {
+	            var tf = this.tf;
+	            var popUpDiv = !div ? _Dom2['default'].create('div', ['id', this.prfxPopUpDiv + tf.id + '_' + colIndex]) : div;
+	            popUpDiv.className = this.popUpDivCssClass;
+	            tf.externalFltTgtIds.push(popUpDiv.id);
+	            var header = tf.getHeaderElement(colIndex);
+	            header.insertBefore(popUpDiv, header.firstChild);
+	            _Event2['default'].add(popUpDiv, 'click', function (evt) {
+	                _Event2['default'].stop(evt);
+	            });
+	            this.popUpFltElms[colIndex] = popUpDiv;
+	        }
+	    }, {
+	        key: 'toggle',
+	
+	        /**
+	         * Toogle visibility of specified filter
+	         * @param  {Number} colIndex Column index
+	         */
+	        value: function toggle(colIndex) {
+	            var tf = this.tf,
+	                popUpFltElm = this.popUpFltElms[colIndex];
+	
+	            if (popUpFltElm.style.display === 'none' || popUpFltElm.style.display === '') {
+	                if (this.onBeforePopUpOpen) {
+	                    this.onBeforePopUpOpen.call(null, this, this.popUpFltElms[colIndex], colIndex);
+	                }
+	                popUpFltElm.style.display = 'block';
+	                if (tf['col' + colIndex] === tf.fltTypeInp) {
+	                    var flt = tf.getFilterElement(colIndex);
+	                    if (flt) {
+	                        flt.focus();
+	                    }
+	                }
+	                if (this.onAfterPopUpOpen) {
+	                    this.onAfterPopUpOpen.call(null, this, this.popUpFltElms[colIndex], colIndex);
+	                }
+	            } else {
+	                if (this.onBeforePopUpClose) {
+	                    this.onBeforePopUpClose.call(null, this, this.popUpFltElms[colIndex], colIndex);
+	                }
+	                popUpFltElm.style.display = 'none';
+	                if (this.onAfterPopUpClose) {
+	                    this.onAfterPopUpClose.call(null, this, this.popUpFltElms[colIndex], colIndex);
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'closeAll',
+	
+	        /**
+	         * Close all filters excepted for the specified one if any
+	         * @param  {Number} exceptIdx Column index of the filter to not close
+	         */
+	        value: function closeAll(exceptIdx) {
+	            for (var i = 0; i < this.popUpFltElms.length; i++) {
+	                if (i === exceptIdx) {
+	                    continue;
+	                }
+	                var popUpFltElm = this.popUpFltElms[i];
+	                if (popUpFltElm) {
+	                    popUpFltElm.style.display = 'none';
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'buildIcons',
+	
+	        /**
+	         * Build all the icons representing the pop-up filters
+	         */
+	        value: function buildIcons() {
+	            for (var i = 0; i < this.popUpFltImgs.length; i++) {
+	                this.buildIcon(i, false);
+	            }
+	        }
+	    }, {
+	        key: 'buildIcon',
+	
+	        /**
+	         * Build specified icon
+	         * @param  {Number} colIndex Column index
+	         * @param  {Boolean} active   Apply active state
+	         */
+	        value: function buildIcon(colIndex, active) {
+	            if (this.popUpFltImgs[colIndex]) {
+	                this.popUpFltImgs[colIndex].src = active ? this.popUpImgFltActive : this.popUpImgFlt;
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove pop-up filters
+	         */
+	        value: function destroy() {
+	            this.popUpFltElmCache = [];
+	            for (var i = 0; i < this.popUpFltElms.length; i++) {
+	                var popUpFltElm = this.popUpFltElms[i],
+	                    popUpFltSpan = this.popUpFltSpans[i],
+	                    popUpFltImg = this.popUpFltImgs[i];
+	                if (popUpFltElm) {
+	                    popUpFltElm.parentNode.removeChild(popUpFltElm);
+	                    this.popUpFltElmCache[i] = popUpFltElm;
+	                }
+	                popUpFltElm = null;
+	                if (popUpFltSpan) {
+	                    popUpFltSpan.parentNode.removeChild(popUpFltSpan);
+	                }
+	                popUpFltSpan = null;
+	                if (popUpFltImg) {
+	                    popUpFltImg.parentNode.removeChild(popUpFltImg);
+	                }
+	                popUpFltImg = null;
+	            }
+	            this.popUpFltElms = [];
+	            this.popUpFltSpans = [];
+	            this.popUpFltImgs = [];
+	        }
+	    }]);
+	
+	    return PopupFilter;
+	})();
+	
+	exports.PopupFilter = PopupFilter;
+	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
+
+/***/ },
+/* 15 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var _Sort = __webpack_require__(23);
+	
+	var _Sort2 = _interopRequireDefault(_Sort);
+	
+	var Dropdown = (function () {
+	
+	    /**
+	     * Dropdown UI component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function Dropdown(tf) {
+	        _classCallCheck(this, Dropdown);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        this.enableSlcResetFilter = f.enable_slc_reset_filter === false ? false : true;
+	        //defines empty option text
+	        this.nonEmptyText = f.non_empty_text || '(Non empty)';
+	        //sets select filling method: 'innerHTML' or 'createElement'
+	        this.slcFillingMethod = f.slc_filling_method || 'createElement';
+	        //IE only, tooltip text appearing on select before it is populated
+	        this.activateSlcTooltip = f.activate_slc_tooltip || 'Click to activate';
+	        //tooltip text appearing on multiple select
+	        this.multipleSlcTooltip = f.multiple_slc_tooltip || 'Use Ctrl key for multiple selections';
+	
+	        this.isCustom = null;
+	        this.opts = null;
+	        this.optsTxt = null;
+	        this.slcInnerHtml = null;
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(Dropdown, [{
+	        key: 'build',
+	
+	        /**
+	         * Build drop-down filter UI asynchronously
+	         * @param  {Number}  colIndex   Column index
+	         * @param  {Boolean} isLinked Enable linked refresh behaviour
+	         * @param  {Boolean} isExternal Render in external container
+	         * @param  {String}  extSlcId   External container id
+	         */
+	        value: function build(colIndex, isLinked, isExternal, extSlcId) {
+	            var tf = this.tf;
+	            tf.EvtManager(tf.Evt.name.dropdown, {
+	                slcIndex: colIndex,
+	                slcRefreshed: isLinked,
+	                slcExternal: isExternal,
+	                slcId: extSlcId
+	            });
+	        }
+	    }, {
+	        key: '_build',
+	
+	        /**
+	         * Build drop-down filter UI
+	         * @param  {Number}  colIndex    Column index
+	         * @param  {Boolean} isLinked Enable linked refresh behaviour
+	         * @param  {Boolean} isExternal  Render in external container
+	         * @param  {String}  extSlcId    External container id
+	         */
+	        value: function _build(colIndex) {
+	            var isLinked = arguments[1] === undefined ? false : arguments[1];
+	            var isExternal = arguments[2] === undefined ? false : arguments[2];
+	            var extSlcId = arguments[3] === undefined ? null : arguments[3];
+	
+	            var tf = this.tf;
+	            colIndex = parseInt(colIndex, 10);
+	
+	            this.opts = [];
+	            this.optsTxt = [];
+	            this.slcInnerHtml = '';
+	
+	            var slcId = tf.fltIds[colIndex];
+	            if (!_Dom2['default'].id(slcId) && !isExternal || !_Dom2['default'].id(extSlcId) && isExternal) {
+	                return;
+	            }
+	            var slc = !isExternal ? _Dom2['default'].id(slcId) : _Dom2['default'].id(extSlcId),
+	                rows = tf.tbl.rows,
+	                matchCase = tf.matchCase;
+	
+	            //custom select test
+	            this.isCustom = tf.isCustomOptions(colIndex);
+	
+	            //custom selects text
+	            var activeFlt;
+	            if (isLinked && tf.activeFilterId) {
+	                activeFlt = tf.activeFilterId.split('_')[0];
+	                activeFlt = activeFlt.split(tf.prfxFlt)[1];
+	            }
+	
+	            /*** remember grid values ***/
+	            var fltsValues = [],
+	                fltArr = [];
+	            if (tf.rememberGridValues) {
+	                fltsValues = tf.feature('store').getFilterValues(tf.fltsValuesCookie);
+	                if (fltsValues && !_Str2['default'].isEmpty(fltsValues.toString())) {
+	                    if (this.isCustom) {
+	                        fltArr.push(fltsValues[colIndex]);
+	                    } else {
+	                        fltArr = fltsValues[colIndex].split(' ' + tf.orOperator + ' ');
+	                    }
+	                }
+	            }
+	
+	            var excludedOpts = null,
+	                filteredDataCol = null;
+	            if (isLinked && tf.disableExcludedOptions) {
+	                excludedOpts = [];
+	                filteredDataCol = [];
+	            }
+	
+	            for (var k = tf.refRow; k < tf.nbRows; k++) {
+	                // always visible rows don't need to appear on selects as always
+	                // valid
+	                if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) {
+	                    continue;
+	                }
+	
+	                var cell = rows[k].cells,
+	                    nchilds = cell.length;
+	
+	                // checks if row has exact cell #
+	                if (nchilds !== tf.nbCells || this.isCustom) {
+	                    continue;
+	                }
+	
+	                // this loop retrieves cell data
+	                for (var j = 0; j < nchilds; j++) {
+	                    // WTF: cyclomatic complexity hell
+	                    if (colIndex === j && (!isLinked || isLinked && tf.disableExcludedOptions) || colIndex == j && isLinked && (rows[k].style.display === '' && !tf.paging || tf.paging && (!tf.validRowsIndex || tf.validRowsIndex && _Arr2['default'].has(tf.validRowsIndex, k)) && (activeFlt === undefined || activeFlt == colIndex || activeFlt != colIndex && _Arr2['default'].has(tf.validRowsIndex, k)))) {
+	                        var cell_data = tf.getCellData(j, cell[j]),
+	
+	                        //Vary Peter's patch
+	                        cell_string = _Str2['default'].matchCase(cell_data, matchCase);
+	
+	                        // checks if celldata is already in array
+	                        if (!_Arr2['default'].has(this.opts, cell_string, matchCase)) {
+	                            this.opts.push(cell_data);
+	                        }
+	
+	                        if (isLinked && tf.disableExcludedOptions) {
+	                            var filteredCol = filteredDataCol[j];
+	                            if (!filteredCol) {
+	                                filteredCol = tf.getFilteredDataCol(j);
+	                            }
+	                            if (!_Arr2['default'].has(filteredCol, cell_string, matchCase) && !_Arr2['default'].has(excludedOpts, cell_string, matchCase) && !this.isFirstLoad) {
+	                                excludedOpts.push(cell_data);
+	                            }
+	                        }
+	                    } //if colIndex==j
+	                } //for j
+	            } //for k
+	
+	            //Retrieves custom values
+	            if (this.isCustom) {
+	                var customValues = tf.getCustomOptions(colIndex);
+	                this.opts = customValues[0];
+	                this.optsTxt = customValues[1];
+	            }
+	
+	            if (tf.sortSlc && !this.isCustom) {
+	                if (!matchCase) {
+	                    this.opts.sort(_Sort2['default'].ignoreCase);
+	                    if (excludedOpts) {
+	                        excludedOpts.sort(_Sort2['default'].ignoreCase);
+	                    }
+	                } else {
+	                    this.opts.sort();
+	                    if (excludedOpts) {
+	                        excludedOpts.sort();
+	                    }
+	                }
+	            }
+	
+	            //asc sort
+	            if (tf.sortNumAsc && _Arr2['default'].has(tf.sortNumAsc, colIndex)) {
+	                try {
+	                    this.opts.sort(numSortAsc);
+	                    if (excludedOpts) {
+	                        excludedOpts.sort(numSortAsc);
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort(numSortAsc);
+	                    }
+	                } catch (e) {
+	                    this.opts.sort();
+	                    if (excludedOpts) {
+	                        excludedOpts.sort();
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort();
+	                    }
+	                } //in case there are alphanumeric values
+	            }
+	            //desc sort
+	            if (tf.sortNumDesc && _Arr2['default'].has(tf.sortNumDesc, colIndex)) {
+	                try {
+	                    this.opts.sort(numSortDesc);
+	                    if (excludedOpts) {
+	                        excludedOpts.sort(numSortDesc);
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort(numSortDesc);
+	                    }
+	                } catch (e) {
+	                    this.opts.sort();
+	                    if (excludedOpts) {
+	                        excludedOpts.sort();
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort();
+	                    }
+	                } //in case there are alphanumeric values
+	            }
+	
+	            //populates drop-down
+	            this.addOptions(colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr);
+	        }
+	    }, {
+	        key: 'addOptions',
+	
+	        /**
+	         * Add drop-down options
+	         * @param {Number} colIndex     Column index
+	         * @param {Object} slc          Select Dom element
+	         * @param {Boolean} isLinked    Enable linked refresh behaviour
+	         * @param {Array} excludedOpts  Array of excluded options
+	         * @param {Array} fltsValues    Collection of persisted filter values
+	         * @param {Array} fltArr        Collection of persisted filter values
+	         */
+	        value: function addOptions(colIndex, slc, isLinked, excludedOpts, fltsValues, fltArr) {
+	            var tf = this.tf,
+	                fillMethod = _Str2['default'].lower(this.slcFillingMethod),
+	                slcValue = slc.value;
+	
+	            slc.innerHTML = '';
+	            slc = this.addFirstOption(slc);
+	
+	            for (var y = 0; y < this.opts.length; y++) {
+	                if (this.opts[y] === '') {
+	                    continue;
+	                }
+	                var val = this.opts[y]; //option value
+	                var lbl = this.isCustom ? this.optsTxt[y] : val; //option text
+	                var isDisabled = false;
+	                if (isLinked && tf.disableExcludedOptions && _Arr2['default'].has(excludedOpts, _Str2['default'].matchCase(val, tf.matchCase), tf.matchCase)) {
+	                    isDisabled = true;
+	                }
+	
+	                if (fillMethod === 'innerhtml') {
+	                    var slcAttr = '';
+	                    if (tf.fillSlcOnDemand && slcValue === this.opts[y]) {
+	                        slcAttr = 'selected="selected"';
+	                    }
+	                    this.slcInnerHtml += '<option value="' + val + '" ' + slcAttr + (isDisabled ? 'disabled="disabled"' : '') + '>' + lbl + '</option>';
+	                } else {
+	                    var opt;
+	                    //fill select on demand
+	                    if (tf.fillSlcOnDemand && slcValue === this.opts[y] && tf['col' + colIndex] === tf.fltTypeSlc) {
+	                        opt = _Dom2['default'].createOpt(lbl, val, true);
+	                    } else {
+	                        if (tf['col' + colIndex] !== tf.fltTypeMulti) {
+	                            opt = _Dom2['default'].createOpt(lbl, val, fltsValues[colIndex] !== ' ' && val === fltsValues[colIndex] ? true : false);
+	                        } else {
+	                            opt = _Dom2['default'].createOpt(lbl, val, _Arr2['default'].has(fltArr, _Str2['default'].matchCase(this.opts[y], tf.matchCase), tf.matchCase) || fltArr.toString().indexOf(val) !== -1 ? true : false);
+	                        }
+	                    }
+	                    if (isDisabled) {
+	                        opt.disabled = true;
+	                    }
+	                    slc.appendChild(opt);
+	                }
+	            } // for y
+	
+	            if (fillMethod === 'innerhtml') {
+	                slc.innerHTML += this.slcInnerHtml;
+	            }
+	            slc.setAttribute('filled', '1');
+	        }
+	    }, {
+	        key: 'addFirstOption',
+	
+	        /**
+	         * Add drop-down header option
+	         * @param {Object} slc Select DOM element
+	         */
+	        value: function addFirstOption(slc) {
+	            var tf = this.tf,
+	                fillMethod = _Str2['default'].lower(this.slcFillingMethod);
+	
+	            if (fillMethod === 'innerhtml') {
+	                this.slcInnerHtml += '<option value="">' + tf.displayAllText + '</option>';
+	            } else {
+	                var opt0 = _Dom2['default'].createOpt(!this.enableSlcResetFilter ? '' : tf.displayAllText, '');
+	                if (!this.enableSlcResetFilter) {
+	                    opt0.style.display = 'none';
+	                }
+	                slc.appendChild(opt0);
+	                if (tf.enableEmptyOption) {
+	                    var opt1 = _Dom2['default'].createOpt(tf.emptyText, tf.emOperator);
+	                    slc.appendChild(opt1);
+	                }
+	                if (tf.enableNonEmptyOption) {
+	                    var opt2 = _Dom2['default'].createOpt(tf.nonEmptyText, tf.nmOperator);
+	                    slc.appendChild(opt2);
+	                }
+	            }
+	            return slc;
+	        }
+	    }]);
+	
+	    return Dropdown;
+	})();
+	
+	exports.Dropdown = Dropdown;
+
+/***/ },
+/* 16 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var _Sort = __webpack_require__(23);
+	
+	var _Sort2 = _interopRequireDefault(_Sort);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var CheckList = (function () {
+	
+	    /**
+	     * Checklist UI component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function CheckList(tf) {
+	        _classCallCheck(this, CheckList);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        this.checkListDiv = []; //checklist container div
+	        //defines css class for div containing checklist filter
+	        this.checkListDivCssClass = f.div_checklist_css_class || 'div_checklist';
+	        //defines css class for checklist filters
+	        this.checkListCssClass = f.checklist_css_class || 'flt_checklist';
+	        //defines css class for checklist item (li)
+	        this.checkListItemCssClass = f.checklist_item_css_class || 'flt_checklist_item';
+	        //defines css class for selected checklist item (li)
+	        this.checkListSlcItemCssClass = f.checklist_selected_item_css_class || 'flt_checklist_slc_item';
+	        //Load on demand text
+	        this.activateCheckListTxt = f.activate_checklist_text || 'Click to load filter data';
+	        //defines css class for checklist filters
+	        this.checkListItemDisabledCssClass = f.checklist_item_disabled_css_class || 'flt_checklist_item_disabled';
+	        this.enableCheckListResetFilter = f.enable_checklist_reset_filter === false ? false : true;
+	        //checklist filter container div
+	        this.prfxCheckListDiv = 'chkdiv_';
+	
+	        this.isCustom = null;
+	        this.opts = null;
+	        this.optsTxt = null;
+	        this.excludedOpts = null;
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(CheckList, [{
+	        key: 'onChange',
+	
+	        // TODO: move event here
+	        value: function onChange(evt) {
+	            var elm = evt.target;
+	            this.tf.activeFilterId = elm.getAttribute('id');
+	            this.tf.activeFlt = _Dom2['default'].id(this.tf.activeFilterId);
+	            this.tf.Evt.onSlcChange.call(this.tf, evt);
+	        }
+	    }, {
+	        key: 'optionClick',
+	        value: function optionClick(evt) {
+	            this.setCheckListValues(evt.target);
+	            this.onChange(evt);
+	        }
+	    }, {
+	        key: 'build',
+	
+	        /**
+	         * Build checklist UI asynchronously
+	         * @param  {Number}  colIndex   Column index
+	         * @param  {Boolean} isExternal Render in external container
+	         * @param  {String}  extFltId   External container id
+	         */
+	        value: function build(colIndex, isExternal, extFltId) {
+	            var tf = this.tf;
+	            tf.EvtManager(tf.Evt.name.checklist, { slcIndex: colIndex, slcExternal: isExternal, slcId: extFltId });
+	        }
+	    }, {
+	        key: '_build',
+	
+	        /**
+	         * Build checklist UI
+	         * @param  {Number}  colIndex   Column index
+	         * @param  {Boolean} isExternal Render in external container
+	         * @param  {String}  extFltId   External container id
+	         */
+	        value: function _build(colIndex) {
+	            var _this = this;
+	
+	            var isExternal = arguments[1] === undefined ? false : arguments[1];
+	            var extFltId = arguments[2] === undefined ? null : arguments[2];
+	
+	            var tf = this.tf;
+	            colIndex = parseInt(colIndex, 10);
+	
+	            this.opts = [];
+	            this.optsTxt = [];
+	
+	            var divFltId = this.prfxCheckListDiv + colIndex + '_' + tf.id;
+	            if (!_Dom2['default'].id(divFltId) && !isExternal || !_Dom2['default'].id(extFltId) && isExternal) {
+	                return;
+	            }
+	
+	            var flt = !isExternal ? this.checkListDiv[colIndex] : _Dom2['default'].id(extFltId);
+	            var ul = _Dom2['default'].create('ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);
+	            ul.className = this.checkListCssClass;
+	            _Event2['default'].add(ul, 'change', function (evt) {
+	                _this.onChange(evt);
+	            });
+	
+	            var rows = tf.tbl.rows;
+	            this.isCustom = tf.isCustomOptions(colIndex);
+	
+	            var activeFlt;
+	            if (tf.linkedFilters && tf.activeFilterId) {
+	                activeFlt = tf.activeFilterId.split('_')[0];
+	                activeFlt = activeFlt.split(tf.prfxFlt)[1];
+	            }
+	
+	            var filteredDataCol = [];
+	            if (tf.linkedFilters && tf.disableExcludedOptions) {
+	                this.excludedOpts = [];
+	            }
+	
+	            for (var k = tf.refRow; k < tf.nbRows; k++) {
+	                // always visible rows don't need to appear on selects as always
+	                // valid
+	                if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) {
+	                    continue;
+	                }
+	
+	                var cells = rows[k].cells;
+	                var ncells = cells.length;
+	
+	                // checks if row has exact cell #
+	                if (ncells !== tf.nbCells || this.isCustom) {
+	                    continue;
+	                }
+	
+	                // this loop retrieves cell data
+	                for (var j = 0; j < ncells; j++) {
+	                    // WTF: cyclomatic complexity hell :)
+	                    if (colIndex === j && (!tf.linkedFilters || tf.linkedFilters && tf.disableExcludedOptions) || colIndex === j && tf.linkedFilters && (rows[k].style.display === '' && !tf.paging || tf.paging && (!activeFlt || activeFlt === colIndex || activeFlt != colIndex && _Arr2['default'].has(tf.validRowsIndex, k)))) {
+	                        var cell_data = tf.getCellData(j, cells[j]);
+	                        //Vary Peter's patch
+	                        var cell_string = _Str2['default'].matchCase(cell_data, tf.matchCase);
+	                        // checks if celldata is already in array
+	                        if (!_Arr2['default'].has(this.opts, cell_string, tf.matchCase)) {
+	                            this.opts.push(cell_data);
+	                        }
+	                        var filteredCol = filteredDataCol[j];
+	                        if (tf.linkedFilters && tf.disableExcludedOptions) {
+	                            if (!filteredCol) {
+	                                filteredCol = tf.getFilteredDataCol(j);
+	                            }
+	                            if (!_Arr2['default'].has(filteredCol, cell_string, tf.matchCase) && !_Arr2['default'].has(this.excludedOpts, cell_string, tf.matchCase) && !tf.isFirstLoad) {
+	                                this.excludedOpts.push(cell_data);
+	                            }
+	                        }
+	                    }
+	                }
+	            }
+	
+	            //Retrieves custom values
+	            if (this.isCustom) {
+	                var customValues = tf.getCustomOptions(colIndex);
+	                this.opts = customValues[0];
+	                this.optsTxt = customValues[1];
+	            }
+	
+	            if (tf.sortSlc && !this.isCustom) {
+	                if (!tf.matchCase) {
+	                    this.opts.sort(_Sort2['default'].ignoreCase);
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort(_Sort2['default'].ignoreCase);
+	                    }
+	                } else {
+	                    this.opts.sort();
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort();
+	                    }
+	                }
+	            }
+	            //asc sort
+	            if (tf.sortNumAsc && _Arr2['default'].has(tf.sortNumAsc, colIndex)) {
+	                try {
+	                    this.opts.sort(numSortAsc);
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort(numSortAsc);
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort(numSortAsc);
+	                    }
+	                } catch (e) {
+	                    this.opts.sort();
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort();
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort();
+	                    }
+	                } //in case there are alphanumeric values
+	            }
+	            //desc sort
+	            if (tf.sortNumDesc && _Arr2['default'].has(tf.sortNumDesc, colIndex)) {
+	                try {
+	                    this.opts.sort(numSortDesc);
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort(numSortDesc);
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort(numSortDesc);
+	                    }
+	                } catch (e) {
+	                    this.opts.sort();
+	                    if (this.excludedOpts) {
+	                        this.excludedOpts.sort();
+	                    }
+	                    if (this.isCustom) {
+	                        this.optsTxt.sort();
+	                    }
+	                } //in case there are alphanumeric values
+	            }
+	
+	            this.addChecks(colIndex, ul, tf.separator);
+	
+	            if (tf.fillSlcOnDemand) {
+	                flt.innerHTML = '';
+	            }
+	            flt.appendChild(ul);
+	            flt.setAttribute('filled', '1');
+	        }
+	    }, {
+	        key: 'addChecks',
+	
+	        /**
+	         * Add checklist options
+	         * @param {Number} colIndex  Column index
+	         * @param {Object} ul        Ul element
+	         */
+	        value: function addChecks(colIndex, ul) {
+	            var _this2 = this;
+	
+	            var tf = this.tf;
+	            var chkCt = this.addTChecks(colIndex, ul);
+	            var fltArr = []; //remember grid values
+	            var store = tf.feature('store');
+	            var tmpVal = store ? store.getFilterValues(tf.fltsValuesCookie)[colIndex] : null;
+	            if (tmpVal && _Str2['default'].trim(tmpVal).length > 0) {
+	                if (tf.hasCustomSlcOptions && _Arr2['default'].has(tf.customSlcOptions.cols, colIndex)) {
+	                    fltArr.push(tmpVal);
+	                } else {
+	                    fltArr = tmpVal.split(' ' + tf.orOperator + ' ');
+	                }
+	            }
+	
+	            for (var y = 0; y < this.opts.length; y++) {
+	                var val = this.opts[y]; //item value
+	                var lbl = this.isCustom ? this.optsTxt[y] : val; //item text
+	                var li = _Dom2['default'].createCheckItem(tf.fltIds[colIndex] + '_' + (y + chkCt), val, lbl);
+	                li.className = this.checkListItemCssClass;
+	                if (tf.linkedFilters && tf.disableExcludedOptions && _Arr2['default'].has(this.excludedOpts, _Str2['default'].matchCase(val, tf.matchCase), tf.matchCase)) {
+	                    _Dom2['default'].addClass(li, this.checkListItemDisabledCssClass);
+	                    li.check.disabled = true;
+	                    li.disabled = true;
+	                } else {
+	                    _Event2['default'].add(li.check, 'click', function (evt) {
+	                        _this2.optionClick(evt);
+	                    });
+	                }
+	                ul.appendChild(li);
+	
+	                if (val === '') {
+	                    //item is hidden
+	                    li.style.display = 'none';
+	                }
+	
+	                /*** remember grid values ***/
+	                if (tf.rememberGridValues) {
+	                    if (tf.hasCustomSlcOptions && _Arr2['default'].has(tf.customSlcOptions.cols, colIndex) && fltArr.toString().indexOf(val) != -1 || _Arr2['default'].has(fltArr, _Str2['default'].matchCase(val, tf.matchCase), tf.matchCase)) {
+	                        li.check.checked = true;
+	                        this.setCheckListValues(li.check);
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'addTChecks',
+	
+	        /**
+	         * Add checklist header option
+	         * @param {Number} colIndex Column index
+	         * @param {Object} ul       Ul element
+	         */
+	        value: function addTChecks(colIndex, ul) {
+	            var _this3 = this;
+	
+	            var tf = this.tf;
+	            var chkCt = 1;
+	            var li0 = _Dom2['default'].createCheckItem(tf.fltIds[colIndex] + '_0', '', tf.displayAllText);
+	            li0.className = this.checkListItemCssClass;
+	            ul.appendChild(li0);
+	
+	            _Event2['default'].add(li0.check, 'click', function (evt) {
+	                _this3.optionClick(evt);
+	            });
+	
+	            if (!this.enableCheckListResetFilter) {
+	                li0.style.display = 'none';
+	            }
+	
+	            if (tf.enableEmptyOption) {
+	                var li1 = _Dom2['default'].createCheckItem(tf.fltIds[colIndex] + '_1', tf.emOperator, tf.emptyText);
+	                li1.className = this.checkListItemCssClass;
+	                ul.appendChild(li1);
+	                _Event2['default'].add(li1.check, 'click', function (evt) {
+	                    _this3.optionClick(evt);
+	                });
+	                chkCt++;
+	            }
+	
+	            if (tf.enableNonEmptyOption) {
+	                var li2 = _Dom2['default'].createCheckItem(tf.fltIds[colIndex] + '_2', tf.nmOperator, tf.nonEmptyText);
+	                li2.className = this.checkListItemCssClass;
+	                ul.appendChild(li2);
+	                _Event2['default'].add(li2.check, 'click', function (evt) {
+	                    _this3.optionClick(evt);
+	                });
+	                chkCt++;
+	            }
+	            return chkCt;
+	        }
+	    }, {
+	        key: 'setCheckListValues',
+	
+	        /**
+	         * Store checked options in DOM element attribute
+	         * @param {Object} o checklist option DOM element
+	         */
+	        value: function setCheckListValues(o) {
+	            if (!o) {
+	                return;
+	            }
+	            var tf = this.tf;
+	            var chkValue = o.value; //checked item value
+	            var chkIndex = parseInt(o.id.split('_')[2], 10);
+	            var filterTag = 'ul',
+	                itemTag = 'li';
+	            var n = o;
+	
+	            //ul tag search
+	            while (_Str2['default'].lower(n.nodeName) !== filterTag) {
+	                n = n.parentNode;
+	            }
+	
+	            var li = n.childNodes[chkIndex];
+	            var colIndex = n.getAttribute('colIndex');
+	            var fltValue = n.getAttribute('value'); //filter value (ul tag)
+	            var fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)
+	
+	            if (o.checked) {
+	                //show all item
+	                if (chkValue === '') {
+	                    if (fltIndexes && fltIndexes !== '') {
+	                        //items indexes
+	                        var indSplit = fltIndexes.split(tf.separator);
+	                        //checked items loop
+	                        for (var u = 0; u < indSplit.length; u++) {
+	                            //checked item
+	                            var cChk = _Dom2['default'].id(tf.fltIds[colIndex] + '_' + indSplit[u]);
+	                            if (cChk) {
+	                                cChk.checked = false;
+	                                _Dom2['default'].removeClass(n.childNodes[indSplit[u]], this.checkListSlcItemCssClass);
+	                            }
+	                        }
+	                    }
+	                    n.setAttribute('value', '');
+	                    n.setAttribute('indexes', '');
+	                } else {
+	                    fltValue = fltValue ? fltValue : '';
+	                    chkValue = _Str2['default'].trim(fltValue + ' ' + chkValue + ' ' + tf.orOperator);
+	                    chkIndex = fltIndexes + chkIndex + tf.separator;
+	                    n.setAttribute('value', chkValue);
+	                    n.setAttribute('indexes', chkIndex);
+	                    //1st option unchecked
+	                    if (_Dom2['default'].id(tf.fltIds[colIndex] + '_0')) {
+	                        _Dom2['default'].id(tf.fltIds[colIndex] + '_0').checked = false;
+	                    }
+	                }
+	
+	                if (_Str2['default'].lower(li.nodeName) === itemTag) {
+	                    _Dom2['default'].removeClass(n.childNodes[0], this.checkListSlcItemCssClass);
+	                    _Dom2['default'].addClass(li, this.checkListSlcItemCssClass);
+	                }
+	            } else {
+	                //removes values and indexes
+	                if (chkValue !== '') {
+	                    var replaceValue = new RegExp(_Str2['default'].rgxEsc(chkValue + ' ' + tf.orOperator));
+	                    fltValue = fltValue.replace(replaceValue, '');
+	                    n.setAttribute('value', _Str2['default'].trim(fltValue));
+	
+	                    var replaceIndex = new RegExp(_Str2['default'].rgxEsc(chkIndex + tf.separator));
+	                    fltIndexes = fltIndexes.replace(replaceIndex, '');
+	                    n.setAttribute('indexes', fltIndexes);
+	                }
+	                if (_Str2['default'].lower(li.nodeName) === itemTag) {
+	                    _Dom2['default'].removeClass(li, this.checkListSlcItemCssClass);
+	                }
+	            }
+	        }
+	    }]);
+	
+	    return CheckList;
+	})();
+	
+	exports.CheckList = CheckList;
+
+/***/ },
+/* 17 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var RowsCounter = (function () {
+	
+	    /**
+	     * Rows counter
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function RowsCounter(tf) {
+	        _classCallCheck(this, RowsCounter);
+	
+	        // TableFilter configuration
+	        var f = tf.config();
+	
+	        //id of custom container element
+	        this.rowsCounterTgtId = f.rows_counter_target_id || null;
+	        //element containing tot nb rows
+	        this.rowsCounterDiv = null;
+	        //element containing tot nb rows label
+	        this.rowsCounterSpan = null;
+	        //defines rows counter text
+	        this.rowsCounterText = f.rows_counter_text || 'Rows: ';
+	        this.fromToTextSeparator = f.from_to_text_separator || '-';
+	        this.overText = f.over_text || ' / ';
+	        //defines css class rows counter
+	        this.totRowsCssClass = f.tot_rows_css_class || 'tot';
+	        //rows counter div
+	        this.prfxCounter = 'counter_';
+	        //nb displayed rows label
+	        this.prfxTotRows = 'totrows_span_';
+	        //label preceding nb rows label
+	        this.prfxTotRowsTxt = 'totRowsTextSpan_';
+	        //callback raised before counter is refreshed
+	        this.onBeforeRefreshCounter = _Types2['default'].isFn(f.on_before_refresh_counter) ? f.on_before_refresh_counter : null;
+	        //callback raised after counter is refreshed
+	        this.onAfterRefreshCounter = _Types2['default'].isFn(f.on_after_refresh_counter) ? f.on_after_refresh_counter : null;
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(RowsCounter, [{
+	        key: 'init',
+	        value: function init() {
+	            var tf = this.tf;
+	
+	            if (!tf.hasGrid() && !tf.isFirstLoad || this.rowsCounterSpan) {
+	                return;
+	            }
+	
+	            //rows counter container
+	            var countDiv = _Dom2['default'].create('div', ['id', this.prfxCounter + tf.id]);
+	            countDiv.className = this.totRowsCssClass;
+	            //rows counter label
+	            var countSpan = _Dom2['default'].create('span', ['id', this.prfxTotRows + tf.id]);
+	            var countText = _Dom2['default'].create('span', ['id', this.prfxTotRowsTxt + tf.id]);
+	            countText.appendChild(_Dom2['default'].text(this.rowsCounterText));
+	
+	            // counter is added to defined element
+	            if (!this.rowsCounterTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.rowsCounterTgtId ? tf.lDiv : _Dom2['default'].id(this.rowsCounterTgtId);
+	
+	            //default container: 'lDiv'
+	            if (!this.rowsCounterTgtId) {
+	                countDiv.appendChild(countText);
+	                countDiv.appendChild(countSpan);
+	                targetEl.appendChild(countDiv);
+	            } else {
+	                //custom container, no need to append statusDiv
+	                targetEl.appendChild(countText);
+	                targetEl.appendChild(countSpan);
+	            }
+	            this.rowsCounterDiv = countDiv;
+	            this.rowsCounterSpan = countSpan;
+	
+	            this.refresh();
+	        }
+	    }, {
+	        key: 'refresh',
+	        value: function refresh(p) {
+	            if (!this.rowsCounterSpan) {
+	                return;
+	            }
+	
+	            var tf = this.tf;
+	
+	            if (this.onBeforeRefreshCounter) {
+	                this.onBeforeRefreshCounter.call(null, tf, this.rowsCounterSpan);
+	            }
+	
+	            var totTxt;
+	            if (!tf.paging) {
+	                if (p && p !== '') {
+	                    totTxt = p;
+	                } else {
+	                    totTxt = tf.nbFilterableRows - tf.nbHiddenRows;
+	                }
+	            } else {
+	                var paging = tf.feature('paging');
+	                if (paging) {
+	                    //paging start row
+	                    var paging_start_row = parseInt(paging.startPagingRow, 10) + (tf.nbVisibleRows > 0 ? 1 : 0);
+	                    var paging_end_row = paging_start_row + paging.pagingLength - 1 <= tf.nbVisibleRows ? paging_start_row + paging.pagingLength - 1 : tf.nbVisibleRows;
+	                    totTxt = paging_start_row + this.fromToTextSeparator + paging_end_row + this.overText + tf.nbVisibleRows;
+	                }
+	            }
+	
+	            this.rowsCounterSpan.innerHTML = totTxt;
+	            if (this.onAfterRefreshCounter) {
+	                this.onAfterRefreshCounter.call(null, tf, this.rowsCounterSpan, totTxt);
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	        value: function destroy() {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() || !this.rowsCounterSpan) {
+	                return;
+	            }
+	
+	            if (!this.rowsCounterTgtId && this.rowsCounterDiv) {
+	                this.rowsCounterDiv.parentNode.removeChild(this.rowsCounterDiv);
+	            } else {
+	                _Dom2['default'].id(this.rowsCounterTgtId).innerHTML = '';
+	            }
+	            this.rowsCounterSpan = null;
+	            this.rowsCounterDiv = null;
+	        }
+	    }]);
+	
+	    return RowsCounter;
+	})();
+	
+	exports.RowsCounter = RowsCounter;
+
+/***/ },
+/* 18 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var global = window;
+	
+	var StatusBar = (function () {
+	
+	    /**
+	     * Status bar UI component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function StatusBar(tf) {
+	        _classCallCheck(this, StatusBar);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        //id of custom container element
+	        this.statusBarTgtId = f.status_bar_target_id || null;
+	        //element containing status bar label
+	        this.statusBarDiv = null;
+	        //status bar
+	        this.statusBarSpan = null;
+	        //status bar label
+	        this.statusBarSpanText = null;
+	        //defines status bar text
+	        this.statusBarText = f.status_bar_text || '';
+	        //defines css class status bar
+	        this.statusBarCssClass = f.status_bar_css_class || 'status';
+	        //delay for status bar clearing
+	        this.statusBarCloseDelay = 250;
+	
+	        //calls function before message is displayed
+	        this.onBeforeShowMsg = _Types2['default'].isFn(f.on_before_show_msg) ? f.on_before_show_msg : null;
+	        //calls function after message is displayed
+	        this.onAfterShowMsg = _Types2['default'].isFn(f.on_after_show_msg) ? f.on_after_show_msg : null;
+	
+	        // status bar div
+	        this.prfxStatus = 'status_';
+	        // status bar label
+	        this.prfxStatusSpan = 'statusSpan_';
+	        // text preceding status bar label
+	        this.prfxStatusTxt = 'statusText_';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(StatusBar, [{
+	        key: 'init',
+	        value: function init() {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() && !tf.isFirstLoad) {
+	                return;
+	            }
+	
+	            //status bar container
+	            var statusDiv = _Dom2['default'].create('div', ['id', this.prfxStatus + tf.id]);
+	            statusDiv.className = this.statusBarCssClass;
+	
+	            //status bar label
+	            var statusSpan = _Dom2['default'].create('span', ['id', this.prfxStatusSpan + tf.id]);
+	            //preceding text
+	            var statusSpanText = _Dom2['default'].create('span', ['id', this.prfxStatusTxt + tf.id]);
+	            statusSpanText.appendChild(_Dom2['default'].text(this.statusBarText));
+	
+	            // target element container
+	            if (!this.statusBarTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.statusBarTgtId ? tf.lDiv : _Dom2['default'].id(this.statusBarTgtId);
+	
+	            //default container: 'lDiv'
+	            if (!this.statusBarTgtId) {
+	                statusDiv.appendChild(statusSpanText);
+	                statusDiv.appendChild(statusSpan);
+	                targetEl.appendChild(statusDiv);
+	            } else {
+	                // custom container, no need to append statusDiv
+	                targetEl.appendChild(statusSpanText);
+	                targetEl.appendChild(statusSpan);
+	            }
+	
+	            this.statusBarDiv = statusDiv;
+	            this.statusBarSpan = statusSpan;
+	            this.statusBarSpanText = statusSpanText;
+	        }
+	    }, {
+	        key: 'message',
+	        value: function message() {
+	            var _this = this;
+	
+	            var t = arguments[0] === undefined ? '' : arguments[0];
+	
+	            var tf = this.tf;
+	            if (!tf.statusBar || !this.statusBarSpan) {
+	                return;
+	            }
+	            if (this.onBeforeShowMsg) {
+	                this.onBeforeShowMsg.call(null, this.tf, t);
+	            }
+	
+	            var d = t === '' ? this.statusBarCloseDelay : 1;
+	            global.setTimeout(function () {
+	                _this.statusBarSpan.innerHTML = t;
+	                if (_this.onAfterShowMsg) {
+	                    _this.onAfterShowMsg.call(null, _this.tf, t);
+	                }
+	            }, d);
+	        }
+	    }, {
+	        key: 'destroy',
+	        value: function destroy() {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() || !this.statusBarDiv) {
+	                return;
+	            }
+	
+	            this.statusBarDiv.innerHTML = '';
+	            this.statusBarDiv.parentNode.removeChild(this.statusBarDiv);
+	            this.statusBarSpan = null;
+	            this.statusBarSpanText = null;
+	            this.statusBarDiv = null;
+	        }
+	    }]);
+	
+	    return StatusBar;
+	})();
+	
+	exports.StatusBar = StatusBar;
+
+/***/ },
+/* 19 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var Paging = (function () {
+	
+	    /**
+	     * Pagination component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function Paging(tf) {
+	        _classCallCheck(this, Paging);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        //css class for paging buttons (previous,next,etc.)
+	        this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';
+	        //stores paging select element
+	        this.pagingSlc = null;
+	        //results per page select element
+	        this.resultsPerPageSlc = null;
+	        //id of container element
+	        this.pagingTgtId = f.paging_target_id || null;
+	        //defines table paging length
+	        this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;
+	        //id of container element
+	        this.resultsPerPageTgtId = f.results_per_page_target_id || null;
+	        //css class for paging select element
+	        this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';
+	        //css class for paging input element
+	        this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';
+	        //stores results per page text and values
+	        this.resultsPerPage = f.results_per_page || null;
+	        //enables/disables results per page drop-down
+	        this.hasResultsPerPage = _Types2['default'].isArray(this.resultsPerPage);
+	        //defines css class for results per page select
+	        this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';
+	        //css class for label preceding results per page select
+	        this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';
+	        //1st row index of current page
+	        this.startPagingRow = 0;
+	        //total nb of pages
+	        this.nbPages = 0;
+	        //current page nb
+	        this.currentPageNb = 1;
+	        //defines next page button text
+	        this.btnNextPageText = f.btn_next_page_text || '>';
+	        //defines previous page button text
+	        this.btnPrevPageText = f.btn_prev_page_text || '<';
+	        //defines last page button text
+	        this.btnLastPageText = f.btn_last_page_text || '>|';
+	        //defines first page button text
+	        this.btnFirstPageText = f.btn_first_page_text || '|<';
+	        //defines next page button html
+	        this.btnNextPageHtml = f.btn_next_page_html || (!tf.enableIcons ? null : '<input type="button" value="" class="' + this.btnPageCssClass + ' nextPage" title="Next page" />');
+	        //defines previous page button html
+	        this.btnPrevPageHtml = f.btn_prev_page_html || (!tf.enableIcons ? null : '<input type="button" value="" class="' + this.btnPageCssClass + ' previousPage" title="Previous page" />');
+	        //defines last page button html
+	        this.btnFirstPageHtml = f.btn_first_page_html || (!tf.enableIcons ? null : '<input type="button" value="" class="' + this.btnPageCssClass + ' firstPage" title="First page" />');
+	        //defines previous page button html
+	        this.btnLastPageHtml = f.btn_last_page_html || (!tf.enableIcons ? null : '<input type="button" value="" class="' + this.btnPageCssClass + ' lastPage" title="Last page" />');
+	        //defines text preceeding page selector drop-down
+	        this.pageText = f.page_text || ' Page ';
+	        //defines text after page selector drop-down
+	        this.ofText = f.of_text || ' of ';
+	        //css class for span containing tot nb of pages
+	        this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';
+	        //enables/disables paging buttons
+	        this.hasPagingBtns = f.paging_btns === false ? false : true;
+	        //defines previous page button html
+	        this.pageSelectorType = f.page_selector_type || tf.fltTypeSlc;
+	        //calls function before page is changed
+	        this.onBeforeChangePage = _Types2['default'].isFn(f.on_before_change_page) ? f.on_before_change_page : null;
+	        //calls function before page is changed
+	        this.onAfterChangePage = _Types2['default'].isFn(f.on_after_change_page) ? f.on_after_change_page : null;
+	
+	        //pages select
+	        this.prfxSlcPages = 'slcPages_';
+	        //results per page select
+	        this.prfxSlcResults = 'slcResults_';
+	        //label preciding results per page select
+	        this.prfxSlcResultsTxt = 'slcResultsTxt_';
+	        //span containing next page button
+	        this.prfxBtnNextSpan = 'btnNextSpan_';
+	        //span containing previous page button
+	        this.prfxBtnPrevSpan = 'btnPrevSpan_';
+	        //span containing last page button
+	        this.prfxBtnLastSpan = 'btnLastSpan_';
+	        //span containing first page button
+	        this.prfxBtnFirstSpan = 'btnFirstSpan_';
+	        //next button
+	        this.prfxBtnNext = 'btnNext_';
+	        //previous button
+	        this.prfxBtnPrev = 'btnPrev_';
+	        //last button
+	        this.prfxBtnLast = 'btnLast_';
+	        //first button
+	        this.prfxBtnFirst = 'btnFirst_';
+	        //span for tot nb pages
+	        this.prfxPgSpan = 'pgspan_';
+	        //span preceding pages select (contains 'Page')
+	        this.prfxPgBeforeSpan = 'pgbeforespan_';
+	        //span following pages select (contains ' of ')
+	        this.prfxPgAfterSpan = 'pgafterspan_';
+	
+	        var start_row = this.refRow;
+	        var nrows = this.nbRows;
+	        //calculates page nb
+	        this.nbPages = Math.ceil((nrows - start_row) / this.pagingLength);
+	
+	        //Paging elements events
+	        var o = this;
+	        // Paging DOM events
+	        this.evt = {
+	            slcIndex: function slcIndex() {
+	                return o.pageSelectorType === tf.fltTypeSlc ? o.pagingSlc.options.selectedIndex : parseInt(o.pagingSlc.value, 10) - 1;
+	            },
+	            nbOpts: function nbOpts() {
+	                return o.pageSelectorType === tf.fltTypeSlc ? parseInt(o.pagingSlc.options.length, 10) - 1 : o.nbPages - 1;
+	            },
+	            next: function next() {
+	                var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ? o.evt.slcIndex() + 1 : 0;
+	                o.changePage(nextIndex);
+	            },
+	            prev: function prev() {
+	                var prevIndex = o.evt.slcIndex() > 0 ? o.evt.slcIndex() - 1 : o.evt.nbOpts();
+	                o.changePage(prevIndex);
+	            },
+	            last: function last() {
+	                o.changePage(o.evt.nbOpts());
+	            },
+	            first: function first() {
+	                o.changePage(0);
+	            },
+	            _detectKey: function _detectKey(e) {
+	                var key = _Event2['default'].keyCode(e);
+	                if (key === 13) {
+	                    if (tf.sorted) {
+	                        tf.filter();
+	                        o.changePage(o.evt.slcIndex());
+	                    } else {
+	                        o.changePage();
+	                    }
+	                    this.blur();
+	                }
+	            },
+	            slcPagesChange: null,
+	            nextEvt: null,
+	            prevEvt: null,
+	            lastEvt: null,
+	            firstEvt: null
+	        };
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(Paging, [{
+	        key: 'init',
+	
+	        /**
+	         * Initialize DOM elements
+	         */
+	        value: function init() {
+	            var _this = this;
+	
+	            var slcPages;
+	            var tf = this.tf;
+	            var evt = this.evt;
+	
+	            // Check resultsPerPage is in expected format and initialise the
+	            // results per page component
+	            if (this.hasResultsPerPage) {
+	                if (this.resultsPerPage.length < 2) {
+	                    this.hasResultsPerPage = false;
+	                } else {
+	                    this.pagingLength = this.resultsPerPage[1][0];
+	                    this.setResultsPerPage();
+	                }
+	            }
+	
+	            evt.slcPagesChange = function (event) {
+	                var slc = event.target;
+	                _this.changePage(slc.selectedIndex);
+	            };
+	
+	            // Paging drop-down list selector
+	            if (this.pageSelectorType === tf.fltTypeSlc) {
+	                slcPages = _Dom2['default'].create(tf.fltTypeSlc, ['id', this.prfxSlcPages + tf.id]);
+	                slcPages.className = this.pgSlcCssClass;
+	                _Event2['default'].add(slcPages, 'change', evt.slcPagesChange);
+	            }
+	
+	            // Paging input selector
+	            if (this.pageSelectorType === tf.fltTypeInp) {
+	                slcPages = _Dom2['default'].create(tf.fltTypeInp, ['id', this.prfxSlcPages + tf.id], ['value', this.currentPageNb]);
+	                slcPages.className = this.pgInpCssClass;
+	                _Event2['default'].add(slcPages, 'keypress', evt._detectKey);
+	            }
+	
+	            // btns containers
+	            var btnNextSpan = _Dom2['default'].create('span', ['id', this.prfxBtnNextSpan + tf.id]);
+	            var btnPrevSpan = _Dom2['default'].create('span', ['id', this.prfxBtnPrevSpan + tf.id]);
+	            var btnLastSpan = _Dom2['default'].create('span', ['id', this.prfxBtnLastSpan + tf.id]);
+	            var btnFirstSpan = _Dom2['default'].create('span', ['id', this.prfxBtnFirstSpan + tf.id]);
+	
+	            if (this.hasPagingBtns) {
+	                // Next button
+	                if (!this.btnNextPageHtml) {
+	                    var btn_next = _Dom2['default'].create(tf.fltTypeInp, ['id', this.prfxBtnNext + tf.id], ['type', 'button'], ['value', this.btnNextPageText], ['title', 'Next']);
+	                    btn_next.className = this.btnPageCssClass;
+	                    _Event2['default'].add(btn_next, 'click', evt.next);
+	                    btnNextSpan.appendChild(btn_next);
+	                } else {
+	                    btnNextSpan.innerHTML = this.btnNextPageHtml;
+	                    _Event2['default'].add(btnNextSpan, 'click', evt.next);
+	                }
+	                // Previous button
+	                if (!this.btnPrevPageHtml) {
+	                    var btn_prev = _Dom2['default'].create(tf.fltTypeInp, ['id', this.prfxBtnPrev + tf.id], ['type', 'button'], ['value', this.btnPrevPageText], ['title', 'Previous']);
+	                    btn_prev.className = this.btnPageCssClass;
+	                    _Event2['default'].add(btn_prev, 'click', evt.prev);
+	                    btnPrevSpan.appendChild(btn_prev);
+	                } else {
+	                    btnPrevSpan.innerHTML = this.btnPrevPageHtml;
+	                    _Event2['default'].add(btnPrevSpan, 'click', evt.prev);
+	                }
+	                // Last button
+	                if (!this.btnLastPageHtml) {
+	                    var btn_last = _Dom2['default'].create(tf.fltTypeInp, ['id', this.prfxBtnLast + tf.id], ['type', 'button'], ['value', this.btnLastPageText], ['title', 'Last']);
+	                    btn_last.className = this.btnPageCssClass;
+	                    _Event2['default'].add(btn_last, 'click', evt.last);
+	                    btnLastSpan.appendChild(btn_last);
+	                } else {
+	                    btnLastSpan.innerHTML = this.btnLastPageHtml;
+	                    _Event2['default'].add(btnLastSpan, 'click', evt.last);
+	                }
+	                // First button
+	                if (!this.btnFirstPageHtml) {
+	                    var btn_first = _Dom2['default'].create(tf.fltTypeInp, ['id', this.prfxBtnFirst + tf.id], ['type', 'button'], ['value', this.btnFirstPageText], ['title', 'First']);
+	                    btn_first.className = this.btnPageCssClass;
+	                    _Event2['default'].add(btn_first, 'click', evt.first);
+	                    btnFirstSpan.appendChild(btn_first);
+	                } else {
+	                    btnFirstSpan.innerHTML = this.btnFirstPageHtml;
+	                    _Event2['default'].add(btnFirstSpan, 'click', evt.first);
+	                }
+	            }
+	
+	            // paging elements (buttons+drop-down list) are added to defined element
+	            if (!this.pagingTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.pagingTgtId ? tf.mDiv : _Dom2['default'].id(this.pagingTgtId);
+	            targetEl.appendChild(btnFirstSpan);
+	            targetEl.appendChild(btnPrevSpan);
+	
+	            var pgBeforeSpan = _Dom2['default'].create('span', ['id', this.prfxPgBeforeSpan + tf.id]);
+	            pgBeforeSpan.appendChild(_Dom2['default'].text(this.pageText));
+	            pgBeforeSpan.className = this.nbPgSpanCssClass;
+	            targetEl.appendChild(pgBeforeSpan);
+	            targetEl.appendChild(slcPages);
+	            var pgAfterSpan = _Dom2['default'].create('span', ['id', this.prfxPgAfterSpan + tf.id]);
+	            pgAfterSpan.appendChild(_Dom2['default'].text(this.ofText));
+	            pgAfterSpan.className = this.nbPgSpanCssClass;
+	            targetEl.appendChild(pgAfterSpan);
+	            var pgspan = _Dom2['default'].create('span', ['id', this.prfxPgSpan + tf.id]);
+	            pgspan.className = this.nbPgSpanCssClass;
+	            pgspan.appendChild(_Dom2['default'].text(' ' + this.nbPages + ' '));
+	            targetEl.appendChild(pgspan);
+	            targetEl.appendChild(btnNextSpan);
+	            targetEl.appendChild(btnLastSpan);
+	            this.pagingSlc = _Dom2['default'].id(this.prfxSlcPages + tf.id);
+	
+	            if (!tf.rememberGridValues || this.isPagingRemoved) {
+	                this.setPagingInfo();
+	            }
+	            if (!tf.fltGrid) {
+	                tf.validateAllRows();
+	                this.setPagingInfo(tf.validRowsIndex);
+	            }
+	
+	            this.isPagingRemoved = false;
+	        }
+	    }, {
+	        key: 'reset',
+	
+	        /**
+	         * Reset paging when filters are already instantiated
+	         * @param {Boolean} filterTable Execute filtering once paging instanciated
+	         */
+	        value: function reset() {
+	            var filterTable = arguments[0] === undefined ? false : arguments[0];
+	
+	            var tf = this.tf;
+	            if (!tf.hasGrid() || tf.paging) {
+	                return;
+	            }
+	            tf.paging = true;
+	            this.isPagingRemoved = true;
+	            this.init();
+	            tf.resetValues();
+	            if (filterTable) {
+	                tf.filter();
+	            }
+	        }
+	    }, {
+	        key: 'setPagingInfo',
+	
+	        /**
+	         * Calculate number of pages based on valid rows
+	         * Refresh paging select according to number of pages
+	         * @param {Array} validRows Collection of valid rows
+	         */
+	        value: function setPagingInfo() {
+	            var validRows = arguments[0] === undefined ? [] : arguments[0];
+	
+	            var tf = this.tf;
+	            var rows = tf.tbl.rows;
+	            var mdiv = !this.pagingTgtId ? tf.mDiv : _Dom2['default'].id(this.pagingTgtId);
+	            var pgspan = _Dom2['default'].id(this.prfxPgSpan + tf.id);
+	
+	            //store valid rows indexes
+	            tf.validRowsIndex = validRows;
+	
+	            if (validRows.length === 0) {
+	                //counts rows to be grouped
+	                for (var j = tf.refRow; j < tf.nbRows; j++) {
+	                    var row = rows[j];
+	                    if (!row) {
+	                        continue;
+	                    }
+	
+	                    var isRowValid = row.getAttribute('validRow');
+	                    if (_Types2['default'].isNull(isRowValid) || Boolean(isRowValid === 'true')) {
+	                        tf.validRowsIndex.push(j);
+	                    }
+	                }
+	            }
+	
+	            //calculate nb of pages
+	            this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pagingLength);
+	            //refresh page nb span
+	            pgspan.innerHTML = this.nbPages;
+	            //select clearing shortcut
+	            if (this.pageSelectorType === tf.fltTypeSlc) {
+	                this.pagingSlc.innerHTML = '';
+	            }
+	
+	            if (this.nbPages > 0) {
+	                mdiv.style.visibility = 'visible';
+	                if (this.pageSelectorType === tf.fltTypeSlc) {
+	                    for (var z = 0; z < this.nbPages; z++) {
+	                        var opt = _Dom2['default'].createOpt(z + 1, z * this.pagingLength, false);
+	                        this.pagingSlc.options[z] = opt;
+	                    }
+	                } else {
+	                    //input type
+	                    this.pagingSlc.value = this.currentPageNb;
+	                }
+	            } else {
+	                /*** if no results paging select and buttons are hidden ***/
+	                mdiv.style.visibility = 'hidden';
+	            }
+	            this.groupByPage(tf.validRowsIndex);
+	        }
+	    }, {
+	        key: 'groupByPage',
+	
+	        /**
+	         * Group table rows by page and display valid rows
+	         * @param  {Array} validRows Collection of valid rows
+	         */
+	        value: function groupByPage(validRows) {
+	            var tf = this.tf;
+	            var alternateRows = tf.feature('alternateRows');
+	            var rows = tf.tbl.rows;
+	            var endPagingRow = parseInt(this.startPagingRow, 10) + parseInt(this.pagingLength, 10);
+	
+	            //store valid rows indexes
+	            if (validRows) {
+	                tf.validRowsIndex = validRows;
+	            }
+	
+	            //this loop shows valid rows of current page
+	            for (var h = 0, len = tf.validRowsIndex.length; h < len; h++) {
+	                var validRowIdx = tf.validRowsIndex[h];
+	                var r = rows[validRowIdx];
+	                var isRowValid = r.getAttribute('validRow');
+	
+	                if (h >= this.startPagingRow && h < endPagingRow) {
+	                    if (_Types2['default'].isNull(isRowValid) || Boolean(isRowValid === 'true')) {
+	                        r.style.display = '';
+	                    }
+	                    if (tf.alternateBgs && alternateRows) {
+	                        alternateRows.setRowBg(validRowIdx, h);
+	                    }
+	                } else {
+	                    r.style.display = 'none';
+	                    if (tf.alternateBgs && alternateRows) {
+	                        alternateRows.removeRowBg(validRowIdx);
+	                    }
+	                }
+	            }
+	
+	            tf.nbVisibleRows = tf.validRowsIndex.length;
+	            //re-applies filter behaviours after filtering process
+	            tf.applyProps();
+	        }
+	    }, {
+	        key: 'getPage',
+	
+	        /**
+	         * Return the current page number
+	         * @return {Number} Page number
+	         */
+	        value: function getPage() {
+	            return this.currentPageNb;
+	        }
+	    }, {
+	        key: 'setPage',
+	
+	        /**
+	         * Show page based on passed param value (string or number):
+	         * @param {String} or {Number} cmd possible string values: 'next',
+	         * 'previous', 'last', 'first' or page number as per param
+	         */
+	        value: function setPage(cmd) {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() || !tf.paging) {
+	                return;
+	            }
+	            var btnEvt = this.evt,
+	                cmdtype = typeof cmd;
+	            if (cmdtype === 'string') {
+	                switch (_Str2['default'].lower(cmd)) {
+	                    case 'next':
+	                        btnEvt.next();
+	                        break;
+	                    case 'previous':
+	                        btnEvt.prev();
+	                        break;
+	                    case 'last':
+	                        btnEvt.last();
+	                        break;
+	                    case 'first':
+	                        btnEvt.first();
+	                        break;
+	                    default:
+	                        btnEvt.next();
+	                        break;
+	                }
+	            } else if (cmdtype === 'number') {
+	                this.changePage(cmd - 1);
+	            }
+	        }
+	    }, {
+	        key: 'setResultsPerPage',
+	
+	        /**
+	         * Generates UI elements for the number of results per page drop-down
+	         */
+	        value: function setResultsPerPage() {
+	            var _this2 = this;
+	
+	            var tf = this.tf;
+	            var evt = this.evt;
+	
+	            if (!tf.hasGrid() && !tf.isFirstLoad) {
+	                return;
+	            }
+	            if (this.resultsPerPageSlc || !this.resultsPerPage) {
+	                return;
+	            }
+	
+	            evt.slcResultsChange = function (ev) {
+	                _this2.changeResultsPerPage();
+	                ev.target.blur();
+	            };
+	
+	            var slcR = _Dom2['default'].create(tf.fltTypeSlc, ['id', this.prfxSlcResults + tf.id]);
+	            slcR.className = tf.resultsSlcCssClass;
+	            var slcRText = this.resultsPerPage[0],
+	                slcROpts = this.resultsPerPage[1];
+	            var slcRSpan = _Dom2['default'].create('span', ['id', this.prfxSlcResultsTxt + tf.id]);
+	            slcRSpan.className = this.resultsSpanCssClass;
+	
+	            // results per page select is added to external element
+	            if (!this.resultsPerPageTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.resultsPerPageTgtId ? tf.rDiv : _Dom2['default'].id(this.resultsPerPageTgtId);
+	            slcRSpan.appendChild(_Dom2['default'].text(slcRText));
+	
+	            var help = tf.feature('help');
+	            if (help && help.cont) {
+	                help.cont.parentNode.insertBefore(slcRSpan, help.cont);
+	                help.cont.parentNode.insertBefore(slcR, help.cont);
+	            } else {
+	                targetEl.appendChild(slcRSpan);
+	                targetEl.appendChild(slcR);
+	            }
+	
+	            for (var r = 0; r < slcROpts.length; r++) {
+	                var currOpt = new Option(slcROpts[r], slcROpts[r], false, false);
+	                slcR.options[r] = currOpt;
+	            }
+	            _Event2['default'].add(slcR, 'change', evt.slcResultsChange);
+	            this.resultsPerPageSlc = slcR;
+	        }
+	    }, {
+	        key: 'removeResultsPerPage',
+	
+	        /**
+	         * Remove number of results per page UI elements
+	         */
+	        value: function removeResultsPerPage() {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() || !this.resultsPerPageSlc || !this.resultsPerPage) {
+	                return;
+	            }
+	            var slcR = this.resultsPerPageSlc,
+	                slcRSpan = _Dom2['default'].id(this.prfxSlcResultsTxt + tf.id);
+	            if (slcR) {
+	                slcR.parentNode.removeChild(slcR);
+	            }
+	            if (slcRSpan) {
+	                slcRSpan.parentNode.removeChild(slcRSpan);
+	            }
+	            this.resultsPerPageSlc = null;
+	        }
+	    }, {
+	        key: 'changePage',
+	
+	        /**
+	         * Change the page asynchronously according to passed index
+	         * @param  {Number} index Index of the page (0-n)
+	         */
+	        value: function changePage(index) {
+	            var tf = this.tf;
+	            var evt = tf.Evt;
+	            tf.EvtManager(evt.name.changepage, { pgIndex: index });
+	        }
+	    }, {
+	        key: 'changeResultsPerPage',
+	
+	        /**
+	         * Change rows asynchronously according to page results
+	         */
+	        value: function changeResultsPerPage() {
+	            var tf = this.tf;
+	            var evt = tf.Evt;
+	            tf.EvtManager(evt.name.changeresultsperpage);
+	        }
+	    }, {
+	        key: 'resetPage',
+	
+	        /**
+	         * Re-set asynchronously page nb at page re-load
+	         */
+	        value: function resetPage() {
+	            var tf = this.tf;
+	            var evt = tf.Evt;
+	            tf.EvtManager(evt.name.resetpage);
+	        }
+	    }, {
+	        key: 'resetPageLength',
+	
+	        /**
+	         * Re-set asynchronously page length at page re-load
+	         */
+	        value: function resetPageLength() {
+	            var tf = this.tf;
+	            var evt = tf.Evt;
+	            tf.EvtManager(evt.name.resetpagelength);
+	        }
+	    }, {
+	        key: '_changePage',
+	
+	        /**
+	         * Change the page according to passed index
+	         * @param  {Number} index Index of the page (0-n)
+	         */
+	        value: function _changePage(index) {
+	            var tf = this.tf;
+	
+	            if (!tf.paging) {
+	                return;
+	            }
+	            if (index === null) {
+	                index = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.options.selectedIndex : this.pagingSlc.value - 1;
+	            }
+	            if (index >= 0 && index <= this.nbPages - 1) {
+	                if (this.onBeforeChangePage) {
+	                    this.onBeforeChangePage.call(null, this, index);
+	                }
+	                this.currentPageNb = parseInt(index, 10) + 1;
+	                if (this.pageSelectorType === tf.fltTypeSlc) {
+	                    this.pagingSlc.options[index].selected = true;
+	                } else {
+	                    this.pagingSlc.value = this.currentPageNb;
+	                }
+	
+	                if (tf.rememberPageNb) {
+	                    tf.feature('store').savePageNb(tf.pgNbCookie);
+	                }
+	                this.startPagingRow = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.value : index * this.pagingLength;
+	
+	                this.groupByPage();
+	
+	                if (this.onAfterChangePage) {
+	                    this.onAfterChangePage.call(null, this, index);
+	                }
+	            }
+	        }
+	    }, {
+	        key: '_changeResultsPerPage',
+	
+	        /**
+	         * Change rows according to page results drop-down
+	         * TODO: accept a parameter setting the results per page length
+	         */
+	        value: function _changeResultsPerPage() {
+	            var tf = this.tf;
+	
+	            if (!tf.paging) {
+	                return;
+	            }
+	            var slcR = this.resultsPerPageSlc;
+	            var slcPagesSelIndex = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.selectedIndex : parseInt(this.pagingSlc.value - 1, 10);
+	            this.pagingLength = parseInt(slcR.options[slcR.selectedIndex].value, 10);
+	            this.startPagingRow = this.pagingLength * slcPagesSelIndex;
+	
+	            if (!isNaN(this.pagingLength)) {
+	                if (this.startPagingRow >= tf.nbFilterableRows) {
+	                    this.startPagingRow = tf.nbFilterableRows - this.pagingLength;
+	                }
+	                this.setPagingInfo();
+	
+	                if (this.pageSelectorType === tf.fltTypeSlc) {
+	                    var slcIndex = this.pagingSlc.options.length - 1 <= slcPagesSelIndex ? this.pagingSlc.options.length - 1 : slcPagesSelIndex;
+	                    this.pagingSlc.options[slcIndex].selected = true;
+	                }
+	                if (tf.rememberPageLen) {
+	                    tf.feature('store').savePageLength(tf.pgLenCookie);
+	                }
+	            }
+	        }
+	    }, {
+	        key: '_resetPage',
+	
+	        /**
+	         * Re-set page nb at page re-load
+	         */
+	        value: function _resetPage(name) {
+	            var tf = this.tf;
+	            var pgnb = tf.feature('store').getPageNb(name);
+	            if (pgnb !== '') {
+	                this.changePage(pgnb - 1);
+	            }
+	        }
+	    }, {
+	        key: '_resetPageLength',
+	
+	        /**
+	         * Re-set page length value at page re-load
+	         */
+	        value: function _resetPageLength(name) {
+	            var tf = this.tf;
+	            if (!tf.paging) {
+	                return;
+	            }
+	            var pglenIndex = tf.feature('store').getPageLength(name);
+	
+	            if (pglenIndex !== '') {
+	                this.resultsPerPageSlc.options[pglenIndex].selected = true;
+	                this.changeResultsPerPage();
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove paging feature
+	         */
+	        value: function destroy() {
+	            var tf = this.tf;
+	
+	            if (!tf.hasGrid()) {
+	                return;
+	            }
+	            // btns containers
+	            var btnNextSpan = _Dom2['default'].id(this.prfxBtnNextSpan + tf.id);
+	            var btnPrevSpan = _Dom2['default'].id(this.prfxBtnPrevSpan + tf.id);
+	            var btnLastSpan = _Dom2['default'].id(this.prfxBtnLastSpan + tf.id);
+	            var btnFirstSpan = _Dom2['default'].id(this.prfxBtnFirstSpan + tf.id);
+	            //span containing 'Page' text
+	            var pgBeforeSpan = _Dom2['default'].id(this.prfxPgBeforeSpan + tf.id);
+	            //span containing 'of' text
+	            var pgAfterSpan = _Dom2['default'].id(this.prfxPgAfterSpan + tf.id);
+	            //span containing nb of pages
+	            var pgspan = _Dom2['default'].id(this.prfxPgSpan + tf.id);
+	
+	            var evt = this.evt;
+	
+	            if (this.pagingSlc) {
+	                if (this.pageSelectorType === tf.fltTypeSlc) {
+	                    _Event2['default'].remove(this.pagingSlc, 'change', evt.slcPagesChange);
+	                } else if (this.pageSelectorType === tf.fltTypeInp) {
+	                    _Event2['default'].remove(this.pagingSlc, 'keypress', evt._detectKey);
+	                }
+	                this.pagingSlc.parentNode.removeChild(this.pagingSlc);
+	            }
+	
+	            if (btnNextSpan) {
+	                _Event2['default'].remove(btnNextSpan, 'click', evt.next);
+	                btnNextSpan.parentNode.removeChild(btnNextSpan);
+	            }
+	
+	            if (btnPrevSpan) {
+	                _Event2['default'].remove(btnPrevSpan, 'click', evt.prev);
+	                btnPrevSpan.parentNode.removeChild(btnPrevSpan);
+	            }
+	
+	            if (btnLastSpan) {
+	                _Event2['default'].remove(btnLastSpan, 'click', evt.last);
+	                btnLastSpan.parentNode.removeChild(btnLastSpan);
+	            }
+	
+	            if (btnFirstSpan) {
+	                _Event2['default'].remove(btnFirstSpan, 'click', evt.first);
+	                btnFirstSpan.parentNode.removeChild(btnFirstSpan);
+	            }
+	
+	            if (pgBeforeSpan) {
+	                pgBeforeSpan.parentNode.removeChild(pgBeforeSpan);
+	            }
+	
+	            if (pgAfterSpan) {
+	                pgAfterSpan.parentNode.removeChild(pgAfterSpan);
+	            }
+	
+	            if (pgspan) {
+	                pgspan.parentNode.removeChild(pgspan);
+	            }
+	
+	            if (this.hasResultsPerPage) {
+	                this.removeResultsPerPage();
+	            }
+	
+	            this.pagingSlc = null;
+	            this.nbPages = 0;
+	            this.isPagingRemoved = true;
+	            tf.paging = false;
+	        }
+	    }]);
+	
+	    return Paging;
+	})();
+	
+	exports.Paging = Paging;
+
+/***/ },
+/* 20 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var ClearButton = (function () {
+	
+	    /**
+	     * Clear button component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function ClearButton(tf) {
+	        _classCallCheck(this, ClearButton);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        //id of container element
+	        this.btnResetTgtId = f.btn_reset_target_id || null;
+	        //reset button element
+	        this.btnResetEl = null;
+	        //defines reset text
+	        this.btnResetText = f.btn_reset_text || 'Reset';
+	        //defines reset button tooltip
+	        this.btnResetTooltip = f.btn_reset_tooltip || 'Clear filters';
+	        //defines reset button innerHtml
+	        this.btnResetHtml = f.btn_reset_html || (!tf.enableIcons ? null : '<input type="button" value="" class="' + tf.btnResetCssClass + '" ' + 'title="' + this.btnResetTooltip + '" />');
+	        //span containing reset button
+	        this.prfxResetSpan = 'resetspan_';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(ClearButton, [{
+	        key: 'onClick',
+	        value: function onClick() {
+	            this.tf.clearFilters();
+	        }
+	    }, {
+	        key: 'init',
+	
+	        /**
+	         * Build DOM elements
+	         */
+	        value: function init() {
+	            var _this = this;
+	
+	            var tf = this.tf;
+	
+	            if (!tf.hasGrid() && !tf.isFirstLoad && tf.btnResetEl) {
+	                return;
+	            }
+	
+	            var resetspan = _Dom2['default'].create('span', ['id', this.prfxResetSpan + tf.id]);
+	
+	            // reset button is added to defined element
+	            if (!this.btnResetTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.btnResetTgtId ? tf.rDiv : _Dom2['default'].id(this.btnResetTgtId);
+	            targetEl.appendChild(resetspan);
+	
+	            if (!this.btnResetHtml) {
+	                var fltreset = _Dom2['default'].create('a', ['href', 'javascript:void(0);']);
+	                fltreset.className = tf.btnResetCssClass;
+	                fltreset.appendChild(_Dom2['default'].text(this.btnResetText));
+	                resetspan.appendChild(fltreset);
+	                // fltreset.onclick = this.Evt._Clear;
+	                _Event2['default'].add(fltreset, 'click', function () {
+	                    _this.onClick();
+	                });
+	            } else {
+	                resetspan.innerHTML = this.btnResetHtml;
+	                var resetEl = resetspan.firstChild;
+	                // resetEl.onclick = this.Evt._Clear;
+	                _Event2['default'].add(resetEl, 'click', function () {
+	                    _this.onClick();
+	                });
+	            }
+	            this.btnResetEl = resetspan.firstChild;
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove clear button UI
+	         */
+	        value: function destroy() {
+	            var tf = this.tf;
+	
+	            if (!tf.hasGrid() || !this.btnResetEl) {
+	                return;
+	            }
+	
+	            var resetspan = _Dom2['default'].id(tf.prfxResetSpan + tf.id);
+	            if (resetspan) {
+	                resetspan.parentNode.removeChild(resetspan);
+	            }
+	            this.btnResetEl = null;
+	        }
+	    }]);
+	
+	    return ClearButton;
+	})();
+	
+	exports.ClearButton = ClearButton;
+
+/***/ },
+/* 21 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var Help = (function () {
+	
+	    /**
+	     * Help UI component
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function Help(tf) {
+	        _classCallCheck(this, Help);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        //id of custom container element for instructions
+	        this.tgtId = f.help_instructions_target_id || null;
+	        //id of custom container element for instructions
+	        this.contTgtId = f.help_instructions_container_target_id || null;
+	        //defines help text
+	        this.instrText = f.help_instructions_text ? f.help_instructions_text : 'Use the filters above each column to filter and limit table ' + 'data. Avanced searches can be performed by using the following ' + 'operators: <br /><b>&lt;</b>, <b>&lt;=</b>, <b>&gt;</b>, ' + '<b>&gt;=</b>, <b>=</b>, <b>*</b>, <b>!</b>, <b>{</b>, <b>}</b>, ' + '<b>||</b>,<b>&amp;&amp;</b>, <b>[empty]</b>, <b>[nonempty]</b>, ' + '<b>rgx:</b><br/>' + '<a href="https://github.com/koalyptus/TableFilter/wiki/' + '4.-Filter-operators" target="_blank">Learn more</a>.<hr/>';
+	        //defines help innerHtml
+	        this.instrHtml = f.help_instructions_html || null;
+	        //defines reset button text
+	        this.btnText = f.help_instructions_btn_text || '?';
+	        //defines reset button innerHtml
+	        this.btnHtml = f.help_instructions_btn_html || null;
+	        //defines css class for help button
+	        this.btnCssClass = f.help_instructions_btn_css_class || 'helpBtn';
+	        //defines css class for help container
+	        this.contCssClass = f.help_instructions_container_css_class || 'helpCont';
+	        //help button element
+	        this.btn = null;
+	        //help content div
+	        this.cont = null;
+	        this.defaultHtml = '<div class="helpFooter"><h4>TableFilter ' + 'v. ' + tf.version + '</h4>' + '<a href="https://github.com/koalyptus/TableFilter/" ' + ' target="_blank">https://github.com/koalyptus/TableFilter/</a>' + '<br/><span>&copy;2015-' + tf.year + ' Max Guglielmi.</span>' + '<div align="center" style="margin-top:8px;">' + '<a href="javascript:void(0);" class="close">Close</a></div></div>';
+	
+	        //id prefix for help elements
+	        this.prfxHelpSpan = 'helpSpan_';
+	        //id prefix for help elements
+	        this.prfxHelpDiv = 'helpDiv_';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(Help, [{
+	        key: 'init',
+	        value: function init() {
+	            var _this = this;
+	
+	            if (this.btn) {
+	                return;
+	            }
+	
+	            var tf = this.tf;
+	
+	            var helpspan = _Dom2['default'].create('span', ['id', this.prfxHelpSpan + tf.id]);
+	            var helpdiv = _Dom2['default'].create('div', ['id', this.prfxHelpDiv + tf.id]);
+	
+	            //help button is added to defined element
+	            if (!this.tgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.tgtId ? tf.rDiv : _Dom2['default'].id(this.tgtId);
+	            targetEl.appendChild(helpspan);
+	
+	            var divContainer = !this.contTgtId ? helpspan : _Dom2['default'].id(this.contTgtId);
+	
+	            if (!this.btnHtml) {
+	                divContainer.appendChild(helpdiv);
+	                var helplink = _Dom2['default'].create('a', ['href', 'javascript:void(0);']);
+	                helplink.className = this.btnCssClass;
+	                helplink.appendChild(_Dom2['default'].text(this.btnText));
+	                helpspan.appendChild(helplink);
+	                _Event2['default'].add(helplink, 'click', function () {
+	                    _this.toggle();
+	                });
+	            } else {
+	                helpspan.innerHTML = this.btnHtml;
+	                var helpEl = helpspan.firstChild;
+	                _Event2['default'].add(helpEl, 'click', function () {
+	                    _this.toggle();
+	                });
+	                divContainer.appendChild(helpdiv);
+	            }
+	
+	            if (!this.instrHtml) {
+	                helpdiv.innerHTML = this.instrText;
+	                helpdiv.className = this.contCssClass;
+	                _Event2['default'].add(helpdiv, 'dblclick', function () {
+	                    _this.toggle();
+	                });
+	            } else {
+	                if (this.contTgtId) {
+	                    divContainer.appendChild(helpdiv);
+	                }
+	                helpdiv.innerHTML = this.instrHtml;
+	                if (!this.contTgtId) {
+	                    helpdiv.className = this.contCssClass;
+	                    _Event2['default'].add(helpdiv, 'dblclick', function () {
+	                        _this.toggle();
+	                    });
+	                }
+	            }
+	            helpdiv.innerHTML += this.defaultHtml;
+	            _Event2['default'].add(helpdiv, 'click', function () {
+	                _this.toggle();
+	            });
+	
+	            this.cont = helpdiv;
+	            this.btn = helpspan;
+	        }
+	    }, {
+	        key: 'toggle',
+	
+	        /**
+	         * Toggle help pop-up
+	         */
+	        value: function toggle() {
+	            if (!this.cont) {
+	                return;
+	            }
+	            var divDisplay = this.cont.style.display;
+	            if (divDisplay === '' || divDisplay === 'none') {
+	                this.cont.style.display = 'inline';
+	            } else {
+	                this.cont.style.display = 'none';
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove help UI
+	         */
+	        value: function destroy() {
+	            if (!this.btn) {
+	                return;
+	            }
+	            this.btn.parentNode.removeChild(this.btn);
+	            this.btn = null;
+	            if (!this.cont) {
+	                return;
+	            }
+	            this.cont.parentNode.removeChild(this.cont);
+	            this.cont = null;
+	        }
+	    }]);
+	
+	    return Help;
+	})();
+	
+	exports.Help = Help;
+
+/***/ },
+/* 22 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var AlternateRows = (function () {
+	
+	    /**
+	     * Alternating rows color
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function AlternateRows(tf) {
+	        _classCallCheck(this, AlternateRows);
+	
+	        var f = tf.config();
+	        //defines css class for even rows
+	        this.evenCss = f.even_row_css_class || 'even';
+	        //defines css class for odd rows
+	        this.oddCss = f.odd_row_css_class || 'odd';
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(AlternateRows, [{
+	        key: 'init',
+	
+	        /**
+	         * Sets alternating rows color
+	         */
+	        value: function init() {
+	            var tf = this.tf;
+	            if (!tf.hasGrid() && !tf.isFirstLoad) {
+	                return;
+	            }
+	            var validRowsIndex = tf.validRowsIndex;
+	            var noValidRowsIndex = validRowsIndex === null;
+	            //1st index
+	            var beginIndex = noValidRowsIndex ? tf.refRow : 0;
+	            // nb indexes
+	            var indexLen = noValidRowsIndex ? tf.nbFilterableRows + beginIndex : validRowsIndex.length;
+	            var idx = 0;
+	
+	            //alternates bg color
+	            for (var j = beginIndex; j < indexLen; j++) {
+	                var rowIdx = noValidRowsIndex ? j : validRowsIndex[j];
+	                this.setRowBg(rowIdx, idx);
+	                idx++;
+	            }
+	        }
+	    }, {
+	        key: 'setRowBg',
+	
+	        /**
+	         * Sets row background color
+	         * @param {Number} rowIdx Row index
+	         * @param {Number} idx    Valid rows collection index needed to calculate bg
+	         * color
+	         */
+	        value: function setRowBg(rowIdx, idx) {
+	            if (!this.tf.alternateBgs || isNaN(rowIdx)) {
+	                return;
+	            }
+	            var rows = this.tf.tbl.rows;
+	            var i = isNaN(idx) ? rowIdx : idx;
+	            this.removeRowBg(rowIdx);
+	
+	            _Dom2['default'].addClass(rows[rowIdx], i % 2 ? this.evenCss : this.oddCss);
+	        }
+	    }, {
+	        key: 'removeRowBg',
+	
+	        /**
+	         * Removes row background color
+	         * @param  {Number} idx Row index
+	         */
+	        value: function removeRowBg(idx) {
+	            if (isNaN(idx)) {
+	                return;
+	            }
+	            var rows = this.tf.tbl.rows;
+	            _Dom2['default'].removeClass(rows[idx], this.oddCss);
+	            _Dom2['default'].removeClass(rows[idx], this.evenCss);
+	        }
+	    }, {
+	        key: 'remove',
+	
+	        /**
+	         * Removes all alternating backgrounds
+	         */
+	        value: function remove() {
+	            if (!this.tf.hasGrid()) {
+	                return;
+	            }
+	            for (var i = this.tf.refRow; i < this.tf.nbRows; i++) {
+	                this.removeRowBg(i);
+	            }
+	        }
+	    }, {
+	        key: 'enable',
+	        value: function enable() {
+	            this.tf.alternateBgs = true;
+	        }
+	    }, {
+	        key: 'disable',
+	        value: function disable() {
+	            this.tf.alternateBgs = false;
+	        }
+	    }]);
+	
+	    return AlternateRows;
+	})();
+	
+	exports.AlternateRows = AlternateRows;
+
+/***/ },
+/* 23 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	Object.defineProperty(exports, '__esModule', {
+	     value: true
+	});
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	exports['default'] = {
+	     ignoreCase: function ignoreCase(a, b) {
+	          var x = _Str2['default'].lower(a);
+	          var y = _Str2['default'].lower(b);
+	          return x < y ? -1 : x > y ? 1 : 0;
+	     }
+	};
+	module.exports = exports['default'];
+
+/***/ }
+/******/ ])
+});
+;
+//# sourceMappingURL=tablefilter.js.map
\ No newline at end of file
diff --git a/dist/tablefilter/tf-1.js b/dist/tablefilter/tf-1.js
index ecd2880d..4a5029c1 100644
--- a/dist/tablefilter/tf-1.js
+++ b/dist/tablefilter/tf-1.js
@@ -1,8 +1,2222 @@
-/** 
- *	 TableFilter v0.0.0 by Max Guglielmi 
- *	 build date: 2015-08-06T05:20:40.342Z 
- *	 MIT License  
- */ 
+webpackJsonp([1],[
+/* 0 */,
+/* 1 */
+/***/ function(module, exports, __webpack_require__) {
 
-webpackJsonp([1],[,function(t,e,s){function i(t){return s(l(t))}function l(t){return a[t]||function(){throw new Error("Cannot find module '"+t+"'.")}()}var a={"./array":7,"./array.js":7,"./cookie":5,"./cookie.js":5,"./date":8,"./date.js":8,"./dom":3,"./dom.js":3,"./event":2,"./event.js":2,"./extensions/advancedGrid/adapterEzEditTable":24,"./extensions/advancedGrid/adapterEzEditTable.js":24,"./extensions/advancedGrid/advancedGrid":25,"./extensions/advancedGrid/advancedGrid.js":25,"./extensions/colOps/colOps":26,"./extensions/colOps/colOps.js":26,"./extensions/colsVisibility/colsVisibility":27,"./extensions/colsVisibility/colsVisibility.js":27,"./extensions/filtersVisibility/filtersVisibility":28,"./extensions/filtersVisibility/filtersVisibility.js":28,"./extensions/sort/adapterSortabletable":29,"./extensions/sort/adapterSortabletable.js":29,"./extensions/sort/sort":30,"./extensions/sort/sort.js":30,"./helpers":9,"./helpers.js":9,"./modules/alternateRows":22,"./modules/alternateRows.js":22,"./modules/checkList":16,"./modules/checkList.js":16,"./modules/clearButton":20,"./modules/clearButton.js":20,"./modules/dropdown":15,"./modules/dropdown.js":15,"./modules/gridLayout":11,"./modules/gridLayout.js":11,"./modules/help":21,"./modules/help.js":21,"./modules/highlightKeywords":13,"./modules/highlightKeywords.js":13,"./modules/loader":12,"./modules/loader.js":12,"./modules/paging":19,"./modules/paging.js":19,"./modules/popupFilter":14,"./modules/popupFilter.js":14,"./modules/rowsCounter":17,"./modules/rowsCounter.js":17,"./modules/statusBar":18,"./modules/statusBar.js":18,"./modules/store":10,"./modules/store.js":10,"./sort":23,"./sort.js":23,"./string":4,"./string.js":4,"./types":6,"./types.js":6};i.keys=function(){return Object.keys(a)},i.resolve=l,t.exports=i,i.id=1},,,,,,,,,,,,,,,,,,,,,,,function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},l=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},a=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(7),h=i(o),d=function(){function t(e,s){l(this,t),this.initialized=!1,this.desc=s.description||"ezEditTable adapter",this.filename=s.filename||"ezEditTable.js",this.vendorPath=s.vendor_path,this.loadStylesheet=Boolean(s.load_stylesheet),this.stylesheet=s.stylesheet||this.vendorPath+"ezEditTable.css",this.stylesheetName=s.stylesheet_name||"ezEditTableCss",this.err='Failed to instantiate EditTable object.\n"ezEditTable" dependency not found.',this._ezEditTable=null,this.cfg=s,this.tf=e}return a(t,[{key:"init",value:function(){var t=this,e=this.tf;if(window.EditTable)this._setAdvancedGrid();else{var s=this.vendorPath+this.filename;e["import"](this.filename,s,function(){t._setAdvancedGrid()})}this.loadStylesheet&&!e.isImported(this.stylesheet,"link")&&e["import"](this.stylesheetName,this.stylesheet,null,"link")}},{key:"_setAdvancedGrid",value:function(){var t,e=this.tf,s=this.cfg,i=r["default"].tag(e.tbl,"thead");t=i.length>0&&!s.startRow?void 0:s.startRow||e.refRow,s.base_path=s.base_path||e.basePath+"ezEditTable/";var l=s.editable,a=s.selection;a&&(s.default_selection=s.default_selection||"row"),s.active_cell_css=s.active_cell_css||"ezETSelectedCell";var n=0,o=0;if(a){var d=function(t,s,i){var l=t.Selection,a=function(i){if("row"===t.defaultSelection)l.SelectRowByIndex(i);else{t.ClearSelections();var a=s.cellIndex,n=e.tbl.rows[i];"both"===t.defaultSelection&&l.SelectRowByIndex(i),n&&l.SelectCell(n.cells[a])}if(e.validRowsIndex.length!==e.getRowsNb()){var r=e.tbl.rows[i];r&&r.scrollIntoView(!1),f&&(f.cellIndex===e.getCellsNb()-1&&e.gridLayout?e.tblCont.scrollLeft=1e8:0===f.cellIndex&&e.gridLayout?e.tblCont.scrollLeft=0:f.scrollIntoView(!1))}};if(e.validRowsIndex){var r,d=e.validRowsIndex,u=d.length,c="row"!==t.defaultSelection?s.parentNode:s,f="TD"===s.nodeName?s:null,p=void 0!==i?t.Event.GetKey(i):0,g=h["default"].has(d,c.rowIndex),v=34===p||33===p?e.feature("paging").pagingLength||t.nbRowsPerPage:1;if(g)34!==p&&33!==p?(n=h["default"].indexByValue(d,c.rowIndex),o=c.rowIndex):(r=34===p?u-1>=n+v?d[n+v]:[u-1]:n-v<=d[0]?d[0]:d[n-v],o=r,n=h["default"].indexByValue(d,r),a(r));else{if(c.rowIndex>o)if(c.rowIndex>=d[u-1])r=d[u-1];else{var b=n+v;r=b>u-1?d[u-1]:d[b]}else if(c.rowIndex<=d[0])r=d[0];else{var m=d[n-v];r=m?m:d[0]}o=c.rowIndex,a(r)}}},u=function(t,s){var i="row"!==t.defaultSelection?s.parentNode:s;if(e.paging&&e.feature("paging").nbPages>1){var l=e.feature("paging");t.nbRowsPerPage=l.pagingLength;var a=e.validRowsIndex,n=a.length,r=parseInt(l.startPagingRow,10)+parseInt(l.pagingLength,10),o=i.rowIndex;o===a[n-1]&&l.currentPageNb!==l.nbPages?l.setPage("last"):o==a[0]&&1!==l.currentPageNb?l.setPage("first"):o>a[r-1]&&o<a[n-1]?l.setPage("next"):o<a[l.startPagingRow]&&o>a[0]&&l.setPage("previous")}};if(e.paging&&(e.feature("paging").onAfterChangePage=function(t){var e=t.tf.extension("advancedGrid"),s=e._ezEditTable,i=s.Selection,l=i.GetActiveRow();l&&l.scrollIntoView(!1);var a=i.GetActiveCell();a&&a.scrollIntoView(!1)}),"row"===s.default_selection){var c=s.on_before_selected_row;s.on_before_selected_row=function(){u(arguments[0],arguments[1],arguments[2]),c&&c.call(null,arguments[0],arguments[1],arguments[2])};var f=s.on_after_selected_row;s.on_after_selected_row=function(){d(arguments[0],arguments[1],arguments[2]),f&&f.call(null,arguments[0],arguments[1],arguments[2])}}else{var p=s.on_before_selected_cell;s.on_before_selected_cell=function(){u(arguments[0],arguments[1],arguments[2]),p&&p.call(null,arguments[0],arguments[1],arguments[2])};var g=s.on_after_selected_cell;s.on_after_selected_cell=function(){d(arguments[0],arguments[1],arguments[2]),g&&g.call(null,arguments[0],arguments[1],arguments[2])}}}if(l){var v=s.on_added_dom_row;if(s.on_added_dom_row=function(){e.nbFilterableRows++,e.paging?(e.nbRows++,e.nbVisibleRows++,e.nbFilterableRows++,e.paging=!1,e.feature("paging").destroy(),e.feature("paging").reset()):e.feature("rowsCounter").refresh(),e.alternateBgs&&e.feature("alternateRows").init(),v&&v.call(null,arguments[0],arguments[1],arguments[2])},s.actions&&s.actions["delete"]){var b=s.actions["delete"].on_after_submit;s.actions["delete"].on_after_submit=function(){e.nbFilterableRows--,e.paging?(e.nbRows--,e.nbVisibleRows--,e.nbFilterableRows--,e.paging=!1,e.feature("paging").destroy(),e.feature("paging").reset(!1)):e.feature("rowsCounter").refresh(),e.alternateBgs&&e.feature("alternateRows").init(),b&&b.call(null,arguments[0],arguments[1])}}}try{this._ezEditTable=new EditTable(e.id,s,t),this._ezEditTable.Init()}catch(m){throw new Error(this.err)}this.initialized=!0}},{key:"reset",value:function(){var t=this._ezEditTable;t&&(this.cfg.selection&&t.Selection.Set(),this.cfg.editable&&t.Editable.Set())}},{key:"destroy",value:function(){var t=this._ezEditTable;t&&(this.cfg.selection&&(t.Selection.ClearSelections(),t.Selection.Remove()),this.cfg.editable&&t.Editable.Remove()),this.initialized=!1}}]),t}();e["default"]=d,t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(e,"__esModule",{value:!0});var l=s(24),a=i(l);e["default"]=a["default"],t.exports=e["default"]},function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=function(t){return t&&t.__esModule?t:{"default":t}},_classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},_createClass=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(exports,"__esModule",{value:!0});var _Dom=__webpack_require__(3),_Dom2=_interopRequireDefault(_Dom),_Str=__webpack_require__(4),_Str2=_interopRequireDefault(_Str),_Types=__webpack_require__(6),_Types2=_interopRequireDefault(_Types),ColOps=function(){function ColOps(t,e){_classCallCheck(this,ColOps),this.onBeforeOperation=_Types2["default"].isFn(e.on_before_operation)?e.on_before_operation:null,this.onAfterOperation=_Types2["default"].isFn(e.on_after_operation)?e.on_after_operation:null,this.opts=e,this.tf=t}return _createClass(ColOps,[{key:"init",value:function(){this.calc()}},{key:"calc",value:function calc(){var tf=this.tf;if(tf.isFirstLoad||tf.hasGrid()){this.onBeforeOperation&&this.onBeforeOperation.call(null,tf);var opts=this.opts,labelId=opts.id,colIndex=opts.col,operation=opts.operation,outputType=opts.write_method,totRowIndex=opts.tot_row_index,excludeRow=opts.exclude_row,decimalPrecision=_Types2["default"].isUndef(opts.decimal_precision)?2:opts.decimal_precision,ucolIndex=[],ucolMax=0;ucolIndex[ucolMax]=colIndex[0];for(var ii=1;ii<colIndex.length;ii++){for(var saved=0,jj=0;ucolMax>=jj;jj++)ucolIndex[jj]===colIndex[ii]&&(saved=1);0===saved&&(ucolMax++,ucolIndex[ucolMax]=colIndex[ii])}if("object"==_Str2["default"].lower(typeof labelId)&&"object"==_Str2["default"].lower(typeof colIndex)&&"object"==_Str2["default"].lower(typeof operation))for(var rows=tf.tbl.rows,colvalues=[],ucol=0;ucolMax>=ucol;ucol++){colvalues.push(tf.getColValues(ucolIndex[ucol],!0,excludeRow));for(var result,nbvalues=0,temp,meanValue=0,sumValue=0,minValue=null,maxValue=null,q1Value=null,medValue=null,q3Value=null,meanFlag=0,sumFlag=0,minFlag=0,maxFlag=0,q1Flag=0,medFlag=0,q3Flag=0,theList=[],opsThisCol=[],decThisCol=[],labThisCol=[],oTypeThisCol=[],mThisCol=-1,k=0;k<colIndex.length;k++)if(colIndex[k]===ucolIndex[ucol])switch(mThisCol++,opsThisCol[mThisCol]=_Str2["default"].lower(operation[k]),decThisCol[mThisCol]=decimalPrecision[k],labThisCol[mThisCol]=labelId[k],oTypeThisCol=void 0!==outputType&&"object"===_Str2["default"].lower(typeof outputType)?outputType[k]:null,opsThisCol[mThisCol]){case"mean":meanFlag=1;break;case"sum":sumFlag=1;break;case"min":minFlag=1;break;case"max":maxFlag=1;break;case"median":medFlag=1;break;case"q1":q1Flag=1;break;case"q3":q3Flag=1}for(var j=0;j<colvalues[ucol].length;j++){if((1==q1Flag||1==q3Flag||1==medFlag)&&j<colvalues[ucol].length-1)for(k=j+1;k<colvalues[ucol].length;k++)eval(colvalues[ucol][k])<eval(colvalues[ucol][j])&&(temp=colvalues[ucol][j],colvalues[ucol][j]=colvalues[ucol][k],colvalues[ucol][k]=temp);var cvalue=parseFloat(colvalues[ucol][j]);theList[j]=parseFloat(cvalue),isNaN(cvalue)||(nbvalues++,(1===sumFlag||1===meanFlag)&&(sumValue+=parseFloat(cvalue)),1===minFlag&&(minValue=null===minValue?parseFloat(cvalue):parseFloat(cvalue)<minValue?parseFloat(cvalue):minValue),1===maxFlag&&(maxValue=null===maxValue?parseFloat(cvalue):parseFloat(cvalue)>maxValue?parseFloat(cvalue):maxValue))}if(1===meanFlag&&(meanValue=sumValue/nbvalues),1===medFlag){var aux=0;nbvalues%2===1?(aux=Math.floor(nbvalues/2),medValue=theList[aux]):medValue=(theList[nbvalues/2]+theList[nbvalues/2-1])/2}var posa;if(1===q1Flag&&(posa=0,posa=Math.floor(nbvalues/4),q1Value=4*posa==nbvalues?(theList[posa-1]+theList[posa])/2:theList[posa]),1===q3Flag){posa=0;var posb=0;posa=Math.floor(nbvalues/4),4*posa===nbvalues?(posb=3*posa,q3Value=(theList[posb]+theList[posb-1])/2):q3Value=theList[nbvalues-posa-1]}for(var i=0;mThisCol>=i;i++){switch(opsThisCol[i]){case"mean":result=meanValue;break;case"sum":result=sumValue;break;case"min":result=minValue;break;case"max":result=maxValue;break;case"median":result=medValue;break;case"q1":result=q1Value;break;case"q3":result=q3Value}var precision=isNaN(decThisCol[i])?2:decThisCol[i];if(oTypeThisCol&&result){if(result=result.toFixed(precision),_Dom2["default"].id(labThisCol[i]))switch(_Str2["default"].lower(oTypeThisCol)){case"innerhtml":isNaN(result)||!isFinite(result)||0===nbvalues?_Dom2["default"].id(labThisCol[i]).innerHTML=".":_Dom2["default"].id(labThisCol[i]).innerHTML=result;break;case"setvalue":_Dom2["default"].id(labThisCol[i]).value=result;break;case"createtextnode":var oldnode=_Dom2["default"].id(labThisCol[i]).firstChild,txtnode=_Dom2["default"].text(result);_Dom2["default"].id(labThisCol[i]).replaceChild(txtnode,oldnode)}}else try{isNaN(result)||!isFinite(result)||0===nbvalues?_Dom2["default"].id(labThisCol[i]).innerHTML=".":_Dom2["default"].id(labThisCol[i]).innerHTML=result.toFixed(precision)}catch(e){}}var totRow=totRowIndex&&totRowIndex[ucol]?rows[totRowIndex[ucol]]:null;totRow&&(totRow.style.display="")}this.onAfterOperation&&this.onAfterOperation.call(null,tf)}}},{key:"destroy",value:function(){}}]),ColOps}();exports["default"]=ColOps,module.exports=exports["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},l=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},a=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=s(2),u=i(d),c=s(7),f=i(c),p=function(){function t(e,s){l(this,t);var i=e.config();this.initialized=!1,this.name=s.name,this.desc=s.description||"Columns visibility manager",this.spanEl=null,this.btnEl=null,this.contEl=null,this.tickToHide=s.tick_to_hide===!1?!1:!0,this.manager=s.manager===!1?!1:!0,this.headersTbl=s.headers_table||!1,this.headersIndex=s.headers_index||1,this.contElTgtId=s.container_target_id||null,this.headersText=s.headers_text||null,this.btnTgtId=s.btn_target_id||null,this.btnText=s.btn_text||"Columns&#9660;",this.btnHtml=s.btn_html||null,this.btnCssClass=s.btn_css_class||"colVis",this.btnCloseText=s.btn_close_text||"Close",this.btnCloseHtml=s.btn_close_html||null,this.btnCloseCssClass=s.btn_close_css_class||this.btnCssClass,this.stylesheet=s.stylesheet||"colsVisibility.css",this.prfx="colVis_",this.spanCssClass=s.span_css_class||"colVisSpan",this.prfxCont=this.prfx+"Cont_",this.contCssClass=s.cont_css_class||"colVisCont",this.listCssClass=i.list_css_class||"cols_checklist",this.listItemCssClass=i.checklist_item_css_class||"cols_checklist_item",this.listSlcItemCssClass=i.checklist_selected_item_css_class||"cols_checklist_slc_item",this.text=s.text||(this.tickToHide?"Hide: ":"Show: "),this.atStart=s.at_start||null,this.enableHover=Boolean(s.enable_hover),this.enableTickAll=Boolean(s.enable_tick_all),this.tickAllText=s.tick_all_text||"Select all:",this.hiddenCols=[],this.tblHasColTag=r["default"].tag(e.tbl,"col").length>0,this.onLoaded=h["default"].isFn(s.on_loaded)?s.on_loaded:null,this.onBeforeOpen=h["default"].isFn(s.on_before_open)?s.on_before_open:null,this.onAfterOpen=h["default"].isFn(s.on_after_open)?s.on_after_open:null,this.onBeforeClose=h["default"].isFn(s.on_before_close)?s.on_before_close:null,this.onAfterClose=h["default"].isFn(s.on_after_close)?s.on_after_close:null,this.onBeforeColHidden=h["default"].isFn(s.on_before_col_hidden)?s.on_before_col_hidden:null,this.onAfterColHidden=h["default"].isFn(s.on_after_col_hidden)?s.on_after_col_hidden:null,this.onBeforeColDisplayed=h["default"].isFn(s.on_before_col_displayed)?s.on_before_col_displayed:null,this.onAfterColDisplayed=h["default"].isFn(s.on_after_col_displayed)?s.on_after_col_displayed:null,e.gridLayout&&(this.headersTbl=e.feature("gridLayout").headTbl,this.headersIndex=0,this.onAfterColDisplayed=function(){},this.onAfterColHidden=function(){}),e["import"](s.name+"Style",e.stylePath+this.stylesheet,null,"link"),this.tf=e}return a(t,[{key:"toggle",value:function(){var t=this.contEl.style.display,e=this.onBeforeOpen,s=this.onBeforeClose,i=this.onAfterOpen,l=this.onAfterClose;e&&"inline"!==t&&e.call(null,this),s&&"inline"===t&&s.call(null,this),this.contEl.style.display="inline"===t?"none":"inline",i&&"inline"!==t&&i.call(null,this),l&&"inline"===t&&l.call(null,this)}},{key:"checkItem",value:function(t){var e=t.parentNode;if(e&&t){var s=t.firstChild.checked,i=t.firstChild.getAttribute("id").split("_")[1];i=parseInt(i,10),s?r["default"].addClass(e,this.listSlcItemCssClass):r["default"].removeClass(e,this.listSlcItemCssClass);var l=!1;(this.tickToHide&&s||!this.tickToHide&&!s)&&(l=!0),this.setHidden(i,l)}}},{key:"init",value:function(){this.manager&&(this.buildBtn(),this.buildManager(),this.initialized=!0)}},{key:"buildBtn",value:function(){var t=this;if(!this.btnEl){var e=this.tf,s=r["default"].create("span",["id",this.prfx+e.id]);s.className=this.spanCssClass,this.btnTgtId||e.setToolbar();var i=this.btnTgtId?r["default"].id(this.btnTgtId):e.rDiv;if(this.btnTgtId)i.appendChild(s);else{var l=i.firstChild;l.parentNode.insertBefore(s,l)}if(this.btnHtml){s.innerHTML=this.btnHtml;var a=s.firstChild;this.enableHover?u["default"].add(a,"mouseover",function(e){t.toggle(e)}):u["default"].add(a,"click",function(e){t.toggle(e)})}else{var n=r["default"].create("a",["href","javascript:;"]);n.className=this.btnCssClass,n.title=this.desc,n.innerHTML=this.btnText,s.appendChild(n),this.enableHover?u["default"].add(n,"mouseover",function(e){t.toggle(e)}):u["default"].add(n,"click",function(e){t.toggle(e)})}this.spanEl=s,this.btnEl=this.spanEl.firstChild,this.onLoaded&&this.onLoaded.call(null,this)}}},{key:"buildManager",value:function(){var t=this,e=this.tf,s=this.contElTgtId?r["default"].id(this.contElTgtId):r["default"].create("div",["id",this.prfxCont+e.id]);s.className=this.contCssClass;var i=r["default"].create("p");i.innerHTML=this.text,s.appendChild(i);var l=r["default"].create("ul",["id","ul"+this.name+"_"+e.id]);l.className=this.listCssClass;var a=this.headersTbl?this.headersTbl:e.tbl,n=this.headersTbl?this.headersIndex:e.getHeadersRowIndex(),o=a.rows[n];if(this.enableTickAll){var h=r["default"].createCheckItem("col__"+e.id,this.tickAllText,this.tickAllText);r["default"].addClass(h,this.listItemCssClass),l.appendChild(h),h.check.checked=!this.tickToHide,u["default"].add(h.check,"click",function(){for(var t=0;t<o.cells.length;t++){var s=r["default"].id("col_"+t+"_"+e.id);s&&h.check.checked!==s.checked&&(s.click(),s.checked=h.check.checked)}})}for(var d=0;d<o.cells.length;d++){var c=o.cells[d],f=this.headersText&&this.headersText[d]?this.headersText[d]:this._getHeaderText(c),p=r["default"].createCheckItem("col_"+d+"_"+e.id,f,f);r["default"].addClass(p,this.listItemCssClass),this.tickToHide||r["default"].addClass(p,this.listSlcItemCssClass),l.appendChild(p),this.tickToHide||(p.check.checked=!0),u["default"].add(p.check,"click",function(e){var s=u["default"].target(e),i=s.parentNode;t.checkItem(i)})}var g,v=r["default"].create("p",["align","center"]);if(this.btnCloseHtml?(v.innerHTML=this.btnCloseHtml,g=v.firstChild,u["default"].add(g,"click",function(e){t.toggle(e)})):(g=r["default"].create("a",["href","javascript:;"]),g.className=this.btnCloseCssClass,g.innerHTML=this.btnCloseText,u["default"].add(g,"click",function(e){t.toggle(e)}),v.appendChild(g)),s.appendChild(l),s.appendChild(v),this.btnEl.parentNode.insertBefore(s,this.btnEl),this.contEl=s,this.atStart)for(var b=this.atStart,m=0;m<b.length;m++){var _=r["default"].id("col_"+b[m]+"_"+e.id);_&&_.click()}}},{key:"setHidden",value:function(t,e){var s=this.tf,i=s.tbl;this.onBeforeColHidden&&e&&this.onBeforeColHidden.call(null,this,t),this.onBeforeColDisplayed&&!e&&this.onBeforeColDisplayed.call(null,this,t),this._hideCells(i,t,e),this.headersTbl&&this._hideCells(this.headersTbl,t,e);var l=this.hiddenCols;if(e)-1===l.indexOf(t)&&this.hiddenCols.push(t);else{var a=f["default"].indexByValue(l,t,!0);-1!==l.indexOf(t)&&this.hiddenCols.splice(a,1)}var n,r,o;if(this.onAfterColHidden&&e){if(s.gridLayout){n=s.feature("gridLayout"),r=n.headTbl,o=n.gridColElms;var h=parseInt(o[t].style.width,10),d=parseInt(r.style.width,10);r.style.width=d-h+"px",i.style.width=r.style.width}this.onAfterColHidden.call(null,this,t)}if(this.onAfterColDisplayed&&!e){if(s.gridLayout){n=s.feature("gridLayout"),r=n.headTbl,o=n.gridColElms;var u=parseInt(o[t].style.width,10);r.style.width=parseInt(r.style.width,10)+u+"px",s.tbl.style.width=r.style.width}this.onAfterColDisplayed.call(null,this,t)}}},{key:"showCol",value:function(t){if(void 0!==t&&this.isColHidden(t))if(this.manager&&this.contEl){var e=r["default"].id("col_"+t+"_"+this.tf.id);e&&e.click()}else this.setHidden(t,!1)}},{key:"hideCol",value:function(t){if(void 0!==t&&!this.isColHidden(t))if(this.manager&&this.contEl){var e=r["default"].id("col_"+t+"_"+this.tf.id);e&&e.click()}else this.setHidden(t,!0)}},{key:"isColHidden",value:function(t){return-1!==this.hiddenCols.indexOf(t)?!0:!1}},{key:"toggleCol",value:function(t){void 0===t||this.isColHidden(t)?this.showCol(t):this.hideCol(t)}},{key:"getHiddenCols",value:function(){return this.hiddenCols}},{key:"destroy",value:function(){(this.btnEl||this.contEl)&&(r["default"].id(this.contElTgtId)?r["default"].id(this.contElTgtId).innerHTML="":(this.contEl.innerHTML="",this.contEl.parentNode.removeChild(this.contEl),this.contEl=null),this.btnEl.innerHTML="",this.btnEl.parentNode.removeChild(this.btnEl),this.btnEl=null,this.initialized=!1)}},{key:"_getHeaderText",value:function(t){if(!t.hasChildNodes)return"";for(var e=0;e<t.childNodes.length;e++){var s=t.childNodes[e];if(3===s.nodeType)return s.nodeValue;if(1===s.nodeType){if(s.id&&-1!==s.id.indexOf("popUp"))continue;return r["default"].getText(s)}}return""}},{key:"_hideCells",value:function(t,e,s){for(var i=0;i<t.rows.length;i++){var l=t.rows[i],a=l.cells[e];a&&(a.style.display=s?"none":"")}}}]),t}();e["default"]=p,t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}},l=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},a=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var n=s(3),r=i(n),o=s(6),h=i(o),d=s(2),u=i(d),c=function(){function t(e,s){l(this,t),this.initialized=!1,this.name=s.name,this.desc=s.description||"Filters row visibility manager",this.stylesheet=s.stylesheet||"filtersVisibility.css",this.icnExpand=s.expand_icon_name||"icn_exp.png",this.icnCollapse=s.collapse_icon_name||"icn_clp.png",this.contEl=null,this.btnEl=null,this.icnExpandHtml='<img src="'+e.themesPath+this.icnExpand+'" alt="Expand filters" >',this.icnCollapseHtml='<img src="'+e.themesPath+this.icnCollapse+'" alt="Collapse filters" >',this.defaultText="Toggle filters",this.targetId=s.target_id||null,this.enableIcon=s.enable_icon===!1?!1:!0,this.btnText=s.btn_text||"",this.collapseBtnHtml=this.enableIcon?this.icnCollapseHtml+this.btnText:this.btnText||this.defaultText,this.expandBtnHtml=this.enableIcon?this.icnExpandHtml+this.btnText:this.btnText||this.defaultText,this.btnHtml=s.btn_html||null,this.btnCssClass=s.btn_css_class||"btnExpClpFlt",this.contCssClass=s.cont_css_class||"expClpFlt",this.filtersRowIndex=h["default"].isUndef(s.filters_row_index)?e.getFiltersRowIndex():s.filters_row_index,this.visibleAtStart=h["default"].isUndef(s.visible_at_start)?!0:Boolean(s.visible_at_start),this.prfx="fltsVis_",this.onBeforeShow=h["default"].isFn(s.on_before_show)?s.on_before_show:null,this.onAfterShow=h["default"].isFn(s.on_after_show)?s.on_after_show:null,this.onBeforeHide=h["default"].isFn(s.on_before_hide)?s.on_before_hide:null,this.onAfterHide=h["default"].isFn(s.on_after_hide)?s.on_after_hide:null,e["import"](s.name+"Style",e.stylePath+this.stylesheet,null,"link"),this.tf=e}return a(t,[{key:"init",value:function(){this.initialized||(this.buildUI(),this.initialized=!0)}},{key:"buildUI",value:function(){var t=this,e=this.tf,s=r["default"].create("span",["id",this.prfx+e.id]);s.className=this.contCssClass,this.targetId||e.setToolbar();var i=this.targetId?r["default"].id(this.targetId):e.rDiv;if(this.targetId)i.appendChild(s);else{var l=i.firstChild;l.parentNode.insertBefore(s,l)}var a=void 0;this.btnHtml?(s.innerHTML=this.btnHtml,a=s.firstChild,u["default"].add(a,"click",function(){return t.toggle()})):(a=r["default"].create("a",["href","javascript:void(0);"]),a.className=this.btnCssClass,a.title=this.btnText||this.defaultText,a.innerHTML=this.collapseBtnHtml,s.appendChild(a),u["default"].add(a,"click",function(){return t.toggle()})),this.contEl=s,this.btnEl=a,this.visibleAtStart||this.toggle()}},{key:"toggle",value:function(){var t=this.tf,e=t.gridLayout?t.feature("gridLayout").headTbl:t.tbl,s=e.rows[this.filtersRowIndex],i=s.style.display;this.onBeforeShow&&""!==i&&this.onBeforeShow.call(this,this),this.onBeforeHide&&""===i&&this.onBeforeHide.call(null,this),s.style.display=""===i?"none":"",this.enableIcon&&!this.btnHtml&&(this.btnEl.innerHTML=""===i?this.expandBtnHtml:this.collapseBtnHtml),this.onAfterShow&&""!==i&&this.onAfterShow.call(null,this),this.onAfterHide&&""===i&&this.onAfterHide.call(null,this)}},{key:"destroy",value:function(){(this.btnEl||this.contEl)&&(this.btnEl.innerHTML="",this.btnEl.parentNode.removeChild(this.btnEl),this.btnEl=null,this.contEl.innerHTML="",this.contEl.parentNode.removeChild(this.contEl),this.contEl=null,this.initialized=!1)}}]),t}();e["default"]=c,t.exports=e["default"]},function(t,e,s){"use strict";function i(t){return S["default"].removeNbFormat(t,"us")}function l(t){return S["default"].removeNbFormat(t,"eu")}function a(t,e){return x["default"].format(t,e)}function n(t){return a(t,"DMY")}function r(t){return a(t,"MDY")}function o(t){return a(t,"YMD")}function h(t){return a(t,"DDMMMYYYY")}function d(t){var e=t.split(".");for(var s in e){for(var i=e[s];3>i.length;)i="0"+i;e[s]=i}return e.join(".")}function u(t,e){var s=d(t.value.toLowerCase()),i=d(e.value.toLowerCase());return s==i?0:i>s?-1:1}var c=function(t){return t&&t.__esModule?t:{"default":t}},f=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},p=function(){function t(t,e){for(var s=0;s<e.length;s++){var i=e[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,s,i){return s&&t(e.prototype,s),i&&t(e,i),e}}();Object.defineProperty(e,"__esModule",{value:!0});var g=s(6),v=c(g),b=s(3),m=c(b),_=s(7),y=c(_),C=s(2),w=c(C),T=s(8),x=c(T),k=s(9),S=c(k),I=function(){function t(e,s){f(this,t);var i=e.config();this.initialized=!1,this.name=s.name,this.desc=s.description||"Sortable table",this.isPaged=!1,this.sorted=!1,this.sortTypes=v["default"].isArray(s.types)?s.types:[],this.sortColAtStart=v["default"].isArray(s.sort_col_at_start)?s.sort_col_at_start:null,this.asyncSort=Boolean(s.async_sort),this.triggerIds=v["default"].isArray(s.trigger_ids)?s.trigger_ids:[],this.imgPath=s.images_path||e.themesPath,this.imgBlank=s.image_blank||"blank.png",this.imgClassName=s.image_class_name||"sort-arrow",this.imgAscClassName=s.image_asc_class_name||"ascending",this.imgDescClassName=s.image_desc_class_name||"descending",this.customKey=s.custom_key||"data-tf-sortKey",this.onSortLoaded=v["default"].isFn(s.on_sort_loaded)?s.on_sort_loaded:null,this.onBeforeSort=v["default"].isFn(s.on_before_sort)?s.on_before_sort:null,this.onAfterSort=v["default"].isFn(s.on_after_sort)?i.on_after_sort:null,this.tf=e}return p(t,[{key:"init",value:function(){var t=this.tf,e=this;if(v["default"].isUndef(SortableTable))throw new Error("SortableTable class not found.");this.overrideSortableTable(),this.setSortTypes();var s=e.sortColAtStart;s&&this.stt.sort(s[0],s[1]),this.onSortLoaded&&this.onSortLoaded.call(null,t,this),this.stt.onbeforesort=function(){this.onBeforeSort&&this.onBeforeSort.call(null,t,this.stt.sortColumn),t.paging&&(e.isPaged=!0,t.paging=!1,t.feature("paging").destroy())},this.stt.onsort=function(){if(e.sorted=!0,t.alternateBgs)for(var s=t.tbl.rows,i=0,l=function(e,s,i){v["default"].isUndef(i)&&(i=!1);var l=t.feature("alternateRows"),a=l.oddCss,n=l.evenCss;m["default"].removeClass(e,a),m["default"].removeClass(e,n),i||m["default"].addClass(e,s%2?a:n)},a=t.refRow;a<t.nbRows;a++){var n=s[a].getAttribute("validRow");t.paging&&""===s[a].style.display?(l(s[a],i),i++):"true"!==n&&null!==n||""!==s[a].style.display?l(s[a],i,!0):(l(s[a],i),i++)}if(e.isPaged){var r=t.feature("paging");r.reset(!1),r.setPage(r.getPage()),e.isPaged=!1}e.onAfterSort&&e.onAfterSort.call(null,t,t.stt.sortColumn)},this.initialized=!0}},{key:"sortByColumnIndex",value:function(t){this.stt.sort(t)}},{key:"overrideSortableTable",value:function(){var t=this,e=this.tf;SortableTable.prototype.headerOnclick=function(e){if(t.initialized){for(var s=e.target||e.srcElement;"TD"!==s.tagName&&"TH"!==s.tagName;)s=s.parentNode;this.sort(SortableTable.msie?SortableTable.getCellIndex(s):s.cellIndex)}},SortableTable.getCellIndex=function(t){var e=t.parentNode.cells,s=e.length,i=void 0;for(i=0;e[i]!=t&&s>i;i++);return i},SortableTable.prototype.initHeader=function(s){var i=this;if(!i.tHead){if(!e.gridLayout)return;i.tHead=e.feature("gridLayout").headTbl.tHead}i.headersRow=e.headersRow;var l=i.tHead.rows[i.headersRow].cells;i.sortTypes=s||[];for(var a=l.length,n=void 0,r=void 0,o=0;a>o;o++)r=l[o],null!==i.sortTypes[o]&&"None"!==i.sortTypes[o]?(r.style.cursor="pointer",n=m["default"].create("img",["src",t.imgPath+t.imgBlank]),r.appendChild(n),null!==i.sortTypes[o]&&r.setAttribute("_sortType",i.sortTypes[o]),w["default"].add(r,"click",i._headerOnclick)):(r.setAttribute("_sortType",s[o]),r._sortType="None");i.updateHeaderArrows()},SortableTable.prototype.updateHeaderArrows=function(){var e=this,s=void 0,i=void 0,l=void 0;if(t.asyncSort&&t.triggerIds.length>0){var a=t.triggerIds;s=[],i=a.length;for(var n=0;n<a.length;n++)s.push(m["default"].id(a[n]))}else{if(!this.tHead)return;s=e.tHead.rows[e.headersRow].cells,i=s.length}for(var r=0;i>r;r++){var o=s[r].getAttribute("_sortType");null!==o&&"None"!==o&&(l=s[r].lastChild||s[r],"img"!==l.nodeName.toLowerCase()&&(l=m["default"].create("img",["src",t.imgPath+t.imgBlank]),s[r].appendChild(l)),r===e.sortColumn?l.className=t.imgClassName+" "+(this.descending?t.imgDescClassName:t.imgAscClassName):l.className=t.imgClassName)}},SortableTable.prototype.getRowValue=function(t,e,s){var i=this,l=i._sortTypeInfo[e];if(l&&l.getRowValue)return l.getRowValue(t,s);var a=t.cells[s],n=SortableTable.getInnerText(a);return i.getValueFromString(n,e)},SortableTable.getInnerText=function(e){return e?e.getAttribute(t.customKey)?e.getAttribute(t.customKey):m["default"].getText(e):void 0}}},{key:"addSortType",value:function(){var t=arguments;SortableTable.prototype.addSortType(t[0],t[1],t[2],t[3])}},{key:"setSortTypes",value:function(){for(var t=this,e=this.tf,s=this.sortTypes,a=[],c=0;c<e.nbCells;c++){var f=void 0;s[c]?(f=s[c].toLowerCase(),"none"===f&&(f="None")):f=e.hasColNbFormat&&null!==e.colNbFormat[c]?e.colNbFormat[c].toLowerCase():e.hasColDateType&&null!==e.colDateType[c]?e.colDateType[c].toLowerCase()+"date":"String",a.push(f)}this.addSortType("number",Number),this.addSortType("caseinsensitivestring",SortableTable.toUpperCase),this.addSortType("date",SortableTable.toDate),this.addSortType("string"),this.addSortType("us",i),this.addSortType("eu",l),this.addSortType("dmydate",n),this.addSortType("ymddate",o),this.addSortType("mdydate",r),this.addSortType("ddmmmyyyydate",h),this.addSortType("ipaddress",d,u),this.stt=new SortableTable(e.tbl,a),this.asyncSort&&this.triggerIds.length>0&&!function(){for(var e=t.triggerIds,s=0;s<e.length;s++)if(null!==e[s]){var i=m["default"].id(e[s]);i&&(i.style.cursor="pointer",w["default"].add(i,"click",function(s){var i=s.target;t.tf.sort&&t.stt.asyncSort(y["default"].indexByValue(e,i.id,!0))}),i.setAttribute("_sortType",a[s]))}}()}},{key:"destroy",value:function(){var t=this.tf;this.sorted=!1,this.initialized=!1,this.stt.destroy();for(var e=t.getFiltersId(),s=0;s<e.length;s++){
-var i=t.getHeaderElement(s),l=m["default"].tag(i,"img");1===l.length&&i.removeChild(l[0])}}}]),t}();e["default"]=I,t.exports=e["default"]},function(t,e,s){"use strict";var i=function(t){return t&&t.__esModule?t:{"default":t}};Object.defineProperty(e,"__esModule",{value:!0});var l=s(29),a=i(l);window.SortableTable||s(31),e["default"]=a["default"],t.exports=e["default"]},function(t,e,s){s(32)(s(33))},function(t,e,s){t.exports=function(t){"function"==typeof execScript?execScript(t):eval.call(null,t)}},function(t,e,s){t.exports='/*----------------------------------------------------------------------------\\\r\n|                            Sortable Table 1.12                              |\r\n|-----------------------------------------------------------------------------|\r\n|                         Created by Erik Arvidsson                           |\r\n|                  (http://webfx.eae.net/contact.html#erik)                   |\r\n|                      For WebFX (http://webfx.eae.net/)                      |\r\n|-----------------------------------------------------------------------------|\r\n| A DOM 1 based script that allows an ordinary HTML table to be sortable.     |\r\n|-----------------------------------------------------------------------------|\r\n|                  Copyright (c) 1998 - 2006 Erik Arvidsson                   |\r\n|-----------------------------------------------------------------------------|\r\n| Licensed under the Apache License, Version 2.0 (the "License"); you may not |\r\n| use this file except in compliance with the License.  You may obtain a copy |\r\n| of the License at http://www.apache.org/licenses/LICENSE-2.0                |\r\n| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r\n| Unless  required  by  applicable law or  agreed  to  in  writing,  software |\r\n| distributed under the License is distributed on an  "AS IS" BASIS,  WITHOUT |\r\n| WARRANTIES OR  CONDITIONS OF ANY KIND,  either express or implied.  See the |\r\n| License  for the  specific language  governing permissions  and limitations |\r\n| under the License.                                                          |\r\n|-----------------------------------------------------------------------------|\r\n| 2003-01-10 | First version                                                  |\r\n| 2003-01-19 | Minor changes to the date parsing                              |\r\n| 2003-01-28 | JScript 5.0 fixes (no support for \'in\' operator)               |\r\n| 2003-02-01 | Sloppy typo like error fixed in getInnerText                   |\r\n| 2003-07-04 | Added workaround for IE cellIndex bug.                         |\r\n| 2003-11-09 | The bDescending argument to sort was not correctly working     |\r\n|            | Using onclick DOM0 event if no support for addEventListener    |\r\n|            | or attachEvent                                                 |\r\n| 2004-01-13 | Adding addSortType and removeSortType which makes it a lot     |\r\n|            | easier to add new, custom sort types.                          |\r\n| 2004-01-27 | Switch to use descending = false as the default sort order.    |\r\n|            | Change defaultDescending to suit your needs.                   |\r\n| 2004-03-14 | Improved sort type None look and feel a bit                    |\r\n| 2004-08-26 | Made the handling of tBody and tHead more flexible. Now you    |\r\n|            | can use another tHead or no tHead, and you can chose some      |\r\n|            | other tBody.                                                   |\r\n| 2006-04-25 | Changed license to Apache Software License 2.0                 |\r\n|-----------------------------------------------------------------------------|\r\n| Created 2003-01-10 | All changes are in the log above. | Updated 2006-04-25 |\r\n\\----------------------------------------------------------------------------*/\r\n\r\n\r\nfunction SortableTable(oTable, oSortTypes) {\r\n\r\n	this.sortTypes = oSortTypes || [];\r\n\r\n	this.sortColumn = null;\r\n	this.descending = null;\r\n\r\n	var oThis = this;\r\n	this._headerOnclick = function (e) {\r\n		oThis.headerOnclick(e);\r\n	};\r\n\r\n	if (oTable) {\r\n		this.setTable( oTable );\r\n		this.document = oTable.ownerDocument || oTable.document;\r\n	}\r\n	else {\r\n		this.document = document;\r\n	}\r\n\r\n\r\n	// only IE needs this\r\n	var win = this.document.defaultView || this.document.parentWindow;\r\n	this._onunload = function () {\r\n		oThis.destroy();\r\n	};\r\n	if (win && typeof win.attachEvent != "undefined") {\r\n		win.attachEvent("onunload", this._onunload);\r\n	}\r\n}\r\n\r\nSortableTable.gecko = navigator.product == "Gecko";\r\nSortableTable.msie = /msie/i.test(navigator.userAgent);\r\n// Mozilla is faster when doing the DOM manipulations on\r\n// an orphaned element. MSIE is not\r\nSortableTable.removeBeforeSort = SortableTable.gecko;\r\n\r\nSortableTable.prototype.onsort = function () {};\r\n\r\n// default sort order. true -> descending, false -> ascending\r\nSortableTable.prototype.defaultDescending = false;\r\n\r\n// shared between all instances. This is intentional to allow external files\r\n// to modify the prototype\r\nSortableTable.prototype._sortTypeInfo = {};\r\n\r\nSortableTable.prototype.setTable = function (oTable) {\r\n	if ( this.tHead )\r\n		this.uninitHeader();\r\n	this.element = oTable;\r\n	this.setTHead( oTable.tHead );\r\n	this.setTBody( oTable.tBodies[0] );\r\n};\r\n\r\nSortableTable.prototype.setTHead = function (oTHead) {\r\n	if (this.tHead && this.tHead != oTHead )\r\n		this.uninitHeader();\r\n	this.tHead = oTHead;\r\n	this.initHeader( this.sortTypes );\r\n};\r\n\r\nSortableTable.prototype.setTBody = function (oTBody) {\r\n	this.tBody = oTBody;\r\n};\r\n\r\nSortableTable.prototype.setSortTypes = function ( oSortTypes ) {\r\n	if ( this.tHead )\r\n		this.uninitHeader();\r\n	this.sortTypes = oSortTypes || [];\r\n	if ( this.tHead )\r\n		this.initHeader( this.sortTypes );\r\n};\r\n\r\n// adds arrow containers and events\r\n// also binds sort type to the header cells so that reordering columns does\r\n// not break the sort types\r\nSortableTable.prototype.initHeader = function (oSortTypes) {\r\n	if (!this.tHead) return;\r\n	var cells = this.tHead.rows[0].cells;\r\n	var doc = this.tHead.ownerDocument || this.tHead.document;\r\n	this.sortTypes = oSortTypes || [];\r\n	var l = cells.length;\r\n	var img, c;\r\n	for (var i = 0; i < l; i++) {\r\n		c = cells[i];\r\n		if (this.sortTypes[i] != null && this.sortTypes[i] != "None") {\r\n			img = doc.createElement("IMG");\r\n			img.src = "images/blank.png";\r\n			c.appendChild(img);\r\n			if (this.sortTypes[i] != null)\r\n				c._sortType = this.sortTypes[i];\r\n			if (typeof c.addEventListener != "undefined")\r\n				c.addEventListener("click", this._headerOnclick, false);\r\n			else if (typeof c.attachEvent != "undefined")\r\n				c.attachEvent("onclick", this._headerOnclick);\r\n			else\r\n				c.onclick = this._headerOnclick;\r\n		}\r\n		else\r\n		{\r\n			c.setAttribute( "_sortType", oSortTypes[i] );\r\n			c._sortType = "None";\r\n		}\r\n	}\r\n	this.updateHeaderArrows();\r\n};\r\n\r\n// remove arrows and events\r\nSortableTable.prototype.uninitHeader = function () {\r\n	if (!this.tHead) return;\r\n	var cells = this.tHead.rows[0].cells;\r\n	var l = cells.length;\r\n	var c;\r\n	for (var i = 0; i < l; i++) {\r\n		c = cells[i];\r\n		if (c._sortType != null && c._sortType != "None") {\r\n			c.removeChild(c.lastChild);\r\n			if (typeof c.removeEventListener != "undefined")\r\n				c.removeEventListener("click", this._headerOnclick, false);\r\n			else if (typeof c.detachEvent != "undefined")\r\n				c.detachEvent("onclick", this._headerOnclick);\r\n			c._sortType = null;\r\n			c.removeAttribute( "_sortType" );\r\n		}\r\n	}\r\n};\r\n\r\nSortableTable.prototype.updateHeaderArrows = function () {\r\n	if (!this.tHead) return;\r\n	var cells = this.tHead.rows[0].cells;\r\n	var l = cells.length;\r\n	var img;\r\n	for (var i = 0; i < l; i++) {\r\n		if (cells[i]._sortType != null && cells[i]._sortType != "None") {\r\n			img = cells[i].lastChild;\r\n			if (i == this.sortColumn)\r\n				img.className = "sort-arrow " + (this.descending ? "descending" : "ascending");\r\n			else\r\n				img.className = "sort-arrow";\r\n		}\r\n	}\r\n};\r\n\r\nSortableTable.prototype.headerOnclick = function (e) {\r\n	// find TD element\r\n	var el = e.target || e.srcElement;\r\n	while (el.tagName != "TD")\r\n		el = el.parentNode;\r\n\r\n	this.sort(SortableTable.msie ? SortableTable.getCellIndex(el) : el.cellIndex);\r\n};\r\n\r\n// IE returns wrong cellIndex when columns are hidden\r\nSortableTable.getCellIndex = function (oTd) {\r\n	var cells = oTd.parentNode.childNodes\r\n	var l = cells.length;\r\n	var i;\r\n	for (i = 0; cells[i] != oTd && i < l; i++)\r\n		;\r\n	return i;\r\n};\r\n\r\nSortableTable.prototype.getSortType = function (nColumn) {\r\n	return this.sortTypes[nColumn] || "String";\r\n};\r\n\r\n// only nColumn is required\r\n// if bDescending is left out the old value is taken into account\r\n// if sSortType is left out the sort type is found from the sortTypes array\r\n\r\nSortableTable.prototype.sort = function (nColumn, bDescending, sSortType) {\r\n	if (!this.tBody) return;\r\n	if (sSortType == null)\r\n		sSortType = this.getSortType(nColumn);\r\n\r\n	// exit if None\r\n	if (sSortType == "None")\r\n		return;\r\n\r\n	if (bDescending == null) {\r\n		if (this.sortColumn != nColumn)\r\n			this.descending = this.defaultDescending;\r\n		else\r\n			this.descending = !this.descending;\r\n	}\r\n	else\r\n		this.descending = bDescending;\r\n\r\n	this.sortColumn = nColumn;\r\n\r\n	if (typeof this.onbeforesort == "function")\r\n		this.onbeforesort();\r\n\r\n	var f = this.getSortFunction(sSortType, nColumn);\r\n	var a = this.getCache(sSortType, nColumn);\r\n	var tBody = this.tBody;\r\n\r\n	a.sort(f);\r\n\r\n	if (this.descending)\r\n		a.reverse();\r\n\r\n	if (SortableTable.removeBeforeSort) {\r\n		// remove from doc\r\n		var nextSibling = tBody.nextSibling;\r\n		var p = tBody.parentNode;\r\n		p.removeChild(tBody);\r\n	}\r\n\r\n	// insert in the new order\r\n	var l = a.length;\r\n	for (var i = 0; i < l; i++)\r\n		tBody.appendChild(a[i].element);\r\n\r\n	if (SortableTable.removeBeforeSort) {\r\n		// insert into doc\r\n		p.insertBefore(tBody, nextSibling);\r\n	}\r\n\r\n	this.updateHeaderArrows();\r\n\r\n	this.destroyCache(a);\r\n\r\n	if (typeof this.onsort == "function")\r\n		this.onsort();\r\n};\r\n\r\nSortableTable.prototype.asyncSort = function (nColumn, bDescending, sSortType) {\r\n	var oThis = this;\r\n	this._asyncsort = function () {\r\n		oThis.sort(nColumn, bDescending, sSortType);\r\n	};\r\n	window.setTimeout(this._asyncsort, 1);\r\n};\r\n\r\nSortableTable.prototype.getCache = function (sType, nColumn) {\r\n	if (!this.tBody) return [];\r\n	var rows = this.tBody.rows;\r\n	var l = rows.length;\r\n	var a = new Array(l);\r\n	var r;\r\n	for (var i = 0; i < l; i++) {\r\n		r = rows[i];\r\n		a[i] = {\r\n			value:		this.getRowValue(r, sType, nColumn),\r\n			element:	r\r\n		};\r\n	};\r\n	return a;\r\n};\r\n\r\nSortableTable.prototype.destroyCache = function (oArray) {\r\n	var l = oArray.length;\r\n	for (var i = 0; i < l; i++) {\r\n		oArray[i].value = null;\r\n		oArray[i].element = null;\r\n		oArray[i] = null;\r\n	}\r\n};\r\n\r\nSortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {\r\n	// if we have defined a custom getRowValue use that\r\n	if (this._sortTypeInfo[sType] && this._sortTypeInfo[sType].getRowValue)\r\n		return this._sortTypeInfo[sType].getRowValue(oRow, nColumn);\r\n\r\n	var s;\r\n	var c = oRow.cells[nColumn];\r\n	if (typeof c.innerText != "undefined")\r\n		s = c.innerText;\r\n	else\r\n		s = SortableTable.getInnerText(c);\r\n	return this.getValueFromString(s, sType);\r\n};\r\n\r\nSortableTable.getInnerText = function (oNode) {\r\n	var s = "";\r\n	var cs = oNode.childNodes;\r\n	var l = cs.length;\r\n	for (var i = 0; i < l; i++) {\r\n		switch (cs[i].nodeType) {\r\n			case 1: //ELEMENT_NODE\r\n				s += SortableTable.getInnerText(cs[i]);\r\n				break;\r\n			case 3:	//TEXT_NODE\r\n				s += cs[i].nodeValue;\r\n				break;\r\n		}\r\n	}\r\n	return s;\r\n};\r\n\r\nSortableTable.prototype.getValueFromString = function (sText, sType) {\r\n	if (this._sortTypeInfo[sType])\r\n		return this._sortTypeInfo[sType].getValueFromString( sText );\r\n	return sText;\r\n	/*\r\n	switch (sType) {\r\n		case "Number":\r\n			return Number(sText);\r\n		case "CaseInsensitiveString":\r\n			return sText.toUpperCase();\r\n		case "Date":\r\n			var parts = sText.split("-");\r\n			var d = new Date(0);\r\n			d.setFullYear(parts[0]);\r\n			d.setDate(parts[2]);\r\n			d.setMonth(parts[1] - 1);\r\n			return d.valueOf();\r\n	}\r\n	return sText;\r\n	*/\r\n	};\r\n\r\nSortableTable.prototype.getSortFunction = function (sType, nColumn) {\r\n	if (this._sortTypeInfo[sType])\r\n		return this._sortTypeInfo[sType].compare;\r\n	return SortableTable.basicCompare;\r\n};\r\n\r\nSortableTable.prototype.destroy = function () {\r\n	this.uninitHeader();\r\n	var win = this.document.parentWindow;\r\n	if (win && typeof win.detachEvent != "undefined") {	// only IE needs this\r\n		win.detachEvent("onunload", this._onunload);\r\n	}\r\n	this._onunload = null;\r\n	this.element = null;\r\n	this.tHead = null;\r\n	this.tBody = null;\r\n	this.document = null;\r\n	this._headerOnclick = null;\r\n	this.sortTypes = null;\r\n	this._asyncsort = null;\r\n	this.onsort = null;\r\n};\r\n\r\n// Adds a sort type to all instance of SortableTable\r\n// sType : String - the identifier of the sort type\r\n// fGetValueFromString : function ( s : string ) : T - A function that takes a\r\n//    string and casts it to a desired format. If left out the string is just\r\n//    returned\r\n// fCompareFunction : function ( n1 : T, n2 : T ) : Number - A normal JS sort\r\n//    compare function. Takes two values and compares them. If left out less than,\r\n//    <, compare is used\r\n// fGetRowValue : function( oRow : HTMLTRElement, nColumn : int ) : T - A function\r\n//    that takes the row and the column index and returns the value used to compare.\r\n//    If left out then the innerText is first taken for the cell and then the\r\n//    fGetValueFromString is used to convert that string the desired value and type\r\n\r\nSortableTable.prototype.addSortType = function (sType, fGetValueFromString, fCompareFunction, fGetRowValue) {\r\n	this._sortTypeInfo[sType] = {\r\n		type:				sType,\r\n		getValueFromString:	fGetValueFromString || SortableTable.idFunction,\r\n		compare:			fCompareFunction || SortableTable.basicCompare,\r\n		getRowValue:		fGetRowValue\r\n	};\r\n};\r\n\r\n// this removes the sort type from all instances of SortableTable\r\nSortableTable.prototype.removeSortType = function (sType) {\r\n	delete this._sortTypeInfo[sType];\r\n};\r\n\r\nSortableTable.basicCompare = function compare(n1, n2) {\r\n	if (n1.value < n2.value)\r\n		return -1;\r\n	if (n2.value < n1.value)\r\n		return 1;\r\n	return 0;\r\n};\r\n\r\nSortableTable.idFunction = function (x) {\r\n	return x;\r\n};\r\n\r\nSortableTable.toUpperCase = function (s) {\r\n	return s.toUpperCase();\r\n};\r\n\r\nSortableTable.toDate = function (s) {\r\n	var parts = s.split("-");\r\n	var d = new Date(0);\r\n	d.setFullYear(parts[0]);\r\n	d.setDate(parts[2]);\r\n	d.setMonth(parts[1] - 1);\r\n	return d.valueOf();\r\n};\r\n\r\n\r\n// add sort types\r\nSortableTable.prototype.addSortType("Number", Number);\r\nSortableTable.prototype.addSortType("CaseInsensitiveString", SortableTable.toUpperCase);\r\nSortableTable.prototype.addSortType("Date", SortableTable.toDate);\r\nSortableTable.prototype.addSortType("String");\r\n// None is a special case\r\n'}]);
\ No newline at end of file
+	var map = {
+		"./array": 7,
+		"./array.js": 7,
+		"./cookie": 5,
+		"./cookie.js": 5,
+		"./date": 8,
+		"./date.js": 8,
+		"./dom": 3,
+		"./dom.js": 3,
+		"./event": 2,
+		"./event.js": 2,
+		"./extensions/advancedGrid/adapterEzEditTable": 24,
+		"./extensions/advancedGrid/adapterEzEditTable.js": 24,
+		"./extensions/advancedGrid/advancedGrid": 25,
+		"./extensions/advancedGrid/advancedGrid.js": 25,
+		"./extensions/colOps/colOps": 26,
+		"./extensions/colOps/colOps.js": 26,
+		"./extensions/colsVisibility/colsVisibility": 27,
+		"./extensions/colsVisibility/colsVisibility.js": 27,
+		"./extensions/filtersVisibility/filtersVisibility": 28,
+		"./extensions/filtersVisibility/filtersVisibility.js": 28,
+		"./extensions/sort/adapterSortabletable": 29,
+		"./extensions/sort/adapterSortabletable.js": 29,
+		"./extensions/sort/sort": 30,
+		"./extensions/sort/sort.js": 30,
+		"./helpers": 9,
+		"./helpers.js": 9,
+		"./modules/alternateRows": 22,
+		"./modules/alternateRows.js": 22,
+		"./modules/checkList": 16,
+		"./modules/checkList.js": 16,
+		"./modules/clearButton": 20,
+		"./modules/clearButton.js": 20,
+		"./modules/dropdown": 15,
+		"./modules/dropdown.js": 15,
+		"./modules/gridLayout": 11,
+		"./modules/gridLayout.js": 11,
+		"./modules/help": 21,
+		"./modules/help.js": 21,
+		"./modules/highlightKeywords": 13,
+		"./modules/highlightKeywords.js": 13,
+		"./modules/loader": 12,
+		"./modules/loader.js": 12,
+		"./modules/paging": 19,
+		"./modules/paging.js": 19,
+		"./modules/popupFilter": 14,
+		"./modules/popupFilter.js": 14,
+		"./modules/rowsCounter": 17,
+		"./modules/rowsCounter.js": 17,
+		"./modules/statusBar": 18,
+		"./modules/statusBar.js": 18,
+		"./modules/store": 10,
+		"./modules/store.js": 10,
+		"./sort": 23,
+		"./sort.js": 23,
+		"./string": 4,
+		"./string.js": 4,
+		"./types": 6,
+		"./types.js": 6
+	};
+	function webpackContext(req) {
+		return __webpack_require__(webpackContextResolve(req));
+	};
+	function webpackContextResolve(req) {
+		return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
+	};
+	webpackContext.keys = function webpackContextKeys() {
+		return Object.keys(map);
+	};
+	webpackContext.resolve = webpackContextResolve;
+	module.exports = webpackContext;
+	webpackContext.id = 1;
+
+
+/***/ },
+/* 2 */,
+/* 3 */,
+/* 4 */,
+/* 5 */,
+/* 6 */,
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */,
+/* 15 */,
+/* 16 */,
+/* 17 */,
+/* 18 */,
+/* 19 */,
+/* 20 */,
+/* 21 */,
+/* 22 */,
+/* 23 */,
+/* 24 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var AdapterEzEditTable = (function () {
+	    /**
+	     * Adapter module for ezEditTable, an external library providing advanced
+	     * grid features (selection and edition):
+	     * http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus
+	     *
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function AdapterEzEditTable(tf, cfg) {
+	        _classCallCheck(this, AdapterEzEditTable);
+	
+	        // ezEditTable config
+	        this.initialized = false;
+	        this.desc = cfg.description || 'ezEditTable adapter';
+	        this.filename = cfg.filename || 'ezEditTable.js';
+	        this.vendorPath = cfg.vendor_path;
+	        this.loadStylesheet = Boolean(cfg.load_stylesheet);
+	        this.stylesheet = cfg.stylesheet || this.vendorPath + 'ezEditTable.css';
+	        this.stylesheetName = cfg.stylesheet_name || 'ezEditTableCss';
+	        this.err = 'Failed to instantiate EditTable object.\n"ezEditTable" ' + 'dependency not found.';
+	
+	        this._ezEditTable = null;
+	        this.cfg = cfg;
+	        this.tf = tf;
+	    }
+	
+	    _createClass(AdapterEzEditTable, [{
+	        key: 'init',
+	
+	        /**
+	         * Conditionally load ezEditTable library and set advanced grid
+	         * @return {[type]} [description]
+	         */
+	        value: function init() {
+	            var _this = this;
+	
+	            var tf = this.tf;
+	            if (window.EditTable) {
+	                this._setAdvancedGrid();
+	            } else {
+	                var path = this.vendorPath + this.filename;
+	                tf['import'](this.filename, path, function () {
+	                    _this._setAdvancedGrid();
+	                });
+	            }
+	            if (this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')) {
+	                tf['import'](this.stylesheetName, this.stylesheet, null, 'link');
+	            }
+	        }
+	    }, {
+	        key: '_setAdvancedGrid',
+	
+	        /**
+	         * Instantiate ezEditTable component for advanced grid features
+	         */
+	        value: function _setAdvancedGrid() {
+	            var tf = this.tf;
+	
+	            //start row for EditTable constructor needs to be calculated
+	            var startRow,
+	                cfg = this.cfg,
+	                thead = _Dom2['default'].tag(tf.tbl, 'thead');
+	
+	            //if thead exists and startRow not specified, startRow is calculated
+	            //automatically by EditTable
+	            if (thead.length > 0 && !cfg.startRow) {
+	                startRow = undefined;
+	            }
+	            //otherwise startRow config property if any or TableFilter refRow
+	            else {
+	                startRow = cfg.startRow || tf.refRow;
+	            }
+	
+	            cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
+	            var editable = cfg.editable;
+	            var selectable = cfg.selection;
+	
+	            if (selectable) {
+	                cfg.default_selection = cfg.default_selection || 'row';
+	            }
+	            //CSS Styles
+	            cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';
+	
+	            var _lastValidRowIndex = 0;
+	            var _lastRowIndex = 0;
+	
+	            if (selectable) {
+	                //Row navigation needs to be calculated according to TableFilter's
+	                //validRowsIndex array
+	                var onAfterSelection = function onAfterSelection(et, selectedElm, e) {
+	                    var slc = et.Selection;
+	                    //Next valid filtered row needs to be selected
+	                    var doSelect = function doSelect(nextRowIndex) {
+	                        if (et.defaultSelection === 'row') {
+	                            slc.SelectRowByIndex(nextRowIndex);
+	                        } else {
+	                            et.ClearSelections();
+	                            var cellIndex = selectedElm.cellIndex,
+	                                row = tf.tbl.rows[nextRowIndex];
+	                            if (et.defaultSelection === 'both') {
+	                                slc.SelectRowByIndex(nextRowIndex);
+	                            }
+	                            if (row) {
+	                                slc.SelectCell(row.cells[cellIndex]);
+	                            }
+	                        }
+	                        //Table is filtered
+	                        if (tf.validRowsIndex.length !== tf.getRowsNb()) {
+	                            var r = tf.tbl.rows[nextRowIndex];
+	                            if (r) {
+	                                r.scrollIntoView(false);
+	                            }
+	                            if (cell) {
+	                                if (cell.cellIndex === tf.getCellsNb() - 1 && tf.gridLayout) {
+	                                    tf.tblCont.scrollLeft = 100000000;
+	                                } else if (cell.cellIndex === 0 && tf.gridLayout) {
+	                                    tf.tblCont.scrollLeft = 0;
+	                                } else {
+	                                    cell.scrollIntoView(false);
+	                                }
+	                            }
+	                        }
+	                    };
+	
+	                    //table is not filtered
+	                    if (!tf.validRowsIndex) {
+	                        return;
+	                    }
+	                    var validIndexes = tf.validRowsIndex,
+	                        validIdxLen = validIndexes.length,
+	                        row = et.defaultSelection !== 'row' ? selectedElm.parentNode : selectedElm,
+	
+	                    //cell for default_selection = 'both' or 'cell'
+	                    cell = selectedElm.nodeName === 'TD' ? selectedElm : null,
+	                        keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
+	                        isRowValid = _Arr2['default'].has(validIndexes, row.rowIndex),
+	                        nextRowIndex,
+	
+	                    //pgup/pgdown keys
+	                    d = keyCode === 34 || keyCode === 33 ? tf.feature('paging').pagingLength || et.nbRowsPerPage : 1;
+	
+	                    //If next row is not valid, next valid filtered row needs to be
+	                    //calculated
+	                    if (!isRowValid) {
+	                        //Selection direction up/down
+	                        if (row.rowIndex > _lastRowIndex) {
+	                            //last row
+	                            if (row.rowIndex >= validIndexes[validIdxLen - 1]) {
+	                                nextRowIndex = validIndexes[validIdxLen - 1];
+	                            } else {
+	                                var calcRowIndex = _lastValidRowIndex + d;
+	                                if (calcRowIndex > validIdxLen - 1) {
+	                                    nextRowIndex = validIndexes[validIdxLen - 1];
+	                                } else {
+	                                    nextRowIndex = validIndexes[calcRowIndex];
+	                                }
+	                            }
+	                        } else {
+	                            //first row
+	                            if (row.rowIndex <= validIndexes[0]) {
+	                                nextRowIndex = validIndexes[0];
+	                            } else {
+	                                var v = validIndexes[_lastValidRowIndex - d];
+	                                nextRowIndex = v ? v : validIndexes[0];
+	                            }
+	                        }
+	                        _lastRowIndex = row.rowIndex;
+	                        doSelect(nextRowIndex);
+	                    } else {
+	                        //If filtered row is valid, special calculation for
+	                        //pgup/pgdown keys
+	                        if (keyCode !== 34 && keyCode !== 33) {
+	                            _lastValidRowIndex = _Arr2['default'].indexByValue(validIndexes, row.rowIndex);
+	                            _lastRowIndex = row.rowIndex;
+	                        } else {
+	                            if (keyCode === 34) {
+	                                //pgdown
+	                                //last row
+	                                if (_lastValidRowIndex + d <= validIdxLen - 1) {
+	                                    nextRowIndex = validIndexes[_lastValidRowIndex + d];
+	                                } else {
+	                                    nextRowIndex = [validIdxLen - 1];
+	                                }
+	                            } else {
+	                                //pgup
+	                                //first row
+	                                if (_lastValidRowIndex - d <= validIndexes[0]) {
+	                                    nextRowIndex = validIndexes[0];
+	                                } else {
+	                                    nextRowIndex = validIndexes[_lastValidRowIndex - d];
+	                                }
+	                            }
+	                            _lastRowIndex = nextRowIndex;
+	                            _lastValidRowIndex = _Arr2['default'].indexByValue(validIndexes, nextRowIndex);
+	                            doSelect(nextRowIndex);
+	                        }
+	                    }
+	                };
+	
+	                //Page navigation has to be enforced whenever selected row is out of
+	                //the current page range
+	                var onBeforeSelection = function onBeforeSelection(et, selectedElm) {
+	                    var row = et.defaultSelection !== 'row' ? selectedElm.parentNode : selectedElm;
+	                    if (tf.paging) {
+	                        if (tf.feature('paging').nbPages > 1) {
+	                            var paging = tf.feature('paging');
+	                            //page length is re-assigned in case it has changed
+	                            et.nbRowsPerPage = paging.pagingLength;
+	                            var validIndexes = tf.validRowsIndex,
+	                                validIdxLen = validIndexes.length,
+	                                pagingEndRow = parseInt(paging.startPagingRow, 10) + parseInt(paging.pagingLength, 10);
+	                            var rowIndex = row.rowIndex;
+	
+	                            if (rowIndex === validIndexes[validIdxLen - 1] && paging.currentPageNb !== paging.nbPages) {
+	                                paging.setPage('last');
+	                            } else if (rowIndex == validIndexes[0] && paging.currentPageNb !== 1) {
+	                                paging.setPage('first');
+	                            } else if (rowIndex > validIndexes[pagingEndRow - 1] && rowIndex < validIndexes[validIdxLen - 1]) {
+	                                paging.setPage('next');
+	                            } else if (rowIndex < validIndexes[paging.startPagingRow] && rowIndex > validIndexes[0]) {
+	                                paging.setPage('previous');
+	                            }
+	                        }
+	                    }
+	                };
+	
+	                //Selected row needs to be visible when paging is activated
+	                if (tf.paging) {
+	                    tf.feature('paging').onAfterChangePage = function (paging) {
+	                        var advGrid = paging.tf.extension('advancedGrid');
+	                        var et = advGrid._ezEditTable;
+	                        var slc = et.Selection;
+	                        var row = slc.GetActiveRow();
+	                        if (row) {
+	                            row.scrollIntoView(false);
+	                        }
+	                        var cell = slc.GetActiveCell();
+	                        if (cell) {
+	                            cell.scrollIntoView(false);
+	                        }
+	                    };
+	                }
+	
+	                //Rows navigation when rows are filtered is performed with the
+	                //EditTable row selection callback events
+	                if (cfg.default_selection === 'row') {
+	                    var fnB = cfg.on_before_selected_row;
+	                    cfg.on_before_selected_row = function () {
+	                        onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+	                        if (fnB) {
+	                            fnB.call(null, arguments[0], arguments[1], arguments[2]);
+	                        }
+	                    };
+	                    var fnA = cfg.on_after_selected_row;
+	                    cfg.on_after_selected_row = function () {
+	                        onAfterSelection(arguments[0], arguments[1], arguments[2]);
+	                        if (fnA) {
+	                            fnA.call(null, arguments[0], arguments[1], arguments[2]);
+	                        }
+	                    };
+	                } else {
+	                    var fnD = cfg.on_before_selected_cell;
+	                    cfg.on_before_selected_cell = function () {
+	                        onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+	                        if (fnD) {
+	                            fnD.call(null, arguments[0], arguments[1], arguments[2]);
+	                        }
+	                    };
+	                    var fnC = cfg.on_after_selected_cell;
+	                    cfg.on_after_selected_cell = function () {
+	                        onAfterSelection(arguments[0], arguments[1], arguments[2]);
+	                        if (fnC) {
+	                            fnC.call(null, arguments[0], arguments[1], arguments[2]);
+	                        }
+	                    };
+	                }
+	            }
+	            if (editable) {
+	                //Added or removed rows, TF rows number needs to be re-calculated
+	                var fnE = cfg.on_added_dom_row;
+	                cfg.on_added_dom_row = function () {
+	                    tf.nbFilterableRows++;
+	                    if (!tf.paging) {
+	                        tf.feature('rowsCounter').refresh();
+	                    } else {
+	                        tf.nbRows++;
+	                        tf.nbVisibleRows++;
+	                        tf.nbFilterableRows++;
+	                        tf.paging = false;
+	                        tf.feature('paging').destroy();
+	                        tf.feature('paging').reset();
+	                    }
+	                    if (tf.alternateBgs) {
+	                        tf.feature('alternateRows').init();
+	                    }
+	                    if (fnE) {
+	                        fnE.call(null, arguments[0], arguments[1], arguments[2]);
+	                    }
+	                };
+	                if (cfg.actions && cfg.actions['delete']) {
+	                    var fnF = cfg.actions['delete'].on_after_submit;
+	                    cfg.actions['delete'].on_after_submit = function () {
+	                        tf.nbFilterableRows--;
+	                        if (!tf.paging) {
+	                            tf.feature('rowsCounter').refresh();
+	                        } else {
+	                            tf.nbRows--;
+	                            tf.nbVisibleRows--;
+	                            tf.nbFilterableRows--;
+	                            tf.paging = false;
+	                            tf.feature('paging').destroy();
+	                            tf.feature('paging').reset(false);
+	                        }
+	                        if (tf.alternateBgs) {
+	                            tf.feature('alternateRows').init();
+	                        }
+	                        if (fnF) {
+	                            fnF.call(null, arguments[0], arguments[1]);
+	                        }
+	                    };
+	                }
+	            }
+	
+	            try {
+	                this._ezEditTable = new EditTable(tf.id, cfg, startRow);
+	                this._ezEditTable.Init();
+	            } catch (e) {
+	                throw new Error(this.err);
+	            }
+	
+	            this.initialized = true;
+	        }
+	    }, {
+	        key: 'reset',
+	
+	        /**
+	         * Reset advanced grid when previously removed
+	         */
+	        value: function reset() {
+	            var ezEditTable = this._ezEditTable;
+	            if (ezEditTable) {
+	                if (this.cfg.selection) {
+	                    ezEditTable.Selection.Set();
+	                }
+	                if (this.cfg.editable) {
+	                    ezEditTable.Editable.Set();
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove advanced grid
+	         */
+	        value: function destroy() {
+	            var ezEditTable = this._ezEditTable;
+	            if (ezEditTable) {
+	                if (this.cfg.selection) {
+	                    ezEditTable.Selection.ClearSelections();
+	                    ezEditTable.Selection.Remove();
+	                }
+	                if (this.cfg.editable) {
+	                    ezEditTable.Editable.Remove();
+	                }
+	            }
+	            this.initialized = false;
+	        }
+	    }]);
+	
+	    return AdapterEzEditTable;
+	})();
+	
+	exports['default'] = AdapterEzEditTable;
+	module.exports = exports['default'];
+
+/***/ },
+/* 25 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	Object.defineProperty(exports, '__esModule', {
+	  value: true
+	});
+	
+	var _AdapterEzEditTable = __webpack_require__(24);
+	
+	var _AdapterEzEditTable2 = _interopRequireDefault(_AdapterEzEditTable);
+
+	exports['default'] = _AdapterEzEditTable2['default'];
+	module.exports = exports['default'];
+
+/***/ },
+/* 26 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Str = __webpack_require__(4);
+	
+	var _Str2 = _interopRequireDefault(_Str);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var ColOps = (function () {
+	
+	    /**
+	     * Column calculations
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function ColOps(tf, opts) {
+	        _classCallCheck(this, ColOps);
+	
+	        //calls function before col operation
+	        this.onBeforeOperation = _Types2['default'].isFn(opts.on_before_operation) ? opts.on_before_operation : null;
+	        //calls function after col operation
+	        this.onAfterOperation = _Types2['default'].isFn(opts.on_after_operation) ? opts.on_after_operation : null;
+	
+	        this.opts = opts;
+	        this.tf = tf;
+	    }
+	
+	    _createClass(ColOps, [{
+	        key: 'init',
+	        value: function init() {
+	            this.calc();
+	        }
+	    }, {
+	        key: 'calc',
+	
+	        /**
+	         * Calculates columns' values
+	         * Configuration options are stored in 'opts' property
+	         * - 'id' contains ids of elements showing result (array)
+	         * - 'col' contains the columns' indexes (array)
+	         * - 'operation' contains operation type (array, values: 'sum', 'mean',
+	         *   'min', 'max', 'median', 'q1', 'q3')
+	         * - 'write_method' array defines which method to use for displaying the
+	         *    result (innerHTML, setValue, createTextNode) - default: 'innerHTML'
+	         * - 'tot_row_index' defines in which row results are displayed
+	         *   (integers array)
+	         *
+	         * - changes made by Nuovella:
+	         * (1) optimized the routine (now it will only process each column once),
+	         * (2) added calculations for the median, lower and upper quartile.
+	         */
+	        value: function calc() {
+	            var tf = this.tf;
+	            if (!tf.isFirstLoad && !tf.hasGrid()) {
+	                return;
+	            }
+	
+	            if (this.onBeforeOperation) {
+	                this.onBeforeOperation.call(null, tf);
+	            }
+	
+	            var opts = this.opts,
+	                labelId = opts.id,
+	                colIndex = opts.col,
+	                operation = opts.operation,
+	                outputType = opts.write_method,
+	                totRowIndex = opts.tot_row_index,
+	                excludeRow = opts.exclude_row,
+	                decimalPrecision = _Types2['default'].isUndef(opts.decimal_precision) ? 2 : opts.decimal_precision;
+	
+	            //nuovella: determine unique list of columns to operate on
+	            var ucolIndex = [],
+	                ucolMax = 0;
+	            ucolIndex[ucolMax] = colIndex[0];
+	
+	            for (var ii = 1; ii < colIndex.length; ii++) {
+	                var saved = 0;
+	                //see if colIndex[ii] is already in the list of unique indexes
+	                for (var jj = 0; jj <= ucolMax; jj++) {
+	                    if (ucolIndex[jj] === colIndex[ii]) {
+	                        saved = 1;
+	                    }
+	                }
+	                //if not saved then, save the index;
+	                if (saved === 0) {
+	                    ucolMax++;
+	                    ucolIndex[ucolMax] = colIndex[ii];
+	                }
+	            }
+	
+	            if (_Str2['default'].lower(typeof labelId) == 'object' && _Str2['default'].lower(typeof colIndex) == 'object' && _Str2['default'].lower(typeof operation) == 'object') {
+	                var rows = tf.tbl.rows,
+	                    colvalues = [];
+	
+	                for (var ucol = 0; ucol <= ucolMax; ucol++) {
+	                    //this retrieves col values
+	                    //use ucolIndex because we only want to pass through this loop
+	                    //once for each column get the values in this unique column
+	                    colvalues.push(tf.getColValues(ucolIndex[ucol], true, excludeRow));
+	
+	                    //next: calculate all operations for this column
+	                    var result,
+	                        nbvalues = 0,
+	                        temp,
+	                        meanValue = 0,
+	                        sumValue = 0,
+	                        minValue = null,
+	                        maxValue = null,
+	                        q1Value = null,
+	                        medValue = null,
+	                        q3Value = null,
+	                        meanFlag = 0,
+	                        sumFlag = 0,
+	                        minFlag = 0,
+	                        maxFlag = 0,
+	                        q1Flag = 0,
+	                        medFlag = 0,
+	                        q3Flag = 0,
+	                        theList = [],
+	                        opsThisCol = [],
+	                        decThisCol = [],
+	                        labThisCol = [],
+	                        oTypeThisCol = [],
+	                        mThisCol = -1;
+	
+	                    for (var k = 0; k < colIndex.length; k++) {
+	                        if (colIndex[k] === ucolIndex[ucol]) {
+	                            mThisCol++;
+	                            opsThisCol[mThisCol] = _Str2['default'].lower(operation[k]);
+	                            decThisCol[mThisCol] = decimalPrecision[k];
+	                            labThisCol[mThisCol] = labelId[k];
+	                            oTypeThisCol = outputType !== undefined && _Str2['default'].lower(typeof outputType) === 'object' ? outputType[k] : null;
+	
+	                            switch (opsThisCol[mThisCol]) {
+	                                case 'mean':
+	                                    meanFlag = 1;
+	                                    break;
+	                                case 'sum':
+	                                    sumFlag = 1;
+	                                    break;
+	                                case 'min':
+	                                    minFlag = 1;
+	                                    break;
+	                                case 'max':
+	                                    maxFlag = 1;
+	                                    break;
+	                                case 'median':
+	                                    medFlag = 1;
+	                                    break;
+	                                case 'q1':
+	                                    q1Flag = 1;
+	                                    break;
+	                                case 'q3':
+	                                    q3Flag = 1;
+	                                    break;
+	                            }
+	                        }
+	                    }
+	
+	                    for (var j = 0; j < colvalues[ucol].length; j++) {
+	                        //sort the list for calculation of median and quartiles
+	                        if (q1Flag == 1 || q3Flag == 1 || medFlag == 1) {
+	                            if (j < colvalues[ucol].length - 1) {
+	                                for (k = j + 1; k < colvalues[ucol].length; k++) {
+	                                    if (eval(colvalues[ucol][k]) < eval(colvalues[ucol][j])) {
+	                                        temp = colvalues[ucol][j];
+	                                        colvalues[ucol][j] = colvalues[ucol][k];
+	                                        colvalues[ucol][k] = temp;
+	                                    }
+	                                }
+	                            }
+	                        }
+	                        var cvalue = parseFloat(colvalues[ucol][j]);
+	                        theList[j] = parseFloat(cvalue);
+	
+	                        if (!isNaN(cvalue)) {
+	                            nbvalues++;
+	                            if (sumFlag === 1 || meanFlag === 1) {
+	                                sumValue += parseFloat(cvalue);
+	                            }
+	                            if (minFlag === 1) {
+	                                if (minValue === null) {
+	                                    minValue = parseFloat(cvalue);
+	                                } else {
+	                                    minValue = parseFloat(cvalue) < minValue ? parseFloat(cvalue) : minValue;
+	                                }
+	                            }
+	                            if (maxFlag === 1) {
+	                                if (maxValue === null) {
+	                                    maxValue = parseFloat(cvalue);
+	                                } else {
+	                                    maxValue = parseFloat(cvalue) > maxValue ? parseFloat(cvalue) : maxValue;
+	                                }
+	                            }
+	                        }
+	                    } //for j
+	                    if (meanFlag === 1) {
+	                        meanValue = sumValue / nbvalues;
+	                    }
+	                    if (medFlag === 1) {
+	                        var aux = 0;
+	                        if (nbvalues % 2 === 1) {
+	                            aux = Math.floor(nbvalues / 2);
+	                            medValue = theList[aux];
+	                        } else {
+	                            medValue = (theList[nbvalues / 2] + theList[nbvalues / 2 - 1]) / 2;
+	                        }
+	                    }
+	                    var posa;
+	                    if (q1Flag === 1) {
+	                        posa = 0;
+	                        posa = Math.floor(nbvalues / 4);
+	                        if (4 * posa == nbvalues) {
+	                            q1Value = (theList[posa - 1] + theList[posa]) / 2;
+	                        } else {
+	                            q1Value = theList[posa];
+	                        }
+	                    }
+	                    if (q3Flag === 1) {
+	                        posa = 0;
+	                        var posb = 0;
+	                        posa = Math.floor(nbvalues / 4);
+	                        if (4 * posa === nbvalues) {
+	                            posb = 3 * posa;
+	                            q3Value = (theList[posb] + theList[posb - 1]) / 2;
+	                        } else {
+	                            q3Value = theList[nbvalues - posa - 1];
+	                        }
+	                    }
+	
+	                    for (var i = 0; i <= mThisCol; i++) {
+	                        switch (opsThisCol[i]) {
+	                            case 'mean':
+	                                result = meanValue;
+	                                break;
+	                            case 'sum':
+	                                result = sumValue;
+	                                break;
+	                            case 'min':
+	                                result = minValue;
+	                                break;
+	                            case 'max':
+	                                result = maxValue;
+	                                break;
+	                            case 'median':
+	                                result = medValue;
+	                                break;
+	                            case 'q1':
+	                                result = q1Value;
+	                                break;
+	                            case 'q3':
+	                                result = q3Value;
+	                                break;
+	                        }
+	
+	                        var precision = !isNaN(decThisCol[i]) ? decThisCol[i] : 2;
+	
+	                        //if outputType is defined
+	                        if (oTypeThisCol && result) {
+	                            result = result.toFixed(precision);
+	
+	                            if (_Dom2['default'].id(labThisCol[i])) {
+	                                switch (_Str2['default'].lower(oTypeThisCol)) {
+	                                    case 'innerhtml':
+	                                        if (isNaN(result) || !isFinite(result) || nbvalues === 0) {
+	                                            _Dom2['default'].id(labThisCol[i]).innerHTML = '.';
+	                                        } else {
+	                                            _Dom2['default'].id(labThisCol[i]).innerHTML = result;
+	                                        }
+	                                        break;
+	                                    case 'setvalue':
+	                                        _Dom2['default'].id(labThisCol[i]).value = result;
+	                                        break;
+	                                    case 'createtextnode':
+	                                        var oldnode = _Dom2['default'].id(labThisCol[i]).firstChild;
+	                                        var txtnode = _Dom2['default'].text(result);
+	                                        _Dom2['default'].id(labThisCol[i]).replaceChild(txtnode, oldnode);
+	                                        break;
+	                                } //switch
+	                            }
+	                        } else {
+	                            try {
+	                                if (isNaN(result) || !isFinite(result) || nbvalues === 0) {
+	                                    _Dom2['default'].id(labThisCol[i]).innerHTML = '.';
+	                                } else {
+	                                    _Dom2['default'].id(labThisCol[i]).innerHTML = result.toFixed(precision);
+	                                }
+	                            } catch (e) {} //catch
+	                        } //else
+	                    } //for i
+	
+	                    // row(s) with result are always visible
+	                    var totRow = totRowIndex && totRowIndex[ucol] ? rows[totRowIndex[ucol]] : null;
+	                    if (totRow) {
+	                        totRow.style.display = '';
+	                    }
+	                } //for ucol
+	            } //if typeof
+	
+	            if (this.onAfterOperation) {
+	                this.onAfterOperation.call(null, tf);
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	        value: function destroy() {}
+	    }]);
+	
+	    return ColOps;
+	})();
+	
+	exports['default'] = ColOps;
+	module.exports = exports['default'];
+
+/***/ },
+/* 27 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var ColsVisibility = (function () {
+	
+	    /**
+	     * Columns Visibility extension
+	     * @param {Object} tf TableFilter instance
+	     * @param {Object} f Config
+	     */
+	
+	    function ColsVisibility(tf, f) {
+	        _classCallCheck(this, ColsVisibility);
+	
+	        // Configuration object
+	        var cfg = tf.config();
+	
+	        this.initialized = false;
+	        this.name = f.name;
+	        this.desc = f.description || 'Columns visibility manager';
+	
+	        //show/hide cols span element
+	        this.spanEl = null;
+	        //show/hide cols button element
+	        this.btnEl = null;
+	        //show/hide cols container div element
+	        this.contEl = null;
+	
+	        //tick to hide or show column
+	        this.tickToHide = f.tick_to_hide === false ? false : true;
+	        //enables/disables cols manager generation
+	        this.manager = f.manager === false ? false : true;
+	        //only if external headers
+	        this.headersTbl = f.headers_table || false;
+	        //only if external headers
+	        this.headersIndex = f.headers_index || 1;
+	        //id of container element
+	        this.contElTgtId = f.container_target_id || null;
+	        //alternative headers text
+	        this.headersText = f.headers_text || null;
+	        //id of button container element
+	        this.btnTgtId = f.btn_target_id || null;
+	        //defines show/hide cols text
+	        this.btnText = f.btn_text || 'Columns&#9660;';
+	        //defines show/hide cols button innerHtml
+	        this.btnHtml = f.btn_html || null;
+	        //defines css class for show/hide cols button
+	        this.btnCssClass = f.btn_css_class || 'colVis';
+	        //defines close link text
+	        this.btnCloseText = f.btn_close_text || 'Close';
+	        //defines close button innerHtml
+	        this.btnCloseHtml = f.btn_close_html || null;
+	        //defines css class for close button
+	        this.btnCloseCssClass = f.btn_close_css_class || this.btnCssClass;
+	        this.stylesheet = f.stylesheet || 'colsVisibility.css';
+	        //span containing show/hide cols button
+	        this.prfx = 'colVis_';
+	        //defines css class span containing show/hide cols
+	        this.spanCssClass = f.span_css_class || 'colVisSpan';
+	        this.prfxCont = this.prfx + 'Cont_';
+	        //defines css class div containing show/hide cols
+	        this.contCssClass = f.cont_css_class || 'colVisCont';
+	        //defines css class for cols list (ul)
+	        this.listCssClass = cfg.list_css_class || 'cols_checklist';
+	        //defines css class for list item (li)
+	        this.listItemCssClass = cfg.checklist_item_css_class || 'cols_checklist_item';
+	        //defines css class for selected list item (li)
+	        this.listSlcItemCssClass = cfg.checklist_selected_item_css_class || 'cols_checklist_slc_item';
+	        //text preceding columns list
+	        this.text = f.text || (this.tickToHide ? 'Hide: ' : 'Show: ');
+	        this.atStart = f.at_start || null;
+	        this.enableHover = Boolean(f.enable_hover);
+	        //enables select all option
+	        this.enableTickAll = Boolean(f.enable_tick_all);
+	        //text preceding columns list
+	        this.tickAllText = f.tick_all_text || 'Select all:';
+	
+	        //array containing hidden columns indexes
+	        this.hiddenCols = [];
+	        this.tblHasColTag = _Dom2['default'].tag(tf.tbl, 'col').length > 0;
+	
+	        //callback invoked just after cols manager is loaded
+	        this.onLoaded = _Types2['default'].isFn(f.on_loaded) ? f.on_loaded : null;
+	        //calls function before cols manager is opened
+	        this.onBeforeOpen = _Types2['default'].isFn(f.on_before_open) ? f.on_before_open : null;
+	        //calls function after cols manager is opened
+	        this.onAfterOpen = _Types2['default'].isFn(f.on_after_open) ? f.on_after_open : null;
+	        //calls function before cols manager is closed
+	        this.onBeforeClose = _Types2['default'].isFn(f.on_before_close) ? f.on_before_close : null;
+	        //calls function after cols manager is closed
+	        this.onAfterClose = _Types2['default'].isFn(f.on_after_close) ? f.on_after_close : null;
+	
+	        //callback before col is hidden
+	        this.onBeforeColHidden = _Types2['default'].isFn(f.on_before_col_hidden) ? f.on_before_col_hidden : null;
+	        //callback after col is hidden
+	        this.onAfterColHidden = _Types2['default'].isFn(f.on_after_col_hidden) ? f.on_after_col_hidden : null;
+	        //callback before col is displayed
+	        this.onBeforeColDisplayed = _Types2['default'].isFn(f.on_before_col_displayed) ? f.on_before_col_displayed : null;
+	        //callback after col is displayed
+	        this.onAfterColDisplayed = _Types2['default'].isFn(f.on_after_col_displayed) ? f.on_after_col_displayed : null;
+	
+	        //Grid layout compatibility
+	        if (tf.gridLayout) {
+	            this.headersTbl = tf.feature('gridLayout').headTbl; //headers table
+	            this.headersIndex = 0; //headers index
+	            this.onAfterColDisplayed = function () {};
+	            this.onAfterColHidden = function () {};
+	        }
+	
+	        //Loads extension stylesheet
+	        tf['import'](f.name + 'Style', tf.stylePath + this.stylesheet, null, 'link');
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(ColsVisibility, [{
+	        key: 'toggle',
+	        value: function toggle() {
+	            var contDisplay = this.contEl.style.display;
+	            var onBeforeOpen = this.onBeforeOpen;
+	            var onBeforeClose = this.onBeforeClose;
+	            var onAfterOpen = this.onAfterOpen;
+	            var onAfterClose = this.onAfterClose;
+	
+	            if (onBeforeOpen && contDisplay !== 'inline') {
+	                onBeforeOpen.call(null, this);
+	            }
+	            if (onBeforeClose && contDisplay === 'inline') {
+	                onBeforeClose.call(null, this);
+	            }
+	
+	            this.contEl.style.display = contDisplay === 'inline' ? 'none' : 'inline';
+	
+	            if (onAfterOpen && contDisplay !== 'inline') {
+	                onAfterOpen.call(null, this);
+	            }
+	            if (onAfterClose && contDisplay === 'inline') {
+	                onAfterClose.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'checkItem',
+	        value: function checkItem(lbl) {
+	            var li = lbl.parentNode;
+	            if (!li || !lbl) {
+	                return;
+	            }
+	            var isChecked = lbl.firstChild.checked;
+	            var colIndex = lbl.firstChild.getAttribute('id').split('_')[1];
+	            colIndex = parseInt(colIndex, 10);
+	            if (isChecked) {
+	                _Dom2['default'].addClass(li, this.listSlcItemCssClass);
+	            } else {
+	                _Dom2['default'].removeClass(li, this.listSlcItemCssClass);
+	            }
+	
+	            var hide = false;
+	            if (this.tickToHide && isChecked || !this.tickToHide && !isChecked) {
+	                hide = true;
+	            }
+	            this.setHidden(colIndex, hide);
+	        }
+	    }, {
+	        key: 'init',
+	        value: function init() {
+	            if (!this.manager) {
+	                return;
+	            }
+	            this.buildBtn();
+	            this.buildManager();
+	
+	            this.initialized = true;
+	        }
+	    }, {
+	        key: 'buildBtn',
+	
+	        /**
+	         * Build main button UI
+	         */
+	        value: function buildBtn() {
+	            var _this = this;
+	
+	            if (this.btnEl) {
+	                return;
+	            }
+	            var tf = this.tf;
+	            var span = _Dom2['default'].create('span', ['id', this.prfx + tf.id]);
+	            span.className = this.spanCssClass;
+	
+	            //Container element (rdiv or custom element)
+	            if (!this.btnTgtId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.btnTgtId ? tf.rDiv : _Dom2['default'].id(this.btnTgtId);
+	
+	            if (!this.btnTgtId) {
+	                var firstChild = targetEl.firstChild;
+	                firstChild.parentNode.insertBefore(span, firstChild);
+	            } else {
+	                targetEl.appendChild(span);
+	            }
+	
+	            if (!this.btnHtml) {
+	                var btn = _Dom2['default'].create('a', ['href', 'javascript:;']);
+	                btn.className = this.btnCssClass;
+	                btn.title = this.desc;
+	
+	                btn.innerHTML = this.btnText;
+	                span.appendChild(btn);
+	                if (!this.enableHover) {
+	                    _Event2['default'].add(btn, 'click', function (evt) {
+	                        _this.toggle(evt);
+	                    });
+	                } else {
+	                    _Event2['default'].add(btn, 'mouseover', function (evt) {
+	                        _this.toggle(evt);
+	                    });
+	                }
+	            } else {
+	                //Custom html
+	                span.innerHTML = this.btnHtml;
+	                var colVisEl = span.firstChild;
+	                if (!this.enableHover) {
+	                    _Event2['default'].add(colVisEl, 'click', function (evt) {
+	                        _this.toggle(evt);
+	                    });
+	                } else {
+	                    _Event2['default'].add(colVisEl, 'mouseover', function (evt) {
+	                        _this.toggle(evt);
+	                    });
+	                }
+	            }
+	
+	            this.spanEl = span;
+	            this.btnEl = this.spanEl.firstChild;
+	
+	            if (this.onLoaded) {
+	                this.onLoaded.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'buildManager',
+	
+	        /**
+	         * Build columns manager UI
+	         */
+	        value: function buildManager() {
+	            var _this2 = this;
+	
+	            var tf = this.tf;
+	
+	            var container = !this.contElTgtId ? _Dom2['default'].create('div', ['id', this.prfxCont + tf.id]) : _Dom2['default'].id(this.contElTgtId);
+	            container.className = this.contCssClass;
+	
+	            //Extension description
+	            var extNameLabel = _Dom2['default'].create('p');
+	            extNameLabel.innerHTML = this.text;
+	            container.appendChild(extNameLabel);
+	
+	            //Headers list
+	            var ul = _Dom2['default'].create('ul', ['id', 'ul' + this.name + '_' + tf.id]);
+	            ul.className = this.listCssClass;
+	
+	            var tbl = this.headersTbl ? this.headersTbl : tf.tbl;
+	            var headerIndex = this.headersTbl ? this.headersIndex : tf.getHeadersRowIndex();
+	            var headerRow = tbl.rows[headerIndex];
+	
+	            //Tick all option
+	            if (this.enableTickAll) {
+	                var li = _Dom2['default'].createCheckItem('col__' + tf.id, this.tickAllText, this.tickAllText);
+	                _Dom2['default'].addClass(li, this.listItemCssClass);
+	                ul.appendChild(li);
+	                li.check.checked = !this.tickToHide;
+	
+	                _Event2['default'].add(li.check, 'click', function () {
+	                    for (var h = 0; h < headerRow.cells.length; h++) {
+	                        var itm = _Dom2['default'].id('col_' + h + '_' + tf.id);
+	                        if (itm && li.check.checked !== itm.checked) {
+	                            itm.click();
+	                            itm.checked = li.check.checked;
+	                        }
+	                    }
+	                });
+	            }
+	
+	            for (var i = 0; i < headerRow.cells.length; i++) {
+	                var cell = headerRow.cells[i];
+	                var cellText = this.headersText && this.headersText[i] ? this.headersText[i] : this._getHeaderText(cell);
+	                var liElm = _Dom2['default'].createCheckItem('col_' + i + '_' + tf.id, cellText, cellText);
+	                _Dom2['default'].addClass(liElm, this.listItemCssClass);
+	                if (!this.tickToHide) {
+	                    _Dom2['default'].addClass(liElm, this.listSlcItemCssClass);
+	                }
+	                ul.appendChild(liElm);
+	                if (!this.tickToHide) {
+	                    liElm.check.checked = true;
+	                }
+	
+	                _Event2['default'].add(liElm.check, 'click', function (evt) {
+	                    var elm = _Event2['default'].target(evt);
+	                    var lbl = elm.parentNode;
+	                    _this2.checkItem(lbl);
+	                });
+	            }
+	
+	            //separator
+	            var p = _Dom2['default'].create('p', ['align', 'center']);
+	            var btn;
+	            //Close link
+	            if (!this.btnCloseHtml) {
+	                btn = _Dom2['default'].create('a', ['href', 'javascript:;']);
+	                btn.className = this.btnCloseCssClass;
+	                btn.innerHTML = this.btnCloseText;
+	                _Event2['default'].add(btn, 'click', function (evt) {
+	                    _this2.toggle(evt);
+	                });
+	                p.appendChild(btn);
+	            } else {
+	                p.innerHTML = this.btnCloseHtml;
+	                btn = p.firstChild;
+	                _Event2['default'].add(btn, 'click', function (evt) {
+	                    _this2.toggle(evt);
+	                });
+	            }
+	
+	            container.appendChild(ul);
+	            container.appendChild(p);
+	
+	            this.btnEl.parentNode.insertBefore(container, this.btnEl);
+	            this.contEl = container;
+	
+	            if (this.atStart) {
+	                var a = this.atStart;
+	                for (var k = 0; k < a.length; k++) {
+	                    var itm = _Dom2['default'].id('col_' + a[k] + '_' + tf.id);
+	                    if (itm) {
+	                        itm.click();
+	                    }
+	                }
+	            }
+	        }
+	    }, {
+	        key: 'setHidden',
+	
+	        /**
+	         * Hide or show specified columns
+	         * @param {Numner} colIndex Column index
+	         * @param {Boolean} hide    hide column if true or show if false
+	         */
+	        value: function setHidden(colIndex, hide) {
+	            var tf = this.tf;
+	            var tbl = tf.tbl;
+	
+	            if (this.onBeforeColHidden && hide) {
+	                this.onBeforeColHidden.call(null, this, colIndex);
+	            }
+	            if (this.onBeforeColDisplayed && !hide) {
+	                this.onBeforeColDisplayed.call(null, this, colIndex);
+	            }
+	
+	            this._hideCells(tbl, colIndex, hide);
+	            if (this.headersTbl) {
+	                this._hideCells(this.headersTbl, colIndex, hide);
+	            }
+	
+	            var hiddenCols = this.hiddenCols;
+	            if (hide) {
+	                if (hiddenCols.indexOf(colIndex) === -1) {
+	                    this.hiddenCols.push(colIndex);
+	                }
+	            } else {
+	                var itemIndex = _Arr2['default'].indexByValue(hiddenCols, colIndex, true);
+	                if (hiddenCols.indexOf(colIndex) !== -1) {
+	                    this.hiddenCols.splice(itemIndex, 1);
+	                }
+	            }
+	
+	            var gridLayout;
+	            var headTbl;
+	            var gridColElms;
+	            if (this.onAfterColHidden && hide) {
+	                //This event is fired just after a column is displayed for
+	                //grid_layout support
+	                //TODO: grid layout module should be responsible for those
+	                //calculations
+	                if (tf.gridLayout) {
+	                    gridLayout = tf.feature('gridLayout');
+	                    headTbl = gridLayout.headTbl;
+	                    gridColElms = gridLayout.gridColElms;
+	                    var hiddenWidth = parseInt(gridColElms[colIndex].style.width, 10);
+	
+	                    var headTblW = parseInt(headTbl.style.width, 10);
+	                    headTbl.style.width = headTblW - hiddenWidth + 'px';
+	                    tbl.style.width = headTbl.style.width;
+	                }
+	                this.onAfterColHidden.call(null, this, colIndex);
+	            }
+	
+	            if (this.onAfterColDisplayed && !hide) {
+	                //This event is fired just after a column is displayed for
+	                //grid_layout support
+	                //TODO: grid layout module should be responsible for those
+	                //calculations
+	                if (tf.gridLayout) {
+	                    gridLayout = tf.feature('gridLayout');
+	                    headTbl = gridLayout.headTbl;
+	                    gridColElms = gridLayout.gridColElms;
+	                    var width = parseInt(gridColElms[colIndex].style.width, 10);
+	                    headTbl.style.width = parseInt(headTbl.style.width, 10) + width + 'px';
+	                    tf.tbl.style.width = headTbl.style.width;
+	                }
+	                this.onAfterColDisplayed.call(null, this, colIndex);
+	            }
+	        }
+	    }, {
+	        key: 'showCol',
+	
+	        /**
+	         * Show specified column
+	         * @param  {Number} colIndex Column index
+	         */
+	        value: function showCol(colIndex) {
+	            if (colIndex === undefined || !this.isColHidden(colIndex)) {
+	                return;
+	            }
+	            if (this.manager && this.contEl) {
+	                var itm = _Dom2['default'].id('col_' + colIndex + '_' + this.tf.id);
+	                if (itm) {
+	                    itm.click();
+	                }
+	            } else {
+	                this.setHidden(colIndex, false);
+	            }
+	        }
+	    }, {
+	        key: 'hideCol',
+	
+	        /**
+	         * Hide specified column
+	         * @param  {Number} colIndex Column index
+	         */
+	        value: function hideCol(colIndex) {
+	            if (colIndex === undefined || this.isColHidden(colIndex)) {
+	                return;
+	            }
+	            if (this.manager && this.contEl) {
+	                var itm = _Dom2['default'].id('col_' + colIndex + '_' + this.tf.id);
+	                if (itm) {
+	                    itm.click();
+	                }
+	            } else {
+	                this.setHidden(colIndex, true);
+	            }
+	        }
+	    }, {
+	        key: 'isColHidden',
+	
+	        /**
+	         * Determine if specified column is hidden
+	         * @param  {Number} colIndex Column index
+	         */
+	        value: function isColHidden(colIndex) {
+	            if (this.hiddenCols.indexOf(colIndex) !== -1) {
+	                return true;
+	            }
+	            return false;
+	        }
+	    }, {
+	        key: 'toggleCol',
+	
+	        /**
+	         * Toggle visibility of specified column
+	         * @param  {Number} colIndex Column index
+	         */
+	        value: function toggleCol(colIndex) {
+	            if (colIndex === undefined || this.isColHidden(colIndex)) {
+	                this.showCol(colIndex);
+	            } else {
+	                this.hideCol(colIndex);
+	            }
+	        }
+	    }, {
+	        key: 'getHiddenCols',
+	
+	        /**
+	         * Returns the indexes of the columns currently hidden
+	         * @return {Array} column indexes
+	         */
+	        value: function getHiddenCols() {
+	            return this.hiddenCols;
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Remove the columns manager
+	         */
+	        value: function destroy() {
+	            if (!this.btnEl && !this.contEl) {
+	                return;
+	            }
+	            if (_Dom2['default'].id(this.contElTgtId)) {
+	                _Dom2['default'].id(this.contElTgtId).innerHTML = '';
+	            } else {
+	                this.contEl.innerHTML = '';
+	                this.contEl.parentNode.removeChild(this.contEl);
+	                this.contEl = null;
+	            }
+	            this.btnEl.innerHTML = '';
+	            this.btnEl.parentNode.removeChild(this.btnEl);
+	            this.btnEl = null;
+	            this.initialized = false;
+	        }
+	    }, {
+	        key: '_getHeaderText',
+	        value: function _getHeaderText(cell) {
+	            if (!cell.hasChildNodes) {
+	                return '';
+	            }
+	
+	            for (var i = 0; i < cell.childNodes.length; i++) {
+	                var n = cell.childNodes[i];
+	                if (n.nodeType === 3) {
+	                    return n.nodeValue;
+	                } else if (n.nodeType === 1) {
+	                    if (n.id && n.id.indexOf('popUp') !== -1) {
+	                        continue;
+	                    } else {
+	                        return _Dom2['default'].getText(n);
+	                    }
+	                }
+	                continue;
+	            }
+	            return '';
+	        }
+	    }, {
+	        key: '_hideCells',
+	        value: function _hideCells(tbl, colIndex, hide) {
+	            for (var i = 0; i < tbl.rows.length; i++) {
+	                var row = tbl.rows[i];
+	                var cell = row.cells[colIndex];
+	                if (cell) {
+	                    cell.style.display = hide ? 'none' : '';
+	                }
+	            }
+	        }
+	    }]);
+	
+	    return ColsVisibility;
+	})();
+	
+	exports['default'] = ColsVisibility;
+	module.exports = exports['default'];
+
+/***/ },
+/* 28 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var FiltersVisibility = (function () {
+	
+	    /**
+	     * Filters Row Visibility extension
+	     * @param {Object} tf TableFilter instance
+	     * @param {Object} f Config
+	     */
+	
+	    function FiltersVisibility(tf, f) {
+	        _classCallCheck(this, FiltersVisibility);
+	
+	        this.initialized = false;
+	        this.name = f.name;
+	        this.desc = f.description || 'Filters row visibility manager';
+	
+	        // Path and image filenames
+	        this.stylesheet = f.stylesheet || 'filtersVisibility.css';
+	        this.icnExpand = f.expand_icon_name || 'icn_exp.png';
+	        this.icnCollapse = f.collapse_icon_name || 'icn_clp.png';
+	
+	        //expand/collapse filters span element
+	        this.contEl = null;
+	        //expand/collapse filters btn element
+	        this.btnEl = null;
+	
+	        this.icnExpandHtml = '<img src="' + tf.themesPath + this.icnExpand + '" alt="Expand filters" >';
+	        this.icnCollapseHtml = '<img src="' + tf.themesPath + this.icnCollapse + '" alt="Collapse filters" >';
+	        this.defaultText = 'Toggle filters';
+	
+	        //id of container element
+	        this.targetId = f.target_id || null;
+	        //enables/disables expand/collapse icon
+	        this.enableIcon = f.enable_icon === false ? false : true;
+	        this.btnText = f.btn_text || '';
+	
+	        //defines expand/collapse filters text
+	        this.collapseBtnHtml = this.enableIcon ? this.icnCollapseHtml + this.btnText : this.btnText || this.defaultText;
+	        this.expandBtnHtml = this.enableIcon ? this.icnExpandHtml + this.btnText : this.btnText || this.defaultText;
+	
+	        //defines expand/collapse filters button innerHtml
+	        this.btnHtml = f.btn_html || null;
+	        //defines css class for expand/collapse filters button
+	        this.btnCssClass = f.btn_css_class || 'btnExpClpFlt';
+	        //defines css class span containing expand/collapse filters
+	        this.contCssClass = f.cont_css_class || 'expClpFlt';
+	        this.filtersRowIndex = !_Types2['default'].isUndef(f.filters_row_index) ? f.filters_row_index : tf.getFiltersRowIndex();
+	
+	        this.visibleAtStart = !_Types2['default'].isUndef(f.visible_at_start) ? Boolean(f.visible_at_start) : true;
+	
+	        // Prefix
+	        this.prfx = 'fltsVis_';
+	
+	        //callback before filters row is shown
+	        this.onBeforeShow = _Types2['default'].isFn(f.on_before_show) ? f.on_before_show : null;
+	        //callback after filters row is shown
+	        this.onAfterShow = _Types2['default'].isFn(f.on_after_show) ? f.on_after_show : null;
+	        //callback before filters row is hidden
+	        this.onBeforeHide = _Types2['default'].isFn(f.on_before_hide) ? f.on_before_hide : null;
+	        //callback after filters row is hidden
+	        this.onAfterHide = _Types2['default'].isFn(f.on_after_hide) ? f.on_after_hide : null;
+	
+	        //Loads extension stylesheet
+	        tf['import'](f.name + 'Style', tf.stylePath + this.stylesheet, null, 'link');
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(FiltersVisibility, [{
+	        key: 'init',
+	
+	        /**
+	         * Initialise extension
+	         */
+	        value: function init() {
+	            if (this.initialized) {
+	                return;
+	            }
+	
+	            this.buildUI();
+	            this.initialized = true;
+	        }
+	    }, {
+	        key: 'buildUI',
+	
+	        /**
+	         * Build UI elements
+	         */
+	        value: function buildUI() {
+	            var _this = this;
+	
+	            var tf = this.tf;
+	            var span = _Dom2['default'].create('span', ['id', this.prfx + tf.id]);
+	            span.className = this.contCssClass;
+	
+	            //Container element (rdiv or custom element)
+	            if (!this.targetId) {
+	                tf.setToolbar();
+	            }
+	            var targetEl = !this.targetId ? tf.rDiv : _Dom2['default'].id(this.targetId);
+	
+	            if (!this.targetId) {
+	                var firstChild = targetEl.firstChild;
+	                firstChild.parentNode.insertBefore(span, firstChild);
+	            } else {
+	                targetEl.appendChild(span);
+	            }
+	
+	            var btn = undefined;
+	            if (!this.btnHtml) {
+	                btn = _Dom2['default'].create('a', ['href', 'javascript:void(0);']);
+	                btn.className = this.btnCssClass;
+	                btn.title = this.btnText || this.defaultText;
+	                btn.innerHTML = this.collapseBtnHtml;
+	                span.appendChild(btn);
+	                _Event2['default'].add(btn, 'click', function () {
+	                    return _this.toggle();
+	                });
+	            } else {
+	                //Custom html
+	                span.innerHTML = this.btnHtml;
+	                btn = span.firstChild;
+	                _Event2['default'].add(btn, 'click', function () {
+	                    return _this.toggle();
+	                });
+	            }
+	
+	            this.contEl = span;
+	            this.btnEl = btn;
+	
+	            if (!this.visibleAtStart) {
+	                this.toggle();
+	            }
+	        }
+	    }, {
+	        key: 'toggle',
+	
+	        /**
+	         * Toggle filters visibility
+	         */
+	        value: function toggle() {
+	            var tf = this.tf;
+	            var tbl = tf.gridLayout ? tf.feature('gridLayout').headTbl : tf.tbl;
+	            var fltRow = tbl.rows[this.filtersRowIndex];
+	            var fltRowDisplay = fltRow.style.display;
+	
+	            if (this.onBeforeShow && fltRowDisplay !== '') {
+	                this.onBeforeShow.call(this, this);
+	            }
+	            if (this.onBeforeHide && fltRowDisplay === '') {
+	                this.onBeforeHide.call(null, this);
+	            }
+	
+	            fltRow.style.display = fltRowDisplay === '' ? 'none' : '';
+	            if (this.enableIcon && !this.btnHtml) {
+	                this.btnEl.innerHTML = fltRowDisplay === '' ? this.expandBtnHtml : this.collapseBtnHtml;
+	            }
+	
+	            if (this.onAfterShow && fltRowDisplay !== '') {
+	                this.onAfterShow.call(null, this);
+	            }
+	            if (this.onAfterHide && fltRowDisplay === '') {
+	                this.onAfterHide.call(null, this);
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Destroy the UI
+	         */
+	        value: function destroy() {
+	            if (!this.btnEl && !this.contEl) {
+	                return;
+	            }
+	
+	            this.btnEl.innerHTML = '';
+	            this.btnEl.parentNode.removeChild(this.btnEl);
+	            this.btnEl = null;
+	
+	            this.contEl.innerHTML = '';
+	            this.contEl.parentNode.removeChild(this.contEl);
+	            this.contEl = null;
+	            this.initialized = false;
+	        }
+	    }]);
+	
+	    return FiltersVisibility;
+	})();
+	
+	exports['default'] = FiltersVisibility;
+	module.exports = exports['default'];
+
+/***/ },
+/* 29 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };
+	
+	var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	
+	var _Types = __webpack_require__(6);
+	
+	var _Types2 = _interopRequireDefault(_Types);
+	
+	var _Dom = __webpack_require__(3);
+	
+	var _Dom2 = _interopRequireDefault(_Dom);
+	
+	var _Arr = __webpack_require__(7);
+	
+	var _Arr2 = _interopRequireDefault(_Arr);
+	
+	var _Event = __webpack_require__(2);
+	
+	var _Event2 = _interopRequireDefault(_Event);
+	
+	var _DateHelper = __webpack_require__(8);
+	
+	var _DateHelper2 = _interopRequireDefault(_DateHelper);
+	
+	var _Helpers = __webpack_require__(9);
+	
+	var _Helpers2 = _interopRequireDefault(_Helpers);
+	
+	var AdapterSortableTable = (function () {
+	
+	    /**
+	     * SortableTable Adapter module
+	     * @param {Object} tf TableFilter instance
+	     */
+	
+	    function AdapterSortableTable(tf, opts) {
+	        _classCallCheck(this, AdapterSortableTable);
+	
+	        // Configuration object
+	        var f = tf.config();
+	
+	        this.initialized = false;
+	        this.name = opts.name;
+	        this.desc = opts.description || 'Sortable table';
+	
+	        //indicates if paging is enabled
+	        this.isPaged = false;
+	
+	        //indicates if tables was sorted
+	        this.sorted = false;
+	
+	        this.sortTypes = _Types2['default'].isArray(opts.types) ? opts.types : [];
+	        this.sortColAtStart = _Types2['default'].isArray(opts.sort_col_at_start) ? opts.sort_col_at_start : null;
+	        this.asyncSort = Boolean(opts.async_sort);
+	        this.triggerIds = _Types2['default'].isArray(opts.trigger_ids) ? opts.trigger_ids : [];
+	
+	        // edit .sort-arrow.descending / .sort-arrow.ascending in
+	        // tablefilter.css to reflect any path change
+	        this.imgPath = opts.images_path || tf.themesPath;
+	        this.imgBlank = opts.image_blank || 'blank.png';
+	        this.imgClassName = opts.image_class_name || 'sort-arrow';
+	        this.imgAscClassName = opts.image_asc_class_name || 'ascending';
+	        this.imgDescClassName = opts.image_desc_class_name || 'descending';
+	        //cell attribute storing custom key
+	        this.customKey = opts.custom_key || 'data-tf-sortKey';
+	
+	        /*** TF additional events ***/
+	        //additional paging events for alternating background
+	        // o.Evt._Paging.nextEvt = function(){
+	        // if(o.sorted && o.alternateBgs) o.Filter();
+	        // }
+	        // o.Evt._Paging.prevEvt = o.Evt._Paging.nextEvt;
+	        // o.Evt._Paging.firstEvt = o.Evt._Paging.nextEvt;
+	        // o.Evt._Paging.lastEvt = o.Evt._Paging.nextEvt;
+	        // o.Evt._OnSlcPagesChangeEvt = o.Evt._Paging.nextEvt;
+	
+	        // callback invoked after sort is loaded and instanciated
+	        this.onSortLoaded = _Types2['default'].isFn(opts.on_sort_loaded) ? opts.on_sort_loaded : null;
+	        // callback invoked before table is sorted
+	        this.onBeforeSort = _Types2['default'].isFn(opts.on_before_sort) ? opts.on_before_sort : null;
+	        // callback invoked after table is sorted
+	        this.onAfterSort = _Types2['default'].isFn(opts.on_after_sort) ? f.on_after_sort : null;
+	
+	        this.tf = tf;
+	    }
+	
+	    _createClass(AdapterSortableTable, [{
+	        key: 'init',
+	        value: function init() {
+	            var tf = this.tf;
+	            var adpt = this;
+	
+	            // SortableTable class sanity check (sortabletable.js)
+	            if (_Types2['default'].isUndef(SortableTable)) {
+	                throw new Error('SortableTable class not found.');
+	            }
+	
+	            this.overrideSortableTable();
+	            this.setSortTypes();
+	
+	            //Column sort at start
+	            var sortColAtStart = adpt.sortColAtStart;
+	            if (sortColAtStart) {
+	                this.stt.sort(sortColAtStart[0], sortColAtStart[1]);
+	            }
+	
+	            if (this.onSortLoaded) {
+	                this.onSortLoaded.call(null, tf, this);
+	            }
+	
+	            /*** SortableTable callbacks ***/
+	            this.stt.onbeforesort = function () {
+	                if (this.onBeforeSort) {
+	                    this.onBeforeSort.call(null, tf, this.stt.sortColumn);
+	                }
+	
+	                /*** sort behaviour for paging ***/
+	                if (tf.paging) {
+	                    adpt.isPaged = true;
+	                    tf.paging = false;
+	                    tf.feature('paging').destroy();
+	                }
+	            };
+	
+	            this.stt.onsort = function () {
+	                adpt.sorted = true;
+	
+	                //rows alternating bg issue
+	                // TODO: move into AlternateRows component
+	                if (tf.alternateBgs) {
+	                    var rows = tf.tbl.rows,
+	                        c = 0;
+	
+	                    var setClass = function setClass(row, i, removeOnly) {
+	                        if (_Types2['default'].isUndef(removeOnly)) {
+	                            removeOnly = false;
+	                        }
+	                        var altRows = tf.feature('alternateRows'),
+	                            oddCls = altRows.oddCss,
+	                            evenCls = altRows.evenCss;
+	                        _Dom2['default'].removeClass(row, oddCls);
+	                        _Dom2['default'].removeClass(row, evenCls);
+	
+	                        if (!removeOnly) {
+	                            _Dom2['default'].addClass(row, i % 2 ? oddCls : evenCls);
+	                        }
+	                    };
+	
+	                    for (var i = tf.refRow; i < tf.nbRows; i++) {
+	                        var isRowValid = rows[i].getAttribute('validRow');
+	                        if (tf.paging && rows[i].style.display === '') {
+	                            setClass(rows[i], c);
+	                            c++;
+	                        } else {
+	                            if ((isRowValid === 'true' || isRowValid === null) && rows[i].style.display === '') {
+	                                setClass(rows[i], c);
+	                                c++;
+	                            } else {
+	                                setClass(rows[i], c, true);
+	                            }
+	                        }
+	                    }
+	                }
+	                //sort behaviour for paging
+	                if (adpt.isPaged) {
+	                    var paginator = tf.feature('paging');
+	                    paginator.reset(false);
+	                    paginator.setPage(paginator.getPage());
+	                    adpt.isPaged = false;
+	                }
+	
+	                if (adpt.onAfterSort) {
+	                    adpt.onAfterSort.call(null, tf, tf.stt.sortColumn);
+	                }
+	            };
+	
+	            this.initialized = true;
+	        }
+	    }, {
+	        key: 'sortByColumnIndex',
+	
+	        /**
+	         * Sort specified column
+	         * @param  {Number} colIdx Column index
+	         */
+	        value: function sortByColumnIndex(colIdx) {
+	            this.stt.sort(colIdx);
+	        }
+	    }, {
+	        key: 'overrideSortableTable',
+	        value: function overrideSortableTable() {
+	            var adpt = this,
+	                tf = this.tf;
+	
+	            /**
+	             * Overrides headerOnclick method in order to handle th event
+	             * @param  {Object} e [description]
+	             */
+	            SortableTable.prototype.headerOnclick = function (evt) {
+	                if (!adpt.initialized) {
+	                    return;
+	                }
+	
+	                // find Header element
+	                var el = evt.target || evt.srcElement;
+	
+	                while (el.tagName !== 'TD' && el.tagName !== 'TH') {
+	                    el = el.parentNode;
+	                }
+	
+	                this.sort(SortableTable.msie ? SortableTable.getCellIndex(el) : el.cellIndex);
+	            };
+	
+	            /**
+	             * Overrides getCellIndex IE returns wrong cellIndex when columns are
+	             * hidden
+	             * @param  {Object} oTd TD element
+	             * @return {Number}     Cell index
+	             */
+	            SortableTable.getCellIndex = function (oTd) {
+	                var cells = oTd.parentNode.cells,
+	                    l = cells.length,
+	                    i = undefined;
+	                for (i = 0; cells[i] != oTd && i < l; i++) {}
+	                return i;
+	            };
+	
+	            /**
+	             * Overrides initHeader in order to handle filters row position
+	             * @param  {Array} oSortTypes
+	             */
+	            SortableTable.prototype.initHeader = function (oSortTypes) {
+	                var stt = this;
+	                if (!stt.tHead) {
+	                    if (tf.gridLayout) {
+	                        stt.tHead = tf.feature('gridLayout').headTbl.tHead;
+	                    } else {
+	                        return;
+	                    }
+	                }
+	
+	                stt.headersRow = tf.headersRow;
+	                var cells = stt.tHead.rows[stt.headersRow].cells;
+	                stt.sortTypes = oSortTypes || [];
+	                var l = cells.length;
+	                var img = undefined,
+	                    c = undefined;
+	
+	                for (var i = 0; i < l; i++) {
+	                    c = cells[i];
+	                    if (stt.sortTypes[i] !== null && stt.sortTypes[i] !== 'None') {
+	                        c.style.cursor = 'pointer';
+	                        img = _Dom2['default'].create('img', ['src', adpt.imgPath + adpt.imgBlank]);
+	                        c.appendChild(img);
+	                        if (stt.sortTypes[i] !== null) {
+	                            c.setAttribute('_sortType', stt.sortTypes[i]);
+	                        }
+	                        _Event2['default'].add(c, 'click', stt._headerOnclick);
+	                    } else {
+	                        c.setAttribute('_sortType', oSortTypes[i]);
+	                        c._sortType = 'None';
+	                    }
+	                }
+	                stt.updateHeaderArrows();
+	            };
+	
+	            /**
+	             * Overrides updateHeaderArrows in order to handle arrows indicators
+	             */
+	            SortableTable.prototype.updateHeaderArrows = function () {
+	                var stt = this;
+	                var cells = undefined,
+	                    l = undefined,
+	                    img = undefined;
+	
+	                // external headers
+	                if (adpt.asyncSort && adpt.triggerIds.length > 0) {
+	                    var triggers = adpt.triggerIds;
+	                    cells = [];
+	                    l = triggers.length;
+	                    for (var j = 0; j < triggers.length; j++) {
+	                        cells.push(_Dom2['default'].id(triggers[j]));
+	                    }
+	                } else {
+	                    if (!this.tHead) {
+	                        return;
+	                    }
+	                    cells = stt.tHead.rows[stt.headersRow].cells;
+	                    l = cells.length;
+	                }
+	                for (var i = 0; i < l; i++) {
+	                    var cellAttr = cells[i].getAttribute('_sortType');
+	                    if (cellAttr !== null && cellAttr !== 'None') {
+	                        img = cells[i].lastChild || cells[i];
+	                        if (img.nodeName.toLowerCase() !== 'img') {
+	                            img = _Dom2['default'].create('img', ['src', adpt.imgPath + adpt.imgBlank]);
+	                            cells[i].appendChild(img);
+	                        }
+	                        if (i === stt.sortColumn) {
+	                            img.className = adpt.imgClassName + ' ' + (this.descending ? adpt.imgDescClassName : adpt.imgAscClassName);
+	                        } else {
+	                            img.className = adpt.imgClassName;
+	                        }
+	                    }
+	                }
+	            };
+	
+	            /**
+	             * Overrides getRowValue for custom key value feature
+	             * @param  {Object} oRow    Row element
+	             * @param  {String} sType
+	             * @param  {Number} nColumn
+	             * @return {String}
+	             */
+	            SortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {
+	                var stt = this;
+	                // if we have defined a custom getRowValue use that
+	                var sortTypeInfo = stt._sortTypeInfo[sType];
+	                if (sortTypeInfo && sortTypeInfo.getRowValue) {
+	                    return sortTypeInfo.getRowValue(oRow, nColumn);
+	                }
+	                var c = oRow.cells[nColumn];
+	                var s = SortableTable.getInnerText(c);
+	                return stt.getValueFromString(s, sType);
+	            };
+	
+	            /**
+	             * Overrides getInnerText in order to avoid Firefox unexpected sorting
+	             * behaviour with untrimmed text elements
+	             * @param  {Object} oNode DOM element
+	             * @return {String}       DOM element inner text
+	             */
+	            SortableTable.getInnerText = function (oNode) {
+	                if (!oNode) {
+	                    return;
+	                }
+	                if (oNode.getAttribute(adpt.customKey)) {
+	                    return oNode.getAttribute(adpt.customKey);
+	                } else {
+	                    return _Dom2['default'].getText(oNode);
+	                }
+	            };
+	        }
+	    }, {
+	        key: 'addSortType',
+	        value: function addSortType() {
+	            var args = arguments;
+	            SortableTable.prototype.addSortType(args[0], args[1], args[2], args[3]);
+	        }
+	    }, {
+	        key: 'setSortTypes',
+	        value: function setSortTypes() {
+	            var _this = this;
+	
+	            var tf = this.tf,
+	                sortTypes = this.sortTypes,
+	                _sortTypes = [];
+	
+	            for (var i = 0; i < tf.nbCells; i++) {
+	                var colType = undefined;
+	
+	                if (sortTypes[i]) {
+	                    colType = sortTypes[i].toLowerCase();
+	                    if (colType === 'none') {
+	                        colType = 'None';
+	                    }
+	                } else {
+	                    // resolve column types
+	                    if (tf.hasColNbFormat && tf.colNbFormat[i] !== null) {
+	                        colType = tf.colNbFormat[i].toLowerCase();
+	                    } else if (tf.hasColDateType && tf.colDateType[i] !== null) {
+	                        colType = tf.colDateType[i].toLowerCase() + 'date';
+	                    } else {
+	                        colType = 'String';
+	                    }
+	                }
+	                _sortTypes.push(colType);
+	            }
+	
+	            //Public TF method to add sort type
+	
+	            //Custom sort types
+	            this.addSortType('number', Number);
+	            this.addSortType('caseinsensitivestring', SortableTable.toUpperCase);
+	            this.addSortType('date', SortableTable.toDate);
+	            this.addSortType('string');
+	            this.addSortType('us', usNumberConverter);
+	            this.addSortType('eu', euNumberConverter);
+	            this.addSortType('dmydate', dmyDateConverter);
+	            this.addSortType('ymddate', ymdDateConverter);
+	            this.addSortType('mdydate', mdyDateConverter);
+	            this.addSortType('ddmmmyyyydate', ddmmmyyyyDateConverter);
+	            this.addSortType('ipaddress', ipAddress, sortIP);
+	
+	            this.stt = new SortableTable(tf.tbl, _sortTypes);
+	
+	            /*** external table headers adapter ***/
+	            if (this.asyncSort && this.triggerIds.length > 0) {
+	                (function () {
+	                    var triggers = _this.triggerIds;
+	                    for (var j = 0; j < triggers.length; j++) {
+	                        if (triggers[j] === null) {
+	                            continue;
+	                        }
+	                        var trigger = _Dom2['default'].id(triggers[j]);
+	                        if (trigger) {
+	                            trigger.style.cursor = 'pointer';
+	
+	                            _Event2['default'].add(trigger, 'click', function (evt) {
+	                                var elm = evt.target;
+	                                if (!_this.tf.sort) {
+	                                    return;
+	                                }
+	                                _this.stt.asyncSort(_Arr2['default'].indexByValue(triggers, elm.id, true));
+	                            });
+	                            trigger.setAttribute('_sortType', _sortTypes[j]);
+	                        }
+	                    }
+	                })();
+	            }
+	        }
+	    }, {
+	        key: 'destroy',
+	
+	        /**
+	         * Destroy sort
+	         */
+	        value: function destroy() {
+	            var tf = this.tf;
+	            this.sorted = false;
+	            this.initialized = false;
+	            this.stt.destroy();
+	
+	            var ids = tf.getFiltersId();
+	            for (var idx = 0; idx < ids.length; idx++) {
+	                var header = tf.getHeaderElement(idx);
+	                var img = _Dom2['default'].tag(header, 'img');
+	
+	                if (img.length === 1) {
+	                    header.removeChild(img[0]);
+	                }
+	            }
+	        }
+	    }]);
+	
+	    return AdapterSortableTable;
+	})();
+	
+	exports['default'] = AdapterSortableTable;
+	
+	//Converters
+	function usNumberConverter(s) {
+	    return _Helpers2['default'].removeNbFormat(s, 'us');
+	}
+	function euNumberConverter(s) {
+	    return _Helpers2['default'].removeNbFormat(s, 'eu');
+	}
+	function dateConverter(s, format) {
+	    return _DateHelper2['default'].format(s, format);
+	}
+	function dmyDateConverter(s) {
+	    return dateConverter(s, 'DMY');
+	}
+	function mdyDateConverter(s) {
+	    return dateConverter(s, 'MDY');
+	}
+	function ymdDateConverter(s) {
+	    return dateConverter(s, 'YMD');
+	}
+	function ddmmmyyyyDateConverter(s) {
+	    return dateConverter(s, 'DDMMMYYYY');
+	}
+	
+	function ipAddress(value) {
+	    var vals = value.split('.');
+	    for (var x in vals) {
+	        var val = vals[x];
+	        while (3 > val.length) {
+	            val = '0' + val;
+	        }
+	        vals[x] = val;
+	    }
+	    return vals.join('.');
+	}
+	
+	function sortIP(a, b) {
+	    var aa = ipAddress(a.value.toLowerCase());
+	    var bb = ipAddress(b.value.toLowerCase());
+	    if (aa == bb) {
+	        return 0;
+	    } else if (aa < bb) {
+	        return -1;
+	    } else {
+	        return 1;
+	    }
+	}
+	module.exports = exports['default'];
+
+/***/ },
+/* 30 */
+/***/ function(module, exports, __webpack_require__) {
+
+	'use strict';
+	
+	var _interopRequireDefault = function (obj) { return obj && obj.__esModule ? obj : { 'default': obj }; };
+	
+	Object.defineProperty(exports, '__esModule', {
+	    value: true
+	});
+	// import 'script!sortabletable';
+	
+	var _AdapterSortableTable = __webpack_require__(29);
+	
+	var _AdapterSortableTable2 = _interopRequireDefault(_AdapterSortableTable);
+	
+	if (!window.SortableTable) {
+	    __webpack_require__(31);
+	}
+	
+	exports['default'] = _AdapterSortableTable2['default'];
+	module.exports = exports['default'];
+
+/***/ },
+/* 31 */
+/***/ function(module, exports, __webpack_require__) {
+
+	__webpack_require__(32)(__webpack_require__(33)+"\n\n// SCRIPT-LOADER FOOTER\n//# sourceURL=script:///C:/Users/max.guglielmi/Documents/dev/perso/javascript/GitHub/TableFilter/libs/sortabletable.js")
+
+/***/ },
+/* 32 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/*
+		MIT License http://www.opensource.org/licenses/mit-license.php
+		Author Tobias Koppers @sokra
+	*/
+	module.exports = function(src) {
+		if (typeof execScript === "function")
+			execScript(src);
+		else
+			eval.call(null, src);
+	}
+
+/***/ },
+/* 33 */
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = "/*----------------------------------------------------------------------------\\\r\n|                            Sortable Table 1.12                              |\r\n|-----------------------------------------------------------------------------|\r\n|                         Created by Erik Arvidsson                           |\r\n|                  (http://webfx.eae.net/contact.html#erik)                   |\r\n|                      For WebFX (http://webfx.eae.net/)                      |\r\n|-----------------------------------------------------------------------------|\r\n| A DOM 1 based script that allows an ordinary HTML table to be sortable.     |\r\n|-----------------------------------------------------------------------------|\r\n|                  Copyright (c) 1998 - 2006 Erik Arvidsson                   |\r\n|-----------------------------------------------------------------------------|\r\n| Licensed under the Apache License, Version 2.0 (the \"License\"); you may not |\r\n| use this file except in compliance with the License.  You may obtain a copy |\r\n| of the License at http://www.apache.org/licenses/LICENSE-2.0                |\r\n| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |\r\n| Unless  required  by  applicable law or  agreed  to  in  writing,  software |\r\n| distributed under the License is distributed on an  \"AS IS\" BASIS,  WITHOUT |\r\n| WARRANTIES OR  CONDITIONS OF ANY KIND,  either express or implied.  See the |\r\n| License  for the  specific language  governing permissions  and limitations |\r\n| under the License.                                                          |\r\n|-----------------------------------------------------------------------------|\r\n| 2003-01-10 | First version                                                  |\r\n| 2003-01-19 | Minor changes to the date parsing                              |\r\n| 2003-01-28 | JScript 5.0 fixes (no support for 'in' operator)               |\r\n| 2003-02-01 | Sloppy typo like error fixed in getInnerText                   |\r\n| 2003-07-04 | Added workaround for IE cellIndex bug.                         |\r\n| 2003-11-09 | The bDescending argument to sort was not correctly working     |\r\n|            | Using onclick DOM0 event if no support for addEventListener    |\r\n|            | or attachEvent                                                 |\r\n| 2004-01-13 | Adding addSortType and removeSortType which makes it a lot     |\r\n|            | easier to add new, custom sort types.                          |\r\n| 2004-01-27 | Switch to use descending = false as the default sort order.    |\r\n|            | Change defaultDescending to suit your needs.                   |\r\n| 2004-03-14 | Improved sort type None look and feel a bit                    |\r\n| 2004-08-26 | Made the handling of tBody and tHead more flexible. Now you    |\r\n|            | can use another tHead or no tHead, and you can chose some      |\r\n|            | other tBody.                                                   |\r\n| 2006-04-25 | Changed license to Apache Software License 2.0                 |\r\n|-----------------------------------------------------------------------------|\r\n| Created 2003-01-10 | All changes are in the log above. | Updated 2006-04-25 |\r\n\\----------------------------------------------------------------------------*/\r\n\r\n\r\nfunction SortableTable(oTable, oSortTypes) {\r\n\r\n\tthis.sortTypes = oSortTypes || [];\r\n\r\n\tthis.sortColumn = null;\r\n\tthis.descending = null;\r\n\r\n\tvar oThis = this;\r\n\tthis._headerOnclick = function (e) {\r\n\t\toThis.headerOnclick(e);\r\n\t};\r\n\r\n\tif (oTable) {\r\n\t\tthis.setTable( oTable );\r\n\t\tthis.document = oTable.ownerDocument || oTable.document;\r\n\t}\r\n\telse {\r\n\t\tthis.document = document;\r\n\t}\r\n\r\n\r\n\t// only IE needs this\r\n\tvar win = this.document.defaultView || this.document.parentWindow;\r\n\tthis._onunload = function () {\r\n\t\toThis.destroy();\r\n\t};\r\n\tif (win && typeof win.attachEvent != \"undefined\") {\r\n\t\twin.attachEvent(\"onunload\", this._onunload);\r\n\t}\r\n}\r\n\r\nSortableTable.gecko = navigator.product == \"Gecko\";\r\nSortableTable.msie = /msie/i.test(navigator.userAgent);\r\n// Mozilla is faster when doing the DOM manipulations on\r\n// an orphaned element. MSIE is not\r\nSortableTable.removeBeforeSort = SortableTable.gecko;\r\n\r\nSortableTable.prototype.onsort = function () {};\r\n\r\n// default sort order. true -> descending, false -> ascending\r\nSortableTable.prototype.defaultDescending = false;\r\n\r\n// shared between all instances. This is intentional to allow external files\r\n// to modify the prototype\r\nSortableTable.prototype._sortTypeInfo = {};\r\n\r\nSortableTable.prototype.setTable = function (oTable) {\r\n\tif ( this.tHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.element = oTable;\r\n\tthis.setTHead( oTable.tHead );\r\n\tthis.setTBody( oTable.tBodies[0] );\r\n};\r\n\r\nSortableTable.prototype.setTHead = function (oTHead) {\r\n\tif (this.tHead && this.tHead != oTHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.tHead = oTHead;\r\n\tthis.initHeader( this.sortTypes );\r\n};\r\n\r\nSortableTable.prototype.setTBody = function (oTBody) {\r\n\tthis.tBody = oTBody;\r\n};\r\n\r\nSortableTable.prototype.setSortTypes = function ( oSortTypes ) {\r\n\tif ( this.tHead )\r\n\t\tthis.uninitHeader();\r\n\tthis.sortTypes = oSortTypes || [];\r\n\tif ( this.tHead )\r\n\t\tthis.initHeader( this.sortTypes );\r\n};\r\n\r\n// adds arrow containers and events\r\n// also binds sort type to the header cells so that reordering columns does\r\n// not break the sort types\r\nSortableTable.prototype.initHeader = function (oSortTypes) {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar doc = this.tHead.ownerDocument || this.tHead.document;\r\n\tthis.sortTypes = oSortTypes || [];\r\n\tvar l = cells.length;\r\n\tvar img, c;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tc = cells[i];\r\n\t\tif (this.sortTypes[i] != null && this.sortTypes[i] != \"None\") {\r\n\t\t\timg = doc.createElement(\"IMG\");\r\n\t\t\timg.src = \"images/blank.png\";\r\n\t\t\tc.appendChild(img);\r\n\t\t\tif (this.sortTypes[i] != null)\r\n\t\t\t\tc._sortType = this.sortTypes[i];\r\n\t\t\tif (typeof c.addEventListener != \"undefined\")\r\n\t\t\t\tc.addEventListener(\"click\", this._headerOnclick, false);\r\n\t\t\telse if (typeof c.attachEvent != \"undefined\")\r\n\t\t\t\tc.attachEvent(\"onclick\", this._headerOnclick);\r\n\t\t\telse\r\n\t\t\t\tc.onclick = this._headerOnclick;\r\n\t\t}\r\n\t\telse\r\n\t\t{\r\n\t\t\tc.setAttribute( \"_sortType\", oSortTypes[i] );\r\n\t\t\tc._sortType = \"None\";\r\n\t\t}\r\n\t}\r\n\tthis.updateHeaderArrows();\r\n};\r\n\r\n// remove arrows and events\r\nSortableTable.prototype.uninitHeader = function () {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar l = cells.length;\r\n\tvar c;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tc = cells[i];\r\n\t\tif (c._sortType != null && c._sortType != \"None\") {\r\n\t\t\tc.removeChild(c.lastChild);\r\n\t\t\tif (typeof c.removeEventListener != \"undefined\")\r\n\t\t\t\tc.removeEventListener(\"click\", this._headerOnclick, false);\r\n\t\t\telse if (typeof c.detachEvent != \"undefined\")\r\n\t\t\t\tc.detachEvent(\"onclick\", this._headerOnclick);\r\n\t\t\tc._sortType = null;\r\n\t\t\tc.removeAttribute( \"_sortType\" );\r\n\t\t}\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.updateHeaderArrows = function () {\r\n\tif (!this.tHead) return;\r\n\tvar cells = this.tHead.rows[0].cells;\r\n\tvar l = cells.length;\r\n\tvar img;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tif (cells[i]._sortType != null && cells[i]._sortType != \"None\") {\r\n\t\t\timg = cells[i].lastChild;\r\n\t\t\tif (i == this.sortColumn)\r\n\t\t\t\timg.className = \"sort-arrow \" + (this.descending ? \"descending\" : \"ascending\");\r\n\t\t\telse\r\n\t\t\t\timg.className = \"sort-arrow\";\r\n\t\t}\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.headerOnclick = function (e) {\r\n\t// find TD element\r\n\tvar el = e.target || e.srcElement;\r\n\twhile (el.tagName != \"TD\")\r\n\t\tel = el.parentNode;\r\n\r\n\tthis.sort(SortableTable.msie ? SortableTable.getCellIndex(el) : el.cellIndex);\r\n};\r\n\r\n// IE returns wrong cellIndex when columns are hidden\r\nSortableTable.getCellIndex = function (oTd) {\r\n\tvar cells = oTd.parentNode.childNodes\r\n\tvar l = cells.length;\r\n\tvar i;\r\n\tfor (i = 0; cells[i] != oTd && i < l; i++)\r\n\t\t;\r\n\treturn i;\r\n};\r\n\r\nSortableTable.prototype.getSortType = function (nColumn) {\r\n\treturn this.sortTypes[nColumn] || \"String\";\r\n};\r\n\r\n// only nColumn is required\r\n// if bDescending is left out the old value is taken into account\r\n// if sSortType is left out the sort type is found from the sortTypes array\r\n\r\nSortableTable.prototype.sort = function (nColumn, bDescending, sSortType) {\r\n\tif (!this.tBody) return;\r\n\tif (sSortType == null)\r\n\t\tsSortType = this.getSortType(nColumn);\r\n\r\n\t// exit if None\r\n\tif (sSortType == \"None\")\r\n\t\treturn;\r\n\r\n\tif (bDescending == null) {\r\n\t\tif (this.sortColumn != nColumn)\r\n\t\t\tthis.descending = this.defaultDescending;\r\n\t\telse\r\n\t\t\tthis.descending = !this.descending;\r\n\t}\r\n\telse\r\n\t\tthis.descending = bDescending;\r\n\r\n\tthis.sortColumn = nColumn;\r\n\r\n\tif (typeof this.onbeforesort == \"function\")\r\n\t\tthis.onbeforesort();\r\n\r\n\tvar f = this.getSortFunction(sSortType, nColumn);\r\n\tvar a = this.getCache(sSortType, nColumn);\r\n\tvar tBody = this.tBody;\r\n\r\n\ta.sort(f);\r\n\r\n\tif (this.descending)\r\n\t\ta.reverse();\r\n\r\n\tif (SortableTable.removeBeforeSort) {\r\n\t\t// remove from doc\r\n\t\tvar nextSibling = tBody.nextSibling;\r\n\t\tvar p = tBody.parentNode;\r\n\t\tp.removeChild(tBody);\r\n\t}\r\n\r\n\t// insert in the new order\r\n\tvar l = a.length;\r\n\tfor (var i = 0; i < l; i++)\r\n\t\ttBody.appendChild(a[i].element);\r\n\r\n\tif (SortableTable.removeBeforeSort) {\r\n\t\t// insert into doc\r\n\t\tp.insertBefore(tBody, nextSibling);\r\n\t}\r\n\r\n\tthis.updateHeaderArrows();\r\n\r\n\tthis.destroyCache(a);\r\n\r\n\tif (typeof this.onsort == \"function\")\r\n\t\tthis.onsort();\r\n};\r\n\r\nSortableTable.prototype.asyncSort = function (nColumn, bDescending, sSortType) {\r\n\tvar oThis = this;\r\n\tthis._asyncsort = function () {\r\n\t\toThis.sort(nColumn, bDescending, sSortType);\r\n\t};\r\n\twindow.setTimeout(this._asyncsort, 1);\r\n};\r\n\r\nSortableTable.prototype.getCache = function (sType, nColumn) {\r\n\tif (!this.tBody) return [];\r\n\tvar rows = this.tBody.rows;\r\n\tvar l = rows.length;\r\n\tvar a = new Array(l);\r\n\tvar r;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tr = rows[i];\r\n\t\ta[i] = {\r\n\t\t\tvalue:\t\tthis.getRowValue(r, sType, nColumn),\r\n\t\t\telement:\tr\r\n\t\t};\r\n\t};\r\n\treturn a;\r\n};\r\n\r\nSortableTable.prototype.destroyCache = function (oArray) {\r\n\tvar l = oArray.length;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\toArray[i].value = null;\r\n\t\toArray[i].element = null;\r\n\t\toArray[i] = null;\r\n\t}\r\n};\r\n\r\nSortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {\r\n\t// if we have defined a custom getRowValue use that\r\n\tif (this._sortTypeInfo[sType] && this._sortTypeInfo[sType].getRowValue)\r\n\t\treturn this._sortTypeInfo[sType].getRowValue(oRow, nColumn);\r\n\r\n\tvar s;\r\n\tvar c = oRow.cells[nColumn];\r\n\tif (typeof c.innerText != \"undefined\")\r\n\t\ts = c.innerText;\r\n\telse\r\n\t\ts = SortableTable.getInnerText(c);\r\n\treturn this.getValueFromString(s, sType);\r\n};\r\n\r\nSortableTable.getInnerText = function (oNode) {\r\n\tvar s = \"\";\r\n\tvar cs = oNode.childNodes;\r\n\tvar l = cs.length;\r\n\tfor (var i = 0; i < l; i++) {\r\n\t\tswitch (cs[i].nodeType) {\r\n\t\t\tcase 1: //ELEMENT_NODE\r\n\t\t\t\ts += SortableTable.getInnerText(cs[i]);\r\n\t\t\t\tbreak;\r\n\t\t\tcase 3:\t//TEXT_NODE\r\n\t\t\t\ts += cs[i].nodeValue;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\treturn s;\r\n};\r\n\r\nSortableTable.prototype.getValueFromString = function (sText, sType) {\r\n\tif (this._sortTypeInfo[sType])\r\n\t\treturn this._sortTypeInfo[sType].getValueFromString( sText );\r\n\treturn sText;\r\n\t/*\r\n\tswitch (sType) {\r\n\t\tcase \"Number\":\r\n\t\t\treturn Number(sText);\r\n\t\tcase \"CaseInsensitiveString\":\r\n\t\t\treturn sText.toUpperCase();\r\n\t\tcase \"Date\":\r\n\t\t\tvar parts = sText.split(\"-\");\r\n\t\t\tvar d = new Date(0);\r\n\t\t\td.setFullYear(parts[0]);\r\n\t\t\td.setDate(parts[2]);\r\n\t\t\td.setMonth(parts[1] - 1);\r\n\t\t\treturn d.valueOf();\r\n\t}\r\n\treturn sText;\r\n\t*/\r\n\t};\r\n\r\nSortableTable.prototype.getSortFunction = function (sType, nColumn) {\r\n\tif (this._sortTypeInfo[sType])\r\n\t\treturn this._sortTypeInfo[sType].compare;\r\n\treturn SortableTable.basicCompare;\r\n};\r\n\r\nSortableTable.prototype.destroy = function () {\r\n\tthis.uninitHeader();\r\n\tvar win = this.document.parentWindow;\r\n\tif (win && typeof win.detachEvent != \"undefined\") {\t// only IE needs this\r\n\t\twin.detachEvent(\"onunload\", this._onunload);\r\n\t}\r\n\tthis._onunload = null;\r\n\tthis.element = null;\r\n\tthis.tHead = null;\r\n\tthis.tBody = null;\r\n\tthis.document = null;\r\n\tthis._headerOnclick = null;\r\n\tthis.sortTypes = null;\r\n\tthis._asyncsort = null;\r\n\tthis.onsort = null;\r\n};\r\n\r\n// Adds a sort type to all instance of SortableTable\r\n// sType : String - the identifier of the sort type\r\n// fGetValueFromString : function ( s : string ) : T - A function that takes a\r\n//    string and casts it to a desired format. If left out the string is just\r\n//    returned\r\n// fCompareFunction : function ( n1 : T, n2 : T ) : Number - A normal JS sort\r\n//    compare function. Takes two values and compares them. If left out less than,\r\n//    <, compare is used\r\n// fGetRowValue : function( oRow : HTMLTRElement, nColumn : int ) : T - A function\r\n//    that takes the row and the column index and returns the value used to compare.\r\n//    If left out then the innerText is first taken for the cell and then the\r\n//    fGetValueFromString is used to convert that string the desired value and type\r\n\r\nSortableTable.prototype.addSortType = function (sType, fGetValueFromString, fCompareFunction, fGetRowValue) {\r\n\tthis._sortTypeInfo[sType] = {\r\n\t\ttype:\t\t\t\tsType,\r\n\t\tgetValueFromString:\tfGetValueFromString || SortableTable.idFunction,\r\n\t\tcompare:\t\t\tfCompareFunction || SortableTable.basicCompare,\r\n\t\tgetRowValue:\t\tfGetRowValue\r\n\t};\r\n};\r\n\r\n// this removes the sort type from all instances of SortableTable\r\nSortableTable.prototype.removeSortType = function (sType) {\r\n\tdelete this._sortTypeInfo[sType];\r\n};\r\n\r\nSortableTable.basicCompare = function compare(n1, n2) {\r\n\tif (n1.value < n2.value)\r\n\t\treturn -1;\r\n\tif (n2.value < n1.value)\r\n\t\treturn 1;\r\n\treturn 0;\r\n};\r\n\r\nSortableTable.idFunction = function (x) {\r\n\treturn x;\r\n};\r\n\r\nSortableTable.toUpperCase = function (s) {\r\n\treturn s.toUpperCase();\r\n};\r\n\r\nSortableTable.toDate = function (s) {\r\n\tvar parts = s.split(\"-\");\r\n\tvar d = new Date(0);\r\n\td.setFullYear(parts[0]);\r\n\td.setDate(parts[2]);\r\n\td.setMonth(parts[1] - 1);\r\n\treturn d.valueOf();\r\n};\r\n\r\n\r\n// add sort types\r\nSortableTable.prototype.addSortType(\"Number\", Number);\r\nSortableTable.prototype.addSortType(\"CaseInsensitiveString\", SortableTable.toUpperCase);\r\nSortableTable.prototype.addSortType(\"Date\", SortableTable.toDate);\r\nSortableTable.prototype.addSortType(\"String\");\r\n// None is a special case\r\n"
+
+/***/ }
+]);
+//# sourceMappingURL=tf-1.js.map
\ No newline at end of file
diff --git a/static/style/alternating-rows.styl b/static/style/alternating-rows.styl
index 61da9a4b..c185df7e 100644
--- a/static/style/alternating-rows.styl
+++ b/static/style/alternating-rows.styl
@@ -3,6 +3,6 @@
  */
 
 .even
-    background-color    #fff
+    background-color    #FFF
 .odd
-    background-color    #E5E5E5
+    background-color    #F9F9F9
diff --git a/static/style/config.styl b/static/style/config.styl
index 5cc93606..07bd59db 100644
--- a/static/style/config.styl
+++ b/static/style/config.styl
@@ -3,24 +3,34 @@
  */
 
 // table
-$border-color-0 =                       #FFF
-$border-color-1 =                       #CCC
-$border-color-2 =                       #D0D0D0
-$padding =                              5px
+$font-family =                          inherit
+$padding =                              0.5em 0.7em
 
 // header cell
-$th-bg-color =                          #EBECEE
+// $th-bg-color =                          #EBECEE
+$th-height =                            35px
+$th-bg-color =                          #EAEAEA
 $th-padding =                           5px
 $th-font-color =                        #333
+$th-bottom-border-color =               #DDD
+$th-top-border-color =                  #F4F4F4
+$th-left-border-color =                 #CCC
+$th-right-border-color =                #F4F4F4
 
-// filter
-$filter-bg-color =                      #fff
-$filter-border-color =                  #ccc
+// cell
+$td-border-color =                      #C6C6C6
+
+// filters
+$filter-font-color =                    #444
+$filter-row-bg-color =                  #EAEAEA
+$filter-bg-color =                      #FFF
+$filter-border-color =                  #F4F4F4
+$filter-height =                        35px
 
 // toolbar container (.inf)
-$toolbar-bg-color =                     #f4f4f4
+$toolbar-bg-color =                     transparent
 $toolbar-font-size =                    12px
-$toolbar-border-color =                 #ccc
+$toolbar-border-color =                 #CCC
 
 // paging
 $paging-nav-button-bg-color-hover =     #CAD1D6
@@ -28,3 +38,7 @@ $paging-nav-button-bg-color-hover =     #CAD1D6
 // grid layout
 $grid-layout-bg-color =                 #C8E0FB
 $grid-layout-border-color =             #99BBE8
+
+// elements
+$min-width =                            35px
+$min-height =                           35px
diff --git a/static/style/extensions/colsVisibility.styl b/static/style/extensions/colsVisibility.styl
index 0465469a..96c815a4 100644
--- a/static/style/extensions/colsVisibility.styl
+++ b/static/style/extensions/colsVisibility.styl
@@ -2,6 +2,9 @@
  * ColsVisibility extension default style
  */
 
+@import '../mixins/arrow'
+@import '../mixins/box-shadow'
+
 $item-bg-color = #335EA8
 $item-font-color = #fff
 
@@ -14,18 +17,19 @@ span.colVisSpan
 
 // container element
 div.colVisCont
+    arrow(top, 10px white, 2px #ccc)
+    box-shadow(3px 3px 2px #888)
     position                absolute
     display                 none
     border                  1px solid #ccc
     height                  auto
     width                   250px
     background-color        #fff
-    margin                  18px 0 0 0
+    margin                  28px 0 0 -100px
     z-index                 10000
     padding                 10px 10px 10px 10px
     text-align              left
     font-size               12px
-    box-shadow              3px 3px 2px #888
 
     p
         margin              6px auto 6px auto
diff --git a/static/style/filter-checklist.styl b/static/style/filter-checklist.styl
index 3abc6ef6..2e79a203 100644
--- a/static/style/filter-checklist.styl
+++ b/static/style/filter-checklist.styl
@@ -2,7 +2,7 @@
  * Checklist filters default style
  */
 
- @import 'config'
+@import 'config'
 
 $item-bg-color = #335EA8
 $item-font-color = #fff
@@ -10,12 +10,12 @@ $item-font-color = #fff
 // div containing checklist
 .div_checklist
     width               100%
-    height              100px
+    height              90px
     border              1px solid $filter-border-color
     overflow            auto
     text-align          left
     background-color    $filter-bg-color
-    color:              #333 !important
+    color:              $filter-font-color
 
     ul.flt_checklist
         padding     0 !important
diff --git a/static/style/filters.styl b/static/style/filters.styl
index 6120d2b5..9d8ed521 100644
--- a/static/style/filters.styl
+++ b/static/style/filters.styl
@@ -2,83 +2,97 @@
  * Filters' default style
  */
 
- @import 'config'
+@import 'config'
+@import 'mixins/arrow'
+@import 'mixins/box-shadow'
 
 // Filters row style
 .fltrow
-    height              20px
-    background-color    #f4f4f4
+    height                      1em
+    background-color            $filter-row-bg-color
 
     td
-    th
-        padding 2px !important
+        border-bottom:          1px solid #CCC !important
+        border-top:             1px solid #CCC
+        border-left             1px solid #CCC
+        border-right            1px solid #f4f4f4
 
 // button appearance
 .btnflt
-    font-size       11px
-    vertical-align  middle
-    margin          0 2px 0 2px
-    padding         0 1px 0 1px
+    height                      $filter-height
+    font-family                 inherit
+    font-size                   inherit
+    vertical-align              middle
+    margin                      0 2px 0 2px
+    padding                     0 1px 0 1px
 
 // button appearance when displayIcons is true
 .btnflt_icon
-    width           19px
-    height          19px
-    cursor          pointer !important
-    border          0 !important
-    vertical-align  middle
-    background      transparent url(themes/btn_filter.png) center center no-repeat !important
+    font-family                 inherit
+    font-size                   inherit
+    width                       $min-width
+    height                      $filter-height
+    cursor                      pointer !important
+    border                      0 !important
+    vertical-align              middle
+    background                  transparent url(themes/btn_filter.png) center center no-repeat !important
 
-// input type filter
+// input and select filter type
 .flt
-    background-color    $filter-bg-color
-    border              1px solid $filter-border-color
-    margin              0
-    width               97%
-    vertical-align      middle
+    font-family                 inherit
+    display                     block
+    color                       $filter-font-color
+    background-color            $filter-bg-color
+    border                      1px solid $filter-border-color
+    margin                      0
+    padding                     0 0 0 0.2em
+    width                       100%
+    height                      $filter-height
+    vertical-align              middle
+    border-radius               2px
+    box-sizing                  border-box
 
-// select type filter
-select.flt
-    background-color    $filter-bg-color
-    border              1px solid $filter-border-color
-    margin              0 1px 1px 0
-    width               99%
-    vertical-align      middle
+    &:focus
+        border-color            #66AFE9
+        outline                 0 none
+        box-shadow              0px 1px 1px rgba(0, 0, 0, 0.075) inset,
+                                0px 0px 8px rgba(102, 175, 233, 0.6)
 
 // multiple select type filter
 select.flt_multi
-    background-color    $filter-bg-color
-    border              1px solid $filter-border-color
-    margin              0 1px 1px 0
-    width               99%
-    height              100px
-    vertical-align      middle
+    font-family                 inherit
+    color                       $filter-font-color
+    background-color            $filter-bg-color
+    border                      1px solid $filter-border-color
+    margin                      0
+    padding                     0.2em
+    width                       100%
+    height                      90px
+    vertical-align              middle
+    box-sizing                  border-box
 
 // tiny input type filter
 .flt_s
-    background-color    $filter-bg-color
-    border              1px solid $filter-border-color
-    margin              0
-    width               80%
-    vertical-align      middle
+    @extend                     .flt
+    width                       60%
+    box-sizing                  initial
+    display                     initial
 
 // single filter type
 .single_flt
-    background-color    $filter-bg-color
-    border-left         1px solid #999
-    border-right        1px solid $filter-border-color
-    border-top          1px solid $filter-border-color
-    border-bottom       1px solid #999
-    margin              0
-    width               120px
-    vertical-align      middle
+    @extend                     .flt
+    width                       70%
+    box-sizing                  initial
+    display                     initial
 
 // Pop-up filters elements
 div.popUpFilter
-    position            absolute
-    display             none
-    width               100px
-    background-color    #C8E0FB
-    border              1px solid #e4e4e4
-    padding             1px 3px 1px 1px
-    margin              20px auto 0 0px
+    arrow(top, 10px white, 2px $th-bg-color)
+    box-shadow(3px 3px 2px #888)
+    margin                      30px auto 0 0
+    position                    absolute
+    display                     none
+    width                       100px
+    background-color            $th-bg-color
+    border                      1px solid $filter-row-bg-color
+    padding                     0
diff --git a/static/style/help.styl b/static/style/help.styl
index 7b225e4b..69038658 100644
--- a/static/style/help.styl
+++ b/static/style/help.styl
@@ -2,28 +2,39 @@
  * Help box default style
  */
 
+@import 'config'
+@import 'mixins/arrow'
+@import 'mixins/box-shadow'
+
 // help button
 .helpBtn
-    margin              0 5px 0 5px
-    padding             2px 4px 2px 4px
-    border-left         1px solid #ccc
-    border-right        1px solid #ccc
+    display                 inline-block
+    margin                  0
+    padding                 10px 15px 10px 15px
+    border-left             1px solid #ccc
+    border-right            1px solid #ccc
+
+    &:hover
+        background-color    #F4F4F4
+        border-radius       3px
 
 // help container
 div.helpCont
+    arrow(top, 10px white, 2px #ccc)
+    box-shadow(3px 3px 2px #888)
     position            absolute
     display             none
+    width               250px
     max-width           300px
     overflow            auto
     padding             10px
-    margin              15px 0
+    margin              35px 0 0 -100px
     border              1px solid #CCC
     line-height         20px
     font-size           12px
     color               #333
     background          #fff
     text-align          left
-    box-shadow          3px 3px 2px #888
 
     a
         color           #cc0000
diff --git a/static/style/mixins/arrow.styl b/static/style/mixins/arrow.styl
new file mode 100644
index 00000000..8ee49166
--- /dev/null
+++ b/static/style/mixins/arrow.styl
@@ -0,0 +1,63 @@
+/**
+ * An arrow mixin for Stylus, based on @shojberg's "cssarrowplease.com"
+ * @param {Position} position
+ * @param {size, color} arrow
+ * @param {size, color} border (optional)
+ */
+arrow(position, arrow, border = 0 white)
+    // Resolve arguments
+    $arrowSize = arrow[0]
+    $arrowColor = arrow[1]
+    $borderWidth = border[0]
+    $borderColor = border[1]
+
+    $oppositePosition = opposite-position(position)
+
+    // Base CSS
+    position: relative
+    background: $arrowColor
+
+    // Selector generation
+    $selectors = "&:after"
+    if $borderWidth > 0
+        $selectors = $selectors + ", &:before"
+
+    // Arrow position
+    {$selectors}
+        {$oppositePosition}: 100%
+
+        // Offset
+        if position in (top bottom)
+            left: 50%
+        else
+            top: 50%
+
+        border: solid transparent
+        content: " "
+        height: 0
+        width: 0
+        position: absolute
+        pointer-events: none
+
+    // The arrow itself
+    &:after
+        border-color: rgba(white, 0) // transparent
+        border-{$oppositePosition}-color: $arrowColor
+        border-width: $arrowSize
+
+        if position in (top bottom)
+            margin-left: (- @border-width)
+        else
+            margin-top: (- @border-width)
+
+    // The border
+    if $borderWidth > 0
+        &:before
+            border-color: rgba(white, 0) // transparent
+            border-{$oppositePosition}-color: $borderColor
+            border-width: $arrowSize + $borderWidth
+
+            if position in (top bottom)
+                margin-left: (- @border-width)
+            else
+                margin-top: (- @border-width)
diff --git a/static/style/mixins/box-shadow.styl b/static/style/mixins/box-shadow.styl
new file mode 100644
index 00000000..8f711397
--- /dev/null
+++ b/static/style/mixins/box-shadow.styl
@@ -0,0 +1,8 @@
+/**
+ * Box shadow mixin
+ */
+
+box-shadow()
+    -webkit-box-shadow arguments
+    -moz-box-shadow arguments
+    box-shadow arguments
diff --git a/static/style/reset-button.styl b/static/style/reset-button.styl
index 6b790fa8..7d29e0f7 100644
--- a/static/style/reset-button.styl
+++ b/static/style/reset-button.styl
@@ -2,13 +2,16 @@
  * Reset button default style
  */
 
+@import 'config'
+
 input.reset
-    width           19px
-    height          19px
-    cursor          pointer !important
-    border          0 !important
-    vertical-align: middle
-    background:     transparent url(themes/btn_clear_filters.png) center center no-repeat !important
+    width                   $min-width
+    height                  100%
+    cursor                  pointer !important
+    border                  0
+    vertical-align          middle
+    background:             transparent url(themes/btn_clear_filters.png) center center no-repeat !important
 
     &:hover
-        background  #CAD1D6 url(themes/btn_clear_filters.png) center center no-repeat !important
+        background          #F4F4F4 url(themes/btn_clear_filters.png) center center no-repeat !important
+        border-radius       3px
diff --git a/static/style/table.styl b/static/style/table.styl
index d4210644..7c5b49b3 100644
--- a/static/style/table.styl
+++ b/static/style/table.styl
@@ -2,27 +2,25 @@
  * Table's default style
  */
 
- @import 'config'
+@import 'config'
 
 table.TF
-    border-spacing  0
-    border-top      1px solid $border-color-2
-    border-left     1px solid $border-color-2
-    border-bottom   1px solid $border-color-1
-    border-right    1px solid $border-color-1
+    font-family             $font-family
+    border-spacing          0
+    border                  0
 
     th
+        height              $th-height
         margin              0
         background-color    $th-bg-color
-        border-bottom       1px solid $border-color-2
-        border-right        1px solid $border-color-2
-        border-left         1px solid $border-color-0
-        border-top          1px solid $border-color-0
-        padding             $padding
+        border-bottom       1px solid $th-bottom-border-color
+        border-top          1px solid $th-top-border-color
+        border-left         1px solid $th-left-border-color
+        border-right        1px solid $th-right-border-color
+        padding             0.1em 0.7em
         color               $th-font-color
 
     td
-        margin          0
-        padding         $padding
-        border-bottom   1px solid $border-color-2
-        border-right    1px solid $border-color-2
+        margin              0
+        padding             $padding
+        border-bottom       1px solid $td-border-color
diff --git a/static/style/toolbar.styl b/static/style/toolbar.styl
index a03f6621..0d0c6c26 100644
--- a/static/style/toolbar.styl
+++ b/static/style/toolbar.styl
@@ -6,15 +6,19 @@
 
 // left, middle and right divs container (toolbar)
 .inf
-    clear                   both
-    width                   auto
-    height                  25px
-    background-color        $toolbar-bg-color
-    font-size               $toolbar-font-size
-    margin                  0
-    padding                 1px 3px 1px 3px
-    border                  1px solid #ccc
-    overflow                hidden
+    clear                       both
+    width                       auto
+    height                      35px
+    background-color            $toolbar-bg-color
+    font-size                   $toolbar-font-size
+    margin                      0
+    padding                     0
+    border-top                  1px solid $toolbar-border-color
+    border-left                 1px solid $toolbar-border-color
+    border-right                1px solid $toolbar-border-color
+    overflow                    hidden
+    border-top-left-radius      3px
+    border-top-right-radius     3px
 
     // link appearence
     a
@@ -24,24 +28,31 @@
         &:hover
             text-decoration     underline
 
+    span
+        width                   $min-width
+        height                  $min-height
+
 // left div
 .ldiv
-    float           left
-    width           30%
-    position        inherit
-    text-align      left
+    float                       left
+    width                       30%
+    height                      100%
+    position                    inherit
+    text-align                  left
 
 // middle div
 .mdiv
-    float           left
-    width:          38%
-    position        inherit
-    text-align      center
-    padding         1px 0
+    float                       left
+    width                       38%
+    height                      100%
+    position                    inherit
+    text-align                  center
+    padding                     1px 0
 
 // right div
 .rdiv
-    float           right
-    width           30%
-    position        inherit
-    text-align      right
+    float                       right
+    width                       30%
+    height                      100%
+    position                    inherit
+    text-align                  right
diff --git a/static/templates/starter.html b/static/templates/starter.html
index 45d28bb2..bd49c1e6 100644
--- a/static/templates/starter.html
+++ b/static/templates/starter.html
@@ -14,14 +14,21 @@
 <script data-config>
     var filtersConfig = {
         base_path: 'tablefilter/',
+        // col_0: 'checklist',
         col_1: 'select',
         col_2: 'select',
-        col_3: 'select',
+        // col_3: 'multiple',
         alternate_rows: true,
-        rows_counter: true,
         btn_reset: true,
         loader: true,
-        status_bar: true,
+        status_bar: true/*,
+        popup_filters: true,
+        single_search_filter: true,
+        enable_icons: false,
+        btn: true,
+        btn_text: 'Go',
+
+
         mark_active_columns: true,
         col_number_format: [
             null, null, 'US',
@@ -45,7 +52,7 @@
             '70px', '70px', '70px',
             '70px', '60px', '60px'
         ],
-        extensions:[{ name: 'sort' }]
+        extensions:[{ name: 'sort' }]*/
     };
 
     var tf = new TableFilter('demo', filtersConfig);