diff --git a/dist/starter.html b/dist/starter.html
deleted file mode 100644
index 97e4096f..00000000
--- a/dist/starter.html
+++ /dev/null
@@ -1,514 +0,0 @@
-
-
-
- tablefilter v0.1.18 - Starter
-
-
-tablefilter v0.1.18
-
-
-
-
-
-
- country |
- iso |
- year |
- POP |
- XRAT |
- PPP |
- cgdp |
- cc |
- ci |
-
-
-
-
- Benin |
- BEN |
- 1998 |
- 5950.33 |
- 589.9517822 |
- 190.95 |
- 1178.46 |
- 90.98 |
- 7.55 |
-
-
- Benin |
- BEN |
- 1999 |
- 6109.53 |
- 615.6990967 |
- 200.19 |
- 1174.90 |
- 92.61 |
- 7.86 |
-
-
- Benin |
- BEN |
- 2000 |
- 6272.00 |
- 711.9763184 |
- 200.61 |
- 1224.74 |
- 92.27 |
- 8.25 |
-
-
- Burkina Faso |
- BFA |
- 1994 |
- 9755.03 |
- 555.2047119 |
- 125.76 |
- 838.76 |
- 79.81 |
- 6.57 |
-
-
- Burkina Faso |
- BFA |
- 1995 |
- 9988.00 |
- 499.148407 |
- 136.65 |
- 860.89 |
- 80.41 |
- 9.29 |
-
-
- Burkina Faso |
- BFA |
- 1996 |
- 10225.00 |
- 511.5523987 |
- 144.18 |
- 881.11 |
- 80.40 |
- 12.12 |
-
-
- Burkina Faso |
- BFA |
- 1997 |
- 10473.53 |
- 583.6693726 |
- 141.78 |
- 899.01 |
- 76.94 |
- 14.94 |
-
-
- Russia |
- RUS |
- 1998 |
- 146899.01 |
- 9.705082893 |
- 2.64 |
- 7086.39 |
- 67.73 |
- 9.20 |
-
-
- Russia |
- RUS |
- 1999 |
- 146308.99 |
- 24.6199398 |
- 4.03 |
- 8074.70 |
- 57.35 |
- 8.81 |
-
-
- Russia |
- RUS |
- 2000 |
- 145555.01 |
- 28.12916946 |
- 4.85 |
- 9995.91 |
- 54.74 |
- 8.79 |
-
-
- Rwanda |
- RWA |
- 1994 |
- 6230.00 |
- 194.517 |
- 50.39 |
- 529.48 |
- 132.16 |
- 4.48 |
-
-
- Rwanda |
- RWA |
- 1995 |
- 6400.00 |
- 262.1975098 |
- 70.67 |
- 746.34 |
- 92.77 |
- 3.08 |
-
-
- Rwanda |
- RWA |
- 1996 |
- 6727.00 |
- 306.8200073 |
- 77.90 |
- 823.25 |
- 89.71 |
- 3.21 |
-
-
- Rwanda |
- RWA |
- 1997 |
- 7895.18 |
- 301.5297852 |
- 84.13 |
- 847.79 |
- 91.44 |
- 3.72 |
-
-
- Rwanda |
- RWA |
- 1998 |
- 8105.00 |
- 312.3140869 |
- 85.32 |
- 914.22 |
- 89.34 |
- 4.22 |
-
-
- El Salvador |
- SLV |
- 1995 |
- 5669.00 |
- 8.754583359 |
- 3.54 |
- 4143.59 |
- 89.31 |
- 10.35 |
-
-
- El Salvador |
- SLV |
- 1996 |
- 5798.00 |
- 8.755000114 |
- 3.69 |
- 4235.79 |
- 88.77 |
- 7.79 |
-
-
- El Salvador |
- SLV |
- 1997 |
- 5911.00 |
- 8.756250381 |
- 3.74 |
- 4408.41 |
- 87.05 |
- 7.90 |
-
-
- Slovak Republic |
- SVK |
- 2000 |
- 5401.00 |
- 46.0352 |
- 13.02 |
- 12618.53 |
- 52.22 |
- 24.78 |
-
-
- Slovenia |
- SVN |
- 1994 |
- 1988.90 |
- 128.8085938 |
- 79.97 |
- 11662.12 |
- 53.21 |
- 19.87 |
-
-
- Slovenia |
- SVN |
- 1995 |
- 1990.00 |
- 118.5185013 |
- 89.03 |
- 12574.96 |
- 54.46 |
- 23.11 |
-
-
- Slovenia |
- SVN |
- 1996 |
- 1991.00 |
- 135.3643036 |
- 97.27 |
- 13151.51 |
- 54.32 |
- 23.23 |
-
-
- Slovenia |
- SVN |
- 1997 |
- 1985.96 |
- 159.6882935 |
- 103.96 |
- 14143.02 |
- 53.24 |
- 24.14 |
-
-
- Slovenia |
- SVN |
- 1998 |
- 1982.60 |
- 166.134201 |
- 108.93 |
- 15067.34 |
- 52.82 |
- 25.35 |
-
-
- Zambia |
- ZMB |
- 1994 |
- 8740.72 |
- 669.3706055 |
- 307.48 |
- 834.19 |
- 75.43 |
- 9.86 |
-
-
- Zambia |
- ZMB |
- 1995 |
- 8980.00 |
- 864.1192017 |
- 402.40 |
- 829.37 |
- 76.55 |
- 10.31 |
-
-
- Zambia |
- ZMB |
- 1996 |
- 9214.40 |
- 1207.900024 |
- 515.01 |
- 838.05 |
- 78.74 |
- 10.99 |
-
-
- Zambia |
- ZMB |
- 1997 |
- 9443.21 |
- 1314.498047 |
- 596.97 |
- 851.47 |
- 77.59 |
- 12.15 |
-
-
- Zambia |
- ZMB |
- 1998 |
- 9665.71 |
- 1862.06897 |
- 744.91 |
- 800.69 |
- 85.12 |
- 13.75 |
-
-
- Zambia |
- ZMB |
- 1999 |
- 9881.21 |
- 2388.019043 |
- 941.87 |
- 765.24 |
- 91.82 |
- 15.30 |
-
-
- Zambia |
- ZMB |
- 2000 |
- 10089.00 |
- 3110.843994 |
- 1157.63 |
- 840.97 |
- 86.33 |
- 15.38 |
-
-
- Zimbabwe |
- ZWE |
- 1994 |
- 10775.35 |
- 8.151538849 |
- 2.01 |
- 2586.84 |
- 60.10 |
- 18.53 |
-
-
- Zimbabwe |
- ZWE |
- 1995 |
- 11011.00 |
- 8.66537571 |
- 2.15 |
- 2603.37 |
- 66.89 |
- 15.03 |
-
-
- Zimbabwe |
- ZWE |
- 1996 |
- 11242.16 |
- 10.00234985 |
- 2.64 |
- 2860.23 |
- 72.06 |
- 11.32 |
-
-
- Zimbabwe |
- ZWE |
- 1997 |
- 11923.52 |
- 12.11128998 |
- 3.17 |
- 2727.06 |
- 82.82 |
- 11.01 |
-
-
- Zimbabwe |
- ZWE |
- 1998 |
- 12153.85 |
- 23.67910957 |
- 4.06 |
- 2799.85 |
- 77.66 |
- 10.75 |
-
-
- Zimbabwe |
- ZWE |
- 1999 |
- 12388.32 |
- 38.30120087 |
- 6.12 |
- 2770.48 |
- 76.89 |
- 10.73 |
-
-
- Zimbabwe |
- ZWE |
- 2000 |
- 12627.00 |
- 44.41791916 |
- 9.48 |
- 2607.03 |
- 69.23 |
- 8.62 |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/dist/tablefilter/style/colsVisibility.css b/dist/tablefilter/style/colsVisibility.css
index 229605d3..a78a20d8 100644
--- a/dist/tablefilter/style/colsVisibility.css
+++ b/dist/tablefilter/style/colsVisibility.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}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:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}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}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff}
\ No newline at end of file
diff --git a/dist/tablefilter/style/filtersVisibility.css b/dist/tablefilter/style/filtersVisibility.css
index 78bc40d9..8ba5f2f3 100644
--- a/dist/tablefilter/style/filtersVisibility.css
+++ b/dist/tablefilter/style/filtersVisibility.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px}
\ No newline at end of file
diff --git a/dist/tablefilter/style/tablefilter.css b/dist/tablefilter/style/tablefilter.css
index 24f718f3..9287e911 100644
--- a/dist/tablefilter/style/tablefilter.css
+++ b/dist/tablefilter/style/tablefilter.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
.activeHeader{background-color:#66afe9 !important;color:#fff !important}
diff --git a/dist/tablefilter/style/themes/default/default.css b/dist/tablefilter/style/themes/default/default.css
index 86e18607..3e7d295c 100644
--- a/dist/tablefilter/style/themes/default/default.css
+++ b/dist/tablefilter/style/themes/default/default.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
table.TF{border-left:1px solid #ccc;border-top:none;border-right:none;border-bottom:none;}table.TF th{background:#ebecee url("images/bg_th.jpg") left top repeat-x;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-left:1px solid #fff;border-top:1px solid #fff;color:#333}table.TF td{border-bottom:1px dotted #999;padding:5px}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#999 !important}
\ No newline at end of file
diff --git a/dist/tablefilter/style/themes/mytheme/mytheme.css b/dist/tablefilter/style/themes/mytheme/mytheme.css
index 02808b0b..7f369b37 100644
--- a/dist/tablefilter/style/themes/mytheme/mytheme.css
+++ b/dist/tablefilter/style/themes/mytheme/mytheme.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
table.TF{border-left:1px dotted #81963b;border-top:none;border-right:0;border-bottom:none;}table.TF th{background:#39424b url("images/bg_headers.jpg") left top repeat-x;border-bottom:0;border-right:1px dotted #d0d0d0;border-left:0;border-top:0;color:#fff}table.TF td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b;padding:5px}.fltrow{background-color:#81963b !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important}div.grd_Cont{background:#81963b url("images/bg_headers.jpg") left top repeat-x !important;border:1px solid #ccc !important;padding:0 1px 1px 1px !important;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}div.grd_tblCont table th,div.grd_headTblCont table th{background:transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;border-bottom:0 !important;border-right:1px dotted #d0d0d0 !important;border-left:0 !important;border-top:0 !important;padding:0 4px 0 4px !important;color:#fff !important;height:35px !important}div.grd_headTblCont table td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;background-color:#81963b !important;padding:1px 3px 1px 3px !important}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#81963b !important}
\ No newline at end of file
diff --git a/dist/tablefilter/style/themes/skyblue/skyblue.css b/dist/tablefilter/style/themes/skyblue/skyblue.css
index e5c61c3e..16e7324a 100644
--- a/dist/tablefilter/style/themes/skyblue/skyblue.css
+++ b/dist/tablefilter/style/themes/skyblue/skyblue.css
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.576Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T01:18:14.580Z
* MIT License
*/
table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;color:inherit;background:#d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;border-color:#fdfdfd #a4bed4 #a4bed4 #fdfdfd;border-width:1px;border-style:solid}table.TF td{margin:0;padding:5px;color:inherit;border-bottom:1px solid #a4bed4;border-left:0;border-top:0;border-right:0}.fltrow{background-color:#d1e5fe !important;}.fltrow th,.fltrow td{padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important}
\ No newline at end of file
diff --git a/dist/tablefilter/tablefilter.js b/dist/tablefilter/tablefilter.js
index ea3a13c9..5ae435c8 100644
--- a/dist/tablefilter/tablefilter.js
+++ b/dist/tablefilter/tablefilter.js
@@ -1,10 +1,7681 @@
-/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.495Z
- * 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 = "";
+/******/
+/******/ // 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 i=e();for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(this,function(){return function(t){function e(i){if(s[i])return s[i].exports;var n=s[i]={exports:{},id:i,loaded:!1};return t[i].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var i=window.webpackJsonp;window.webpackJsonp=function(s,r){for(var l,a,o=0,u=[];ol;l++)s[l]=arguments[l];if(0!==s.length){if(this.id=null,this.version="0.1.18",this.year=(new Date).getFullYear(),this.tbl=null,this.startRow=null,this.refRow=null,this.headersRow=null,this.cfg={},this.nbFilterableRows=null,this.nbRows=null,this.nbCells=null,this._hasGrid=!1,s.forEach(function(t){var i="undefined"==typeof t?"undefined":r(t);"object"===i&&t&&"TABLE"===t.nodeName?(e.tbl=t,e.id=t.id||"tf_"+(new Date).getTime()+"_"):"string"===i?(e.id=t,e.tbl=h["default"].id(t)):"number"===i?e.startRow=t:"object"===i&&(e.cfg=t)}),!this.tbl||"TABLE"!=this.tbl.nodeName||0===this.getRowsNb())throw new Error("Could not instantiate TableFilter: HTML table not found.");var a=this.cfg;this.emitter=new y.Emitter,this.refRow=null===this.startRow?2:this.startRow+1;try{this.nbCells=this.getCellsNb(this.refRow)}catch(u){this.nbCells=this.getCellsNb(0)}this.basePath=a.base_path||"tablefilter/",this.fltTypeInp="input",this.fltTypeSlc="select",this.fltTypeMulti="multiple",this.fltTypeCheckList="checklist",this.fltTypeNone="none",this.fltGrid=a.grid===!1?!1:!0,this.gridLayout=Boolean(a.grid_layout),this.filtersRowIndex=isNaN(a.filters_row_index)?0:a.filters_row_index,this.headersRow=isNaN(a.headers_row_index)?0===this.filtersRowIndex?1:0:a.headers_row_index,this.fltCellTag="th"!==a.filters_cell_tag||"td"!==a.filters_cell_tag?"td":a.filters_cell_tag,this.fltIds=[],this.fltElms=[],this.validRowsIndex=[],this.fltGridEl=null,this.infDiv=null,this.lDiv=null,this.rDiv=null,this.mDiv=null,this.infDivCssClass=a.inf_div_css_class||"inf",this.lDivCssClass=a.left_div_css_class||"ldiv",this.rDivCssClass=a.right_div_css_class||"rdiv",this.mDivCssClass=a.middle_div_css_class||"mdiv",this.contDivCssClass=a.content_div_css_class||"cont",this.stylePath=a.style_path||this.basePath+"style/",this.stylesheet=a.stylesheet||this.stylePath+"tablefilter.css",this.stylesheetId=this.id+"_style",this.fltsRowCssClass=a.flts_row_css_class||"fltrow",this.enableIcons=a.enable_icons===!1?!1:!0,this.alternateRows=Boolean(a.alternate_rows),this.hasColWidths=p["default"].isArray(a.col_widths),this.colWidths=this.hasColWidths?a.col_widths:null,this.fltCssClass=a.flt_css_class||"flt",this.fltMultiCssClass=a.flt_multi_css_class||"flt_multi",this.fltSmallCssClass=a.flt_small_css_class||"flt_s",this.singleFltCssClass=a.single_flt_css_class||"single_flt",this.enterKey=a.enter_key===!1?!1:!0,this.onBeforeFilter=p["default"].isFn(a.on_before_filter)?a.on_before_filter:null,this.onAfterFilter=p["default"].isFn(a.on_after_filter)?a.on_after_filter:null,this.caseSensitive=Boolean(a.case_sensitive),this.hasExactMatchByCol=p["default"].isArray(a.columns_exact_match),this.exactMatchByCol=this.hasExactMatchByCol?a.columns_exact_match:[],this.exactMatch=Boolean(a.exact_match),this.linkedFilters=Boolean(a.linked_filters),this.disableExcludedOptions=Boolean(a.disable_excluded_options),this.activeFlt=null,this.activeFilterId=null,this.hasVisibleRows=Boolean(a.rows_always_visible),this.visibleRows=this.hasVisibleRows?a.rows_always_visible:[],this.isExternalFlt=Boolean(a.external_flt_grid),this.externalFltTgtIds=a.external_flt_grid_ids||[],this.externalFltEls=[],this.execDelay=isNaN(a.exec_delay)?100:parseInt(a.exec_delay,10),this.onFiltersLoaded=p["default"].isFn(a.on_filters_loaded)?a.on_filters_loaded:null,this.singleSearchFlt=Boolean(a.single_filter),this.onRowValidated=p["default"].isFn(a.on_row_validated)?a.on_row_validated:null,this.customCellDataCols=a.custom_cell_data_cols?a.custom_cell_data_cols:[],this.customCellData=p["default"].isFn(a.custom_cell_data)?a.custom_cell_data:null,this.watermark=a.watermark||"",this.isWatermarkArray=p["default"].isArray(this.watermark),this.toolBarTgtId=a.toolbar_target_id||null,this.help=p["default"].isUndef(a.help_instructions)?void 0:Boolean(a.help_instructions),this.popupFilters=Boolean(a.popup_filters),this.markActiveColumns=Boolean(a.mark_active_columns),this.activeColumnsCssClass=a.active_columns_css_class||"activeHeader",this.onBeforeActiveColumn=p["default"].isFn(a.on_before_active_column)?a.on_before_active_column:null,this.onAfterActiveColumn=p["default"].isFn(a.on_after_active_column)?a.on_after_active_column:null,this.displayAllText=a.display_all_text||"Clear",this.enableEmptyOption=Boolean(a.enable_empty_option),this.emptyText=a.empty_text||"(Empty)",this.enableNonEmptyOption=Boolean(a.enable_non_empty_option),this.nonEmptyText=a.non_empty_text||"(Non empty)",this.onSlcChange=a.on_change===!1?!1:!0,this.sortSlc=a.sort_select===!1?!1:!0,this.isSortNumAsc=Boolean(a.sort_num_asc),this.sortNumAsc=this.isSortNumAsc?a.sort_num_asc:[],this.isSortNumDesc=Boolean(a.sort_num_desc),this.sortNumDesc=this.isSortNumDesc?a.sort_num_desc:[],this.loadFltOnDemand=Boolean(a.load_filters_on_demand),this.hasCustomOptions=p["default"].isObj(a.custom_options),this.customOptions=a.custom_options,this.rgxOperator=a.regexp_operator||"rgx:",this.emOperator=a.empty_operator||"[empty]",this.nmOperator=a.nonempty_operator||"[nonempty]",this.orOperator=a.or_operator||"||",this.anOperator=a.and_operator||"&&",this.grOperator=a.greater_operator||">",this.lwOperator=a.lower_operator||"<",this.leOperator=a.lower_equal_operator||"<=",this.geOperator=a.greater_equal_operator||">=",this.dfOperator=a.different_operator||"!",this.lkOperator=a.like_operator||"*",this.eqOperator=a.equal_operator||"=",this.stOperator=a.start_with_operator||"{",this.enOperator=a.end_with_operator||"}",this.curExp=a.cur_exp||"^[¥£€$]",this.separator=a.separator||",",this.rowsCounter=Boolean(a.rows_counter),this.statusBar=Boolean(a.status_bar),this.loader=Boolean(a.loader),this.displayBtn=Boolean(a.btn),this.btnText=a.btn_text||(this.enableIcons?"":"Go"),this.btnCssClass=a.btn_css_class||(this.enableIcons?"btnflt_icon":"btnflt"),this.btnReset=Boolean(a.btn_reset),this.btnResetCssClass=a.btn_reset_css_class||"reset",this.onBeforeReset=p["default"].isFn(a.on_before_reset)?a.on_before_reset:null,this.onAfterReset=p["default"].isFn(a.on_after_reset)?a.on_after_reset:null,this.paging=Boolean(a.paging),this.nbVisibleRows=0,this.nbHiddenRows=0,this.autoFilter=Boolean(a.auto_filter),this.autoFilterDelay=isNaN(a.auto_filter_delay)?900:a.auto_filter_delay,this.isUserTyping=null,this.autoFilterTimer=null,this.highlightKeywords=Boolean(a.highlight_keywords),this.noResults=p["default"].isObj(a.no_results_message)||Boolean(a.no_results_message),this.defaultDateType=a.default_date_type||"DMY",this.thousandsSeparator=a.thousands_separator||",",this.decimalSeparator=a.decimal_separator||".",this.hasColNbFormat=p["default"].isArray(a.col_number_format),this.colNbFormat=this.hasColNbFormat?a.col_number_format:null,this.hasColDateType=p["default"].isArray(a.col_date_type),this.colDateType=this.hasColDateType?a.col_date_type:null,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.rememberGridValues=Boolean(a.remember_grid_values),this.rememberPageNb=this.paging&&a.remember_page_number,this.rememberPageLen=this.paging&&a.remember_page_length,this.hasPersistence=this.rememberGridValues||this.rememberPageNb||this.rememberPageLen,this.extensions=a.extensions,this.hasExtensions=p["default"].isArray(this.extensions),this.enableDefaultTheme=Boolean(a.enable_default_theme),this.hasThemes=this.enableDefaultTheme||p["default"].isArray(a.themes),this.themes=a.themes||[],this.themesPath=a.themes_path||this.stylePath+"themes/",this.Mod={},this.ExtRegistry={},this.Evt={detectKey:function(t){if(this.enterKey&&t){var e=o["default"].keyCode(t);13===e?(this.filter(),o["default"].cancel(t),o["default"].stop(t)):(this.isUserTyping=!0,N.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}},onKeyUp:function(t){function e(){N.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null,this.isUserTyping||(this.filter(),this.isUserTyping=null)}if(this.autoFilter){var i=o["default"].keyCode(t);this.isUserTyping=!1,13!==i&&9!==i&&27!==i&&38!==i&&40!==i?null===this.autoFilterTimer&&(this.autoFilterTimer=N.setInterval(e.bind(this),this.autoFilterDelay)):(N.clearInterval(this.autoFilterTimer),this.autoFilterTimer=null)}},onKeyDown:function(){this.autoFilter&&(this.isUserTyping=!0)},onInpBlur:function(){this.autoFilter&&(this.isUserTyping=!1,N.clearInterval(this.autoFilterTimer)),this.emitter.emit("filter-blur",this)},onInpFocus:function(t){var e=o["default"].target(t);this.activeFilterId=e.getAttribute("id"),this.activeFlt=h["default"].id(this.activeFilterId),this.emitter.emit("filter-focus",this)}}}}return l(t,[{key:"init",value:function(){var t=this;if(!this._hasGrid){var e=this.Mod,i=this.singleSearchFlt?1:this.nbCells,s=void 0;if(this["import"](this.stylesheetId,this.stylesheet,null,"link"),this.hasThemes&&this.loadThemes(),e.help||(e.help=new O.Help(this)),this.help&&e.help.init(),this.hasPersistence&&(e.store||(e.store=new _.Store(this)),e.store.init()),this.gridLayout&&(e.gridLayout||(e.gridLayout=new C.GridLayout(this)),e.gridLayout.init()),this.loader&&(e.loader||(e.loader=new w.Loader(this)),e.loader.init()),this.highlightKeywords&&(e.highlightKeyword=new x.HighlightKeyword(this),e.highlightKeyword.init()),this.popupFilters&&(e.popupFilter||(e.popupFilter=new k.PopupFilter(this)),e.popupFilter.init()),this.fltGrid){var n=this._insertFiltersRow();this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.tbl.rows.length;for(var r=0;i>r;r++){this.emitter.emit("before-filter-init",this,r);var l=h["default"].create(this.fltCellTag),a=this.getFilterType(r);this.singleSearchFlt&&(l.colSpan=this.nbCells),this.gridLayout||n.appendChild(l),s=r==i-1&&this.displayBtn?this.fltSmallCssClass:this.fltCssClass,this.singleSearchFlt&&(a=this.fltTypeInp,s=this.singleFltCssClass),a===this.fltTypeSlc||a===this.fltTypeMulti?(e.dropdown||(e.dropdown=new T.Dropdown(this)),e.dropdown.init(r,this.isExternalFlt,l)):a===this.fltTypeCheckList?(e.checkList||(e.checkList=new P.CheckList(this)),e.checkList.init(r,this.isExternalFlt,l)):this._buildInputFilter(r,s,l),r==i-1&&this.displayBtn&&this._buildSubmitButton(r,l),this.emitter.emit("after-filter-init",this,r)}}else this._initNoFilters();this.hasVisibleRows&&(this.emitter.on(["after-filtering"],function(){return t.enforceVisibility()}),this.enforceVisibility()),this.rowsCounter&&(e.rowsCounter=new F.RowsCounter(this),e.rowsCounter.init()),this.statusBar&&(e.statusBar=new R.StatusBar(this),e.statusBar.init()),this.paging&&(e.paging?e.paging.reset():(e.paging=new S.Paging(this),e.paging.init())),this.btnReset&&(e.clearButton=new I.ClearButton(this),e.clearButton.init()),this.hasColWidths&&!this.gridLayout&&this.setColWidths(),this.alternateRows&&(e.alternateRows=new E.AlternateRows(this),e.alternateRows.init()),this.noResults&&(e.noResults||(e.noResults=new L.NoResults(this)),e.noResults.init()),this._hasGrid=!0,this.hasPersistence&&this.resetFilterValues(),this.gridLayout||h["default"].addClass(this.tbl,this.prfxTf),this.hasExtensions&&this.initExtensions(),this.markActiveColumns&&(this.emitter.on(["before-filtering"],function(){return t.clearActiveColumns()}),this.emitter.on(["cell-processed"],function(e,i){return t.markActiveColumn(i)})),this.linkedFilters&&this.emitter.on(["after-filtering"],function(){return t.linkFilters()}),this.onFiltersLoaded&&this.onFiltersLoaded.call(null,this),this.initialized=!0,this.emitter.emit("initialized",this)}}},{key:"_insertFiltersRow",value:function(){if(!this.gridLayout){var t=void 0,e=h["default"].tag(this.tbl,"thead");return t=e.length>0?e[0].insertRow(this.filtersRowIndex):this.tbl.insertRow(this.filtersRowIndex),t.className=this.fltsRowCssClass,this.isExternalFlt&&(t.style.display="none"),this.emitter.emit("filters-row-inserted",this,t),t}}},{key:"_initNoFilters",value:function(){this.fltGrid||(this.refRow=this.refRow>0?this.refRow-1:0,this.nbFilterableRows=this.getRowsNb(),this.nbVisibleRows=this.nbFilterableRows,this.nbRows=this.nbFilterableRows+this.refRow)}},{key:"_buildInputFilter",value:function(t,e,i){var s=this.getFilterType(t),n=this.isExternalFlt?this.externalFltTgtIds[t]:null,r=s===this.fltTypeInp?"text":"hidden",l=h["default"].create(this.fltTypeInp,["id",this.prfxFlt+t+"_"+this.id],["type",r],["ct",t]);"hidden"!==r&&this.watermark&&l.setAttribute("placeholder",this.isWatermarkArray?this.watermark[t]||"":this.watermark),l.className=e||this.fltCssClass,o["default"].add(l,"focus",this.Evt.onInpFocus.bind(this)),n?(h["default"].id(n).appendChild(l),this.externalFltEls.push(l)):i.appendChild(l),this.fltIds.push(l.id),o["default"].add(l,"keypress",this.Evt.detectKey.bind(this)),o["default"].add(l,"keydown",this.Evt.onKeyDown.bind(this)),o["default"].add(l,"keyup",this.Evt.onKeyUp.bind(this)),o["default"].add(l,"blur",this.Evt.onInpBlur.bind(this))}},{key:"_buildSubmitButton",value:function(t,e){var i=this,s=this.isExternalFlt?this.externalFltTgtIds[t]:null,n=h["default"].create(this.fltTypeInp,["id",this.prfxValButton+t+"_"+this.id],["type","button"],["value",this.btnText]);n.className=this.btnCssClass,s?h["default"].id(s).appendChild(n):e.appendChild(n),o["default"].add(n,"click",function(){return i.filter()})}},{key:"feature",value:function(t){return this.Mod[t]}},{key:"initExtensions",value:function(){var t=this.extensions;i.p=this.basePath,this.emitter.emit("before-loading-extensions",this);for(var e=0,s=t.length;s>e;e++){var n=t[e];this.ExtRegistry[n.name]||this.loadExtension(n)}this.emitter.emit("after-loading-extensions",this)}},{key:"loadExtension",value:function(t){var e=this;if(t&&t.name){var s=t.name,n=t.path,r=void 0;s&&n?r=t.path+s:(s=s.replace(".js",""),r="extensions/{}/{}".replace(/{}/g,s)),i.e(1,function(i){var n=[i(26)("./"+r)];(function(i){var n=new i["default"](e,t);n.init(),e.ExtRegistry[s]=n}).apply(null,n)})}}},{key:"extension",value:function(t){return this.ExtRegistry[t]}},{key:"hasExtension",value:function(t){return!p["default"].isEmpty(this.ExtRegistry[t])}},{key:"destroyExtensions",value:function(){for(var t=this.extensions,e=0,i=t.length;i>e;e++){var s=t[e],n=this.ExtRegistry[s.name];n&&(n.destroy(),this.ExtRegistry[s.name]=null)}}},{key:"loadThemes",value:function(){var t=this.themes;if(this.emitter.emit("before-loading-themes",this),this.enableDefaultTheme){var e={name:"default"};this.themes.push(e)}if(p["default"].isArray(t))for(var i=0,s=t.length;s>i;i++){var n=t[i],r=n.name,l=n.path,a=this.prfxTf+r;r&&!l?l=this.themesPath+r+"/"+r+".css":!r&&n.path&&(r="theme{0}".replace("{0}",i)),this.isImported(l,"link")||this["import"](a,l,null,"link")}this.btnResetText=null,this.btnResetHtml='',this.btnPrevPageHtml='',this.btnNextPageHtml='',this.btnFirstPageHtml='',this.btnLastPageHtml='',this.loader=!0,this.loaderHtml='',this.loaderText=null,this.emitter.emit("after-loading-themes",this)}},{key:"getStylesheet",value:function(){var t=arguments.length<=0||void 0===arguments[0]?"default":arguments[0];return h["default"].id(this.prfxTf+t)}},{key:"destroy",value:function(){var t=this;if(this._hasGrid){var e=this.tbl.rows,i=this.Mod,s=this.emitter;this.isExternalFlt&&!this.popupFilters&&this.removeExternalFlts(),this.infDiv&&this.removeToolbar(),this.markActiveColumns&&(this.clearActiveColumns(),s.off(["before-filtering"],function(){return t.clearActiveColumns()}),s.off(["cell-processed"],function(e,i){return t.markActiveColumn(i)})),this.hasExtensions&&this.destroyExtensions(),this.validateAllRows(),this.fltGrid&&!this.gridLayout&&(this.fltGridEl=e[this.filtersRowIndex],this.tbl.deleteRow(this.filtersRowIndex)),s.emit("destroy",this),Object.keys(i).forEach(function(t){var e=i[t];e&&p["default"].isFn(e.destroy)&&e.destroy()}),this.hasVisibleRows&&s.off(["after-filtering"],function(){return t.enforceVisibility()}),this.linkedFilters&&s.off(["after-filtering"],function(){return t.linkFilters()}),h["default"].removeClass(this.tbl,this.prfxTf),this.nbHiddenRows=0,this.validRowsIndex=[],this.fltIds=[],this.activeFlt=null,this._hasGrid=!1,this.initialized=!1}}},{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 i=h["default"].create("caption");i.appendChild(t),this.tbl.insertBefore(i,this.tbl.firstChild)}this.infDiv=h["default"].id(this.prfxInfDiv+this.id);var s=h["default"].create("div",["id",this.prfxLDiv+this.id]);s.className=this.lDivCssClass,t.appendChild(s),this.lDiv=h["default"].id(this.prfxLDiv+this.id);var n=h["default"].create("div",["id",this.prfxRDiv+this.id]);n.className=this.rDivCssClass,t.appendChild(n),this.rDiv=h["default"].id(this.prfxRDiv+this.id);var r=h["default"].create("div",["id",this.prfxMDiv+this.id]);r.className=this.mDivCssClass,t.appendChild(r),this.mDiv=h["default"].id(this.prfxMDiv+this.id),p["default"].isUndef(this.help)&&this.emitter.emit("init-help",this)}}},{key:"removeToolbar",value:function(){if(this.infDiv){h["default"].remove(this.infDiv),this.infDiv=null;var t=this.tbl,e=h["default"].tag(t,"caption");e.length>0&&[].forEach.call(e,function(e){return t.removeChild(e)})}}},{key:"removeExternalFlts",value:function(){if(this.isExternalFlt)for(var t=this.externalFltTgtIds,e=t.length,i=0;e>i;i++){var s=t[i],n=h["default"].id(s);n&&(n.innerHTML="")}}},{key:"isCustomOptions",value:function(t){return this.hasCustomOptions&&-1!=this.customOptions.cols.indexOf(t)}},{key:"getCustomOptions",value:function(t){if(!p["default"].isEmpty(t)&&this.isCustomOptions(t)){for(var e=this.customOptions,i=e.cols,s=[],n=[],r=i.indexOf(t),l=e.values[r],a=e.texts[r],o=e.sorts[r],u=0,h=l.length;h>u;u++)n.push(l[u]),a[u]?s.push(a[u]):s.push(l[u]);return o&&(n.sort(),s.sort()),[n,s]}}},{key:"resetFilterValues",value:function(){var t=this;if(this.rememberGridValues){var e=this.Mod.store.getFilterValues();e.forEach(function(e,i){" "!==e&&t.setFilterValue(i,e)}),this.filter()}}},{key:"filter",value:function(){function t(t,e,i){if(this.highlightKeywords&&e){t=t.replace(g,""),t=t.replace(b,""),t=t.replace(y,""),t=t.replace(_,"");var s=t;(a.test(t)||o.test(t)||u.test(t)||f.test(t)||c.test(t))&&(s=h["default"].getText(i)),""!==s&&this.emitter.emit("highlight-keyword",this,i,s)}}function e(t,e,i){t=d["default"].matchCase(t,this.caseSensitive);var s=void 0,l=m["default"].removeNbFormat,h=u.test(t),p=a.test(t),k=f.test(t),T=o.test(t),P=c.test(t),F=b.test(t),R=g.test(t),S=y.test(t),I=_.test(t),O=C===t,L=w===t,N=x.test(t),D=h&&v["default"].isValid(t.replace(u,""),E),B=p&&v["default"].isValid(t.replace(a,""),E),M=k&&v["default"].isValid(t.replace(f,""),E),A=T&&v["default"].isValid(t.replace(o,""),E),j=P&&v["default"].isValid(t.replace(c,""),E),H=F&&v["default"].isValid(t.replace(b,""),E),V=void 0,U=void 0;if(v["default"].isValid(e,E))V=v["default"].format(e,E),D?(U=v["default"].format(t.replace(u,""),E),s=U>V):B?(U=v["default"].format(t.replace(a,""),E),s=U>=V):A?(U=v["default"].format(t.replace(o,""),E),s=V>=U):M?(U=v["default"].format(t.replace(f,""),E),s=V>U):j?(U=v["default"].format(t.replace(c,""),E),s=V.toString()!=U.toString()):H?(U=v["default"].format(t.replace(b,""),E),s=V.toString()==U.toString()):g.test(t)?s=d["default"].contains(t.replace(g,""),e,!1,this.caseSensitive):v["default"].isValid(t,E)?(U=v["default"].format(t,E),s=V.toString()===U.toString()):s=O?d["default"].isEmpty(e):L?!d["default"].isEmpty(e):d["default"].contains(t,e,this.isExactMatch(i),this.caseSensitive);else if(this.hasColNbFormat&&this.colNbFormat[i]?(n=l(e,this.colNbFormat[i]),r=this.colNbFormat[i]):","===this.thousandsSeparator&&"."===this.decimalSeparator?(n=l(e,"us"),r="us"):(n=l(e,"eu"),r="eu"),p)s=n<=l(t.replace(a,""),r);else if(T)s=n>=l(t.replace(o,""),r);else if(h)s=nl(t.replace(f,""),r);else if(P)s=d["default"].contains(t.replace(c,""),e,!1,this.caseSensitive)?!1:!0;else if(R)s=d["default"].contains(t.replace(g,""),e,!1,this.caseSensitive);else if(F)s=d["default"].contains(t.replace(b,""),e,!0,this.caseSensitive);else if(S)s=0===e.indexOf(t.replace(y,""))?!0:!1;else if(I){var z=t.replace(_,"");s=e.lastIndexOf(z,e.length-1)===e.length-1-(z.length-1)&&e.lastIndexOf(z,e.length-1)>-1?!0:!1}else if(O)s=d["default"].isEmpty(e);else if(L)s=!d["default"].isEmpty(e);else if(N)try{var W=t.replace(x,""),G=new RegExp(W);s=G.test(e)}catch($){s=!1}else s=d["default"].contains(t,e,this.isExactMatch(i),this.caseSensitive);return s}if(this.fltGrid&&this._hasGrid){this.onBeforeFilter&&this.onBeforeFilter.call(null,this),this.emitter.emit("before-filtering",this);var i=this.tbl.rows,s=0;this.validRowsIndex=[];for(var n,r,l=this.getFiltersValue(),a=new RegExp(this.leOperator),o=new RegExp(this.geOperator),u=new RegExp(this.lwOperator),f=new RegExp(this.grOperator),c=new RegExp(this.dfOperator),g=new RegExp(d["default"].rgxEsc(this.lkOperator)),b=new RegExp(this.eqOperator),y=new RegExp(this.stOperator),_=new RegExp(this.enOperator),C=this.emOperator,w=this.nmOperator,x=new RegExp(d["default"].rgxEsc(this.rgxOperator)),k=this.refRow;kI;I++){var O=l[this.singleSearchFlt?0:I],E=this.hasColDateType?this.colDateType[I]:this.defaultDateType;if(""!==O){var L=d["default"].matchCase(this.getCellData(T[I]),this.caseSensitive),N=O.toString().split(this.orOperator),D=N.length>1,B=O.toString().split(this.anOperator),M=B.length>1;if(p["default"].isArray(O)||D||M){var A=void 0,j=void 0,H=!1;j=p["default"].isArray(O)?O:D?N:B;for(var V=0,U=j.length;U>V&&(A=d["default"].trim(j[V]),H=e.call(this,A,L,I),t.call(this,A,H,T[I]),!(D&&H||M&&!H))&&(!p["default"].isArray(O)||!H);V++);F[I]=H}else F[I]=e.call(this,d["default"].trim(O),L,I),t.call(this,O,F[I],T[I]);F[I]||(R=!1),this.singleSearchFlt&&F[I]&&(S=!0),this.emitter.emit("cell-processed",this,I,T[I])}}this.singleSearchFlt&&S&&(R=!0),R?this.validateRow(k,!0):(this.validateRow(k,!1),s++),this.emitter.emit("row-processed",this,k,this.validRowsIndex.length,R)}}this.nbVisibleRows=this.validRowsIndex.length,this.nbHiddenRows=s,this.onAfterFilter&&this.onAfterFilter.call(null,this),this.emitter.emit("after-filtering",this)}}},{key:"getColValues",value:function(t){var e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],i=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],s=arguments.length<=3||void 0===arguments[3]?[]:arguments[3];if(this.fltGrid){var n=this.tbl.rows,r=[];e&&r.push(this.getHeadersText()[t]);for(var l=this.refRow;l0&&(a=-1!=s.indexOf(l));var o=n[l].cells,u=o.length;if(u===this.nbCells&&!a)for(var h=0;u>h;h++)if(h==t&&""===n[l].style.display){var f=this.getCellData(o[h]),d=this.colNbFormat?this.colNbFormat[t]:null,c=i?m["default"].removeNbFormat(f,d):f;r.push(c)}}return r}}},{key:"getFilterValue",value:function(t){if(this.fltGrid){var e="",i=[],s=this.getFilterElement(t);if(!s)return"";var n=this.getFilterType(t);if(n!==this.fltTypeMulti&&n!==this.fltTypeCheckList)e=s.value;else if(n===this.fltTypeMulti){for(var r=0,l=s.options.length;l>r;r++)s.options[r].selected&&i.push(s.options[r].value);e=i.length>0?i:""}else n===this.fltTypeCheckList&&(null!==s.getAttribute("value")&&(i=s.getAttribute("value"),i=i.substr(0,i.length-3),i=i.split(" "+this.orOperator+" ")),e=i.length>0?i:"");return p["default"].isArray(e)&&1===e.length&&""===e[0]&&(e=""),e}}},{key:"getFiltersValue",value:function(){if(this.fltGrid){for(var t=[],e=0,i=this.fltIds.length;i>e;e++){var s=this.getFilterValue(e);p["default"].isArray(s)?t.push(s):t.push(d["default"].trim(s))}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 i=[],s=0,n=this.fltIds.length;n>s;s++){var r=this.getFilterType(s);if(r===d["default"].lower(t)){var l=e?s:this.fltIds[s];i.push(l)}}return i}}},{key:"getFilterElement",value:function(t){var e=this.fltIds[t];return h["default"].id(e)}},{key:"getCellsNb",value:function(){var t=arguments.length<=0||void 0===arguments[0]?0:arguments[0],e=this.tbl.rows[t];return e.cells.length}},{key:"getRowsNb",value:function(t){var e=p["default"].isUndef(this.refRow)?0:this.refRow,i=this.tbl.rows.length;return t&&(e=0),parseInt(i-e,10)}},{key:"getCellData",value:function(t){var e=t.cellIndex;return this.customCellData&&-1!=this.customCellDataCols.indexOf(e)?this.customCellData.call(null,this,t,e):h["default"].getText(t)}},{key:"getTableData",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],i=this.tbl.rows,s=[];if(t){var n=this.getHeadersText(e);s.push([this.getHeadersRowIndex(),n])}for(var r=this.refRow;ro;o++)if(!(e&&this.hasExtension("colsVisibility")&&this.extension("colsVisibility").isColHidden(o))){var h=this.getCellData(a[o]);l[1].push(h)}s.push(l)}return s}},{key:"getFilteredData",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=arguments.length<=1||void 0===arguments[1]?!1:arguments[1];if(!this.validRowsIndex)return[];var i=this.tbl.rows,s=[];if(t){var n=this.getHeadersText(e);s.push([this.getHeadersRowIndex(),n])}for(var r=this.getValidRows(!0),l=0;ln;n++){var l=i[n],a=l[1],o=a[t];s.push(o)}return s}},{key:"getRowDisplay",value:function(t){return p["default"].isObj(t)?t.style.display:null}},{key:"validateRow",value:function(t,e){var i=this.tbl.rows[t];if(i&&"boolean"==typeof e){this.hasVisibleRows&&-1!==this.visibleRows.indexOf(t)&&(e=!0);var s=e?"":"none",n=e?"true":"false";i.style.display=s,this.paging&&i.setAttribute("validRow",n),e&&(-1===this.validRowsIndex.indexOf(t)&&this.validRowsIndex.push(t),this.onRowValidated&&this.onRowValidated.call(null,this,t),this.emitter.emit("row-validated",this,t))}}},{key:"validateAllRows",value:function(){if(this._hasGrid){this.validRowsIndex=[];for(var t=this.refRow;t0,r=n?null:D.createDocumentFragment(),l=0;e>l;l++){var a=void 0;n?a=s[l]:(a=h["default"].create("col",["id",this.id+"_col_"+l]),r.appendChild(a)),a.style.width=i[l]}n||t.insertBefore(r,t.firstChild)}this.hasColWidths&&(t=t||this.tbl,e.call(this))}},{key:"enforceVisibility",value:function(){if(this.hasVisibleRows)for(var t=0,e=this.visibleRows.length;e>t;t++){var i=this.visibleRows[t];i<=this.nbRows&&this.validateRow(i,!0)}}},{key:"clearFilters",value:function(){if(this.fltGrid){this.emitter.emit("before-clearing-filters",this),this.onBeforeReset&&this.onBeforeReset.call(null,this,this.getFiltersValue());for(var t=0,e=this.fltIds.length;e>t;t++)this.setFilterValue(t,"");this.filter(),this.onAfterReset&&this.onAfterReset.call(null,this),this.emitter.emit("after-clearing-filters",this)}}},{key:"clearActiveColumns",value:function(){for(var t=0,e=this.getCellsNb(this.headersRow);e>t;t++)h["default"].removeClass(this.getHeaderElement(t),this.activeColumnsCssClass)}},{key:"markActiveColumn",value:function(t){var e=this.getHeaderElement(t);h["default"].hasClass(e,this.activeColumnsCssClass)||(this.onBeforeActiveColumn&&this.onBeforeActiveColumn.call(null,this,t),h["default"].addClass(e,this.activeColumnsCssClass),this.onAfterActiveColumn&&this.onAfterActiveColumn.call(null,this,t))}},{key:"linkFilters",value:function(){if(this.linkedFilters&&this.activeFilterId){var t=this.getFiltersByType(this.fltTypeSlc,!0),e=this.getFiltersByType(this.fltTypeMulti,!0),i=this.getFiltersByType(this.fltTypeCheckList,!0),s=t.concat(e);s=s.concat(i);var n=this.activeFilterId.split("_")[0];n=n.split(this.prfxFlt)[1];for(var r=void 0,l=0,a=s.length;a>l;l++){var o=h["default"].id(this.fltIds[s[l]]);if(r=this.getFilterValue(s[l]),
-n!==s[l]||this.paging&&-1!=t.indexOf(s[l])&&n===s[l]||!this.paging&&(-1!=i.indexOf(s[l])||-1!=e.indexOf(s[l]))||r===this.displayAllText){if(this.loadFltOnDemand){var u=h["default"].createOpt(this.displayAllText,"");o.innerHTML="",o.appendChild(u)}-1!=i.indexOf(s[l])?this.emitter.emit("build-checklist-filter",this,s[l],this.isExternalFlt):this.emitter.emit("build-select-filter",this,s[l],!0,this.isExternalFlt),this.setFilterValue(s[l],r)}}}}},{key:"isExactMatch",value:function(t){var e=this.getFilterType(t);return this.exactMatchByCol[t]||this.exactMatch||e!==this.fltTypeInp}},{key:"isImported",value:function(t,e){for(var i=!1,s=e?e:"script",n="script"==s?"src":"href",r=h["default"].tag(D,s),l=0,a=r.length;a>l;l++)if(void 0!==r[l][n]&&r[l][n].match(t)){i=!0;break}return i}},{key:"import",value:function(t,e,i,s){var n=s?s:"script",r=this.isImported(e,n);if(!r){var l=this,a=!1,o=void 0,u=h["default"].tag(D,"head")[0];o="link"===d["default"].lower(n)?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(){a||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||(a=!0,"function"==typeof i&&i.call(null,l))},o.onerror=function(){throw new Error("TF script could not load: "+e)},u.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]+>/g,"");return e=e.replace(/^\s+/,"").replace(/\s+$/,"")},getFirstTextNode:function(t){for(var e=0;e1)for(var n=0;n2)return t;var e=void 0;return 99>=t&&t>50&&(e="19"+t),(50>t||"00"===t)&&(e="20"+t),e}function s(t){if(void 0===t)return 0;for(var e=void 0,i=["january","february","march","april","may","june","july","august","september","october","november","december","jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],s=0;s11||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 i=this.format(t,e);t=i.getDate()+"/"+(i.getMonth()+1)+"/"+i.getFullYear(),e="DMY"}(-1===e.indexOf("M")||-1===e.indexOf("D")||-1===e.indexOf("Y"))&&(e="DMY");var s=void 0,n=void 0;if("Y"===e.substring(0,1)?(s=/^\d{2}(\-|\/|\.)\d{1,2}\1\d{1,2}$/,n=/^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/):"Y"===e.substring(1,2)?(s=/^\d{1,2}(\-|\/|\.)\d{2}\1\d{1,2}$/,n=/^\d{1,2}(\-|\/|\.)\d{4}\1\d{1,2}$/):(s=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/,n=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/),s.test(t)===!1&&n.test(t)===!1)return!1;var r=t.split(RegExp.$1),l=void 0,a=void 0,o=void 0;l="M"===e.substring(0,1)?r[0]:"M"===e.substring(1,2)?r[1]:r[2],a="D"===e.substring(0,1)?r[0]:"D"===e.substring(1,2)?r[1]:r[2],o="Y"===e.substring(0,1)?r[0]:"Y"===e.substring(1,2)?r[1]:r[2],parseInt(o,10)<=50&&(o=(parseInt(o,10)+2e3).toString()),parseInt(o,10)<=99&&(o=(parseInt(o,10)+1900).toString());var u=new Date(parseInt(o,10),parseInt(l,10)-1,parseInt(a,10),0,0,0,0);return parseInt(a,10)!=u.getDate()?!1:parseInt(l,10)-1!=u.getMonth()?!1:!0},format:function(t,e){if(e||(e="DMY"),!t||""===t)return new Date(1001,0,1);var n=void 0,r=void 0;switch(e.toUpperCase()){case"DDMMMYYYY":r=t.replace(/[- \/.]/g," ").split(" "),n=new Date(i(r[2]),s(r[1])-1,r[0]);break;case"DMY":r=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[1]-1,r[0]);break;case"MDY":r=t.replace(/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[0]-1,r[1]);break;case"YMD":r=t.replace(/^((\d\d)?\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,"$1 $4 $6").split(" "),n=new Date(i(r[0]),r[1]-1,r[2]);break;default:r=t.replace(/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/,"$1 $3 $5").split(" "),n=new Date(i(r[2]),r[1]-1,r[0])}return n}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(e,"__esModule",{value:!0});var n=i(3),r=s(n);e["default"]={removeNbFormat:function(t,e){if(t){e||(e="us");var i=t;return i="us"===r["default"].lower(e)?+i.replace(/[^\d\.-]/g,""):+i.replace(/[^\d\,-]/g,"").replace(",",".")}}}},function(t,e){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var s=function(){function t(t,e){for(var i=0;i0){var s=document.cookie,n=s.indexOf(i);if(-1!==n){n+=i.length;var r=s.indexOf(";",n);-1===r&&(r=s.length),e=unescape(s.substring(n,r))}}return e},remove:function(t){this.write(t,"",-1)},valueToArray:function(t,e){e||(e=",");var i=this.read(t),s=i.split(e);return s},getValueByIndex:function(t,e,i){i||(i=",");var s=this.valueToArray(t,i);return s[e]}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.GridLayout=void 0;var a=function(){function t(t,e){for(var i=0;i0&&s.removeChild(P[0]),this.headTbl.style.tableLayout="fixed",s.style.tableLayout="fixed",this.headTbl.cellPadding=s.cellPadding,this.headTbl.cellSpacing=s.cellSpacing,e.setColWidths(this.headTbl),s.style.width="",this.headTbl.style.width=s.clientWidth+"px",p["default"].add(this.tblCont,"scroll",function(e){var i=p["default"].target(e),s=i.scrollLeft;t.headTblCont.scrollLeft=s});var F=(i.extensions||[]).filter(function(t){return"sort"===t.name});1===F.length&&(F[0].async_sort=!0,F[0].trigger_ids=g),this.tblHasColTag=h["default"].tag(s,"col").length>0?!0:!1;var R=function(){for(var t=e.nbCells-1;t>=0;t--){var i=h["default"].create("col",["id",e.id+"_col_"+t]);s.insertBefore(i,s.firstChild),i.style.width=e.colWidths[t],this.gridColElms[t]=i}this.tblHasColTag=!0};if(this.tblHasColTag)for(var S=h["default"].tag(s,"col"),I=0;I',e.popUpDivCssClass=s.popup_div_css_class||"popUpFilter",e.onBeforePopUpOpen=h["default"].isFn(s.on_before_popup_filter_open)?s.on_before_popup_filter_open:null,e.onAfterPopUpOpen=h["default"].isFn(s.on_after_popup_filter_open)?s.on_after_popup_filter_open:null,e.onBeforePopUpClose=h["default"].isFn(s.on_before_popup_filter_close)?s.on_before_popup_filter_close:null,e.onAfterPopUpClose=h["default"].isFn(s.on_after_popup_filter_close)?s.on_after_popup_filter_close:null,e.popUpFltSpans=[],e.popUpFltImgs=[],e.popUpFltElms=e.popUpFltElmCache||[],e.popUpFltAdjustToContainer=!0,e.prfxPopUpSpan="popUpSpan_",e.prfxPopUpDiv="popUpDiv_",e}return l(i,e),a(i,[{key:"onClick",value:function(e){var i=e||t.event,s=i.target.parentNode,n=parseInt(s.getAttribute("ci"),10);if(this.closeAll(n),this.toggle(n),this.popUpFltAdjustToContainer){var r=this.popUpFltElms[n],l=this.tf.getHeaderElement(n),a=.95*l.clientWidth;r.style.width=parseInt(a,10)+"px"}p["default"].cancel(i),p["default"].stop(i)}},{key:"init",value:function(){var t=this;if(!this.initialized){var e=this.tf;e.headersRow<=1&&(e.headersRow=0);for(var i=0;i_;_++)if(t===_&&(!e||e&&n.disableExcludedOptions)||t==_&&e&&(""===a[g].style.display&&!n.paging||n.paging&&(!n.validRowsIndex||n.validRowsIndex&&-1!=n.validRowsIndex.indexOf(g))&&(void 0===u||u==t||u!=t&&-1!=n.validRowsIndex.indexOf(g)))){var C=n.getCellData(b[_]),w=p["default"].matchCase(C,o);if(d["default"].has(this.opts,w,o)||this.opts.push(C),e&&n.disableExcludedOptions){var x=c[_];x||(x=n.getFilteredDataCol(_)),d["default"].has(x,w,o)||d["default"].has(f,w,o)||f.push(C)}}}if(this.isCustom){var k=n.getCustomOptions(t);this.opts=k[0],this.optsTxt=k[1]}if(n.sortSlc&&!this.isCustom&&(o?(this.opts.sort(),f&&f.sort()):(this.opts.sort(v["default"].ignoreCase),f&&f.sort(v["default"].ignoreCase))),-1!=n.sortNumAsc.indexOf(t))try{this.opts.sort(v["default"].numSortAsc),f&&f.sort(v["default"].numSortAsc),this.isCustom&&this.optsTxt.sort(v["default"].numSortAsc)}catch(T){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}if(-1!=n.sortNumDesc.indexOf(t))try{this.opts.sort(v["default"].numSortDesc),f&&f.sort(v["default"].numSortDesc),this.isCustom&&this.optsTxt.sort(v["default"].numSortDesc)}catch(T){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}this.addOptions(t,l,e,f),this.emitter.emit("after-populating-filter",n,t,l)}}},{key:"addOptions",value:function(t,e,i,s){var n=this.tf,r=e.value;e.innerHTML="",e=this.addFirstOption(e);for(var l=0;li?-1:i>s?1:0},numSortAsc:function(t,e){return t-e},numSortDesc:function(t,e){return e-t}}},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.CheckList=void 0;var a=function(){function t(t,e){for(var i=0;i_;_++)if(t===_&&(!n.linkedFilters||n.linkedFilters&&n.disableExcludedOptions)||t===_&&n.linkedFilters&&(""===o[c].style.display&&!n.paging||n.paging&&(!u||u===t||u!=t&&-1!=n.validRowsIndex.indexOf(c)))){var C=n.getCellData(g[_]),w=p["default"].matchCase(C,n.matchCase);d["default"].has(this.opts,w,n.matchCase)||this.opts.push(C);var x=f[_];n.linkedFilters&&n.disableExcludedOptions&&(x||(x=n.getFilteredDataCol(_)),d["default"].has(x,w,n.matchCase)||d["default"].has(this.excludedOpts,w,n.matchCase)||this.excludedOpts.push(C))}}if(this.isCustom){var k=n.getCustomOptions(t);this.opts=k[0],this.optsTxt=k[1]}if(n.sortSlc&&!this.isCustom&&(n.matchCase?(this.opts.sort(),this.excludedOpts&&this.excludedOpts.sort()):(this.opts.sort(v["default"].ignoreCase),this.excludedOpts&&this.excludedOpts.sort(v["default"].ignoreCase))),-1!=n.sortNumAsc.indexOf(t))try{this.opts.sort(v["default"].numSortAsc),this.excludedOpts&&this.excludedOpts.sort(v["default"].numSortAsc),this.isCustom&&this.optsTxt.sort(v["default"].numSortAsc)}catch(T){throw new Error(y.replace("{0}",t).replace("{1}","ascending"))}if(-1!=n.sortNumDesc.indexOf(t))try{this.opts.sort(v["default"].numSortDesc),this.excludedOpts&&this.excludedOpts.sort(v["default"].numSortDesc),this.isCustom&&this.optsTxt.sort(v["default"].numSortDesc)}catch(T){throw new Error(y.replace("{0}",t).replace("{1}","descending"))}this.addChecks(t,a),n.loadFltOnDemand&&(l.innerHTML=""),l.appendChild(a),l.setAttribute("filled","1"),this.emitter.emit("after-populating-filter",n,t,l)}}},{key:"addChecks",value:function(t,e){for(var i=this,s=this.tf,n=this.addTChecks(t,e),r=0;rr;r++){var l=h["default"].tag(s,"li")[r],a=h["default"].tag(l,"label")[0],o=h["default"].tag(l,"input")[0],u=p["default"].matchCase(h["default"].getText(a),i.caseSensitive);""!==u&&d["default"].has(e,u,i.caseSensitive)?(o.checked=!0,this.setCheckListValues(o)):(o.checked=!1,this.setCheckListValues(o))}}}},{key:"destroy",value:function(){var t=this;this.emitter.off(["build-checklist-filter"],function(e,i,s){return t.build(i,s)}),this.emitter.off(["select-checklist-options"],function(e,i,s){return t.selectOptions(i,s)})}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.RowsCounter=void 0;var a=function(){function t(t,e){for(var i=0;i0?1:0),r=n+s.pagingLength-1<=e.nbVisibleRows?n+s.pagingLength-1:e.nbVisibleRows;i=n+this.fromToTextSeparator+r+this.overText+e.nbVisibleRows}}else i=t&&""!==t?t:e.nbFilterableRows-e.nbHiddenRows;this.rowsCounterSpan.innerHTML=i,this.onAfterRefreshCounter&&this.onAfterRefreshCounter.call(null,e,this.rowsCounterSpan,i)}}},{key:"destroy",value:function(){var t=this;this.initialized&&(!this.rowsCounterTgtId&&this.rowsCounterDiv?h["default"].remove(this.rowsCounterDiv):h["default"].id(this.rowsCounterTgtId).innerHTML="",this.rowsCounterSpan=null,this.rowsCounterDiv=null,this.emitter.off(["after-filtering","grouped-by-page"],function(){return t.refresh(tf.nbVisibleRows)}),this.emitter.off(["rows-changed"],function(){return t.refresh()}),this.initialized=!1)}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.StatusBar=void 0;var a=function(){function t(t,e){for(var i=0;i",i.btnPrevPageText=s.btn_prev_page_text||"<",i.btnLastPageText=s.btn_last_page_text||">|",i.btnFirstPageText=s.btn_first_page_text||"|<",i.btnNextPageHtml=s.btn_next_page_html||(t.enableIcons?'':null),i.btnPrevPageHtml=s.btn_prev_page_html||(t.enableIcons?'':null),i.btnFirstPageHtml=s.btn_first_page_html||(t.enableIcons?'':null),i.btnLastPageHtml=s.btn_last_page_html||(t.enableIcons?'':null),i.pageText=s.page_text||" Page ",i.ofText=s.of_text||" of ",i.nbPgSpanCssClass=s.nb_pages_css_class||"nbpg",i.hasPagingBtns=s.paging_btns===!1?!1:!0,i.pageSelectorType=s.page_selector_type||t.fltTypeSlc,i.onBeforeChangePage=c["default"].isFn(s.on_before_change_page)?s.on_before_change_page:null,i.onAfterChangePage=c["default"].isFn(s.on_after_change_page)?s.on_after_change_page:null,i.prfxSlcPages="slcPages_",i.prfxSlcResults="slcResults_",i.prfxSlcResultsTxt="slcResultsTxt_",i.prfxBtnNextSpan="btnNextSpan_",i.prfxBtnPrevSpan="btnPrevSpan_",i.prfxBtnLastSpan="btnLastSpan_",i.prfxBtnFirstSpan="btnFirstSpan_",i.prfxBtnNext="btnNext_",i.prfxBtnPrev="btnPrev_",i.prfxBtnLast="btnLast_",i.prfxBtnFirst="btnFirst_",i.prfxPgSpan="pgspan_",i.prfxPgBeforeSpan="pgbeforespan_",i.prfxPgAfterSpan="pgafterspan_";var l=t.refRow,a=t.nbRows;i.nbPages=Math.ceil((a-l)/i.pagingLength);var o=i;return i.evt={slcIndex:function(){return o.pageSelectorType===t.fltTypeSlc?o.pagingSlc.options.selectedIndex:parseInt(o.pagingSlc.value,10)-1},nbOpts:function(){return o.pageSelectorType===t.fltTypeSlc?parseInt(o.pagingSlc.options.length,10)-1:o.nbPages-1},next:function(){var t=o.evt.slcIndex()0?o.evt.slcIndex()-1:o.evt.nbOpts();o.changePage(t)},last:function(){o.changePage(o.evt.nbOpts())},first:function(){o.changePage(0)},_detectKey:function(e){var i=b["default"].keyCode(e);13===i&&(t.sorted?(t.filter(),o.changePage(o.evt.slcIndex())):o.changePage(),this.blur())},slcPagesChange:null,nextEvt:null,prevEvt:null,lastEvt:null,firstEvt:null},i}return l(e,t),o(e,[{key:"init",value:function(){var t,e=this,i=this.tf,s=this.evt;if(!this.initialized){this.hasResultsPerPage&&(this.resultsPerPage.length<2?this.hasResultsPerPage=!1:(this.pagingLength=this.resultsPerPage[1][0],this.setResultsPerPage())),s.slcPagesChange=function(t){var i=t.target;e.changePage(i.selectedIndex)},this.pageSelectorType===i.fltTypeSlc&&(t=f["default"].create(i.fltTypeSlc,["id",this.prfxSlcPages+i.id]),t.className=this.pgSlcCssClass,b["default"].add(t,"change",s.slcPagesChange)),this.pageSelectorType===i.fltTypeInp&&(t=f["default"].create(i.fltTypeInp,["id",this.prfxSlcPages+i.id],["value",this.currentPageNb]),t.className=this.pgInpCssClass,b["default"].add(t,"keypress",s._detectKey));var n=f["default"].create("span",["id",this.prfxBtnNextSpan+i.id]),r=f["default"].create("span",["id",this.prfxBtnPrevSpan+i.id]),l=f["default"].create("span",["id",this.prfxBtnLastSpan+i.id]),a=f["default"].create("span",["id",this.prfxBtnFirstSpan+i.id]);if(this.hasPagingBtns){if(this.btnNextPageHtml)n.innerHTML=this.btnNextPageHtml,b["default"].add(n,"click",s.next);else{var o=f["default"].create(i.fltTypeInp,["id",this.prfxBtnNext+i.id],["type","button"],["value",this.btnNextPageText],["title","Next"]);
-o.className=this.btnPageCssClass,b["default"].add(o,"click",s.next),n.appendChild(o)}if(this.btnPrevPageHtml)r.innerHTML=this.btnPrevPageHtml,b["default"].add(r,"click",s.prev);else{var u=f["default"].create(i.fltTypeInp,["id",this.prfxBtnPrev+i.id],["type","button"],["value",this.btnPrevPageText],["title","Previous"]);u.className=this.btnPageCssClass,b["default"].add(u,"click",s.prev),r.appendChild(u)}if(this.btnLastPageHtml)l.innerHTML=this.btnLastPageHtml,b["default"].add(l,"click",s.last);else{var h=f["default"].create(i.fltTypeInp,["id",this.prfxBtnLast+i.id],["type","button"],["value",this.btnLastPageText],["title","Last"]);h.className=this.btnPageCssClass,b["default"].add(h,"click",s.last),l.appendChild(h)}if(this.btnFirstPageHtml)a.innerHTML=this.btnFirstPageHtml,b["default"].add(a,"click",s.first);else{var d=f["default"].create(i.fltTypeInp,["id",this.prfxBtnFirst+i.id],["type","button"],["value",this.btnFirstPageText],["title","First"]);d.className=this.btnPageCssClass,b["default"].add(d,"click",s.first),a.appendChild(d)}}this.pagingTgtId||i.setToolbar();var c=this.pagingTgtId?f["default"].id(this.pagingTgtId):i.mDiv;c.appendChild(a),c.appendChild(r);var p=f["default"].create("span",["id",this.prfxPgBeforeSpan+i.id]);p.appendChild(f["default"].text(this.pageText)),p.className=this.nbPgSpanCssClass,c.appendChild(p),c.appendChild(t);var g=f["default"].create("span",["id",this.prfxPgAfterSpan+i.id]);g.appendChild(f["default"].text(this.ofText)),g.className=this.nbPgSpanCssClass,c.appendChild(g);var v=f["default"].create("span",["id",this.prfxPgSpan+i.id]);v.className=this.nbPgSpanCssClass,v.appendChild(f["default"].text(" "+this.nbPages+" ")),c.appendChild(v),c.appendChild(n),c.appendChild(l),this.pagingSlc=f["default"].id(this.prfxSlcPages+i.id),i.rememberGridValues||this.setPagingInfo(),i.fltGrid||(i.validateAllRows(),this.setPagingInfo(i.validRowsIndex)),this.emitter.on(["after-filtering"],function(){return e.resetPagingInfo()}),this.emitter.on(["initialized"],function(){return e.resetValues()}),this.initialized=!0}}},{key:"reset",value:function(){var t=arguments.length<=0||void 0===arguments[0]?!1:arguments[0],e=this.tf;this.isEnabled()||(this.enable(),this.init(),t&&e.filter())}},{key:"resetPagingInfo",value:function(){this.startPagingRow=0,this.currentPageNb=1,this.setPagingInfo(this.tf.validRowsIndex)}},{key:"setPagingInfo",value:function(t){var e=this.tf,i=this.pagingTgtId?f["default"].id(this.pagingTgtId):e.mDiv,s=f["default"].id(this.prfxPgSpan+e.id);if(e.validRowsIndex=t||e.getValidRows(!0),this.nbPages=Math.ceil(e.validRowsIndex.length/this.pagingLength),s.innerHTML=this.nbPages,this.pageSelectorType===e.fltTypeSlc&&(this.pagingSlc.innerHTML=""),this.nbPages>0)if(i.style.visibility="visible",this.pageSelectorType===e.fltTypeSlc)for(var n=0;nr;r++){var a=e.validRowsIndex[r],o=i[a],u=o.getAttribute("validRow"),h=!1;r>=s&&n>r?(c["default"].isNull(u)||Boolean("true"===u))&&(o.style.display="",h=!0):o.style.display="none",this.emitter.emit("row-paged",e,a,r,h)}e.nbVisibleRows=e.validRowsIndex.length,this.emitter.emit("grouped-by-page",e,this)}},{key:"getPage",value:function(){return this.currentPageNb}},{key:"setPage",value:function(t){var e=this.tf;if(e.hasGrid()&&this.isEnabled()){var i=this.evt,s="undefined"==typeof t?"undefined":a(t);if("string"===s)switch(g["default"].lower(t)){case"next":i.next();break;case"previous":i.prev();break;case"last":i.last();break;case"first":i.first();break;default:i.next()}else"number"===s&&this.changePage(t-1)}}},{key:"setResultsPerPage",value:function(){var t=this,e=this.tf,i=this.evt;if(!this.resultsPerPageSlc&&this.resultsPerPage){i.slcResultsChange=function(e){t.changeResultsPerPage(),e.target.blur()};var s=f["default"].create(e.fltTypeSlc,["id",this.prfxSlcResults+e.id]);s.className=this.resultsSlcCssClass;var n=this.resultsPerPage[0],r=this.resultsPerPage[1],l=f["default"].create("span",["id",this.prfxSlcResultsTxt+e.id]);l.className=this.resultsSpanCssClass,this.resultsPerPageTgtId||e.setToolbar();var a=this.resultsPerPageTgtId?f["default"].id(this.resultsPerPageTgtId):e.rDiv;l.appendChild(f["default"].text(n));var o=e.feature("help");o&&o.btn?(o.btn.parentNode.insertBefore(l,o.btn),o.btn.parentNode.insertBefore(s,o.btn)):(a.appendChild(l),a.appendChild(s));for(var u=0;u=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,this.startPagingRow=this.pageSelectorType===e.fltTypeSlc?this.pagingSlc.value:t*this.pagingLength,this.groupByPage(),this.onAfterChangePage&&this.onAfterChangePage.call(null,this,t)),this.emitter.emit("after-changing-page",e,t))}},{key:"changeResultsPerPage",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-changing-results-per-page",t);var e=this.resultsPerPageSlc,i=e.selectedIndex,s=this.pageSelectorType===t.fltTypeSlc?this.pagingSlc.selectedIndex:parseInt(this.pagingSlc.value-1,10);if(this.pagingLength=parseInt(e.options[i].value,10),this.startPagingRow=this.pagingLength*s,!isNaN(this.pagingLength)&&(this.startPagingRow>=t.nbFilterableRows&&(this.startPagingRow=t.nbFilterableRows-this.pagingLength),this.setPagingInfo(),this.pageSelectorType===t.fltTypeSlc)){var n=this.pagingSlc.options.length-1<=s?this.pagingSlc.options.length-1:s;this.pagingSlc.options[n].selected=!0}this.emitter.emit("after-changing-results-per-page",t,i)}}},{key:"resetValues",value:function(){var t=this.tf;t.rememberPageLen&&this.resetPageLength(),t.rememberPageNb&&this.resetPage()}},{key:"resetPage",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-reset-page",t);var e=t.feature("store").getPageNb();""!==e&&this.changePage(e-1),this.emitter.emit("after-reset-page",t,e)}}},{key:"resetPageLength",value:function(){var t=this.tf;if(this.isEnabled()){this.emitter.emit("before-reset-page-length",t);var e=t.feature("store").getPageLength();""!==e&&(this.resultsPerPageSlc.options[e].selected=!0,this.changeResultsPerPage()),this.emitter.emit("after-reset-page-length",t,e)}}},{key:"destroy",value:function(){var t=this,e=this.tf;if(this.initialized){var i=f["default"].id(this.prfxBtnNextSpan+e.id),s=f["default"].id(this.prfxBtnPrevSpan+e.id),n=f["default"].id(this.prfxBtnLastSpan+e.id),r=f["default"].id(this.prfxBtnFirstSpan+e.id),l=f["default"].id(this.prfxPgBeforeSpan+e.id),a=f["default"].id(this.prfxPgAfterSpan+e.id),o=f["default"].id(this.prfxPgSpan+e.id),u=this.evt;this.pagingSlc&&(this.pageSelectorType===e.fltTypeSlc?b["default"].remove(this.pagingSlc,"change",u.slcPagesChange):this.pageSelectorType===e.fltTypeInp&&b["default"].remove(this.pagingSlc,"keypress",u._detectKey),f["default"].remove(this.pagingSlc)),i&&(b["default"].remove(i,"click",u.next),f["default"].remove(i)),s&&(b["default"].remove(s,"click",u.prev),f["default"].remove(s)),n&&(b["default"].remove(n,"click",u.last),f["default"].remove(n)),r&&(b["default"].remove(r,"click",u.first),f["default"].remove(r)),l&&f["default"].remove(l),a&&f["default"].remove(a),o&&f["default"].remove(o),this.hasResultsPerPage&&this.removeResultsPerPage(),this.emitter.off(["after-filtering"],function(){return t.resetPagingInfo()}),this.emitter.off(["initialized"],function(){return t.resetValues()}),this.pagingSlc=null,this.nbPages=0,this.disable(),this.initialized=!1}}}]),e}(u.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.ClearButton=void 0;var a=function(){function t(t,e){for(var i=0;i':null),i.prfxResetSpan="resetspan_",i}return l(e,t),a(e,[{key:"onClick",value:function(){this.isEnabled()&&this.tf.clearFilters()}},{key:"init",value:function(){var t=this,e=this.tf;if(!this.initialized){var i=h["default"].create("span",["id",this.prfxResetSpan+e.id]);this.btnResetTgtId||e.setToolbar();var s=this.btnResetTgtId?h["default"].id(this.btnResetTgtId):e.rDiv;if(s.appendChild(i),this.btnResetHtml){i.innerHTML=this.btnResetHtml;var n=i.firstChild;d["default"].add(n,"click",function(){t.onClick()})}else{var r=h["default"].create("a",["href","javascript:void(0);"]);r.className=e.btnResetCssClass,r.appendChild(h["default"].text(this.btnResetText)),i.appendChild(r),d["default"].add(r,"click",function(){t.onClick()})}this.btnResetEl=i.firstChild,this.initialized=!0}}},{key:"destroy",value:function(){var t=this.tf;if(this.initialized){var e=h["default"].id(this.prfxResetSpan+t.id);e&&h["default"].remove(e),this.btnResetEl=null,this.initialized=!1}}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.Help=void 0;var a=function(){function t(t,e){for(var i=0;i<, <=, >, >=, =, *, !, {, }, ||,&&, [empty], [nonempty], rgx:
Learn more
',i.instrHtml=s.help_instructions_html||null,i.btnText=s.help_instructions_btn_text||"?",i.btnHtml=s.help_instructions_btn_html||null,i.btnCssClass=s.help_instructions_btn_css_class||"helpBtn",i.contCssClass=s.help_instructions_container_css_class||"helpCont",i.btn=null,i.cont=null,i.defaultHtml='',i.prfxHelpSpan="helpSpan_",i.prfxHelpDiv="helpDiv_",i.emitter.on(["init-help"],function(){return i.init()}),i}return l(e,t),a(e,[{key:"init",value:function(){var t=this;if(!this.initialized){var e=this.tf,i=h["default"].create("span",["id",this.prfxHelpSpan+e.id]),s=h["default"].create("div",["id",this.prfxHelpDiv+e.id]);this.tgtId||e.setToolbar();var n=this.tgtId?h["default"].id(this.tgtId):e.rDiv;n.appendChild(i);var r=this.contTgtId?h["default"].id(this.contTgtId):i;if(this.btnHtml){i.innerHTML=this.btnHtml;var l=i.firstChild;d["default"].add(l,"click",function(){t.toggle()}),r.appendChild(s)}else{r.appendChild(s);var a=h["default"].create("a",["href","javascript:void(0);"]);a.className=this.btnCssClass,a.appendChild(h["default"].text(this.btnText)),i.appendChild(a),d["default"].add(a,"click",function(){t.toggle()})}this.instrHtml?(this.contTgtId&&r.appendChild(s),s.innerHTML=this.instrHtml,this.contTgtId||(s.className=this.contCssClass,d["default"].add(s,"dblclick",function(){t.toggle()}))):(s.innerHTML=this.instrText,s.className=this.contCssClass,d["default"].add(s,"dblclick",function(){t.toggle()})),s.innerHTML+=this.defaultHtml,d["default"].add(s,"click",function(){t.toggle()}),this.cont=s,this.btn=i,this.initialized=!0}}},{key:"toggle",value:function(){if(this.enabled!==!1){var t=this.cont.style.display;""===t||"none"===t?this.cont.style.display="inline":this.cont.style.display="none"}}},{key:"destroy",value:function(){this.initialized&&(h["default"].remove(this.btn),this.btn=null,this.cont&&(h["default"].remove(this.cont),this.cont=null,this.initialized=!1))}}]),e}(o.Feature)},function(t,e,i){"use strict";function s(t){return t&&t.__esModule?t:{"default":t}}function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0}),e.AlternateRows=void 0;var a=function(){function t(t,e){for(var i=0;il;l++){var a=i?l:e[l];this.setRowBg(a,r),r++}}},{key:"processRow",value:function(t,e,i){i?this.setRowBg(t,e):this.removeRowBg(t)}},{key:"setRowBg",value:function(t,e){if(this.isEnabled()&&!isNaN(t)){var i=this.tf.tbl.rows,s=isNaN(e)?t:e;this.removeRowBg(t),h["default"].addClass(i[t],s%2?this.evenCss:this.oddCss)}}},{key:"removeRowBg",value:function(t){if(!isNaN(t)){var e=this.tf.tbl.rows;h["default"].removeClass(e[t],this.oddCss),h["default"].removeClass(e[t],this.evenCss)}}},{key:"destroy",value:function(){var t=this;if(this.initialized){for(var e=0;e0?this.hide():this.show()}},{key:"show",value:function(){this.initialized&&this.isEnabled()&&(this.onBeforeShowMsg&&this.onBeforeShowMsg.call(null,this.tf,this),this.setWidth(),this.cont.style.display="block",this.onAfterShowMsg&&this.onAfterShowMsg.call(null,this.tf,this))}},{key:"hide",value:function(){this.initialized&&this.isEnabled()&&(this.onBeforeHideMsg&&this.onBeforeHideMsg.call(null,this.tf,this),this.cont.style.display="none",this.onBeforeHideMsg&&this.onBeforeHideMsg.call(null,this.tf,this))}},{key:"setWidth",value:function(){if(this.initialized&&!this.isExternal&&this.isEnabled())if(this.tf.gridLayout){var t=this.tf.feature("gridLayout");this.cont.style.width=t.tblCont.clientWidth+"px"}else this.cont.style.width=this.tf.tbl.clientWidth+"px"}},{key:"destroy",value:function(){var t=this;this.initialized&&(h["default"].remove(this.cont),this.cont=null,this.emitter.off(["after-filtering"],function(){return t.toggle()}),this.initialized=!1)}}]),e}(o.Feature)}])});
\ No newline at end of file
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.TableFilter = undefined;
+
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+
+ 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; }; }();
+
+ // Features
+
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ var _date = __webpack_require__(5);
+
+ var _date2 = _interopRequireDefault(_date);
+
+ var _helpers = __webpack_require__(6);
+
+ var _helpers2 = _interopRequireDefault(_helpers);
+
+ var _emitter = __webpack_require__(7);
+
+ var _store = __webpack_require__(8);
+
+ var _gridLayout = __webpack_require__(10);
+
+ var _loader = __webpack_require__(12);
+
+ var _highlightKeywords = __webpack_require__(13);
+
+ var _popupFilter = __webpack_require__(14);
+
+ var _dropdown = __webpack_require__(15);
+
+ var _checkList = __webpack_require__(18);
+
+ var _rowsCounter = __webpack_require__(19);
+
+ var _statusBar = __webpack_require__(20);
+
+ var _paging = __webpack_require__(21);
+
+ var _clearButton = __webpack_require__(22);
+
+ var _help = __webpack_require__(23);
+
+ var _alternateRows = __webpack_require__(24);
+
+ var _noResults = __webpack_require__(25);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ var global = window,
+ doc = global.document;
+
+ var TableFilter = exports.TableFilter = function () {
+
+ /**
+ * TableFilter object constructor
+ * requires `table` or `id` arguments, `row` and `configuration` optional
+ * @param {DOMElement} table Table DOM element
+ * @param {String} id Table id
+ * @param {Number} row index indicating the 1st row
+ * @param {Object} configuration object
+ */
+
+ function TableFilter() {
+ var _this = this;
+
+ _classCallCheck(this, TableFilter);
+
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ if (args.length === 0) {
+ return;
+ }
+
+ this.id = null;
+ this.version = '0.1.19';
+ this.year = new Date().getFullYear();
+ this.tbl = null;
+ this.startRow = null;
+ this.refRow = null;
+ this.headersRow = null;
+ this.cfg = {};
+ this.nbFilterableRows = null;
+ this.nbRows = null;
+ this.nbCells = null;
+ this._hasGrid = false;
+
+ // TODO: use for-of with babel plug-in
+ args.forEach(function (arg) {
+ // for (let arg of args) {
+ var argtype = typeof arg === 'undefined' ? 'undefined' : _typeof(arg);
+ if (argtype === 'object' && arg && arg.nodeName === 'TABLE') {
+ _this.tbl = arg;
+ _this.id = arg.id || 'tf_' + new Date().getTime() + '_';
+ } else if (argtype === 'string') {
+ _this.id = arg;
+ _this.tbl = _dom2.default.id(arg);
+ } else if (argtype === 'number') {
+ _this.startRow = arg;
+ } else if (argtype === 'object') {
+ _this.cfg = arg;
+ }
+ // }
+ });
+
+ if (!this.tbl || this.tbl.nodeName != 'TABLE' || this.getRowsNb() === 0) {
+ throw new Error('Could not instantiate TableFilter: HTML table not found.');
+ }
+
+ // configuration object
+ var f = this.cfg;
+
+ this.emitter = new _emitter.Emitter();
+
+ //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;
+
+ //enables/disables grid layout (fixed headers)
+ this.gridLayout = Boolean(f.grid_layout);
+
+ this.filtersRowIndex = isNaN(f.filters_row_index) ? 0 : f.filters_row_index;
+ this.headersRow = isNaN(f.headers_row_index) ? this.filtersRowIndex === 0 ? 1 : 0 : f.headers_row_index;
+
+ //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 valid rows indexes (rows visible upon filtering)
+ this.validRowsIndex = [];
+ //stores filters row element
+ this.fltGridEl = null;
+ //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.alternateRows = 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);
+ //has exact match per column
+ this.hasExactMatchByCol = _types2.default.isArray(f.columns_exact_match);
+ this.exactMatchByCol = this.hasExactMatchByCol ? f.columns_exact_match : [];
+ //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 || [];
+ //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_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.help = _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 : [];
+ //enables/disables descending numeric options sorting
+ this.isSortNumDesc = Boolean(f.sort_num_desc);
+ this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : [];
+ //Select filters are populated on demand
+ this.loadFltOnDemand = Boolean(f.load_filters_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);
+
+ /*** No results feature ***/
+ this.noResults = _types2.default.isObj(f.no_results_message) || Boolean(f.no_results_message);
+
+ /*** 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;
+
+ /*** 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 ***/
+ //remembers filters values on page load
+ this.rememberGridValues = Boolean(f.remember_grid_values);
+ //remembers page nb on page load
+ this.rememberPageNb = this.paging && f.remember_page_number;
+ //remembers page length on page load
+ this.rememberPageLen = this.paging && f.remember_page_length;
+ this.hasPersistence = this.rememberGridValues || this.rememberPageNb || this.rememberPageLen;
+
+ /*** 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 = {
+ // Detect key
+
+ detectKey: function detectKey(e) {
+ if (!this.enterKey) {
+ return;
+ }
+ if (e) {
+ var key = _event2.default.keyCode(e);
+ if (key === 13) {
+ this.filter();
+ _event2.default.cancel(e);
+ _event2.default.stop(e);
+ } 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 key = _event2.default.keyCode(e);
+ this.isUserTyping = false;
+
+ function filter() {
+ 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);
+ }
+ this.emitter.emit('filter-blur', this);
+ },
+
+ // set focused text-box filter as active
+ onInpFocus: function onInpFocus(e) {
+ var elm = _event2.default.target(e);
+ this.activeFilterId = elm.getAttribute('id');
+ this.activeFlt = _dom2.default.id(this.activeFilterId);
+ this.emitter.emit('filter-focus', this);
+ }
+ };
+ }
+
+ /**
+ * Initialise features and layout
+ */
+
+
+ _createClass(TableFilter, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this._hasGrid) {
+ return;
+ }
+
+ var Mod = this.Mod;
+ var n = this.singleSearchFlt ? 1 : this.nbCells,
+ inpclass = void 0;
+
+ //loads stylesheet if not imported
+ this.import(this.stylesheetId, this.stylesheet, null, 'link');
+
+ //loads theme
+ if (this.hasThemes) {
+ this.loadThemes();
+ }
+
+ // Instantiate help feature and initialise only if set true
+ if (!Mod.help) {
+ Mod.help = new _help.Help(this);
+ }
+ if (this.help) {
+ Mod.help.init();
+ }
+
+ if (this.hasPersistence) {
+ if (!Mod.store) {
+ Mod.store = new _store.Store(this);
+ }
+ Mod.store.init();
+ }
+
+ if (this.gridLayout) {
+ if (!Mod.gridLayout) {
+ Mod.gridLayout = new _gridLayout.GridLayout(this);
+ }
+ Mod.gridLayout.init();
+ }
+
+ if (this.loader) {
+ if (!Mod.loader) {
+ Mod.loader = new _loader.Loader(this);
+ }
+ Mod.loader.init();
+ }
+
+ if (this.highlightKeywords) {
+ Mod.highlightKeyword = new _highlightKeywords.HighlightKeyword(this);
+ Mod.highlightKeyword.init();
+ }
+
+ if (this.popupFilters) {
+ if (!Mod.popupFilter) {
+ Mod.popupFilter = new _popupFilter.PopupFilter(this);
+ }
+ Mod.popupFilter.init();
+ }
+
+ //filters grid is not generated
+ if (!this.fltGrid) {
+ this._initNoFilters();
+ } else {
+ var fltrow = this._insertFiltersRow();
+
+ this.nbFilterableRows = this.getRowsNb();
+ this.nbVisibleRows = this.nbFilterableRows;
+ this.nbRows = this.tbl.rows.length;
+
+ // Generate filters
+ for (var i = 0; i < n; i++) {
+ this.emitter.emit('before-filter-init', this, i);
+
+ var fltcell = _dom2.default.create(this.fltCellTag),
+ col = this.getFilterType(i);
+
+ 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);
+ }
+ Mod.dropdown.init(i, this.isExternalFlt, fltcell);
+ }
+ // checklist
+ else if (col === this.fltTypeCheckList) {
+ if (!Mod.checkList) {
+ Mod.checkList = new _checkList.CheckList(this);
+ }
+ Mod.checkList.init(i, this.isExternalFlt, fltcell);
+ } else {
+ this._buildInputFilter(i, inpclass, fltcell);
+ }
+
+ // this adds submit button
+ if (i == n - 1 && this.displayBtn) {
+ this._buildSubmitButton(i, fltcell);
+ }
+
+ this.emitter.emit('after-filter-init', this, i);
+ }
+ } //if this.fltGrid
+
+ /* Features */
+ if (this.hasVisibleRows) {
+ this.emitter.on(['after-filtering'], function () {
+ return _this2.enforceVisibility();
+ });
+ 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) {
+ if (!Mod.paging) {
+ Mod.paging = new _paging.Paging(this);
+ Mod.paging.init();
+ } else {
+ Mod.paging.reset();
+ }
+ }
+ if (this.btnReset) {
+ Mod.clearButton = new _clearButton.ClearButton(this);
+ Mod.clearButton.init();
+ }
+
+ if (this.hasColWidths && !this.gridLayout) {
+ this.setColWidths();
+ }
+ if (this.alternateRows) {
+ Mod.alternateRows = new _alternateRows.AlternateRows(this);
+ Mod.alternateRows.init();
+ }
+ if (this.noResults) {
+ if (!Mod.noResults) {
+ Mod.noResults = new _noResults.NoResults(this);
+ }
+ Mod.noResults.init();
+ }
+
+ this._hasGrid = true;
+
+ if (this.hasPersistence) {
+ this.resetFilterValues();
+ }
+
+ //TF css class is added to table
+ if (!this.gridLayout) {
+ _dom2.default.addClass(this.tbl, this.prfxTf);
+ }
+
+ /* Loads extensions */
+ if (this.hasExtensions) {
+ this.initExtensions();
+ }
+
+ // Subscribe to events
+ if (this.markActiveColumns) {
+ this.emitter.on(['before-filtering'], function () {
+ return _this2.clearActiveColumns();
+ });
+ this.emitter.on(['cell-processed'], function (tf, colIndex) {
+ return _this2.markActiveColumn(colIndex);
+ });
+ }
+ if (this.linkedFilters) {
+ this.emitter.on(['after-filtering'], function () {
+ return _this2.linkFilters();
+ });
+ }
+
+ if (this.onFiltersLoaded) {
+ this.onFiltersLoaded.call(null, this);
+ }
+
+ this.initialized = true;
+ this.emitter.emit('initialized', this);
+ }
+
+ /**
+ * Insert filters row at initialization
+ */
+
+ }, {
+ key: '_insertFiltersRow',
+ value: function _insertFiltersRow() {
+ if (this.gridLayout) {
+ return;
+ }
+ var fltrow = void 0;
+
+ 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);
+ }
+
+ fltrow.className = this.fltsRowCssClass;
+
+ if (this.isExternalFlt) {
+ fltrow.style.display = 'none';
+ }
+
+ this.emitter.emit('filters-row-inserted', this, fltrow);
+ return fltrow;
+ }
+
+ /**
+ * Initialize filtersless table
+ */
+
+ }, {
+ key: '_initNoFilters',
+ value: function _initNoFilters() {
+ if (this.fltGrid) {
+ return;
+ }
+ this.refRow = this.refRow > 0 ? this.refRow - 1 : 0;
+ this.nbFilterableRows = this.getRowsNb();
+ this.nbVisibleRows = this.nbFilterableRows;
+ this.nbRows = this.nbFilterableRows + this.refRow;
+ }
+
+ /**
+ * Build input filter type
+ * @param {Number} colIndex Column index
+ * @param {String} cssClass Css class applied to filter
+ * @param {DOMElement} container Container DOM element
+ */
+
+ }, {
+ key: '_buildInputFilter',
+ value: function _buildInputFilter(colIndex, cssClass, container) {
+ var col = this.getFilterType(colIndex);
+ var externalFltTgtId = this.isExternalFlt ? this.externalFltTgtIds[colIndex] : null;
+ var inptype = col === this.fltTypeInp ? 'text' : 'hidden';
+ var inp = _dom2.default.create(this.fltTypeInp, ['id', this.prfxFlt + colIndex + '_' + this.id], ['type', inptype], ['ct', colIndex]);
+
+ if (inptype !== 'hidden' && this.watermark) {
+ inp.setAttribute('placeholder', this.isWatermarkArray ? this.watermark[colIndex] || '' : this.watermark);
+ }
+ inp.className = cssClass || this.fltCssClass;
+ _event2.default.add(inp, 'focus', this.Evt.onInpFocus.bind(this));
+
+ //filter is appended in custom element
+ if (externalFltTgtId) {
+ _dom2.default.id(externalFltTgtId).appendChild(inp);
+ this.externalFltEls.push(inp);
+ } else {
+ container.appendChild(inp);
+ }
+
+ this.fltIds.push(inp.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));
+ }
+
+ /**
+ * Build submit button
+ * @param {Number} colIndex Column index
+ * @param {DOMElement} container Container DOM element
+ */
+
+ }, {
+ key: '_buildSubmitButton',
+ value: function _buildSubmitButton(colIndex, container) {
+ var _this3 = this;
+
+ var externalFltTgtId = this.isExternalFlt ? this.externalFltTgtIds[colIndex] : null;
+ var btn = _dom2.default.create(this.fltTypeInp, ['id', this.prfxValButton + colIndex + '_' + this.id], ['type', 'button'], ['value', this.btnText]);
+ btn.className = this.btnCssClass;
+
+ //filter is appended in custom element
+ if (externalFltTgtId) {
+ _dom2.default.id(externalFltTgtId).appendChild(btn);
+ } else {
+ container.appendChild(btn);
+ }
+
+ _event2.default.add(btn, 'click', function () {
+ return _this3.filter();
+ });
+ }
+
+ /**
+ * Return a feature instance for a given name
+ * @param {String} name Name of the feature
+ * @return {Object}
+ */
+
+ }, {
+ key: 'feature',
+ value: function feature(name) {
+ return this.Mod[name];
+ }
+
+ /**
+ * Initialise all the extensions defined in the configuration object
+ */
+
+ }, {
+ key: 'initExtensions',
+ value: function initExtensions() {
+ var exts = this.extensions;
+ // Set config's publicPath dynamically for Webpack...
+ __webpack_require__.p = this.basePath;
+
+ this.emitter.emit('before-loading-extensions', this);
+ for (var i = 0, len = exts.length; i < len; i++) {
+ var ext = exts[i];
+ if (!this.ExtRegistry[ext.name]) {
+ this.loadExtension(ext);
+ }
+ }
+ this.emitter.emit('after-loading-extensions', this);
+ }
+
+ /**
+ * Load an extension module
+ * @param {Object} ext Extension config object
+ */
+
+ }, {
+ key: 'loadExtension',
+ value: function loadExtension(ext) {
+ var _this4 = this;
+
+ if (!ext || !ext.name) {
+ return;
+ }
+
+ var name = ext.name;
+ var path = ext.path;
+ var modulePath = void 0;
+
+ if (name && path) {
+ modulePath = ext.path + name;
+ } else {
+ name = name.replace('.js', '');
+ modulePath = 'extensions/{}/{}'.replace(/{}/g, name);
+ }
+
+ // Require pattern for Webpack
+ __webpack_require__.e/* require */(1, function(__webpack_require__) { var __WEBPACK_AMD_REQUIRE_ARRAY__ = [__webpack_require__(26)("./" + modulePath)]; (function (mod) {
+ /* eslint-disable */
+ var inst = new mod.default(_this4, ext);
+ /* eslint-enable */
+ inst.init();
+ _this4.ExtRegistry[name] = inst;
+ }.apply(null, __WEBPACK_AMD_REQUIRE_ARRAY__));});
+ }
+
+ /**
+ * Get an extension instance
+ * @param {String} name Name of the extension
+ * @return {Object} Extension instance
+ */
+
+ }, {
+ key: 'extension',
+ value: function extension(name) {
+ return this.ExtRegistry[name];
+ }
+
+ /**
+ * Check passed extension name exists
+ * @param {String} name Name of the extension
+ * @return {Boolean}
+ */
+
+ }, {
+ key: 'hasExtension',
+ value: function hasExtension(name) {
+ return !_types2.default.isEmpty(this.ExtRegistry[name]);
+ }
+
+ /**
+ * Destroy all the extensions defined in the configuration object
+ */
+
+ }, {
+ key: 'destroyExtensions',
+ 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;
+ }
+ }
+ }
+
+ /**
+ * Load themes defined in the configuration object
+ */
+
+ }, {
+ key: 'loadThemes',
+ value: function loadThemes() {
+ var themes = this.themes;
+ this.emitter.emit('before-loading-themes', this);
+
+ //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 = '';
+
+ //Paging buttons
+ this.btnPrevPageHtml = '';
+ this.btnNextPageHtml = '';
+ this.btnFirstPageHtml = '';
+ this.btnLastPageHtml = '';
+
+ //Loader
+ this.loader = true;
+ this.loaderHtml = '';
+ this.loaderText = null;
+
+ this.emitter.emit('after-loading-themes', this);
+ }
+
+ /**
+ * Return stylesheet DOM element for a given theme name
+ * @return {DOMElement} stylesheet element
+ */
+
+ }, {
+ key: 'getStylesheet',
+ value: function getStylesheet() {
+ var name = arguments.length <= 0 || arguments[0] === undefined ? 'default' : arguments[0];
+
+ return _dom2.default.id(this.prfxTf + name);
+ }
+
+ /**
+ * Destroy filter grid
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this5 = this;
+
+ if (!this._hasGrid) {
+ return;
+ }
+ var rows = this.tbl.rows,
+ Mod = this.Mod,
+ emitter = this.emitter;
+
+ if (this.isExternalFlt && !this.popupFilters) {
+ this.removeExternalFlts();
+ }
+ if (this.infDiv) {
+ this.removeToolbar();
+ }
+ if (this.markActiveColumns) {
+ this.clearActiveColumns();
+ emitter.off(['before-filtering'], function () {
+ return _this5.clearActiveColumns();
+ });
+ emitter.off(['cell-processed'], function (tf, colIndex) {
+ return _this5.markActiveColumn(colIndex);
+ });
+ }
+ if (this.hasExtensions) {
+ this.destroyExtensions();
+ }
+
+ this.validateAllRows();
+
+ if (this.fltGrid && !this.gridLayout) {
+ this.fltGridEl = rows[this.filtersRowIndex];
+ this.tbl.deleteRow(this.filtersRowIndex);
+ }
+
+ // broadcast destroy event
+ emitter.emit('destroy', this);
+
+ // Destroy modules
+ // TODO: subcribe modules to destroy event instead
+ Object.keys(Mod).forEach(function (key) {
+ var feature = Mod[key];
+ if (feature && _types2.default.isFn(feature.destroy)) {
+ feature.destroy();
+ }
+ });
+
+ // unsubscribe to events
+ if (this.hasVisibleRows) {
+ emitter.off(['after-filtering'], function () {
+ return _this5.enforceVisibility();
+ });
+ }
+ if (this.linkedFilters) {
+ emitter.off(['after-filtering'], function () {
+ return _this5.linkFilters();
+ });
+ }
+
+ _dom2.default.removeClass(this.tbl, this.prfxTf);
+ this.nbHiddenRows = 0;
+ this.validRowsIndex = [];
+ this.fltIds = [];
+ this.activeFlt = null;
+ this._hasGrid = false;
+ this.initialized = false;
+ }
+
+ /**
+ * Generate container element for paging, reset button, rows counter etc.
+ */
+
+ }, {
+ key: 'setToolbar',
+ 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);
+
+ // emit help initialisation only if undefined
+ if (_types2.default.isUndef(this.help)) {
+ this.emitter.emit('init-help', this);
+ }
+ }
+
+ /**
+ * Remove toolbar container element
+ */
+
+ }, {
+ key: 'removeToolbar',
+ value: function removeToolbar() {
+ if (!this.infDiv) {
+ return;
+ }
+ _dom2.default.remove(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) {
+ return tbl.removeChild(elm);
+ });
+ }
+ }
+
+ /**
+ * Remove all the external column filters
+ */
+
+ }, {
+ key: 'removeExternalFlts',
+ value: function removeExternalFlts() {
+ if (!this.isExternalFlt) {
+ 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 = '';
+ }
+ }
+ }
+
+ /**
+ * Check if given column implements a filter with custom options
+ * @param {Number} colIndex Column's index
+ * @return {Boolean}
+ */
+
+ }, {
+ key: 'isCustomOptions',
+ value: function isCustomOptions(colIndex) {
+ return this.hasCustomOptions && this.customOptions.cols.indexOf(colIndex) != -1;
+ }
+
+ /**
+ * Returns an array [[value0, value1 ...],[text0, text1 ...]] with the
+ * custom options values and texts
+ * @param {Number} colIndex Column's index
+ * @return {Array}
+ */
+
+ }, {
+ key: 'getCustomOptions',
+ value: function getCustomOptions(colIndex) {
+ if (_types2.default.isEmpty(colIndex) || !this.isCustomOptions(colIndex)) {
+ return;
+ }
+
+ var customOptions = this.customOptions;
+ var cols = customOptions.cols;
+ var optTxt = [],
+ optArray = [];
+ var index = cols.indexOf(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];
+ }
+
+ /**
+ * Reset persisted filter values
+ */
+
+ }, {
+ key: 'resetFilterValues',
+ value: function resetFilterValues() {
+ var _this6 = this;
+
+ if (!this.rememberGridValues) {
+ return;
+ }
+
+ var storeValues = this.Mod.store.getFilterValues();
+ storeValues.forEach(function (val, idx) {
+ if (val !== ' ') {
+ _this6.setFilterValue(idx, val);
+ }
+ });
+ this.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.
+ */
+
+ }, {
+ key: 'filter',
+ value: function filter() {
+ if (!this.fltGrid || !this._hasGrid) {
+ return;
+ }
+ //invoke onbefore callback
+ if (this.onBeforeFilter) {
+ this.onBeforeFilter.call(null, this);
+ }
+ this.emitter.emit('before-filtering', this);
+
+ var row = this.tbl.rows,
+ hiddenrows = 0;
+
+ this.validRowsIndex = [];
+ // search args re-init
+ var searchArgs = this.getFiltersValue();
+
+ var numCellData, 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(_string2.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(_string2.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 !== '') {
+ this.emitter.emit('highlight-keyword', this, cell, w);
+ }
+ }
+ }
+
+ //looks for search argument in current row
+ function hasArg(sA, cellData, j) {
+ /*jshint validthis:true */
+ sA = _string2.default.matchCase(sA, this.caseSensitive);
+
+ var occurence = void 0,
+ 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 && _date2.default.isValid(sA.replace(re_l, ''), dtType);
+ var isLEDate = hasLE && _date2.default.isValid(sA.replace(re_le, ''), dtType);
+ var isGDate = hasGR && _date2.default.isValid(sA.replace(re_g, ''), dtType);
+ var isGEDate = hasGE && _date2.default.isValid(sA.replace(re_ge, ''), dtType);
+ var isDFDate = hasDF && _date2.default.isValid(sA.replace(re_d, ''), dtType);
+ var isEQDate = hasEQ && _date2.default.isValid(sA.replace(re_eq, ''), dtType);
+
+ var dte1 = void 0,
+ dte2 = void 0;
+ //dates
+ if (_date2.default.isValid(cellData, dtType)) {
+ dte1 = _date2.default.format(cellData, dtType);
+ // lower date
+ if (isLDate) {
+ dte2 = _date2.default.format(sA.replace(re_l, ''), dtType);
+ occurence = dte1 < dte2;
+ }
+ // lower equal date
+ else if (isLEDate) {
+ dte2 = _date2.default.format(sA.replace(re_le, ''), dtType);
+ occurence = dte1 <= dte2;
+ }
+ // greater equal date
+ else if (isGEDate) {
+ dte2 = _date2.default.format(sA.replace(re_ge, ''), dtType);
+ occurence = dte1 >= dte2;
+ }
+ // greater date
+ else if (isGDate) {
+ dte2 = _date2.default.format(sA.replace(re_g, ''), dtType);
+ occurence = dte1 > dte2;
+ }
+ // different date
+ else if (isDFDate) {
+ dte2 = _date2.default.format(sA.replace(re_d, ''), dtType);
+ occurence = dte1.toString() != dte2.toString();
+ }
+ // equal date
+ else if (isEQDate) {
+ dte2 = _date2.default.format(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 = _string2.default.contains(sA.replace(re_lk, ''), cellData, false, this.caseSensitive);
+ } else if (_date2.default.isValid(sA, dtType)) {
+ dte2 = _date2.default.format(sA, dtType);
+ occurence = dte1.toString() === dte2.toString();
+ }
+ //empty
+ else if (hasEM) {
+ occurence = _string2.default.isEmpty(cellData);
+ }
+ //non-empty
+ else if (hasNM) {
+ occurence = !_string2.default.isEmpty(cellData);
+ } else {
+ occurence = _string2.default.contains(sA, cellData, this.isExactMatch(j), this.caseSensitive);
+ }
+ } else {
+ //first numbers need to be formated
+ if (this.hasColNbFormat && this.colNbFormat[j]) {
+ numCellData = removeNbFormat(cellData, this.colNbFormat[j]);
+ nbFormat = this.colNbFormat[j];
+ } else {
+ if (this.thousandsSeparator === ',' && this.decimalSeparator === '.') {
+ numCellData = removeNbFormat(cellData, 'us');
+ nbFormat = 'us';
+ } else {
+ numCellData = removeNbFormat(cellData, 'eu');
+ nbFormat = 'eu';
+ }
+ }
+
+ // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},
+ // rgx:)
+ // lower equal
+ if (hasLE) {
+ occurence = numCellData <= removeNbFormat(sA.replace(re_le, ''), nbFormat);
+ }
+ //greater equal
+ else if (hasGE) {
+ occurence = numCellData >= removeNbFormat(sA.replace(re_ge, ''), nbFormat);
+ }
+ //lower
+ else if (hasLO) {
+ occurence = numCellData < removeNbFormat(sA.replace(re_l, ''), nbFormat);
+ }
+ //greater
+ else if (hasGR) {
+ occurence = numCellData > removeNbFormat(sA.replace(re_g, ''), nbFormat);
+ }
+ //different
+ else if (hasDF) {
+ occurence = _string2.default.contains(sA.replace(re_d, ''), cellData, false, this.caseSensitive) ? false : true;
+ }
+ //like
+ else if (hasLK) {
+ occurence = _string2.default.contains(sA.replace(re_lk, ''), cellData, false, this.caseSensitive);
+ }
+ //equal
+ else if (hasEQ) {
+ occurence = _string2.default.contains(sA.replace(re_eq, ''), cellData, true, this.caseSensitive);
+ }
+ //starts with
+ else if (hasST) {
+ occurence = cellData.indexOf(sA.replace(re_st, '')) === 0 ? true : false;
+ }
+ //ends with
+ else if (hasEN) {
+ var searchArg = sA.replace(re_en, '');
+ occurence = cellData.lastIndexOf(searchArg, cellData.length - 1) === cellData.length - 1 - (searchArg.length - 1) && cellData.lastIndexOf(searchArg, cellData.length - 1) > -1 ? true : false;
+ }
+ //empty
+ else if (hasEM) {
+ occurence = _string2.default.isEmpty(cellData);
+ }
+ //non-empty
+ else if (hasNM) {
+ occurence = !_string2.default.isEmpty(cellData);
+ }
+ //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(cellData);
+ } catch (e) {
+ occurence = false;
+ }
+ } else {
+ occurence = _string2.default.contains(sA, cellData, this.isExactMatch(j), this.caseSensitive);
+ }
+ } //else
+ return occurence;
+ } //fn
+
+ for (var k = this.refRow; k < this.nbRows; k++) {
+ // already filtered rows display re-init
+ 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 = searchArgs[this.singleSearchFlt ? 0 : j];
+ var dtType = this.hasColDateType ? this.colDateType[j] : this.defaultDateType;
+
+ if (sA === '') {
+ continue;
+ }
+
+ var cellData = _string2.default.matchCase(this.getCellData(cell[j]), this.caseSensitive);
+
+ //multiple search parameter operator ||
+ var sAOrSplit = sA.toString().split(this.orOperator),
+
+ //multiple search || parameter boolean
+ hasMultiOrSA = sAOrSplit.length > 1,
+
+ //multiple search parameter operator &&
+ sAAndSplit = sA.toString().split(this.anOperator),
+
+ //multiple search && parameter boolean
+ hasMultiAndSA = sAAndSplit.length > 1;
+
+ //detect operators or array query
+ if (_types2.default.isArray(sA) || hasMultiOrSA || hasMultiAndSA) {
+ var cS = void 0,
+ s = void 0,
+ occur = false;
+ if (_types2.default.isArray(sA)) {
+ s = sA;
+ } else {
+ s = hasMultiOrSA ? sAOrSplit : sAAndSplit;
+ }
+ // TODO: improve clarity/readability of this block
+ for (var w = 0, len = s.length; w < len; w++) {
+ cS = _string2.default.trim(s[w]);
+ occur = hasArg.call(this, cS, cellData, j);
+ highlight.call(this, cS, occur, cell[j]);
+ if (hasMultiOrSA && occur || hasMultiAndSA && !occur) {
+ break;
+ }
+ if (_types2.default.isArray(sA) && occur) {
+ break;
+ }
+ }
+ occurence[j] = occur;
+ }
+ //single search parameter
+ else {
+ occurence[j] = hasArg.call(this, _string2.default.trim(sA), cellData, j);
+ highlight.call(this, sA, occurence[j], cell[j]);
+ } //else single param
+
+ if (!occurence[j]) {
+ isRowValid = false;
+ }
+ if (this.singleSearchFlt && occurence[j]) {
+ singleFltRowValid = true;
+ }
+
+ this.emitter.emit('cell-processed', this, j, cell[j]);
+ } //for j
+
+ if (this.singleSearchFlt && singleFltRowValid) {
+ isRowValid = true;
+ }
+
+ if (!isRowValid) {
+ this.validateRow(k, false);
+ hiddenrows++;
+ } else {
+ this.validateRow(k, true);
+ }
+
+ this.emitter.emit('row-processed', this, k, this.validRowsIndex.length, isRowValid);
+ } // for k
+
+ this.nbVisibleRows = this.validRowsIndex.length;
+ this.nbHiddenRows = hiddenrows;
+
+ //invokes onafterfilter callback
+ if (this.onAfterFilter) {
+ this.onAfterFilter.call(null, this);
+ }
+
+ this.emitter.emit('after-filtering', this);
+ }
+
+ /**
+ * Return the data of a specified column
+ * @param {Number} colIndex Column index
+ * @param {Boolean} includeHeaders Optional: include headers row
+ * @param {Boolean} num Optional: return unformatted number
+ * @param {Array} exclude Optional: list of row indexes to be excluded
+ * @return {Array} Flat list of data for a column
+ */
+
+ }, {
+ key: 'getColValues',
+ value: function getColValues(colIndex) {
+ var includeHeaders = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
+ var num = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
+ var exclude = arguments.length <= 3 || arguments[3] === undefined ? [] : arguments[3];
+
+ if (!this.fltGrid) {
+ return;
+ }
+ var row = this.tbl.rows,
+ colValues = [];
+
+ if (includeHeaders) {
+ colValues.push(this.getHeadersText()[colIndex]);
+ }
+
+ for (var i = this.refRow; i < this.nbRows; i++) {
+ var isExludedRow = false;
+ // checks if current row index appears in exclude array
+ if (exclude.length > 0) {
+ isExludedRow = exclude.indexOf(i) != -1;
+ }
+ 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 cellData = this.getCellData(cell[j]),
+ nbFormat = this.colNbFormat ? this.colNbFormat[colIndex] : null,
+ data = num ? _helpers2.default.removeNbFormat(cellData, nbFormat) : cellData;
+ colValues.push(data);
+ }
+ }
+ }
+ return colValues;
+ }
+
+ /**
+ * Return the filter's value of a specified column
+ * @param {Number} index Column index
+ * @return {String} Filter value
+ */
+
+ }, {
+ key: 'getFilterValue',
+ value: function getFilterValue(index) {
+ if (!this.fltGrid) {
+ return;
+ }
+ var fltValue = '',
+ fltValues = [],
+ 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) {
+ // TODO: extract a method in dropdown module from below
+ for (var j = 0, len = flt.options.length; j < len; j++) {
+ if (flt.options[j].selected) {
+ fltValues.push(flt.options[j].value);
+ }
+ }
+ //return empty string if collection is empty
+ fltValue = fltValues.length > 0 ? fltValues : '';
+ }
+ //checklist
+ else if (fltColType === this.fltTypeCheckList) {
+ // TODO: extract a method in checklist module from below
+ if (flt.getAttribute('value') !== null) {
+ fltValues = flt.getAttribute('value');
+ //removes last operator ||
+ fltValues = fltValues.substr(0, fltValues.length - 3);
+ //convert || separated values into array
+ fltValues = fltValues.split(' ' + this.orOperator + ' ');
+ }
+ //return empty string if collection is empty
+ fltValue = fltValues.length > 0 ? fltValues : '';
+ }
+ //return an empty string if collection contains a single empty string
+ if (_types2.default.isArray(fltValue) && fltValue.length === 1 && fltValue[0] === '') {
+ fltValue = '';
+ }
+ return fltValue;
+ }
+
+ /**
+ * Return the filters' values
+ * @return {Array} List of filters' values
+ */
+
+ }, {
+ key: 'getFiltersValue',
+ value: function getFiltersValue() {
+ if (!this.fltGrid) {
+ return;
+ }
+ var searchArgs = [];
+ for (var i = 0, len = this.fltIds.length; i < len; i++) {
+ var fltValue = this.getFilterValue(i);
+ if (_types2.default.isArray(fltValue)) {
+ searchArgs.push(fltValue);
+ } else {
+ searchArgs.push(_string2.default.trim(fltValue));
+ }
+ }
+ return searchArgs;
+ }
+
+ /**
+ * Return the ID of the filter of a specified column
+ * @param {Number} index Column's index
+ * @return {String} ID of the filter element
+ */
+
+ }, {
+ key: 'getFilterId',
+ value: function getFilterId(index) {
+ if (!this.fltGrid) {
+ return;
+ }
+ return this.fltIds[index];
+ }
+
+ /**
+ * 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
+ */
+
+ }, {
+ key: 'getFiltersByType',
+ 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 === _string2.default.lower(type)) {
+ var a = bool ? i : this.fltIds[i];
+ arr.push(a);
+ }
+ }
+ return arr;
+ }
+
+ /**
+ * Return the filter's DOM element for a given column
+ * @param {Number} index Column's index
+ * @return {DOMElement}
+ */
+
+ }, {
+ key: 'getFilterElement',
+ value: function getFilterElement(index) {
+ var fltId = this.fltIds[index];
+ return _dom2.default.id(fltId);
+ }
+
+ /**
+ * Return the number of cells for a given row index
+ * @param {Number} rowIndex Index of the row
+ * @return {Number} Number of cells
+ */
+
+ }, {
+ key: 'getCellsNb',
+ value: function getCellsNb() {
+ var rowIndex = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0];
+
+ var tr = this.tbl.rows[rowIndex];
+ return tr.cells.length;
+ }
+
+ /**
+ * 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
+ */
+
+ }, {
+ key: 'getRowsNb',
+ 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);
+ }
+
+ /**
+ * Return the data of a given cell
+ * @param {DOMElement} cell Cell's DOM object
+ * @return {String}
+ */
+
+ }, {
+ key: 'getCellData',
+ value: function getCellData(cell) {
+ var idx = cell.cellIndex;
+ //Check for customCellData callback
+ if (this.customCellData && this.customCellDataCols.indexOf(idx) != -1) {
+ return this.customCellData.call(null, this, cell, idx);
+ } else {
+ return _dom2.default.getText(cell);
+ }
+ }
+
+ /**
+ * Return the table data with following format:
+ * [
+ * [rowIndex, [value0, value1...]],
+ * [rowIndex, [value0, value1...]]
+ * ]
+ * @param {Boolean} includeHeaders Optional: include headers row
+ * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns
+ * @return {Array}
+ *
+ * TODO: provide an API returning data in JSON format
+ */
+
+ }, {
+ key: 'getTableData',
+ value: function getTableData() {
+ var includeHeaders = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0];
+ var excludeHiddenCols = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
+
+ var rows = this.tbl.rows;
+ var tblData = [];
+ if (includeHeaders) {
+ var headers = this.getHeadersText(excludeHiddenCols);
+ tblData.push([this.getHeadersRowIndex(), headers]);
+ }
+ for (var k = this.refRow; k < this.nbRows; k++) {
+ var rowData = [k, []];
+ var cells = rows[k].cells;
+ for (var j = 0, len = cells.length; j < len; j++) {
+ if (excludeHiddenCols && this.hasExtension('colsVisibility')) {
+ if (this.extension('colsVisibility').isColHidden(j)) {
+ continue;
+ }
+ }
+ var cellData = this.getCellData(cells[j]);
+ rowData[1].push(cellData);
+ }
+ tblData.push(rowData);
+ }
+ return tblData;
+ }
+
+ /**
+ * Return the filtered data with following format:
+ * [
+ * [rowIndex, [value0, value1...]],
+ * [rowIndex, [value0, value1...]]
+ * ]
+ * @param {Boolean} includeHeaders Optional: include headers row
+ * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns
+ * @return {Array}
+ *
+ * TODO: provide an API returning data in JSON format
+ */
+
+ }, {
+ key: 'getFilteredData',
+ value: function getFilteredData() {
+ var includeHeaders = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0];
+ var excludeHiddenCols = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
+
+ if (!this.validRowsIndex) {
+ return [];
+ }
+ var rows = this.tbl.rows,
+ filteredData = [];
+ if (includeHeaders) {
+ var headers = this.getHeadersText(excludeHiddenCols);
+ filteredData.push([this.getHeadersRowIndex(), headers]);
+ }
+
+ var validRows = this.getValidRows(true);
+ for (var i = 0; i < validRows.length; i++) {
+ var rData = [this.validRowsIndex[i], []],
+ cells = rows[this.validRowsIndex[i]].cells;
+ for (var k = 0; k < cells.length; k++) {
+ if (excludeHiddenCols && this.hasExtension('colsVisibility')) {
+ if (this.extension('colsVisibility').isColHidden(k)) {
+ continue;
+ }
+ }
+ var cellData = this.getCellData(cells[k]);
+ rData[1].push(cellData);
+ }
+ filteredData.push(rData);
+ }
+ return filteredData;
+ }
+
+ /**
+ * Return the filtered data for a given column index
+ * @param {Number} colIndex Colmun's index
+ * @param {Boolean} includeHeaders Optional: include headers row
+ * @return {Array} Flat list of values ['val0','val1','val2'...]
+ *
+ * TODO: provide an API returning data in JSON format
+ */
+
+ }, {
+ key: 'getFilteredDataCol',
+ value: function getFilteredDataCol(colIndex) {
+ var includeHeaders = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
+
+ if (_types2.default.isUndef(colIndex)) {
+ return [];
+ }
+ var data = this.getFilteredData(),
+ colData = [];
+ if (includeHeaders) {
+ colData.push(this.getHeadersText()[colIndex]);
+ }
+ 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;
+ }
+
+ /**
+ * Get the display value of a row
+ * @param {RowElement} row DOM element of the row
+ * @return {String} Usually 'none' or ''
+ */
+
+ }, {
+ key: 'getRowDisplay',
+ value: function getRowDisplay(row) {
+ if (!_types2.default.isObj(row)) {
+ return null;
+ }
+ return row.style.display;
+ }
+
+ /**
+ * Validate/invalidate row by setting the 'validRow' attribute on the row
+ * @param {Number} rowIndex Index of the row
+ * @param {Boolean} isValid
+ */
+
+ }, {
+ key: 'validateRow',
+ 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);
+ }
+
+ if (isValid) {
+ if (this.validRowsIndex.indexOf(rowIndex) === -1) {
+ this.validRowsIndex.push(rowIndex);
+ }
+
+ if (this.onRowValidated) {
+ this.onRowValidated.call(null, this, rowIndex);
+ }
+
+ this.emitter.emit('row-validated', this, rowIndex);
+ }
+ }
+
+ /**
+ * Validate all filterable rows
+ */
+
+ }, {
+ key: 'validateAllRows',
+ value: function validateAllRows() {
+ if (!this._hasGrid) {
+ return;
+ }
+ this.validRowsIndex = [];
+ for (var k = this.refRow; k < this.nbFilterableRows; k++) {
+ this.validateRow(k, true);
+ }
+ }
+
+ /**
+ * Set search value to a given filter
+ * @param {Number} index Column's index
+ * @param {String or Array} query searcharg Search term
+ */
+
+ }, {
+ key: 'setFilterValue',
+ value: function setFilterValue(index) {
+ var query = arguments.length <= 1 || arguments[1] === undefined ? '' : arguments[1];
+
+ if (!this.fltGrid) {
+ return;
+ }
+ var slc = this.getFilterElement(index),
+ fltColType = this.getFilterType(index);
+
+ if (fltColType !== this.fltTypeMulti && fltColType != this.fltTypeCheckList) {
+ if (this.loadFltOnDemand && !this.initialized) {
+ this.emitter.emit('build-select-filter', this, index, this.linkedFilters, this.isExternalFlt);
+ }
+ slc.value = query;
+ }
+ //multiple selects
+ else if (fltColType === this.fltTypeMulti) {
+ var values = _types2.default.isArray(query) ? query : query.split(' ' + this.orOperator + ' ');
+
+ if (this.loadFltOnDemand && !this.initialized) {
+ this.emitter.emit('build-select-filter', this, index, this.linkedFilters, this.isExternalFlt);
+ }
+
+ this.emitter.emit('select-options', this, index, values);
+ }
+ //checklist
+ else if (fltColType === this.fltTypeCheckList) {
+ var values = [];
+ if (this.loadFltOnDemand && !this.initialized) {
+ this.emitter.emit('build-checklist-filter', this, index, this.isExternalFlt);
+ }
+ if (_types2.default.isArray(query)) {
+ values = query;
+ } else {
+ query = _string2.default.matchCase(query, this.caseSensitive);
+ values = query.split(' ' + this.orOperator + ' ');
+ }
+
+ this.emitter.emit('select-checklist-options', this, index, values);
+ }
+ }
+
+ /**
+ * Set them columns' widths as per configuration
+ * @param {Element} tbl DOM element
+ */
+
+ }, {
+ key: 'setColWidths',
+ value: function setColWidths(tbl) {
+ if (!this.hasColWidths) {
+ return;
+ }
+ tbl = tbl || this.tbl;
+
+ setWidths.call(this);
+
+ function setWidths() {
+ var nbCols = this.nbCells;
+ var colWidths = this.colWidths;
+ 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++) {
+ var col = void 0;
+ 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);
+ }
+ }
+ }
+
+ /**
+ * Makes defined rows always visible
+ */
+
+ }, {
+ key: 'enforceVisibility',
+ 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);
+ }
+ }
+ }
+
+ /**
+ * Clear all the filters' values
+ */
+
+ }, {
+ key: 'clearFilters',
+ value: function clearFilters() {
+ if (!this.fltGrid) {
+ return;
+ }
+
+ this.emitter.emit('before-clearing-filters', this);
+
+ if (this.onBeforeReset) {
+ this.onBeforeReset.call(null, this, this.getFiltersValue());
+ }
+ for (var i = 0, len = this.fltIds.length; i < len; i++) {
+ this.setFilterValue(i, '');
+ }
+
+ this.filter();
+
+ if (this.onAfterReset) {
+ this.onAfterReset.call(null, this);
+ }
+ this.emitter.emit('after-clearing-filters', this);
+ }
+
+ /**
+ * Clears filtered columns visual indicator (background color)
+ */
+
+ }, {
+ key: 'clearActiveColumns',
+ value: function clearActiveColumns() {
+ for (var i = 0, len = this.getCellsNb(this.headersRow); i < len; i++) {
+ _dom2.default.removeClass(this.getHeaderElement(i), this.activeColumnsCssClass);
+ }
+ }
+
+ /**
+ * Mark currently filtered column
+ * @param {Number} colIndex Column index
+ */
+
+ }, {
+ key: 'markActiveColumn',
+ value: function markActiveColumn(colIndex) {
+ var header = this.getHeaderElement(colIndex);
+ if (_dom2.default.hasClass(header, this.activeColumnsCssClass)) {
+ return;
+ }
+ if (this.onBeforeActiveColumn) {
+ this.onBeforeActiveColumn.call(null, this, colIndex);
+ }
+ _dom2.default.addClass(header, this.activeColumnsCssClass);
+ if (this.onAfterActiveColumn) {
+ this.onAfterActiveColumn.call(null, this, colIndex);
+ }
+ }
+
+ /**
+ * Refresh the filters subject to linking ('select', 'multiple',
+ * 'checklist' type)
+ */
+
+ }, {
+ key: 'linkFilters',
+ value: function linkFilters() {
+ if (!this.linkedFilters || !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 = void 0;
+ 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 && slcA1.indexOf(slcIndex[i]) != -1 && activeFlt === slcIndex[i] || !this.paging && (slcA3.indexOf(slcIndex[i]) != -1 || slcA2.indexOf(slcIndex[i]) != -1) || slcSelectedValue === this.displayAllText) {
+
+ //1st option needs to be inserted
+ if (this.loadFltOnDemand) {
+ var opt0 = _dom2.default.createOpt(this.displayAllText, '');
+ curSlc.innerHTML = '';
+ curSlc.appendChild(opt0);
+ }
+
+ if (slcA3.indexOf(slcIndex[i]) != -1) {
+ this.emitter.emit('build-checklist-filter', this, slcIndex[i]);
+ } else {
+ this.emitter.emit('build-select-filter', this, slcIndex[i], true);
+ }
+
+ this.setFilterValue(slcIndex[i], slcSelectedValue);
+ }
+ } // for i
+ }
+
+ /**
+ * Determines if passed filter column implements exact query match
+ * @param {Number} colIndex [description]
+ * @return {Boolean} [description]
+ */
+
+ }, {
+ key: 'isExactMatch',
+ value: function isExactMatch(colIndex) {
+ var fltType = this.getFilterType(colIndex);
+ return this.exactMatchByCol[colIndex] || this.exactMatch || fltType !== this.fltTypeInp;
+ }
+
+ /**
+ * Check if passed script or stylesheet is already imported
+ * @param {String} filePath Ressource path
+ * @param {String} type Possible values: 'script' or 'link'
+ * @return {Boolean}
+ */
+
+ }, {
+ key: 'isImported',
+ 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;
+ }
+
+ /**
+ * 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'
+ */
+
+ }, {
+ key: 'import',
+ 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 = void 0,
+ head = _dom2.default.tag(doc, 'head')[0];
+
+ if (_string2.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);
+ }
+
+ /**
+ * Check if table has filters grid
+ * @return {Boolean}
+ */
+
+ }, {
+ key: 'hasGrid',
+ value: function hasGrid() {
+ return this._hasGrid;
+ }
+
+ /**
+ * Get list of filter IDs
+ * @return {[type]} [description]
+ */
+
+ }, {
+ key: 'getFiltersId',
+ value: function getFiltersId() {
+ return this.fltIds || [];
+ }
+
+ /**
+ * Get filtered (valid) rows indexes
+ * @param {Boolean} reCalc Force calculation of filtered rows list
+ * @return {Array} List of row indexes
+ */
+
+ }, {
+ key: 'getValidRows',
+ 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;
+ }
+
+ /**
+ * Get the index of the row containing the filters
+ * @return {Number}
+ */
+
+ }, {
+ key: 'getFiltersRowIndex',
+ value: function getFiltersRowIndex() {
+ return this.filtersRowIndex;
+ }
+
+ /**
+ * Get the index of the headers row
+ * @return {Number}
+ */
+
+ }, {
+ key: 'getHeadersRowIndex',
+ value: function getHeadersRowIndex() {
+ return this.headersRow;
+ }
+
+ /**
+ * Get the row index from where the filtering process start (1st filterable
+ * row)
+ * @return {Number}
+ */
+
+ }, {
+ key: 'getStartRowIndex',
+ value: function getStartRowIndex() {
+ return this.refRow;
+ }
+
+ /**
+ * Get the index of the last row
+ * @return {Number}
+ */
+
+ }, {
+ key: 'getLastRowIndex',
+ value: function getLastRowIndex() {
+ return this.nbRows - 1;
+ }
+
+ /**
+ * Get the header DOM element for a given column index
+ * @param {Number} colIndex Column index
+ * @return {Object}
+ */
+
+ }, {
+ key: 'getHeaderElement',
+ 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 = void 0;
+ 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;
+ }
+
+ /**
+ * Return the list of headers' text
+ * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns
+ * @return {Array} list of headers' text
+ */
+
+ }, {
+ key: 'getHeadersText',
+ value: function getHeadersText() {
+ var excludeHiddenCols = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0];
+
+ var headers = [];
+ for (var j = 0; j < this.nbCells; j++) {
+ if (excludeHiddenCols && this.hasExtension('colsVisibility')) {
+ if (this.extension('colsVisibility').isColHidden(j)) {
+ continue;
+ }
+ }
+ var header = this.getHeaderElement(j);
+ var headerText = _dom2.default.getFirstTextNode(header);
+ headers.push(headerText);
+ }
+ return headers;
+ }
+
+ /**
+ * Return the filter type for a specified column
+ * @param {Number} colIndex Column's index
+ * @return {String}
+ */
+
+ }, {
+ key: 'getFilterType',
+ value: function getFilterType(colIndex) {
+ var colType = this.cfg['col_' + colIndex];
+ return !colType ? this.fltTypeInp : _string2.default.lower(colType);
+ }
+
+ /**
+ * Get the total number of filterable rows
+ * @return {Number}
+ */
+
+ }, {
+ key: 'getFilterableRowsNb',
+ value: function getFilterableRowsNb() {
+ return this.getRowsNb(false);
+ }
+
+ /**
+ * Get the configuration object (literal object)
+ * @return {Object}
+ */
+
+ }, {
+ key: 'config',
+ value: function config() {
+ return this.cfg;
+ }
+ }]);
+
+ return TableFilter;
+ }();
+
+/***/ },
+/* 1 */
+/***/ function(module, exports) {
+
+ '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;
+ }
+ };
+
+/***/ },
+/* 2 */
+/***/ function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+
+ /**
+ * 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;
+ },
+
+
+ /**
+ * Returns the first text node contained in the supplied node
+ * @param {NodeElement} node node
+ * @return {String}
+ */
+ getFirstTextNode: function getFirstTextNode(node) {
+ for (var i = 0; i < node.childNodes.length; i++) {
+ var n = node.childNodes[i];
+ if (n.nodeType === 3) {
+ return n.data;
+ }
+ }
+ },
+
+
+ /**
+ * 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;
+ },
+
+
+ /**
+ * Removes passed node from DOM
+ * @param {DOMElement} node
+ * @return {DOMElement} old node reference
+ */
+ remove: function remove(node) {
+ return node.parentNode.removeChild(node);
+ },
+
+
+ /**
+ * 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(key) {
+ return document.getElementById(key);
+ },
+ tag: function tag(o, tagname) {
+ return o.getElementsByTagName(tagname);
+ }
+ };
+
+ // HTML5 classList API
+
+ function supportsClassList() {
+ return document.documentElement.classList;
+ }
+
+/***/ },
+/* 3 */
+/***/ function(module, exports) {
+
+ '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, caseSensitive) {
+ if (!caseSensitive) {
+ return this.lower(text);
+ }
+ return text;
+ },
+
+
+ /**
+ * Checks if passed data contains the searched term
+ * @param {String} term Searched term
+ * @param {String} data Data string
+ * @param {Boolean} exactMatch Exact match
+ * @param {Boolean} caseSensitive Case sensitive
+ * @return {Boolean}
+ */
+ contains: function contains(term, data) {
+ var exactMatch = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
+ var caseSensitive = arguments.length <= 3 || arguments[3] === undefined ? false : arguments[3];
+
+ // Improved by Cedric Wartel (cwl) automatic exact match for selects and
+ // special characters are now filtered
+ var regexp = void 0,
+ modifier = caseSensitive ? 'g' : 'gi';
+ if (exactMatch) {
+ regexp = new RegExp('(^\\s*)' + this.rgxEsc(term) + '(\\s*$)', modifier);
+ } else {
+ regexp = new RegExp(this.rgxEsc(term), modifier);
+ }
+ return regexp.test(data);
+ }
+ };
+
+/***/ },
+/* 4 */
+/***/ function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+
+ /**
+ * 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 === 'undefined' ? 'undefined' : _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;
+ }
+ };
+
+/***/ },
+/* 5 */
+/***/ function(module, exports) {
+
+ '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 = void 0,
+ reg2 = void 0;
+ // 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 = void 0,
+ dd = void 0,
+ yy = void 0;
+ // 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 = void 0;
+ var parts = void 0;
+
+ 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':
+ /* eslint-disable */
+ 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]);
+ /* eslint-enable */
+ break;
+ case 'MDY':
+ /* eslint-disable */
+ 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]);
+ /* eslint-enable */
+ break;
+ case 'YMD':
+ /* eslint-disable */
+ 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]);
+ /* eslint-enable */
+ break;
+ default:
+ //in case format is not correct
+ /* eslint-disable */
+ 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]);
+ /* eslint-enable */
+ break;
+ }
+ return oDate;
+ }
+ };
+
+
+ function y2kDate(yr) {
+ if (yr === undefined) {
+ return 0;
+ }
+ if (yr.length > 2) {
+ return yr;
+ }
+ var y = void 0;
+ //>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 = void 0;
+ 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;
+ }
+
+/***/ },
+/* 6 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = {
+ removeNbFormat: function removeNbFormat(data, format) {
+ if (!data) {
+ return;
+ }
+ if (!format) {
+ format = 'us';
+ }
+ var n = data;
+ if (_string2.default.lower(format) === 'us') {
+ n = +n.replace(/[^\d\.-]/g, '');
+ } else {
+ n = +n.replace(/[^\d\,-]/g, '').replace(',', '.');
+ }
+ return n;
+ }
+ }; /**
+ * Misc helpers
+ */
+
+/***/ },
+/* 7 */
+/***/ function(module, exports) {
+
+ "use strict";
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ 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; }; }();
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ /**
+ * Event emitter class
+ */
+
+ var Emitter = exports.Emitter = function () {
+ function Emitter() {
+ _classCallCheck(this, Emitter);
+
+ /**
+ * Events object
+ * @type {Object}
+ */
+ this.events = {};
+ }
+
+ /**
+ * Subscribe to an event
+ * @param {Array} evts Collection of event names
+ * @param {Function} fn Function invoked when event is emitted
+ */
+
+
+ _createClass(Emitter, [{
+ key: "on",
+ value: function on(evts, fn) {
+ var _this = this;
+
+ evts.forEach(function (evt) {
+ _this.events[evt] = _this.events[evt] || [];
+ _this.events[evt].push(fn);
+ });
+ }
+
+ /**
+ * Unsubscribe to an event
+ * @param {Array} evts Collection of event names
+ * @param {Function} fn Function invoked when event is emitted
+ */
+
+ }, {
+ key: "off",
+ value: function off(evts, fn) {
+ var _this2 = this;
+
+ evts.forEach(function (evt) {
+ if (evt in _this2.events) {
+ _this2.events[evt].splice(_this2.events[evt].indexOf(fn), 1);
+ }
+ });
+ }
+
+ /**
+ * Emit an event
+ * @param {String} evt Event name followed by any other argument passed to
+ * the invoked function
+ */
+
+ }, {
+ key: "emit",
+ value: function emit(evt /*, args...*/) {
+ if (evt in this.events) {
+ for (var i = 0; i < this.events[evt].length; i++) {
+ this.events[evt][i].apply(this, [].slice.call(arguments, 1));
+ }
+ }
+ }
+ }]);
+
+ return Emitter;
+ }();
+
+/***/ },
+/* 8 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Store = undefined;
+
+ 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; }; }();
+
+ var _cookie = __webpack_require__(9);
+
+ var _cookie2 = _interopRequireDefault(_cookie);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ var Store = exports.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();
+
+ //cookie storing filter values
+ this.fltsValuesCookie = tf.prfxCookieFltsValues + tf.id;
+ //cookie storing page nb
+ this.pgNbCookie = tf.prfxCookiePageNb + tf.id;
+ //cookie storing page length
+ this.pgLenCookie = tf.prfxCookiePageLen + tf.id;
+
+ this.duration = !isNaN(f.set_cookie_duration) ? parseInt(f.set_cookie_duration, 10) : 100000;
+
+ this.tf = tf;
+ this.emitter = tf.emitter;
+ }
+
+ _createClass(Store, [{
+ key: 'init',
+ value: function init() {
+ var _this = this;
+
+ this.emitter.on(['after-filtering'], function () {
+ return _this.saveFilterValues();
+ });
+ this.emitter.on(['after-clearing-filters'], function () {
+ return _this.clearCookies();
+ });
+ this.emitter.on(['after-changing-page'], function (tf, index) {
+ return _this.savePageNb(index);
+ });
+ this.emitter.on(['after-changing-results-per-page'], function (tf, index) {
+ return _this.savePageLength(index);
+ });
+ }
+
+ /**
+ * Store filters' values in cookie
+ */
+
+ }, {
+ key: 'saveFilterValues',
+ value: function saveFilterValues() {
+ var tf = this.tf;
+ var fltValues = [];
+
+ if (!tf.rememberGridValues) {
+ return;
+ }
+
+ //store filters' values
+ for (var i = 0; i < tf.fltIds.length; i++) {
+ var value = tf.getFilterValue(i);
+ //convert array to a || separated values
+ if (_types2.default.isArray(value)) {
+ var rgx = new RegExp(tf.separator, 'g');
+ value = value.toString().replace(rgx, ' ' + tf.orOperator + ' ');
+ }
+ if (value === '') {
+ value = ' ';
+ }
+ fltValues.push(value);
+ }
+
+ //write cookie
+ _cookie2.default.write(this.fltsValuesCookie, fltValues.join(tf.separator), this.duration);
+ }
+
+ /**
+ * Retrieve filters' values from cookie
+ * @return {Array}
+ */
+
+ }, {
+ key: 'getFilterValues',
+ value: function getFilterValues() {
+ var flts = _cookie2.default.read(this.fltsValuesCookie);
+ var rgx = new RegExp(this.tf.separator, 'g');
+ // filters' values array
+ return flts.split(rgx);
+ }
+
+ /**
+ * Store page number in cookie
+ * @param {Number} index page index to persist
+ */
+
+ }, {
+ key: 'savePageNb',
+ value: function savePageNb(index) {
+ if (!this.tf.rememberPageNb) {
+ return;
+ }
+ _cookie2.default.write(this.pgNbCookie, index + 1, this.duration);
+ }
+
+ /**
+ * Retrieve page number from cookie
+ * @return {String}
+ */
+
+ }, {
+ key: 'getPageNb',
+ value: function getPageNb() {
+ return _cookie2.default.read(this.pgNbCookie);
+ }
+
+ /**
+ * Store page length in cookie
+ * @param {Number} index page length index to persist
+ */
+
+ }, {
+ key: 'savePageLength',
+ value: function savePageLength(index) {
+ if (!this.tf.rememberPageLen) {
+ return;
+ }
+ _cookie2.default.write(this.pgLenCookie, index, this.duration);
+ }
+
+ /**
+ * Retrieve page length from cookie
+ * @return {String}
+ */
+
+ }, {
+ key: 'getPageLength',
+ value: function getPageLength() {
+ return _cookie2.default.read(this.pgLenCookie);
+ }
+
+ /**
+ * Remove all cookies
+ */
+
+ }, {
+ key: 'clearCookies',
+ value: function clearCookies() {
+ _cookie2.default.remove(this.fltsValuesCookie);
+ _cookie2.default.remove(this.pgLenCookie);
+ _cookie2.default.remove(this.pgNbCookie);
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this2 = this;
+
+ this.emitter.off(['after-filtering'], function () {
+ return _this2.saveFilterValues();
+ });
+ this.emitter.off(['after-clearing-filters'], function () {
+ return _this2.clearCookies();
+ });
+ this.emitter.off(['after-changing-page'], function (tf, index) {
+ return _this2.savePageNb(index);
+ });
+ this.emitter.off(['after-changing-results-per-page'], function (tf, index) {
+ return _this2.savePageLength(index);
+ });
+ }
+ }]);
+
+ return Store;
+ }();
+
+/***/ },
+/* 9 */
+/***/ function(module, exports) {
+
+ '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];
+ }
+ };
+
+/***/ },
+/* 10 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.GridLayout = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var GridLayout = exports.GridLayout = function (_Feature) {
+ _inherits(GridLayout, _Feature);
+
+ /**
+ * Grid layout, table with fixed headers
+ * @param {Object} tf TableFilter instance
+ */
+
+ function GridLayout(tf) {
+ _classCallCheck(this, GridLayout);
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(GridLayout).call(this, tf, 'gridLayout'));
+
+ var f = _this.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;
+ _this.noHeaders = Boolean(f.grid_no_headers);
+ //default col width
+ _this.gridDefaultColWidth = f.grid_default_col_width || '100px';
+
+ _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.sourceTblHtml = tf.tbl.outerHTML;
+
+ // filters flag at TF level
+ tf.fltGrid = _this.gridEnableFilters;
+ return _this;
+ }
+
+ /**
+ * Generates a grid with fixed headers
+ */
+
+
+ _createClass(GridLayout, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ var tf = this.tf;
+ var f = this.config;
+ var tbl = tf.tbl;
+
+ if (this.initialized) {
+ return;
+ }
+
+ // Override reference rows indexes
+ tf.refRow = _types2.default.isNull(tf.startRow) ? 0 : tf.startRow;
+ tf.headersRow = 0;
+ tf.filtersRowIndex = 1;
+
+ 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 = void 0,
+ 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();
+
+ var tblW = void 0; //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) {
+ 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 = _dom2.default.remove(tbl);
+ this.tblCont.appendChild(t);
+
+ //In case table width is expressed in %
+ if (tbl.style.width === '') {
+ tbl.style.width = (_string2.default.contains('%', tblW) ? tbl.clientWidth : tblW) + 'px';
+ }
+
+ var d = _dom2.default.remove(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) {
+ 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');
+
+ //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
+ if (!this.noHeaders) {
+ for (var i = 0; i < this.gridHeadRows.length; i++) {
+ var headRow = tbl.rows[this.gridHeadRows[0]];
+ tH.appendChild(headRow);
+ }
+ } else {
+ // Handle table with no headers, assuming here headers do not
+ // exist
+ tH.appendChild(_dom2.default.create('tr'));
+ }
+
+ 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(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;
+ _this2.headTblCont.scrollLeft = scrollLeft;
+ //New pointerX calc taking into account scrollLeft
+ // if(!o.isPointerXOverwritten){
+ // try{
+ // o.Evt.pointerX = function(evt){
+ // let e = evt || global.event;
+ // let 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;
+ }
+
+ //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 (tf.popupFilters) {
+ filtersRow.style.display = 'none';
+ }
+
+ if (tbl.clientWidth !== this.headTbl.clientWidth) {
+ tbl.style.width = this.headTbl.clientWidth + 'px';
+ }
+
+ this.initialized = true;
+ }
+
+ /**
+ * Removes the grid layout
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var tf = this.tf;
+ var tbl = tf.tbl;
+
+ if (!this.initialized) {
+ return;
+ }
+ var t = _dom2.default.remove(tbl);
+ this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont);
+ _dom2.default.remove(this.tblMainCont);
+
+ this.tblMainCont = null;
+ this.headTblCont = null;
+ this.headTbl = null;
+ this.tblCont = null;
+
+ tbl.outerHTML = this.sourceTblHtml;
+ //needed to keep reference of table element for future usage
+ this.tf.tbl = _dom2.default.id(tf.id);
+
+ this.initialized = false;
+ }
+ }]);
+
+ return GridLayout;
+ }(_feature.Feature);
+
+/***/ },
+/* 11 */
+/***/ function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ 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; }; }();
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ var NOTIMPLEMENTED = 'Not implemented.';
+
+ var Feature = exports.Feature = function () {
+ function Feature(tf, feature) {
+ _classCallCheck(this, Feature);
+
+ this.tf = tf;
+ this.feature = feature;
+ this.enabled = tf[feature];
+ this.config = tf.config();
+ this.emitter = tf.emitter;
+ this.initialized = false;
+ }
+
+ _createClass(Feature, [{
+ key: 'init',
+ value: function init() {
+ throw new Error(NOTIMPLEMENTED);
+ }
+ }, {
+ key: 'reset',
+ value: function reset() {
+ this.enable();
+ this.init();
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ throw new Error(NOTIMPLEMENTED);
+ }
+ }, {
+ key: 'enable',
+ value: function enable() {
+ this.enabled = true;
+ }
+ }, {
+ key: 'disable',
+ value: function disable() {
+ this.enabled = false;
+ }
+ }, {
+ key: 'isEnabled',
+ value: function isEnabled() {
+ return this.enabled;
+ }
+ }]);
+
+ return Feature;
+ }();
+
+/***/ },
+/* 12 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Loader = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var global = window;
+
+ var Loader = exports.Loader = function (_Feature) {
+ _inherits(Loader, _Feature);
+
+ /**
+ * Loading message/spinner
+ * @param {Object} tf TableFilter instance
+ */
+
+ function Loader(tf) {
+ _classCallCheck(this, Loader);
+
+ // TableFilter configuration
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Loader).call(this, tf, 'loader'));
+
+ var f = _this.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 = 250;
+ //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_';
+ return _this;
+ }
+
+ _createClass(Loader, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+
+ var tf = this.tf;
+ var emitter = this.emitter;
+
+ 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 = containerDiv;
+ if (!this.loaderHtml) {
+ this.loaderDiv.appendChild(_dom2.default.text(this.loaderText));
+ } else {
+ this.loaderDiv.innerHTML = this.loaderHtml;
+ }
+
+ this.show('none');
+
+ // Subscribe to events
+ emitter.on(['before-filtering', 'before-populating-filter', 'before-changing-page', 'before-clearing-filters', 'before-changing-results-per-page', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', 'before-loading-themes'], function () {
+ return _this2.show('');
+ });
+ emitter.on(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () {
+ return _this2.show('none');
+ });
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'show',
+ value: function show(p) {
+ var _this3 = this;
+
+ if (!this.isEnabled() /*|| this.loaderDiv.style.display === p*/) {
+ return;
+ }
+
+ var displayLoader = function displayLoader() {
+ if (!_this3.loaderDiv) {
+ return;
+ }
+ if (_this3.onShowLoader && p !== 'none') {
+ _this3.onShowLoader.call(null, _this3);
+ }
+ _this3.loaderDiv.style.display = p;
+ if (_this3.onHideLoader && p === 'none') {
+ _this3.onHideLoader.call(null, _this3);
+ }
+ };
+
+ var t = p === 'none' ? this.loaderCloseDelay : 1;
+ global.setTimeout(displayLoader, t);
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this4 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+
+ var emitter = this.emitter;
+
+ _dom2.default.remove(this.loaderDiv);
+ this.loaderDiv = null;
+
+ // Unsubscribe to events
+ emitter.off(['before-filtering', 'before-populating-filter', 'before-changing-page', 'before-clearing-filters', 'before-changing-results-per-page', 'before-reset-page', 'before-reset-page-length', 'before-loading-extensions', 'before-loading-themes'], function () {
+ return _this4.show('');
+ });
+ emitter.off(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () {
+ return _this4.show('none');
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return Loader;
+ }(_feature.Feature);
+
+/***/ },
+/* 13 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.HighlightKeyword = undefined;
+
+ 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; }; }();
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ var HighlightKeyword = exports.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;
+ this.emitter = tf.emitter;
+ }
+
+ _createClass(HighlightKeyword, [{
+ key: 'init',
+ value: function init() {
+ var _this = this;
+
+ this.emitter.on(['before-filtering', 'destroy'], function () {
+ return _this.unhighlightAll();
+ });
+ this.emitter.on(['highlight-keyword'], function (tf, cell, word) {
+ return _this.highlight(cell, word, _this.highlightCssClass);
+ });
+ }
+
+ /**
+ * highlight occurences of searched term in passed node
+ * @param {Node} node
+ * @param {String} word Searched term
+ * @param {String} cssClass Css class name
+ */
+
+ }, {
+ key: 'highlight',
+ 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 = _string2.default.lower(node.nodeValue);
+ var tempWordVal = _string2.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);
+ }
+ }
+ }
+ }
+
+ /**
+ * Removes highlight to nodes matching passed string
+ * @param {String} word
+ * @param {String} cssClass Css class to remove
+ */
+
+ }, {
+ key: 'unhighlight',
+ 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 = _string2.default.lower(n.nodeValue),
+ tempWordVal = _string2.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);
+ }
+ }
+
+ /**
+ * Clear all occurrences of highlighted nodes
+ */
+
+ }, {
+ key: 'unhighlightAll',
+ value: function unhighlightAll() {
+ var _this2 = this;
+
+ if (!this.tf.highlightKeywords) {
+ return;
+ }
+ // iterate filters values to unhighlight all values
+ this.tf.getFiltersValue().forEach(function (val) {
+ if (_types2.default.isArray(val)) {
+ val.forEach(function (item) {
+ return _this2.unhighlight(item, _this2.highlightCssClass);
+ });
+ } else {
+ _this2.unhighlight(val, _this2.highlightCssClass);
+ }
+ });
+ this.highlightedNodes = [];
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this3 = this;
+
+ this.emitter.off(['before-filtering', 'destroy'], function () {
+ return _this3.unhighlightAll();
+ });
+ this.emitter.off(['highlight-keyword'], function (tf, cell, word) {
+ return _this3.highlight(cell, word, _this3.highlightCssClass);
+ });
+ }
+ }]);
+
+ return HighlightKeyword;
+ }();
+
+/***/ },
+/* 14 */
+/***/ function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(global) {'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.PopupFilter = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var PopupFilter = exports.PopupFilter = function (_Feature) {
+ _inherits(PopupFilter, _Feature);
+
+ /**
+ * Pop-up filter component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function PopupFilter(tf) {
+ _classCallCheck(this, PopupFilter);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(PopupFilter).call(this, tf, 'popupFilters'));
+
+ var f = _this.config;
+
+ // Enable external filters
+ 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 || '';
+ //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_';
+ return _this;
+ }
+
+ _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);
+ }
+
+ /**
+ * Initialize DOM elements
+ */
+
+ }, {
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+
+ var tf = this.tf;
+
+ // Override headers row index if no grouped headers
+ if (tf.headersRow <= 1) {
+ tf.headersRow = 0;
+ }
+
+ for (var i = 0; i < tf.nbCells; i++) {
+ if (tf.getFilterType(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) {
+ _this2.onClick(evt);
+ });
+ this.popUpFltSpans[i] = popUpSpan;
+ this.popUpFltImgs[i] = popUpSpan.firstChild;
+ }
+
+ // subscribe to events
+ this.emitter.on(['before-filtering'], function () {
+ return _this2.buildIcons();
+ });
+ this.emitter.on(['after-filtering'], function () {
+ return _this2.closeAll();
+ });
+ this.emitter.on(['cell-processed'], function (tf, cellIndex) {
+ return _this2.buildIcon(cellIndex, true);
+ });
+ this.emitter.on(['filters-row-inserted'], function () {
+ return _this2.tf.headersRow++;
+ });
+ this.emitter.on(['before-filter-init'], function (tf, colIndex) {
+ return _this2.build(colIndex);
+ });
+
+ this.initialized = true;
+ }
+
+ /**
+ * Reset previously destroyed feature
+ */
+
+ }, {
+ key: 'reset',
+ value: function reset() {
+ this.enable();
+ this.init();
+ this.buildAll();
+ }
+
+ /**
+ * Build all pop-up filters elements
+ */
+
+ }, {
+ key: 'buildAll',
+ value: function buildAll() {
+ for (var i = 0; i < this.popUpFltElmCache.length; i++) {
+ this.build(i, this.popUpFltElmCache[i]);
+ }
+ }
+
+ /**
+ * Build a specified pop-up filter elements
+ * @param {Number} colIndex Column index
+ * @param {Object} div Optional container DOM element
+ */
+
+ }, {
+ key: 'build',
+ 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) {
+ return _event2.default.stop(evt);
+ });
+ this.popUpFltElms[colIndex] = popUpDiv;
+ }
+
+ /**
+ * Toogle visibility of specified filter
+ * @param {Number} colIndex Column index
+ */
+
+ }, {
+ key: 'toggle',
+ 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.getFilterType(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);
+ }
+ }
+ }
+
+ /**
+ * Close all filters excepted for the specified one if any
+ * @param {Number} exceptIdx Column index of the filter to not close
+ */
+
+ }, {
+ key: 'closeAll',
+ 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';
+ }
+ }
+ }
+
+ /**
+ * Build all the icons representing the pop-up filters
+ */
+
+ }, {
+ key: 'buildIcons',
+ value: function buildIcons() {
+ for (var i = 0; i < this.popUpFltImgs.length; i++) {
+ this.buildIcon(i, false);
+ }
+ }
+
+ /**
+ * Apply specified icon state
+ * @param {Number} colIndex Column index
+ * @param {Boolean} active Apply active state
+ */
+
+ }, {
+ key: 'buildIcon',
+ value: function buildIcon(colIndex, active) {
+ if (this.popUpFltImgs[colIndex]) {
+ this.popUpFltImgs[colIndex].src = active ? this.popUpImgFltActive : this.popUpImgFlt;
+ }
+ }
+
+ /**
+ * Remove pop-up filters
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this3 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+
+ 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) {
+ _dom2.default.remove(popUpFltElm);
+ this.popUpFltElmCache[i] = popUpFltElm;
+ }
+ popUpFltElm = null;
+ if (popUpFltSpan) {
+ _dom2.default.remove(popUpFltSpan);
+ }
+ popUpFltSpan = null;
+ if (popUpFltImg) {
+ _dom2.default.remove(popUpFltImg);
+ }
+ popUpFltImg = null;
+ }
+ this.popUpFltElms = [];
+ this.popUpFltSpans = [];
+ this.popUpFltImgs = [];
+
+ // unsubscribe to events
+ this.emitter.off(['before-filtering'], function () {
+ return _this3.buildIcons();
+ });
+ this.emitter.off(['after-filtering'], function () {
+ return _this3.closeAll();
+ });
+ this.emitter.off(['cell-processed'], function (tf, cellIndex) {
+ return _this3.buildIcon(cellIndex, true);
+ });
+ this.emitter.off(['filters-row-inserted'], function () {
+ return _this3.tf.headersRow++;
+ });
+ this.emitter.off(['before-filter-init'], function (tf, colIndex) {
+ return _this3.build(colIndex);
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return PopupFilter;
+ }(_feature.Feature);
+ /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
+
+/***/ },
+/* 15 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Dropdown = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _array = __webpack_require__(16);
+
+ var _array2 = _interopRequireDefault(_array);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ var _sort = __webpack_require__(17);
+
+ var _sort2 = _interopRequireDefault(_sort);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' + '{1} manner.';
+
+ var Dropdown = exports.Dropdown = function (_Feature) {
+ _inherits(Dropdown, _Feature);
+
+ /**
+ * Dropdown UI component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function Dropdown(tf) {
+ _classCallCheck(this, Dropdown);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Dropdown).call(this, tf, 'dropdown'));
+
+ 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)';
+ //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;
+ return _this;
+ }
+
+ _createClass(Dropdown, [{
+ key: 'onSlcFocus',
+ value: function onSlcFocus(e) {
+ var elm = _event2.default.target(e);
+ var tf = this.tf;
+ tf.activeFilterId = elm.getAttribute('id');
+ tf.activeFlt = _dom2.default.id(tf.activeFilterId);
+ // select is populated when element has focus
+ if (tf.loadFltOnDemand && elm.getAttribute('filled') === '0') {
+ var ct = elm.getAttribute('ct');
+ this.build(ct);
+ }
+ this.emitter.emit('filter-focus', tf, this);
+ }
+ }, {
+ key: 'onSlcChange',
+ value: function onSlcChange() {
+ if (this.tf.onSlcChange) {
+ this.tf.filter();
+ }
+ }
+
+ /**
+ * Initialize drop-down filter
+ * @param {Number} colIndex Column index
+ * @param {Boolean} isExternal External filter flag
+ * @param {DOMElement} container Dom element containing the filter
+ */
+
+ }, {
+ key: 'init',
+ value: function init(colIndex, isExternal, container) {
+ var _this2 = this;
+
+ var tf = this.tf;
+ var col = tf.getFilterType(colIndex);
+ var externalFltTgtId = isExternal ? tf.externalFltTgtIds[colIndex] : null;
+
+ var slc = _dom2.default.create(tf.fltTypeSlc, ['id', tf.prfxFlt + colIndex + '_' + tf.id], ['ct', colIndex], ['filled', '0']);
+
+ if (col === tf.fltTypeMulti) {
+ slc.multiple = tf.fltTypeMulti;
+ slc.title = this.multipleSlcTooltip;
+ }
+ slc.className = _string2.default.lower(col) === tf.fltTypeSlc ? tf.fltCssClass : tf.fltMultiCssClass;
+
+ //filter is appended in container element
+ if (externalFltTgtId) {
+ _dom2.default.id(externalFltTgtId).appendChild(slc);
+ tf.externalFltEls.push(slc);
+ } else {
+ container.appendChild(slc);
+ }
+
+ tf.fltIds.push(slc.id);
+
+ if (!tf.loadFltOnDemand) {
+ this.build(colIndex);
+ } else {
+ //1st option is created here since build isn't invoked
+ var opt0 = _dom2.default.createOpt(tf.displayAllText, '');
+ slc.appendChild(opt0);
+ }
+
+ _event2.default.add(slc, 'change', function () {
+ return _this2.onSlcChange();
+ });
+ _event2.default.add(slc, 'focus', function (e) {
+ return _this2.onSlcFocus(e);
+ });
+
+ this.emitter.on(['build-select-filter'], function (tf, colIndex, isLinked, isExternal) {
+ return _this2.build(colIndex, isLinked, isExternal);
+ });
+ this.emitter.on(['select-options'], function (tf, colIndex, values) {
+ return _this2.selectOptions(colIndex, values);
+ });
+
+ this.initialized = true;
+ }
+
+ /**
+ * Build drop-down filter UI
+ * @param {Number} colIndex Column index
+ * @param {Boolean} isLinked Enable linked refresh behaviour
+ */
+
+ }, {
+ key: 'build',
+ value: function build(colIndex) {
+ var isLinked = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
+
+ var tf = this.tf;
+ colIndex = parseInt(colIndex, 10);
+
+ this.emitter.emit('before-populating-filter', tf, colIndex);
+
+ this.opts = [];
+ this.optsTxt = [];
+ this.slcInnerHtml = '';
+
+ var slcId = tf.fltIds[colIndex];
+ var slc = _dom2.default.id(slcId),
+ rows = tf.tbl.rows,
+ matchCase = tf.matchCase;
+
+ //custom select test
+ this.isCustom = tf.isCustomOptions(colIndex);
+
+ //custom selects text
+ var activeFlt = void 0;
+ if (isLinked && tf.activeFilterId) {
+ activeFlt = tf.activeFilterId.split('_')[0];
+ activeFlt = activeFlt.split(tf.prfxFlt)[1];
+ }
+
+ 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 && tf.validRowsIndex.indexOf(k) != -1) && (activeFlt === undefined || activeFlt === colIndex || activeFlt != colIndex && tf.validRowsIndex.indexOf(k) != -1))) {
+ var cellData = tf.getCellData(cell[j]),
+
+ //Vary Peter's patch
+ cellString = _string2.default.matchCase(cellData, matchCase);
+
+ // checks if celldata is already in array
+ if (!_array2.default.has(this.opts, cellString, matchCase)) {
+ this.opts.push(cellData);
+ }
+
+ if (isLinked && tf.disableExcludedOptions) {
+ var filteredCol = filteredDataCol[j];
+ if (!filteredCol) {
+ filteredCol = tf.getFilteredDataCol(j);
+ }
+ if (!_array2.default.has(filteredCol, cellString, matchCase) && !_array2.default.has(excludedOpts, cellString, matchCase)) {
+ excludedOpts.push(cellData);
+ }
+ }
+ } //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.indexOf(colIndex) != -1) {
+ try {
+ this.opts.sort(_sort2.default.numSortAsc);
+ if (excludedOpts) {
+ excludedOpts.sort(_sort2.default.numSortAsc);
+ }
+ if (this.isCustom) {
+ this.optsTxt.sort(_sort2.default.numSortAsc);
+ }
+ } catch (e) {
+ throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending'));
+ } //in case there are alphanumeric values
+ }
+ //desc sort
+ if (tf.sortNumDesc.indexOf(colIndex) != -1) {
+ try {
+ this.opts.sort(_sort2.default.numSortDesc);
+ if (excludedOpts) {
+ excludedOpts.sort(_sort2.default.numSortDesc);
+ }
+ if (this.isCustom) {
+ this.optsTxt.sort(_sort2.default.numSortDesc);
+ }
+ } catch (e) {
+ throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending'));
+ } //in case there are alphanumeric values
+ }
+
+ //populates drop-down
+ this.addOptions(colIndex, slc, isLinked, excludedOpts);
+
+ this.emitter.emit('after-populating-filter', tf, colIndex, slc);
+ }
+
+ /**
+ * 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
+ */
+
+ }, {
+ key: 'addOptions',
+ value: function addOptions(colIndex, slc, isLinked, excludedOpts) {
+ var tf = this.tf,
+ 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 && _array2.default.has(excludedOpts, _string2.default.matchCase(val, tf.matchCase), tf.matchCase)) {
+ isDisabled = true;
+ }
+
+ var opt = void 0;
+ //fill select on demand
+ if (tf.loadFltOnDemand && slcValue === this.opts[y] && tf.getFilterType(colIndex) === tf.fltTypeSlc) {
+ opt = _dom2.default.createOpt(lbl, val, true);
+ } else {
+ opt = _dom2.default.createOpt(lbl, val, false);
+ }
+ if (isDisabled) {
+ opt.disabled = true;
+ }
+ slc.appendChild(opt);
+ } // for y
+
+ slc.setAttribute('filled', '1');
+ }
+
+ /**
+ * Add drop-down header option
+ * @param {Object} slc Select DOM element
+ */
+
+ }, {
+ key: 'addFirstOption',
+ value: function addFirstOption(slc) {
+ var tf = this.tf;
+
+ 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;
+ }
+
+ /**
+ * Select filter options programmatically
+ * @param {Number} colIndex Column index
+ * @param {Array} values Array of option values to select
+ */
+
+ }, {
+ key: 'selectOptions',
+ value: function selectOptions(colIndex) {
+ var values = arguments.length <= 1 || arguments[1] === undefined ? [] : arguments[1];
+
+ var tf = this.tf;
+ if (tf.getFilterType(colIndex) !== tf.fltTypeMulti || values.length === 0) {
+ return;
+ }
+ var slc = tf.getFilterElement(colIndex);
+ [].forEach.call(slc.options, function (option) {
+ // Empty value means clear all selections and first option is the
+ // clear all option
+ if (values[0] === '' || option.value === '') {
+ option.selected = false;
+ }
+
+ if (option.value !== '' && _array2.default.has(values, option.value, true)) {
+ option.selected = true;
+ } //if
+ });
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this3 = this;
+
+ this.emitter.off(['build-select-filter'], function (colIndex, isLinked, isExternal) {
+ return _this3.build(colIndex, isLinked, isExternal);
+ });
+ this.emitter.off(['select-options'], function (tf, colIndex, values) {
+ return _this3.selectOptions(colIndex, values);
+ });
+ }
+ }]);
+
+ return Dropdown;
+ }(_feature.Feature);
+
+/***/ },
+/* 16 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = {
+ has: function has(arr, val, caseSensitive) {
+ var sCase = caseSensitive === undefined ? false : caseSensitive;
+ for (var i = 0; i < arr.length; i++) {
+ if (_string2.default.matchCase(arr[i].toString(), sCase) == val) {
+ return true;
+ }
+ }
+ return false;
+ }
+ }; /**
+ * Array utilities
+ */
+
+/***/ },
+/* 17 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ exports.default = {
+ ignoreCase: function ignoreCase(a, b) {
+ var x = _string2.default.lower(a);
+ var y = _string2.default.lower(b);
+ return x < y ? -1 : x > y ? 1 : 0;
+ },
+ numSortAsc: function numSortAsc(a, b) {
+ return a - b;
+ },
+ numSortDesc: function numSortDesc(a, b) {
+ return b - a;
+ }
+ };
+
+/***/ },
+/* 18 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.CheckList = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _array = __webpack_require__(16);
+
+ var _array2 = _interopRequireDefault(_array);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ var _sort = __webpack_require__(17);
+
+ var _sort2 = _interopRequireDefault(_sort);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var SORT_ERROR = 'Filter options for column {0} cannot be sorted in ' + '{1} manner.';
+
+ var CheckList = exports.CheckList = function (_Feature) {
+ _inherits(CheckList, _Feature);
+
+ /**
+ * Checklist UI component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function CheckList(tf) {
+ _classCallCheck(this, CheckList);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(CheckList).call(this, tf, 'checkList'));
+
+ 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;
+ return _this;
+ }
+
+ _createClass(CheckList, [{
+ key: 'onChange',
+ value: function onChange(evt) {
+ var elm = evt.target;
+ var tf = this.tf;
+ tf.activeFilterId = elm.getAttribute('id');
+ tf.activeFlt = _dom2.default.id(tf.activeFilterId);
+ tf.filter();
+ }
+ }, {
+ key: 'optionClick',
+ value: function optionClick(evt) {
+ this.setCheckListValues(evt.target);
+ this.onChange(evt);
+ }
+ }, {
+ key: 'onCheckListClick',
+ value: function onCheckListClick(evt) {
+ var _this2 = this;
+
+ var elm = _event2.default.target(evt);
+ if (this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0') {
+ var ct = elm.getAttribute('ct');
+ var div = this.checkListDiv[ct];
+ this.build(ct);
+ _event2.default.remove(div, 'click', function (evt) {
+ return _this2.onCheckListClick(evt);
+ });
+ }
+ }
+
+ /**
+ * Initialize checklist filter
+ * @param {Number} colIndex Column index
+ * @param {Boolean} isExternal External filter flag
+ * @param {DOMElement} container Dom element containing the filter
+ */
+
+ }, {
+ key: 'init',
+ value: function init(colIndex, isExternal, container) {
+ var _this3 = this;
+
+ var tf = this.tf;
+ var externalFltTgtId = isExternal ? tf.externalFltTgtIds[colIndex] : null;
+
+ var divCont = _dom2.default.create('div', ['id', this.prfxCheckListDiv + colIndex + '_' + tf.id], ['ct', colIndex], ['filled', '0']);
+ divCont.className = this.checkListDivCssClass;
+
+ //filter is appended in desired element
+ if (externalFltTgtId) {
+ _dom2.default.id(externalFltTgtId).appendChild(divCont);
+ tf.externalFltEls.push(divCont);
+ } else {
+ container.appendChild(divCont);
+ }
+
+ this.checkListDiv[colIndex] = divCont;
+ tf.fltIds.push(tf.prfxFlt + colIndex + '_' + tf.id);
+
+ if (!tf.loadFltOnDemand) {
+ this.build(colIndex);
+ } else {
+ _event2.default.add(divCont, 'click', function (evt) {
+ return _this3.onCheckListClick(evt);
+ });
+ divCont.appendChild(_dom2.default.text(this.activateCheckListTxt));
+ }
+
+ this.emitter.on(['build-checklist-filter'], function (tf, colIndex, isExternal) {
+ return _this3.build(colIndex, isExternal);
+ });
+
+ this.emitter.on(['select-checklist-options'], function (tf, colIndex, values) {
+ return _this3.selectOptions(colIndex, values);
+ });
+
+ this.initialized = true;
+ }
+
+ /**
+ * Build checklist UI
+ * @param {Number} colIndex Column index
+ */
+
+ }, {
+ key: 'build',
+ value: function build(colIndex) {
+ var _this4 = this;
+
+ var tf = this.tf;
+ colIndex = parseInt(colIndex, 10);
+
+ this.emitter.emit('before-populating-filter', tf, colIndex);
+
+ this.opts = [];
+ this.optsTxt = [];
+
+ var flt = this.checkListDiv[colIndex];
+ var ul = _dom2.default.create('ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);
+ ul.className = this.checkListCssClass;
+ _event2.default.add(ul, 'change', function (evt) {
+ return _this4.onChange(evt);
+ });
+
+ var rows = tf.tbl.rows;
+ this.isCustom = tf.isCustomOptions(colIndex);
+
+ var activeFlt = void 0;
+ 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 = [];
+ }
+
+ flt.innerHTML = '';
+
+ 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 && tf.validRowsIndex.indexOf(k) != -1))) {
+
+ var cellData = tf.getCellData(cells[j]);
+ //Vary Peter's patch
+ var cellString = _string2.default.matchCase(cellData, tf.matchCase);
+ // checks if celldata is already in array
+ if (!_array2.default.has(this.opts, cellString, tf.matchCase)) {
+ this.opts.push(cellData);
+ }
+ var filteredCol = filteredDataCol[j];
+ if (tf.linkedFilters && tf.disableExcludedOptions) {
+ if (!filteredCol) {
+ filteredCol = tf.getFilteredDataCol(j);
+ }
+ if (!_array2.default.has(filteredCol, cellString, tf.matchCase) && !_array2.default.has(this.excludedOpts, cellString, tf.matchCase)) {
+ this.excludedOpts.push(cellData);
+ }
+ }
+ }
+ }
+ }
+
+ //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.indexOf(colIndex) != -1) {
+ try {
+ this.opts.sort(_sort2.default.numSortAsc);
+ if (this.excludedOpts) {
+ this.excludedOpts.sort(_sort2.default.numSortAsc);
+ }
+ if (this.isCustom) {
+ this.optsTxt.sort(_sort2.default.numSortAsc);
+ }
+ } catch (e) {
+ throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'ascending'));
+ } //in case there are alphanumeric values
+ }
+ //desc sort
+ if (tf.sortNumDesc.indexOf(colIndex) != -1) {
+ try {
+ this.opts.sort(_sort2.default.numSortDesc);
+ if (this.excludedOpts) {
+ this.excludedOpts.sort(_sort2.default.numSortDesc);
+ }
+ if (this.isCustom) {
+ this.optsTxt.sort(_sort2.default.numSortDesc);
+ }
+ } catch (e) {
+ throw new Error(SORT_ERROR.replace('{0}', colIndex).replace('{1}', 'descending'));
+ } //in case there are alphanumeric values
+ }
+
+ this.addChecks(colIndex, ul);
+
+ if (tf.loadFltOnDemand) {
+ flt.innerHTML = '';
+ }
+ flt.appendChild(ul);
+ flt.setAttribute('filled', '1');
+
+ this.emitter.emit('after-populating-filter', tf, colIndex, flt);
+ }
+
+ /**
+ * Add checklist options
+ * @param {Number} colIndex Column index
+ * @param {Object} ul Ul element
+ */
+
+ }, {
+ key: 'addChecks',
+ value: function addChecks(colIndex, ul) {
+ var _this5 = this;
+
+ var tf = this.tf;
+ var chkCt = this.addTChecks(colIndex, ul);
+
+ 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 && _array2.default.has(this.excludedOpts, _string2.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) {
+ return _this5.optionClick(evt);
+ });
+ }
+ ul.appendChild(li);
+
+ if (val === '') {
+ //item is hidden
+ li.style.display = 'none';
+ }
+ }
+ }
+
+ /**
+ * Add checklist header option
+ * @param {Number} colIndex Column index
+ * @param {Object} ul Ul element
+ */
+
+ }, {
+ key: 'addTChecks',
+ value: function addTChecks(colIndex, ul) {
+ var _this6 = 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) {
+ return _this6.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) {
+ return _this6.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) {
+ return _this6.optionClick(evt);
+ });
+ chkCt++;
+ }
+ return chkCt;
+ }
+
+ /**
+ * Store checked options in DOM element attribute
+ * @param {Object} o checklist option DOM element
+ */
+
+ }, {
+ key: 'setCheckListValues',
+ 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);
+ // TODO: provide helper to extract column index, ugly!
+ var colIdx = o.id.split('_')[0].replace(tf.prfxFlt, '');
+ var itemTag = 'LI';
+
+ var n = tf.getFilterElement(parseInt(colIdx, 10));
+ 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 = _string2.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 (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(_string2.default.rgxEsc(chkValue + ' ' + tf.orOperator));
+ fltValue = fltValue.replace(replaceValue, '');
+ n.setAttribute('value', _string2.default.trim(fltValue));
+
+ var replaceIndex = new RegExp(_string2.default.rgxEsc(chkIndex + tf.separator));
+ fltIndexes = fltIndexes.replace(replaceIndex, '');
+ n.setAttribute('indexes', fltIndexes);
+ }
+ if (li.nodeName === itemTag) {
+ _dom2.default.removeClass(li, this.checkListSlcItemCssClass);
+ }
+ }
+ }
+
+ /**
+ * Select filter options programmatically
+ * @param {Number} colIndex Column index
+ * @param {Array} values Array of option values to select
+ */
+
+ }, {
+ key: 'selectOptions',
+ value: function selectOptions(colIndex) {
+ var values = arguments.length <= 1 || arguments[1] === undefined ? [] : arguments[1];
+
+ var tf = this.tf;
+ if (tf.getFilterType(colIndex) !== tf.fltTypeCheckList || values.length === 0) {
+ return;
+ }
+ var flt = tf.getFilterElement(colIndex);
+
+ var lisNb = _dom2.default.tag(flt, 'li').length;
+
+ flt.setAttribute('value', '');
+ flt.setAttribute('indexes', '');
+
+ for (var k = 0; k < lisNb; k++) {
+ var li = _dom2.default.tag(flt, 'li')[k],
+ lbl = _dom2.default.tag(li, 'label')[0],
+ chk = _dom2.default.tag(li, 'input')[0],
+ lblTxt = _string2.default.matchCase(_dom2.default.getText(lbl), tf.caseSensitive);
+ if (lblTxt !== '' && _array2.default.has(values, lblTxt, tf.caseSensitive)) {
+ chk.checked = true;
+ this.setCheckListValues(chk);
+ } else {
+ chk.checked = false;
+ this.setCheckListValues(chk);
+ }
+ }
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this7 = this;
+
+ this.emitter.off(['build-checklist-filter'], function (tf, colIndex, isExternal) {
+ return _this7.build(colIndex, isExternal);
+ });
+ this.emitter.off(['select-checklist-options'], function (tf, colIndex, values) {
+ return _this7.selectOptions(colIndex, values);
+ });
+ }
+ }]);
+
+ return CheckList;
+ }(_feature.Feature);
+
+/***/ },
+/* 19 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.RowsCounter = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var RowsCounter = exports.RowsCounter = function (_Feature) {
+ _inherits(RowsCounter, _Feature);
+
+ /**
+ * Rows counter
+ * @param {Object} tf TableFilter instance
+ */
+
+ function RowsCounter(tf) {
+ _classCallCheck(this, RowsCounter);
+
+ // TableFilter configuration
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(RowsCounter).call(this, tf, 'rowsCounter'));
+
+ var f = _this.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;
+ return _this;
+ }
+
+ _createClass(RowsCounter, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+
+ var tf = this.tf;
+
+ //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;
+
+ // subscribe to events
+ this.emitter.on(['after-filtering', 'grouped-by-page'], function () {
+ return _this2.refresh(tf.nbVisibleRows);
+ });
+ this.emitter.on(['rows-changed'], function () {
+ return _this2.refresh();
+ });
+
+ this.initialized = true;
+ this.refresh();
+ }
+ }, {
+ key: 'refresh',
+ value: function refresh(p) {
+ if (!this.initialized || !this.isEnabled()) {
+ 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 _this3 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+
+ if (!this.rowsCounterTgtId && this.rowsCounterDiv) {
+ _dom2.default.remove(this.rowsCounterDiv);
+ } else {
+ _dom2.default.id(this.rowsCounterTgtId).innerHTML = '';
+ }
+ this.rowsCounterSpan = null;
+ this.rowsCounterDiv = null;
+
+ // unsubscribe to events
+ this.emitter.off(['after-filtering', 'grouped-by-page'], function () {
+ return _this3.refresh(tf.nbVisibleRows);
+ });
+ this.emitter.off(['rows-changed'], function () {
+ return _this3.refresh();
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return RowsCounter;
+ }(_feature.Feature);
+
+/***/ },
+/* 20 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.StatusBar = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var global = window;
+
+ var StatusBar = exports.StatusBar = function (_Feature) {
+ _inherits(StatusBar, _Feature);
+
+ /**
+ * Status bar UI component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function StatusBar(tf) {
+ _classCallCheck(this, StatusBar);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(StatusBar).call(this, tf, 'statusBar'));
+
+ var f = _this.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 messages
+ _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 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)...';
+
+ // status bar div
+ _this.prfxStatus = 'status_';
+ // status bar label
+ _this.prfxStatusSpan = 'statusSpan_';
+ // text preceding status bar label
+ _this.prfxStatusTxt = 'statusText_';
+ return _this;
+ }
+
+ _createClass(StatusBar, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+
+ var tf = this.tf;
+ var emitter = this.emitter;
+
+ //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;
+
+ // Subscribe to events
+ emitter.on(['before-filtering'], function () {
+ return _this2.message(_this2.msgFilter);
+ });
+ emitter.on(['before-populating-filter'], function () {
+ return _this2.message(_this2.msgPopulate);
+ });
+ emitter.on(['before-changing-page'], function () {
+ return _this2.message(_this2.msgChangePage);
+ });
+ emitter.on(['before-clearing-filters'], function () {
+ return _this2.message(_this2.msgClear);
+ });
+ emitter.on(['before-changing-results-per-page'], function () {
+ return _this2.message(_this2.msgChangeResults);
+ });
+ emitter.on(['before-reset-page'], function () {
+ return _this2.message(_this2.msgResetPage);
+ });
+ emitter.on(['before-reset-page-length'], function () {
+ return _this2.message(_this2.msgResetPageLength);
+ });
+ emitter.on(['before-loading-extensions'], function () {
+ return _this2.message(_this2.msgLoadExtensions);
+ });
+ emitter.on(['before-loading-themes'], function () {
+ return _this2.message(_this2.msgLoadThemes);
+ });
+
+ emitter.on(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () {
+ return _this2.message('');
+ });
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'message',
+ value: function message() {
+ var _this3 = this;
+
+ var t = arguments.length <= 0 || arguments[0] === undefined ? '' : arguments[0];
+
+ if (!this.isEnabled()) {
+ return;
+ }
+
+ if (this.onBeforeShowMsg) {
+ this.onBeforeShowMsg.call(null, this.tf, t);
+ }
+
+ var d = t === '' ? this.statusBarCloseDelay : 1;
+ global.setTimeout(function () {
+ if (!_this3.initialized) {
+ return;
+ }
+ _this3.statusBarSpan.innerHTML = t;
+ if (_this3.onAfterShowMsg) {
+ _this3.onAfterShowMsg.call(null, _this3.tf, t);
+ }
+ }, d);
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this4 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+
+ var emitter = this.emitter;
+
+ this.statusBarDiv.innerHTML = '';
+ if (!this.statusBarTgtId) {
+ _dom2.default.remove(this.statusBarDiv);
+ }
+ this.statusBarSpan = null;
+ this.statusBarSpanText = null;
+ this.statusBarDiv = null;
+
+ // Unsubscribe to events
+ emitter.off(['before-filtering'], function () {
+ return _this4.message(_this4.msgFilter);
+ });
+ emitter.off(['before-populating-filter'], function () {
+ return _this4.message(_this4.msgPopulate);
+ });
+ emitter.off(['before-changing-page'], function () {
+ return _this4.message(_this4.msgChangePage);
+ });
+ emitter.off(['before-clearing-filters'], function () {
+ return _this4.message(_this4.msgClear);
+ });
+ emitter.off(['before-changing-results-per-page'], function () {
+ return _this4.message(_this4.msgChangeResults);
+ });
+ emitter.off(['before-reset-page'], function () {
+ return _this4.message(_this4.msgResetPage);
+ });
+ emitter.off(['before-reset-page-length'], function () {
+ return _this4.message(_this4.msgResetPageLength);
+ });
+ emitter.off(['before-loading-extensions'], function () {
+ return _this4.message(_this4.msgLoadExtensions);
+ });
+ emitter.off(['before-loading-themes'], function () {
+ return _this4.message(_this4.msgLoadThemes);
+ });
+
+ emitter.off(['after-filtering', 'after-populating-filter', 'after-changing-page', 'after-clearing-filters', 'after-changing-results-per-page', 'after-reset-page', 'after-reset-page-length', 'after-loading-extensions', 'after-loading-themes'], function () {
+ return _this4.message('');
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return StatusBar;
+ }(_feature.Feature);
+
+/***/ },
+/* 21 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Paging = undefined;
+
+ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ var _string = __webpack_require__(3);
+
+ var _string2 = _interopRequireDefault(_string);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var Paging = exports.Paging = function (_Feature) {
+ _inherits(Paging, _Feature);
+
+ /**
+ * Pagination component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function Paging(tf) {
+ _classCallCheck(this, Paging);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Paging).call(this, tf, 'paging'));
+
+ var f = _this.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 : '');
+ //defines previous page button html
+ _this.btnPrevPageHtml = f.btn_prev_page_html || (!tf.enableIcons ? null : '');
+ //defines last page button html
+ _this.btnFirstPageHtml = f.btn_first_page_html || (!tf.enableIcons ? null : '');
+ //defines previous page button html
+ _this.btnLastPageHtml = f.btn_last_page_html || (!tf.enableIcons ? null : '');
+ //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 = tf.refRow;
+ var nrows = tf.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
+ };
+ return _this;
+ }
+
+ /**
+ * Initialize DOM elements
+ */
+
+
+ _createClass(Paging, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ var slcPages;
+ var tf = this.tf;
+ var evt = this.evt;
+
+ if (this.initialized) {
+ return;
+ }
+
+ // 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;
+ _this2.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.setPagingInfo();
+ }
+ if (!tf.fltGrid) {
+ tf.validateAllRows();
+ this.setPagingInfo(tf.validRowsIndex);
+ }
+
+ this.emitter.on(['after-filtering'], function () {
+ return _this2.resetPagingInfo();
+ });
+ this.emitter.on(['initialized'], function () {
+ return _this2.resetValues();
+ });
+
+ this.initialized = true;
+ }
+
+ /**
+ * Reset paging when filters are already instantiated
+ * @param {Boolean} filterTable Execute filtering once paging instanciated
+ */
+
+ }, {
+ key: 'reset',
+ value: function reset() {
+ var filterTable = arguments.length <= 0 || arguments[0] === undefined ? false : arguments[0];
+
+ var tf = this.tf;
+ if (this.isEnabled()) {
+ return;
+ }
+ this.enable();
+ this.init();
+
+ if (filterTable) {
+ tf.filter();
+ }
+ }
+
+ /**
+ * Reset paging info from scratch after a filtering process
+ */
+
+ }, {
+ key: 'resetPagingInfo',
+ value: function resetPagingInfo() {
+ this.startPagingRow = 0;
+ this.currentPageNb = 1;
+ this.setPagingInfo(this.tf.validRowsIndex);
+ }
+
+ /**
+ * Calculate number of pages based on valid rows
+ * Refresh paging select according to number of pages
+ * @param {Array} validRows Collection of valid rows
+ */
+
+ }, {
+ key: 'setPagingInfo',
+ value: function setPagingInfo(validRows) {
+ var tf = this.tf;
+ 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 || tf.getValidRows(true);
+
+ //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);
+ }
+
+ /**
+ * Group table rows by page and display valid rows
+ * @param {Array} validRows Collection of valid rows
+ */
+
+ }, {
+ key: 'groupByPage',
+ value: function groupByPage(validRows) {
+ var tf = this.tf;
+ var rows = tf.tbl.rows;
+ var startPagingRow = parseInt(this.startPagingRow, 10);
+ var endPagingRow = startPagingRow + 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');
+ var rowDisplayed = false;
+
+ if (h >= startPagingRow && h < endPagingRow) {
+ if (_types2.default.isNull(isRowValid) || Boolean(isRowValid === 'true')) {
+ r.style.display = '';
+ rowDisplayed = true;
+ }
+ } else {
+ r.style.display = 'none';
+ }
+ this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed);
+ }
+
+ tf.nbVisibleRows = tf.validRowsIndex.length;
+
+ // broadcast grouping by page
+ this.emitter.emit('grouped-by-page', tf, this);
+ }
+
+ /**
+ * Return the current page number
+ * @return {Number} Page number
+ */
+
+ }, {
+ key: 'getPage',
+ value: function getPage() {
+ return this.currentPageNb;
+ }
+
+ /**
+ * Show page based on passed param value (string or number):
+ * @param {String}/{Number} cmd possible string values: 'next',
+ * 'previous', 'last', 'first' or page number as per param
+ */
+
+ }, {
+ key: 'setPage',
+ value: function setPage(cmd) {
+ var tf = this.tf;
+ if (!tf.hasGrid() || !this.isEnabled()) {
+ return;
+ }
+ var btnEvt = this.evt,
+ cmdtype = typeof cmd === 'undefined' ? 'undefined' : _typeof(cmd);
+ if (cmdtype === 'string') {
+ switch (_string2.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);
+ }
+ }
+
+ /**
+ * Generates UI elements for the number of results per page drop-down
+ */
+
+ }, {
+ key: 'setResultsPerPage',
+ value: function setResultsPerPage() {
+ var _this3 = this;
+
+ var tf = this.tf;
+ var evt = this.evt;
+
+ if (this.resultsPerPageSlc || !this.resultsPerPage) {
+ return;
+ }
+
+ evt.slcResultsChange = function (ev) {
+ _this3.changeResultsPerPage();
+ ev.target.blur();
+ };
+
+ var slcR = _dom2.default.create(tf.fltTypeSlc, ['id', this.prfxSlcResults + tf.id]);
+ slcR.className = this.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.btn) {
+ help.btn.parentNode.insertBefore(slcRSpan, help.btn);
+ help.btn.parentNode.insertBefore(slcR, help.btn);
+ } 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;
+ }
+
+ /**
+ * Remove number of results per page UI elements
+ */
+
+ }, {
+ key: 'removeResultsPerPage',
+ 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) {
+ _dom2.default.remove(slcR);
+ }
+ if (slcRSpan) {
+ _dom2.default.remove(slcRSpan);
+ }
+ this.resultsPerPageSlc = null;
+ }
+
+ /**
+ * Change the page according to passed index
+ * @param {Number} index Index of the page (0-n)
+ */
+
+ }, {
+ key: 'changePage',
+ value: function changePage(index) {
+ var tf = this.tf;
+
+ if (!this.isEnabled()) {
+ return;
+ }
+
+ this.emitter.emit('before-changing-page', tf, index);
+
+ 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;
+ }
+
+ this.startPagingRow = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.value : index * this.pagingLength;
+
+ this.groupByPage();
+
+ if (this.onAfterChangePage) {
+ this.onAfterChangePage.call(null, this, index);
+ }
+ }
+
+ this.emitter.emit('after-changing-page', tf, index);
+ }
+
+ /**
+ * Change rows according to page results drop-down
+ * TODO: accept a parameter setting the results per page length
+ */
+
+ }, {
+ key: 'changeResultsPerPage',
+ value: function changeResultsPerPage() {
+ var tf = this.tf;
+
+ if (!this.isEnabled()) {
+ return;
+ }
+
+ this.emitter.emit('before-changing-results-per-page', tf);
+
+ var slcR = this.resultsPerPageSlc;
+ var slcIndex = slcR.selectedIndex;
+ var slcPagesSelIndex = this.pageSelectorType === tf.fltTypeSlc ? this.pagingSlc.selectedIndex : parseInt(this.pagingSlc.value - 1, 10);
+ this.pagingLength = parseInt(slcR.options[slcIndex].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 slcIdx = this.pagingSlc.options.length - 1 <= slcPagesSelIndex ? this.pagingSlc.options.length - 1 : slcPagesSelIndex;
+ this.pagingSlc.options[slcIdx].selected = true;
+ }
+ }
+
+ this.emitter.emit('after-changing-results-per-page', tf, slcIndex);
+ }
+
+ /**
+ * Re-set persisted pagination info
+ */
+
+ }, {
+ key: 'resetValues',
+ value: function resetValues() {
+ var tf = this.tf;
+ if (tf.rememberPageLen) {
+ this.resetPageLength();
+ }
+ if (tf.rememberPageNb) {
+ this.resetPage();
+ }
+ }
+
+ /**
+ * Re-set page nb at page re-load
+ */
+
+ }, {
+ key: 'resetPage',
+ value: function resetPage() {
+ var tf = this.tf;
+ if (!this.isEnabled()) {
+ return;
+ }
+ this.emitter.emit('before-reset-page', tf);
+ var pgNb = tf.feature('store').getPageNb();
+ if (pgNb !== '') {
+ this.changePage(pgNb - 1);
+ }
+ this.emitter.emit('after-reset-page', tf, pgNb);
+ }
+
+ /**
+ * Re-set page length value at page re-load
+ */
+
+ }, {
+ key: 'resetPageLength',
+ value: function resetPageLength() {
+ var tf = this.tf;
+ if (!this.isEnabled()) {
+ return;
+ }
+ this.emitter.emit('before-reset-page-length', tf);
+ var pglenIndex = tf.feature('store').getPageLength();
+
+ if (pglenIndex !== '') {
+ this.resultsPerPageSlc.options[pglenIndex].selected = true;
+ this.changeResultsPerPage();
+ }
+ this.emitter.emit('after-reset-page-length', tf, pglenIndex);
+ }
+
+ /**
+ * Remove paging feature
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this4 = this;
+
+ var tf = this.tf;
+
+ if (!this.initialized) {
+ 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);
+ }
+ _dom2.default.remove(this.pagingSlc);
+ }
+
+ if (btnNextSpan) {
+ _event2.default.remove(btnNextSpan, 'click', evt.next);
+ _dom2.default.remove(btnNextSpan);
+ }
+
+ if (btnPrevSpan) {
+ _event2.default.remove(btnPrevSpan, 'click', evt.prev);
+ _dom2.default.remove(btnPrevSpan);
+ }
+
+ if (btnLastSpan) {
+ _event2.default.remove(btnLastSpan, 'click', evt.last);
+ _dom2.default.remove(btnLastSpan);
+ }
+
+ if (btnFirstSpan) {
+ _event2.default.remove(btnFirstSpan, 'click', evt.first);
+ _dom2.default.remove(btnFirstSpan);
+ }
+
+ if (pgBeforeSpan) {
+ _dom2.default.remove(pgBeforeSpan);
+ }
+
+ if (pgAfterSpan) {
+ _dom2.default.remove(pgAfterSpan);
+ }
+
+ if (pgspan) {
+ _dom2.default.remove(pgspan);
+ }
+
+ if (this.hasResultsPerPage) {
+ this.removeResultsPerPage();
+ }
+
+ this.emitter.off(['after-filtering'], function () {
+ return _this4.resetPagingInfo();
+ });
+ this.emitter.off(['initialized'], function () {
+ return _this4.resetValues();
+ });
+
+ this.pagingSlc = null;
+ this.nbPages = 0;
+ this.disable();
+ this.initialized = false;
+ }
+ }]);
+
+ return Paging;
+ }(_feature.Feature);
+
+/***/ },
+/* 22 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.ClearButton = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var ClearButton = exports.ClearButton = function (_Feature) {
+ _inherits(ClearButton, _Feature);
+
+ /**
+ * Clear button component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function ClearButton(tf) {
+ _classCallCheck(this, ClearButton);
+
+ // Configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(ClearButton).call(this, tf, 'btnReset'));
+
+ var f = _this.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 : '');
+ //span containing reset button
+ _this.prfxResetSpan = 'resetspan_';
+ return _this;
+ }
+
+ _createClass(ClearButton, [{
+ key: 'onClick',
+ value: function onClick() {
+ if (!this.isEnabled()) {
+ return;
+ }
+ this.tf.clearFilters();
+ }
+
+ /**
+ * Build DOM elements
+ */
+
+ }, {
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ var tf = this.tf;
+
+ if (this.initialized) {
+ 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);
+ _event2.default.add(fltreset, 'click', function () {
+ _this2.onClick();
+ });
+ } else {
+ resetspan.innerHTML = this.btnResetHtml;
+ var resetEl = resetspan.firstChild;
+ _event2.default.add(resetEl, 'click', function () {
+ _this2.onClick();
+ });
+ }
+ this.btnResetEl = resetspan.firstChild;
+
+ this.initialized = true;
+ }
+
+ /**
+ * Remove clear button UI
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var tf = this.tf;
+
+ if (!this.initialized) {
+ return;
+ }
+
+ var resetspan = _dom2.default.id(this.prfxResetSpan + tf.id);
+ if (resetspan) {
+ _dom2.default.remove(resetspan);
+ }
+ this.btnResetEl = null;
+ this.initialized = false;
+ }
+ }]);
+
+ return ClearButton;
+ }(_feature.Feature);
+
+/***/ },
+/* 23 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.Help = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _event = __webpack_require__(1);
+
+ var _event2 = _interopRequireDefault(_event);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' + '4.-Filter-operators';
+ var WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/';
+
+ var Help = exports.Help = function (_Feature) {
+ _inherits(Help, _Feature);
+
+ /**
+ * Help UI component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function Help(tf) {
+ _classCallCheck(this, Help);
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(Help).call(this, tf, 'help'));
+
+ var f = _this.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. Advanced searches can be performed by using the following ' + 'operators:
<, <=, >, ' + '>=, =, *, !, {, }, ' + '||,&&, [empty], [nonempty], ' + 'rgx:
' + 'Learn more
';
+ //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 = '';
+
+ //id prefix for help elements
+ _this.prfxHelpSpan = 'helpSpan_';
+ //id prefix for help elements
+ _this.prfxHelpDiv = 'helpDiv_';
+
+ _this.emitter.on(['init-help'], function () {
+ return _this.init();
+ });
+ return _this;
+ }
+
+ _createClass(Help, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ 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 () {
+ _this2.toggle();
+ });
+ } else {
+ helpspan.innerHTML = this.btnHtml;
+ var helpEl = helpspan.firstChild;
+ _event2.default.add(helpEl, 'click', function () {
+ _this2.toggle();
+ });
+ divContainer.appendChild(helpdiv);
+ }
+
+ if (!this.instrHtml) {
+ helpdiv.innerHTML = this.instrText;
+ helpdiv.className = this.contCssClass;
+ _event2.default.add(helpdiv, 'dblclick', function () {
+ _this2.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 () {
+ _this2.toggle();
+ });
+ }
+ }
+ helpdiv.innerHTML += this.defaultHtml;
+ _event2.default.add(helpdiv, 'click', function () {
+ _this2.toggle();
+ });
+
+ this.cont = helpdiv;
+ this.btn = helpspan;
+ this.initialized = true;
+ }
+
+ /**
+ * Toggle help pop-up
+ */
+
+ }, {
+ key: 'toggle',
+ value: function toggle() {
+ // check only if explicitily set to false as in this case undefined
+ // signifies the help feature is enabled by default
+ if (this.enabled === false) {
+ return;
+ }
+ var divDisplay = this.cont.style.display;
+ if (divDisplay === '' || divDisplay === 'none') {
+ this.cont.style.display = 'inline';
+ } else {
+ this.cont.style.display = 'none';
+ }
+ }
+
+ /**
+ * Remove help UI
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ if (!this.initialized) {
+ return;
+ }
+ _dom2.default.remove(this.btn);
+ this.btn = null;
+ if (!this.cont) {
+ return;
+ }
+ _dom2.default.remove(this.cont);
+ this.cont = null;
+ this.initialized = false;
+ }
+ }]);
+
+ return Help;
+ }(_feature.Feature);
+
+/***/ },
+/* 24 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.AlternateRows = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var AlternateRows = exports.AlternateRows = function (_Feature) {
+ _inherits(AlternateRows, _Feature);
+
+ /**
+ * Alternating rows color
+ * @param {Object} tf TableFilter instance
+ */
+
+ function AlternateRows(tf) {
+ _classCallCheck(this, AlternateRows);
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(AlternateRows).call(this, tf, 'alternateRows'));
+
+ var config = _this.config;
+ //defines css class for even rows
+ _this.evenCss = config.even_row_css_class || 'even';
+ //defines css class for odd rows
+ _this.oddCss = config.odd_row_css_class || 'odd';
+ return _this;
+ }
+
+ /**
+ * Sets alternating rows color
+ */
+
+
+ _createClass(AlternateRows, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+
+ this.processAll();
+
+ // Subscribe to events
+ this.emitter.on(['row-processed', 'row-paged'], function (tf, rowIndex, arrIndex, isValid) {
+ return _this2.processRow(rowIndex, arrIndex, isValid);
+ });
+ this.emitter.on(['column-sorted'], function () {
+ return _this2.processAll();
+ });
+
+ this.initialized = true;
+ }
+ }, {
+ key: 'processAll',
+ value: function processAll() {
+ if (!this.isEnabled()) {
+ return;
+ }
+ var tf = this.tf;
+ var validRowsIndex = tf.getValidRows(true);
+ var noValidRowsIndex = validRowsIndex.length === 0;
+ //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++;
+ }
+ }
+
+ /**
+ * Set/remove row background based on row validation
+ * @param {Number} rowIdx Row index
+ * @param {Number} arrIdx Array index
+ * @param {Boolean} isValid Valid row flag
+ */
+
+ }, {
+ key: 'processRow',
+ value: function processRow(rowIdx, arrIdx, isValid) {
+ if (isValid) {
+ this.setRowBg(rowIdx, arrIdx);
+ } else {
+ this.removeRowBg(rowIdx);
+ }
+ }
+
+ /**
+ * Sets row background color
+ * @param {Number} rowIdx Row index
+ * @param {Number} idx Valid rows collection index needed to calculate bg
+ * color
+ */
+
+ }, {
+ key: 'setRowBg',
+ value: function setRowBg(rowIdx, idx) {
+ if (!this.isEnabled() || 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);
+ }
+
+ /**
+ * Removes row background color
+ * @param {Number} idx Row index
+ */
+
+ }, {
+ key: 'removeRowBg',
+ 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);
+ }
+
+ /**
+ * Removes all alternating backgrounds
+ */
+
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this3 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+ for (var i = 0; i < this.tf.nbRows; i++) {
+ this.removeRowBg(i);
+ }
+
+ // Unsubscribe to events
+ this.emitter.off(['row-processed', 'row-paged'], function (tf, rowIndex, arrIndex, isValid) {
+ return _this3.processRow(rowIndex, arrIndex, isValid);
+ });
+ this.emitter.off(['column-sorted'], function () {
+ return _this3.processAll();
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return AlternateRows;
+ }(_feature.Feature);
+
+/***/ },
+/* 25 */
+/***/ function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.NoResults = undefined;
+
+ 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; }; }();
+
+ var _feature = __webpack_require__(11);
+
+ var _dom = __webpack_require__(2);
+
+ var _dom2 = _interopRequireDefault(_dom);
+
+ var _types = __webpack_require__(4);
+
+ var _types2 = _interopRequireDefault(_types);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+ function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+ var NoResults = exports.NoResults = function (_Feature) {
+ _inherits(NoResults, _Feature);
+
+ /**
+ * No results message UI component
+ * @param {Object} tf TableFilter instance
+ */
+
+ function NoResults(tf) {
+ _classCallCheck(this, NoResults);
+
+ //configuration object
+
+ var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(NoResults).call(this, tf, 'noResults'));
+
+ var f = _this.config.no_results_message;
+
+ _this.content = f.content || 'No results';
+ _this.customContainer = f.custom_container || null;
+ _this.customContainerId = f.custom_container_id || null;
+ _this.isExternal = !_types2.default.isEmpty(_this.customContainer) || !_types2.default.isEmpty(_this.customContainerId);
+ _this.cssClass = f.css_class || 'no-results';
+
+ _this.cont = null;
+
+ //callback before message is displayed
+ _this.onBeforeShowMsg = _types2.default.isFn(f.on_before_show_msg) ? f.on_before_show_msg : null;
+ //callback after message is displayed
+ _this.onAfterShowMsg = _types2.default.isFn(f.on_after_show_msg) ? f.on_after_show_msg : null;
+ //callback before message is hidden
+ _this.onBeforeHideMsg = _types2.default.isFn(f.on_before_hide_msg) ? f.on_before_hide_msg : null;
+ //callback after message is hidden
+ _this.onAfterHideMsg = _types2.default.isFn(f.on_after_hide_msg) ? f.on_after_hide_msg : null;
+
+ _this.prfxNoResults = 'nores_';
+ return _this;
+ }
+
+ _createClass(NoResults, [{
+ key: 'init',
+ value: function init() {
+ var _this2 = this;
+
+ if (this.initialized) {
+ return;
+ }
+ var tf = this.tf;
+ var target = this.customContainer || _dom2.default.id(this.customContainerId) || tf.tbl;
+
+ //container
+ var cont = _dom2.default.create('div', ['id', this.prfxNoResults + tf.id]);
+ cont.className = this.cssClass;
+ cont.innerHTML = this.content;
+
+ if (this.isExternal) {
+ target.appendChild(cont);
+ } else {
+ target.parentNode.insertBefore(cont, target.nextSibling);
+ }
+
+ this.cont = cont;
+
+ // subscribe to after-filtering event
+ this.emitter.on(['after-filtering'], function () {
+ return _this2.toggle();
+ });
+
+ this.initialized = true;
+ this.hide();
+ }
+ }, {
+ key: 'toggle',
+ value: function toggle() {
+ if (this.tf.nbVisibleRows > 0) {
+ this.hide();
+ } else {
+ this.show();
+ }
+ }
+ }, {
+ key: 'show',
+ value: function show() {
+ if (!this.initialized || !this.isEnabled()) {
+ return;
+ }
+
+ if (this.onBeforeShowMsg) {
+ this.onBeforeShowMsg.call(null, this.tf, this);
+ }
+
+ this.setWidth();
+ this.cont.style.display = 'block';
+
+ if (this.onAfterShowMsg) {
+ this.onAfterShowMsg.call(null, this.tf, this);
+ }
+ }
+ }, {
+ key: 'hide',
+ value: function hide() {
+ if (!this.initialized || !this.isEnabled()) {
+ return;
+ }
+
+ if (this.onBeforeHideMsg) {
+ this.onBeforeHideMsg.call(null, this.tf, this);
+ }
+
+ this.cont.style.display = 'none';
+
+ if (this.onBeforeHideMsg) {
+ this.onBeforeHideMsg.call(null, this.tf, this);
+ }
+ }
+ }, {
+ key: 'setWidth',
+ value: function setWidth() {
+ if (!this.initialized || this.isExternal || !this.isEnabled()) {
+ return;
+ }
+ if (this.tf.gridLayout) {
+ var gridLayout = this.tf.feature('gridLayout');
+ this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';
+ } else {
+ this.cont.style.width = this.tf.tbl.clientWidth + 'px';
+ }
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy() {
+ var _this3 = this;
+
+ if (!this.initialized) {
+ return;
+ }
+ _dom2.default.remove(this.cont);
+ this.cont = null;
+ // unsubscribe to after-filtering event
+ this.emitter.off(['after-filtering'], function () {
+ return _this3.toggle();
+ });
+
+ this.initialized = false;
+ }
+ }]);
+
+ return NoResults;
+ }(_feature.Feature);
+
+/***/ }
+/******/ ])
+});
+;
+//# 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 4b5b33ce..5e06e5a0 100644
--- a/dist/tablefilter/tf-1.js
+++ b/dist/tablefilter/tf-1.js
@@ -1,6 +1,6 @@
/**
- * tablefilter v0.1.18 by Max Guglielmi
- * build date: 2016-03-10T06:33:44.495Z
+ * tablefilter v0.1.19 by Max Guglielmi
+ * build date: 2016-03-11T03:36:16.406Z
* MIT License
*/
diff --git a/src/modules/checkList.js b/src/modules/checkList.js
index 57081a6a..486ac3df 100644
--- a/src/modules/checkList.js
+++ b/src/modules/checkList.js
@@ -123,10 +123,8 @@ export class CheckList extends Feature{
/**
* Build checklist UI
* @param {Number} colIndex Column index
- * @param {Boolean} isExternal Render in external container
- * @param {String} extFltId External container id
*/
- build(colIndex, isExternal=false, extFltId=null){
+ build(colIndex){
let tf = this.tf;
colIndex = parseInt(colIndex, 10);
@@ -135,13 +133,7 @@ export class CheckList extends Feature{
this.opts = [];
this.optsTxt = [];
- let divFltId = this.prfxCheckListDiv+colIndex+'_'+tf.id;
- if((!Dom.id(divFltId) && !isExternal) ||
- (!Dom.id(extFltId) && isExternal)){
- return;
- }
-
- let flt = !isExternal ? this.checkListDiv[colIndex] : Dom.id(extFltId);
+ let flt = this.checkListDiv[colIndex];
let ul = Dom.create(
'ul', ['id', tf.fltIds[colIndex]], ['colIndex', colIndex]);
ul.className = this.checkListCssClass;
@@ -181,29 +173,30 @@ export class CheckList extends Feature{
// this loop retrieves cell data
for(let j=0; j
+
+
+
+ TableFilter grid layout with linked filters tests
+
+
+
+
+
+
+
+
+ From |
+ Destination |
+ Road Distance (km) |
+ By Air (hrs) |
+ By Rail (hrs) |
+
+
+
+
+ Sydney |
+ Adelaide |
+ 1412 |
+ 1.4 |
+ 25.3 |
+
+
+ Sydney |
+ Brisbane |
+ 982 |
+ 1.5 |
+ 16 |
+
+
+ Sydney |
+ Canberra |
+ 286 |
+ .6 |
+ 4.3 |
+
+
+ Sydney |
+ Melbourne |
+ 872 |
+ 1.1 |
+ 10.5 |
+
+
+ Adelaide |
+ Perth |
+ 2781 |
+ 3.1 |
+ 38 |
+
+
+ Adelaide |
+ Alice Springs |
+ 1533 |
+ 2 |
+ 20.25 |
+
+
+ Adelaide |
+ Brisbane |
+ 2045 |
+ 2.15 |
+ 40 |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/test-linked-filters-disabled-options-grid-layout.js b/test/test-linked-filters-disabled-options-grid-layout.js
new file mode 100644
index 00000000..84a286ba
--- /dev/null
+++ b/test/test-linked-filters-disabled-options-grid-layout.js
@@ -0,0 +1,74 @@
+(function(win, TableFilter){
+
+ var id = function (id){ return document.getElementById(id); };
+
+ var tf = new TableFilter('demo', {
+ base_path: '../dist/tablefilter/',
+ grid_layout: true,
+ linked_filters: true,
+ disable_excluded_options: true,
+ col_0: 'select',
+ col_1: 'checklist'
+ });
+
+ tf.init();
+ tf.emitter.on(['after-populating-filter'], checkFilters);
+ triggerEvents();
+
+ module('Sanity checks');
+ test('Linked filters feature', function() {
+ deepEqual(tf instanceof TableFilter, true, 'TableFilter instantiated');
+ deepEqual(tf.linkedFilters, true, 'Linked filters enabled');
+ });
+
+ function triggerEvents() {
+ var flt0 = id(tf.fltIds[0]);
+ var flt1 = id(tf.fltIds[1]);
+
+ var evObj = document.createEvent('HTMLEvents');
+ evObj.initEvent('change', true, true);
+
+ tf.setFilterValue(0, 'Sydney');
+ flt0.dispatchEvent(evObj);
+ tf.setFilterValue(1, 'Adelaide');
+ flt1.dispatchEvent(evObj);
+ }
+
+ function checkFilters(tf, colIndex, flt) {
+ module('behaviour');
+ test('Can filter', function() {
+ if(colIndex === 0){
+ deepEqual(flt.options.length, 3, 'Filter 0 options number');
+ }
+ if(colIndex === 1){
+ deepEqual(flt.getElementsByTagName('li').length, 7,
+ 'Filter 1 options number');
+ testClearFilters();
+ }
+ });
+
+
+ }
+
+ // Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
+ function testClearFilters() {
+ test('Check clear filters functionality', function() {
+ tf.clearFilters();
+
+ deepEqual(tf.getFilterableRowsNb(), 7,
+ 'Nb of valid rows after filters are cleared');
+ });
+
+ testDestroy();
+ }
+
+ function testDestroy() {
+ test('Tear down', function() {
+ tf.destroy();
+
+ deepEqual(tf.hasGrid(), false, 'Filters removed');
+ });
+ tf.emitter.off(['after-populating-filter'], checkFilters);
+ }
+
+})(window, TableFilter);
diff --git a/test/test-linked-filters-grid-layout.html b/test/test-linked-filters-grid-layout.html
new file mode 100644
index 00000000..cb0cc855
--- /dev/null
+++ b/test/test-linked-filters-grid-layout.html
@@ -0,0 +1,80 @@
+
+
+
+
+ TableFilter grid layout with linked filters tests
+
+
+
+
+
+
+
+
+ From |
+ Destination |
+ Road Distance (km) |
+ By Air (hrs) |
+ By Rail (hrs) |
+
+
+
+
+ Sydney |
+ Adelaide |
+ 1412 |
+ 1.4 |
+ 25.3 |
+
+
+ Sydney |
+ Brisbane |
+ 982 |
+ 1.5 |
+ 16 |
+
+
+ Sydney |
+ Canberra |
+ 286 |
+ .6 |
+ 4.3 |
+
+
+ Sydney |
+ Melbourne |
+ 872 |
+ 1.1 |
+ 10.5 |
+
+
+ Adelaide |
+ Perth |
+ 2781 |
+ 3.1 |
+ 38 |
+
+
+ Adelaide |
+ Alice Springs |
+ 1533 |
+ 2 |
+ 20.25 |
+
+
+ Adelaide |
+ Brisbane |
+ 2045 |
+ 2.15 |
+ 40 |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test/test-linked-filters-grid-layout.js b/test/test-linked-filters-grid-layout.js
new file mode 100644
index 00000000..a8b98d02
--- /dev/null
+++ b/test/test-linked-filters-grid-layout.js
@@ -0,0 +1,71 @@
+(function(win, TableFilter){
+
+ var id = function (id){ return document.getElementById(id); };
+
+ var tf = new TableFilter('demo', {
+ base_path: '../dist/tablefilter/',
+ grid_layout: true,
+ linked_filters: true,
+ col_0: 'select',
+ col_1: 'checklist'
+ });
+
+ tf.init();
+ tf.emitter.on(['after-populating-filter'], checkFilters);
+ triggerEvents();
+
+ module('Sanity checks');
+ test('Linked filters feature', function() {
+ deepEqual(tf instanceof TableFilter, true, 'TableFilter instantiated');
+ deepEqual(tf.linkedFilters, true, 'Linked filters enabled');
+ });
+
+ function triggerEvents() {
+ var flt0 = id(tf.fltIds[0]);
+ var flt1 = id(tf.fltIds[1]);
+
+ var evObj = document.createEvent('HTMLEvents');
+ evObj.initEvent('change', true, true);
+
+ tf.setFilterValue(0, 'Sydney');
+ flt0.dispatchEvent(evObj);
+ tf.setFilterValue(1, 'Adelaide');
+ flt1.dispatchEvent(evObj);
+ }
+
+ function checkFilters(tf, colIndex, flt) {
+ module('behaviour');
+ test('Can filter', function() {
+ if(colIndex === 0){
+ deepEqual(flt.options.length, 2, 'Filter 0 options number');
+ }
+ if(colIndex === 1){
+ deepEqual(flt.getElementsByTagName('li').length, 2,
+ 'Filter 1 options number');
+ testClearFilters();
+ }
+ });
+ }
+
+ // Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
+ function testClearFilters() {
+ test('Check clear filters functionality', function() {
+ tf.clearFilters();
+
+ deepEqual(tf.getFilterableRowsNb(), 7,
+ 'Nb of valid rows after filters are cleared');
+ });
+
+ testDestroy();
+ }
+
+ function testDestroy() {
+ test('Tear down', function() {
+ tf.destroy();
+
+ deepEqual(tf.hasGrid(), false, 'Filters removed');
+ });
+ tf.emitter.off(['after-populating-filter'], checkFilters);
+ }
+
+})(window, TableFilter);