-
+
public
class
- | source
+ | source
import ColsVisibility from 'tablefilter/src/extensions/colsVisibility/colsVisibility.js'import ColsVisibility from 'tablefilter/src/extensions/colsVisibility/colsVisibility.js'
@@ -1777,7 +1777,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -1845,7 +1845,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -1886,7 +1886,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -1927,7 +1927,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -1968,7 +1968,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2009,7 +2009,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2050,7 +2050,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2091,7 +2091,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2132,7 +2132,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2173,7 +2173,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2214,7 +2214,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2255,7 +2255,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2296,7 +2296,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2337,7 +2337,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2378,7 +2378,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2419,7 +2419,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2460,7 +2460,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2501,7 +2501,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2541,7 +2541,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2582,7 +2582,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2623,7 +2623,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2664,7 +2664,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2705,7 +2705,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2746,7 +2746,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2787,7 +2787,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2828,7 +2828,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2869,7 +2869,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2910,7 +2910,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2951,7 +2951,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -2992,7 +2992,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3033,7 +3033,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3074,7 +3074,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3115,7 +3115,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3156,7 +3156,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3197,7 +3197,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3239,7 +3239,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3280,7 +3280,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3324,7 +3324,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3365,7 +3365,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3406,7 +3406,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3447,7 +3447,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3499,7 +3499,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3557,7 +3557,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3598,7 +3598,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3666,7 +3666,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3731,7 +3731,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3789,7 +3789,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
@@ -3830,7 +3830,7 @@ depending on tick mode (tick_to_hide option)
- source
+ source
diff --git a/docs/class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html b/docs/class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html
index defba201..49cca2ab 100644
--- a/docs/class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html
+++ b/docs/class/src/extensions/sort/adapterSortabletable.js~AdapterSortableTable.html
@@ -3,7 +3,7 @@
AdapterSortableTable | tablefilter v0.5.41 API Document
+ AdapterSortableTable | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/feature.js~Feature.html b/docs/class/src/feature.js~Feature.html
index 08a37986..a508e6df 100644
--- a/docs/class/src/feature.js~Feature.html
+++ b/docs/class/src/feature.js~Feature.html
@@ -3,7 +3,7 @@
Feature | tablefilter v0.5.41 API Document
+ Feature | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/alternateRows.js~AlternateRows.html b/docs/class/src/modules/alternateRows.js~AlternateRows.html
index daf73617..aab9dcee 100644
--- a/docs/class/src/modules/alternateRows.js~AlternateRows.html
+++ b/docs/class/src/modules/alternateRows.js~AlternateRows.html
@@ -3,7 +3,7 @@
AlternateRows | tablefilter v0.5.41 API Document
+ AlternateRows | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/baseDropdown.js~BaseDropdown.html b/docs/class/src/modules/baseDropdown.js~BaseDropdown.html
index 8fc83862..a938f10a 100644
--- a/docs/class/src/modules/baseDropdown.js~BaseDropdown.html
+++ b/docs/class/src/modules/baseDropdown.js~BaseDropdown.html
@@ -3,7 +3,7 @@
BaseDropdown | tablefilter v0.5.41 API Document
+ BaseDropdown | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/checkList.js~CheckList.html b/docs/class/src/modules/checkList.js~CheckList.html
index 8e757d4c..cbf36770 100644
--- a/docs/class/src/modules/checkList.js~CheckList.html
+++ b/docs/class/src/modules/checkList.js~CheckList.html
@@ -3,7 +3,7 @@
CheckList | tablefilter v0.5.41 API Document
+ CheckList | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/clearButton.js~ClearButton.html b/docs/class/src/modules/clearButton.js~ClearButton.html
index 8d1b22d9..921ccba3 100644
--- a/docs/class/src/modules/clearButton.js~ClearButton.html
+++ b/docs/class/src/modules/clearButton.js~ClearButton.html
@@ -3,7 +3,7 @@
ClearButton | tablefilter v0.5.41 API Document
+ ClearButton | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/dateType.js~DateType.html b/docs/class/src/modules/dateType.js~DateType.html
index 5cb7d527..0adc4115 100644
--- a/docs/class/src/modules/dateType.js~DateType.html
+++ b/docs/class/src/modules/dateType.js~DateType.html
@@ -3,7 +3,7 @@
DateType | tablefilter v0.5.41 API Document
+ DateType | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/dropdown.js~Dropdown.html b/docs/class/src/modules/dropdown.js~Dropdown.html
index 46ba2171..c888af90 100644
--- a/docs/class/src/modules/dropdown.js~Dropdown.html
+++ b/docs/class/src/modules/dropdown.js~Dropdown.html
@@ -3,7 +3,7 @@
Dropdown | tablefilter v0.5.41 API Document
+ Dropdown | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/gridLayout.js~GridLayout.html b/docs/class/src/modules/gridLayout.js~GridLayout.html
index 4294c556..3a6ea335 100644
--- a/docs/class/src/modules/gridLayout.js~GridLayout.html
+++ b/docs/class/src/modules/gridLayout.js~GridLayout.html
@@ -3,7 +3,7 @@
GridLayout | tablefilter v0.5.41 API Document
+ GridLayout | tablefilter v0.5.42 API Document
@@ -1308,7 +1308,7 @@ TODO: reduce size of init by extracting single purposed methods
- source
+ source
@@ -1474,7 +1474,7 @@ TODO: reduce size of init by extracting single purposed methods
- source
+ source
diff --git a/docs/class/src/modules/hash.js~Hash.html b/docs/class/src/modules/hash.js~Hash.html
index fbf97284..6dc304a0 100644
--- a/docs/class/src/modules/hash.js~Hash.html
+++ b/docs/class/src/modules/hash.js~Hash.html
@@ -3,7 +3,7 @@
Hash | tablefilter v0.5.41 API Document
+ Hash | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/help.js~Help.html b/docs/class/src/modules/help.js~Help.html
index 5e42a750..de180971 100644
--- a/docs/class/src/modules/help.js~Help.html
+++ b/docs/class/src/modules/help.js~Help.html
@@ -3,7 +3,7 @@
Help | tablefilter v0.5.41 API Document
+ Help | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/highlightKeywords.js~HighlightKeyword.html b/docs/class/src/modules/highlightKeywords.js~HighlightKeyword.html
index 165170bf..11efb87e 100644
--- a/docs/class/src/modules/highlightKeywords.js~HighlightKeyword.html
+++ b/docs/class/src/modules/highlightKeywords.js~HighlightKeyword.html
@@ -3,7 +3,7 @@
HighlightKeyword | tablefilter v0.5.41 API Document
+ HighlightKeyword | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/loader.js~Loader.html b/docs/class/src/modules/loader.js~Loader.html
index ab5fa17b..8d8ab6de 100644
--- a/docs/class/src/modules/loader.js~Loader.html
+++ b/docs/class/src/modules/loader.js~Loader.html
@@ -3,7 +3,7 @@
Loader | tablefilter v0.5.41 API Document
+ Loader | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/markActiveColumns.js~MarkActiveColumns.html b/docs/class/src/modules/markActiveColumns.js~MarkActiveColumns.html
index 73d770b4..f34a2353 100644
--- a/docs/class/src/modules/markActiveColumns.js~MarkActiveColumns.html
+++ b/docs/class/src/modules/markActiveColumns.js~MarkActiveColumns.html
@@ -3,7 +3,7 @@
MarkActiveColumns | tablefilter v0.5.41 API Document
+ MarkActiveColumns | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/noResults.js~NoResults.html b/docs/class/src/modules/noResults.js~NoResults.html
index 98f272a8..5035e4fe 100644
--- a/docs/class/src/modules/noResults.js~NoResults.html
+++ b/docs/class/src/modules/noResults.js~NoResults.html
@@ -3,7 +3,7 @@
NoResults | tablefilter v0.5.41 API Document
+ NoResults | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/paging.js~Paging.html b/docs/class/src/modules/paging.js~Paging.html
index 3e0472be..8123559e 100644
--- a/docs/class/src/modules/paging.js~Paging.html
+++ b/docs/class/src/modules/paging.js~Paging.html
@@ -3,7 +3,7 @@
Paging | tablefilter v0.5.41 API Document
+ Paging | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/popupFilter.js~PopupFilter.html b/docs/class/src/modules/popupFilter.js~PopupFilter.html
index d6af0643..348dafe2 100644
--- a/docs/class/src/modules/popupFilter.js~PopupFilter.html
+++ b/docs/class/src/modules/popupFilter.js~PopupFilter.html
@@ -3,7 +3,7 @@
PopupFilter | tablefilter v0.5.41 API Document
+ PopupFilter | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/rowsCounter.js~RowsCounter.html b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
index 1e1371cf..9003c1e6 100644
--- a/docs/class/src/modules/rowsCounter.js~RowsCounter.html
+++ b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
@@ -3,7 +3,7 @@
RowsCounter | tablefilter v0.5.41 API Document
+ RowsCounter | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/state.js~State.html b/docs/class/src/modules/state.js~State.html
index 37240870..3753430c 100644
--- a/docs/class/src/modules/state.js~State.html
+++ b/docs/class/src/modules/state.js~State.html
@@ -3,7 +3,7 @@
State | tablefilter v0.5.41 API Document
+ State | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/statusBar.js~StatusBar.html b/docs/class/src/modules/statusBar.js~StatusBar.html
index d012223e..aa39ebbc 100644
--- a/docs/class/src/modules/statusBar.js~StatusBar.html
+++ b/docs/class/src/modules/statusBar.js~StatusBar.html
@@ -3,7 +3,7 @@
StatusBar | tablefilter v0.5.41 API Document
+ StatusBar | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/modules/storage.js~Storage.html b/docs/class/src/modules/storage.js~Storage.html
index 0bf6cd87..56d77225 100644
--- a/docs/class/src/modules/storage.js~Storage.html
+++ b/docs/class/src/modules/storage.js~Storage.html
@@ -3,7 +3,7 @@
Storage | tablefilter v0.5.41 API Document
+ Storage | tablefilter v0.5.42 API Document
diff --git a/docs/class/src/tablefilter.js~TableFilter.html b/docs/class/src/tablefilter.js~TableFilter.html
index 6f020962..0f3f1b0f 100644
--- a/docs/class/src/tablefilter.js~TableFilter.html
+++ b/docs/class/src/tablefilter.js~TableFilter.html
@@ -3,7 +3,7 @@
TableFilter | tablefilter v0.5.41 API Document
+ TableFilter | tablefilter v0.5.42 API Document
diff --git a/docs/dump.json b/docs/dump.json
index 613377d6..2c64780a 100644
--- a/docs/dump.json
+++ b/docs/dump.json
@@ -3153,7 +3153,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from '../../feature';\nimport {\n addClass, removeClass, createCheckItem, createElm, elm, removeElm,\n getText\n} from '../../dom';\nimport {isUndef, EMPTY_FN} from '../../types';\nimport {addEvt, targetEvt, removeEvt} from '../../event';\nimport {root} from '../../root';\nimport {NONE} from '../../const';\nimport {\n defaultsBool, defaultsStr, defaultsFn,\n defaultsNb, defaultsArr\n} from '../../settings';\n\n/**\n * Columns Visibility extension\n */\nexport default class ColsVisibility extends Feature {\n\n /**\n * Creates an instance of ColsVisibility\n * @param {TableFilter} tf TableFilter instance\n * @param {Object} Configuration object\n */\n constructor(tf, f) {\n super(tf, f.name);\n\n // Configuration object\n let cfg = this.config;\n\n /**\n * Module name\n * @type {String}\n */\n this.name = f.name;\n\n /**\n * Module description\n * @type {String}\n */\n this.desc = defaultsStr(f.description, 'Columns visibility manager');\n\n /**\n * show/hide columns container element\n * @private\n */\n this.spanEl = null;\n\n /**\n * show/hide columns button element\n * @private\n */\n this.btnEl = null;\n\n /**\n * show/hide columns main container element\n * @private\n */\n this.contEl = null;\n\n /**\n * Enable tick to hide a column, defaults to true\n * @type {Boolean}\n */\n this.tickToHide = defaultsBool(f.tick_to_hide, true);\n\n /**\n * Enable columns manager UI, defaults to true\n * @type {Boolean}\n */\n this.manager = defaultsBool(f.manager, true);\n\n /**\n * Headers HTML table reference only if headers are external\n * @type {DOMElement}\n */\n this.headersTbl = f.headers_table || null;\n\n /**\n * Headers row index only if headers are external\n * @type {Number}\n */\n this.headersIndex = defaultsNb(f.headers_index, 1);\n\n /**\n * ID of main container element\n * @type {String}\n */\n this.contElTgtId = defaultsStr(f.container_target_id, null);\n\n /**\n * Alternative text for column headers in column manager UI\n * @type {Array}\n */\n this.headersText = defaultsArr(f.headers_text, []);\n\n /**\n * ID of button's container element\n * @type {String}\n */\n this.btnTgtId = defaultsStr(f.btn_target_id, null);\n\n /**\n * Button's text, defaults to Columns▼\n * @type {String}\n */\n this.btnText = defaultsStr(f.btn_text, 'Columns▼');\n\n /**\n * Button's inner HTML\n * @type {String}\n */\n this.btnHtml = defaultsStr(f.btn_html, null);\n\n /**\n * Css class for button\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'colVis');\n\n /**\n * Columns manager UI close link text, defaults to 'Close'\n * @type {String}\n */\n this.btnCloseText = defaultsStr(f.btn_close_text, 'Close');\n\n /**\n * Columns manager UI close link HTML\n * @type {String}\n */\n this.btnCloseHtml = defaultsStr(f.btn_close_html, null);\n\n /**\n * Css for columns manager UI close link\n * @type {String}\n */\n this.btnCloseCssClass = defaultsStr(f.btn_close_css_class,\n this.btnCssClass);\n\n /**\n * Extension's stylesheet filename\n * @type {String}\n */\n this.stylesheet = defaultsStr(f.stylesheet, 'colsVisibility.css');\n\n /**\n * Css for columns manager UI span\n * @type {String}\n */\n this.spanCssClass = defaultsStr(f.span_css_class, 'colVisSpan');\n\n /**\n * Css for columns manager UI main container\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.cont_css_class, 'colVisCont');\n\n /**\n * Css for columns manager UI checklist (ul)\n * @type {String}\n */\n this.listCssClass = defaultsStr(cfg.list_css_class, 'cols_checklist');\n\n /**\n * Css for columns manager UI checklist item (li)\n * @type {String}\n */\n this.listItemCssClass = defaultsStr(cfg.checklist_item_css_class,\n 'cols_checklist_item');\n\n /**\n * Css for columns manager UI checklist item selected state (li)\n * @type {String}\n */\n this.listSlcItemCssClass = defaultsStr(\n cfg.checklist_selected_item_css_class,\n 'cols_checklist_slc_item'\n );\n\n /**\n * Text preceding the columns list, defaults to 'Hide' or 'Show'\n * depending on tick mode (tick_to_hide option)\n * @type {String}\n */\n this.text = defaultsStr(f.text, this.tickToHide ? 'Hide: ' : 'Show: ');\n\n /**\n * List of columns indexes to be hidden at initialization\n * @type {Array}\n */\n this.atStart = defaultsArr(f.at_start, []);\n\n /**\n * Enable hover behaviour on columns manager button/link\n * @type {Boolean}\n */\n this.enableHover = Boolean(f.enable_hover);\n\n /**\n * Enable select all option, disabled by default\n * @type {Boolean}\n */\n this.enableTickAll = Boolean(f.enable_tick_all);\n\n /**\n * Text for select all option, defaults to 'Select all:'\n * @type {String}\n */\n this.tickAllText = defaultsStr(f.tick_all_text, 'Select all:');\n\n /**\n * List of indexes of hidden columns\n * @private\n */\n this.hiddenCols = [];\n\n /**\n * Bound mouseup wrapper\n * @private\n */\n this.boundMouseup = null;\n\n /**\n * Callback fired when the extension is initialized\n * @type {Function}\n */\n this.onLoaded = defaultsFn(f.on_loaded, EMPTY_FN);\n\n /**\n * Callback fired before the columns manager is opened\n * @type {Function}\n */\n this.onBeforeOpen = defaultsFn(f.on_before_open, EMPTY_FN);\n\n /**\n * Callback fired after the columns manager is opened\n * @type {Function}\n */\n this.onAfterOpen = defaultsFn(f.on_after_open, EMPTY_FN);\n\n /**\n * Callback fired before the columns manager is closed\n * @type {Function}\n */\n this.onBeforeClose = defaultsFn(f.on_before_close, EMPTY_FN);\n\n /**\n * Callback fired after the columns manager is closed\n * @type {Function}\n */\n this.onAfterClose = defaultsFn(f.on_after_close, EMPTY_FN);\n\n /**\n * Callback fired before a column is hidden\n * @type {Function}\n */\n this.onBeforeColHidden = defaultsFn(f.on_before_col_hidden, EMPTY_FN);\n\n /**\n * Callback fired after a column is hidden\n * @type {Function}\n */\n this.onAfterColHidden = defaultsFn(f.on_after_col_hidden, EMPTY_FN);\n\n /**\n * Callback fired before a column is displayed\n * @type {Function}\n */\n this.onBeforeColDisplayed = defaultsFn(f.on_before_col_displayed,\n EMPTY_FN);\n\n /**\n * Callback fired after a column is displayed\n * @type {Function}\n */\n this.onAfterColDisplayed = defaultsFn(f.on_after_col_displayed,\n EMPTY_FN);\n\n //Grid layout support\n if (tf.gridLayout) {\n this.headersTbl = tf.feature('gridLayout').headTbl; //headers table\n this.headersIndex = 0; //headers index\n }\n\n //Loads extension stylesheet\n tf.import(f.name + 'Style', tf.getStylePath() + this.stylesheet, null,\n 'link');\n\n this.enable();\n }\n\n /**\n * Mouse-up event handler handling popup auto-close behaviour\n * @private\n */\n onMouseup(evt) {\n let targetElm = targetEvt(evt);\n\n while (targetElm && targetElm !== this.contEl\n && targetElm !== this.btnEl) {\n targetElm = targetElm.parentNode;\n }\n\n if (targetElm !== this.contEl && targetElm !== this.btnEl) {\n this.toggle();\n }\n\n return;\n }\n\n /**\n * Toggle columns manager UI\n */\n toggle() {\n // ensure mouseup event handler is removed\n removeEvt(root, 'mouseup', this.boundMouseup);\n\n let contDisplay = this.contEl.style.display;\n\n if (contDisplay !== 'inline') {\n this.onBeforeOpen(this);\n }\n if (contDisplay === 'inline') {\n this.onBeforeClose(this);\n }\n\n this.contEl.style.display = contDisplay === 'inline' ?\n NONE : 'inline';\n\n if (contDisplay !== 'inline') {\n this.onAfterOpen(this);\n addEvt(root, 'mouseup', this.boundMouseup);\n }\n if (contDisplay === 'inline') {\n this.onAfterClose(this);\n }\n }\n\n /**\n * Check an item in columns manager UI\n * @private\n */\n checkItem(lbl) {\n let li = lbl.parentNode;\n if (!li || !lbl) {\n return;\n }\n let isChecked = lbl.firstChild.checked;\n let colIndex = lbl.firstChild.getAttribute('id').split('_')[1];\n colIndex = parseInt(colIndex, 10);\n if (isChecked) {\n addClass(li, this.listSlcItemCssClass);\n } else {\n removeClass(li, this.listSlcItemCssClass);\n }\n\n let hide = false;\n if ((this.tickToHide && isChecked) ||\n (!this.tickToHide && !isChecked)) {\n hide = true;\n }\n this.setHidden(colIndex, hide);\n }\n\n /**\n * Initializes ColsVisibility instance\n */\n init() {\n if (this.initialized || !this.manager) {\n return;\n }\n\n this.emitter.on(['hide-column'],\n (tf, colIndex) => this.hideCol(colIndex));\n\n this.buildBtn();\n this.buildManager();\n\n /** @inherited */\n this.initialized = true;\n\n this.boundMouseup = this.onMouseup.bind(this);\n\n this.emitter.emit('columns-visibility-initialized', this.tf, this);\n\n // Hide columns at start at very end of initialization, do not move\n // as order is important\n this._hideAtStart();\n }\n\n /**\n * Build main button UI\n */\n buildBtn() {\n if (this.btnEl) {\n return;\n }\n let tf = this.tf;\n let span = createElm('span');\n span.className = this.spanCssClass;\n\n //Container element (rdiv or custom element)\n if (!this.btnTgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.btnTgtId ? tf.rDiv : elm(this.btnTgtId);\n\n if (!this.btnTgtId) {\n let firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n if (!this.btnHtml) {\n let btn = createElm('a', ['href', 'javascript:;']);\n btn.className = this.btnCssClass;\n btn.title = this.desc;\n\n btn.innerHTML = this.btnText;\n span.appendChild(btn);\n if (!this.enableHover) {\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n } else {\n addEvt(btn, 'mouseover', (evt) => this.toggle(evt));\n }\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n let colVisEl = span.firstChild;\n if (!this.enableHover) {\n addEvt(colVisEl, 'click', (evt) => this.toggle(evt));\n } else {\n addEvt(colVisEl, 'mouseover', (evt) => this.toggle(evt));\n }\n }\n\n this.spanEl = span;\n this.btnEl = this.spanEl.firstChild;\n\n this.onLoaded(this);\n }\n\n /**\n * Build columns manager UI\n */\n buildManager() {\n let tf = this.tf;\n\n let container = !this.contElTgtId ?\n createElm('div') :\n elm(this.contElTgtId);\n container.className = this.contCssClass;\n\n //Extension description\n let extNameLabel = createElm('p');\n extNameLabel.innerHTML = this.text;\n container.appendChild(extNameLabel);\n\n //Headers list\n let ul = createElm('ul');\n ul.className = this.listCssClass;\n\n let tbl = this.headersTbl || tf.dom();\n let headerIndex = this.headersTbl ?\n this.headersIndex : tf.getHeadersRowIndex();\n let headerRow = tbl.rows[headerIndex];\n\n //Tick all option\n if (this.enableTickAll) {\n let li = createCheckItem('col__' + tf.id, this.tickAllText,\n this.tickAllText);\n addClass(li, this.listItemCssClass);\n ul.appendChild(li);\n li.check.checked = !this.tickToHide;\n\n addEvt(li.check, 'click', () => {\n for (let h = 0; h < headerRow.cells.length; h++) {\n let itm = elm('col_' + h + '_' + tf.id);\n if (itm && li.check.checked !== itm.checked) {\n itm.click();\n itm.checked = li.check.checked;\n }\n }\n });\n }\n\n for (let i = 0; i < headerRow.cells.length; i++) {\n let cell = headerRow.cells[i];\n let cellText = this.headersText[i] || this._getHeaderText(cell);\n let liElm = createCheckItem('col_' + i + '_' + tf.id, cellText,\n cellText);\n addClass(liElm, this.listItemCssClass);\n if (!this.tickToHide) {\n addClass(liElm, this.listSlcItemCssClass);\n }\n ul.appendChild(liElm);\n if (!this.tickToHide) {\n liElm.check.checked = true;\n }\n\n addEvt(liElm.check, 'click', (evt) => {\n let elm = targetEvt(evt);\n let lbl = elm.parentNode;\n this.checkItem(lbl);\n });\n }\n\n //separator\n let p = createElm('p', ['align', 'center']);\n let btn;\n //Close link\n if (!this.btnCloseHtml) {\n btn = createElm('a', ['href', 'javascript:;']);\n btn.className = this.btnCloseCssClass;\n btn.innerHTML = this.btnCloseText;\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n p.appendChild(btn);\n } else {\n p.innerHTML = this.btnCloseHtml;\n btn = p.firstChild;\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n }\n\n container.appendChild(ul);\n container.appendChild(p);\n\n this.btnEl.parentNode.insertBefore(container, this.btnEl);\n this.contEl = container;\n }\n\n /**\n * Hide or show specified columns\n * @param {Number} colIndex Column index\n * @param {Boolean} hide Hide column if true or show if false\n */\n setHidden(colIndex, hide) {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (hide) {\n this.onBeforeColHidden(this, colIndex);\n }\n if (!hide) {\n this.onBeforeColDisplayed(this, colIndex);\n }\n\n this._hideCells(tbl, colIndex, hide);\n if (this.headersTbl) {\n this._hideCells(this.headersTbl, colIndex, hide);\n }\n\n let hiddenCols = this.hiddenCols;\n let itemIndex = hiddenCols.indexOf(colIndex);\n if (hide) {\n if (itemIndex === -1) {\n this.hiddenCols.push(colIndex);\n }\n } else {\n if (itemIndex !== -1) {\n this.hiddenCols.splice(itemIndex, 1);\n }\n }\n\n if (hide) {\n this.onAfterColHidden(this, colIndex);\n this.emitter.emit('column-hidden', tf, this, colIndex,\n this.hiddenCols);\n }\n\n if (!hide) {\n this.onAfterColDisplayed(this, colIndex);\n this.emitter.emit('column-shown', tf, this, colIndex,\n this.hiddenCols);\n }\n }\n\n /**\n * Show specified column\n * @param {Number} colIndex Column index\n */\n showCol(colIndex) {\n if (isUndef(colIndex) || !this.isColHidden(colIndex)) {\n return;\n }\n if (this.manager && this.contEl) {\n let itm = elm('col_' + colIndex + '_' + this.tf.id);\n if (itm) {\n itm.click();\n }\n } else {\n this.setHidden(colIndex, false);\n }\n }\n\n /**\n * Hide specified column\n * @param {Number} colIndex Column index\n */\n hideCol(colIndex) {\n if (isUndef(colIndex) || this.isColHidden(colIndex)) {\n return;\n }\n if (this.manager && this.contEl) {\n let itm = elm('col_' + colIndex + '_' + this.tf.id);\n if (itm) {\n itm.click();\n }\n } else {\n this.setHidden(colIndex, true);\n }\n }\n\n /**\n * Determine if specified column is hidden\n * @param {Number} colIndex Column index\n */\n isColHidden(colIndex) {\n if (this.hiddenCols.indexOf(colIndex) !== -1) {\n return true;\n }\n return false;\n }\n\n /**\n * Toggle visibility of specified column\n * @param {Number} colIndex Column index\n */\n toggleCol(colIndex) {\n if (isUndef(colIndex) || this.isColHidden(colIndex)) {\n this.showCol(colIndex);\n } else {\n this.hideCol(colIndex);\n }\n }\n\n /**\n * Return the indexes of the columns currently hidden\n * @return {Array} column indexes\n */\n getHiddenCols() {\n return this.hiddenCols;\n }\n\n /**\n * Remove the columns manager\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n if (elm(this.contElTgtId)) {\n elm(this.contElTgtId).innerHTML = '';\n } else {\n this.contEl.innerHTML = '';\n removeElm(this.contEl);\n this.contEl = null;\n }\n this.btnEl.innerHTML = '';\n removeElm(this.btnEl);\n this.btnEl = null;\n\n this.emitter.off(['hide-column'],\n (tf, colIndex) => this.hideCol(colIndex));\n\n this.boundMouseup = null;\n\n this.initialized = false;\n }\n\n _getHeaderText(cell) {\n if (!cell.hasChildNodes) {\n return '';\n }\n\n for (let i = 0; i < cell.childNodes.length; i++) {\n let n = cell.childNodes[i];\n if (n.nodeType === 3) {\n return n.nodeValue;\n } else if (n.nodeType === 1) {\n if (n.id && n.id.indexOf('popUp') !== -1) {\n continue;\n } else {\n return getText(n);\n }\n }\n continue;\n }\n return '';\n }\n\n _hideCells(tbl, colIndex, hide) {\n for (let i = 0; i < tbl.rows.length; i++) {\n let row = tbl.rows[i];\n let cell = row.cells[colIndex];\n if (cell) {\n cell.style.display = hide ? NONE : '';\n }\n }\n }\n\n _hideAtStart() {\n this.atStart.forEach((colIdx) => {\n this.hideCol(colIdx);\n });\n }\n}\n"
+ "content": "import {Feature} from '../../feature';\nimport {\n addClass, removeClass, createCheckItem, createElm, elm, removeElm,\n getText, tag\n} from '../../dom';\nimport {isUndef, EMPTY_FN} from '../../types';\nimport {addEvt, targetEvt, removeEvt} from '../../event';\nimport {root} from '../../root';\nimport {NONE} from '../../const';\nimport {\n defaultsBool, defaultsStr, defaultsFn, defaultsNb, defaultsArr\n} from '../../settings';\n\n/**\n * Columns Visibility extension\n */\nexport default class ColsVisibility extends Feature {\n\n /**\n * Creates an instance of ColsVisibility\n * @param {TableFilter} tf TableFilter instance\n * @param {Object} Configuration object\n */\n constructor(tf, f) {\n super(tf, f.name);\n\n // Configuration object\n let cfg = this.config;\n\n /**\n * Module name\n * @type {String}\n */\n this.name = f.name;\n\n /**\n * Module description\n * @type {String}\n */\n this.desc = defaultsStr(f.description, 'Columns visibility manager');\n\n /**\n * show/hide columns container element\n * @private\n */\n this.spanEl = null;\n\n /**\n * show/hide columns button element\n * @private\n */\n this.btnEl = null;\n\n /**\n * show/hide columns main container element\n * @private\n */\n this.contEl = null;\n\n /**\n * Enable tick to hide a column, defaults to true\n * @type {Boolean}\n */\n this.tickToHide = defaultsBool(f.tick_to_hide, true);\n\n /**\n * Enable columns manager UI, defaults to true\n * @type {Boolean}\n */\n this.manager = defaultsBool(f.manager, true);\n\n /**\n * Headers HTML table reference only if headers are external\n * @type {DOMElement}\n */\n this.headersTbl = f.headers_table || null;\n\n /**\n * Headers row index only if headers are external\n * @type {Number}\n */\n this.headersIndex = defaultsNb(f.headers_index, 1);\n\n /**\n * ID of main container element\n * @type {String}\n */\n this.contElTgtId = defaultsStr(f.container_target_id, null);\n\n /**\n * Alternative text for column headers in column manager UI\n * @type {Array}\n */\n this.headersText = defaultsArr(f.headers_text, []);\n\n /**\n * ID of button's container element\n * @type {String}\n */\n this.btnTgtId = defaultsStr(f.btn_target_id, null);\n\n /**\n * Button's text, defaults to Columns▼\n * @type {String}\n */\n this.btnText = defaultsStr(f.btn_text, 'Columns▼');\n\n /**\n * Button's inner HTML\n * @type {String}\n */\n this.btnHtml = defaultsStr(f.btn_html, null);\n\n /**\n * Css class for button\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'colVis');\n\n /**\n * Columns manager UI close link text, defaults to 'Close'\n * @type {String}\n */\n this.btnCloseText = defaultsStr(f.btn_close_text, 'Close');\n\n /**\n * Columns manager UI close link HTML\n * @type {String}\n */\n this.btnCloseHtml = defaultsStr(f.btn_close_html, null);\n\n /**\n * Css for columns manager UI close link\n * @type {String}\n */\n this.btnCloseCssClass = defaultsStr(f.btn_close_css_class,\n this.btnCssClass);\n\n /**\n * Extension's stylesheet filename\n * @type {String}\n */\n this.stylesheet = defaultsStr(f.stylesheet, 'colsVisibility.css');\n\n /**\n * Css for columns manager UI span\n * @type {String}\n */\n this.spanCssClass = defaultsStr(f.span_css_class, 'colVisSpan');\n\n /**\n * Css for columns manager UI main container\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.cont_css_class, 'colVisCont');\n\n /**\n * Css for columns manager UI checklist (ul)\n * @type {String}\n */\n this.listCssClass = defaultsStr(cfg.list_css_class, 'cols_checklist');\n\n /**\n * Css for columns manager UI checklist item (li)\n * @type {String}\n */\n this.listItemCssClass = defaultsStr(cfg.checklist_item_css_class,\n 'cols_checklist_item');\n\n /**\n * Css for columns manager UI checklist item selected state (li)\n * @type {String}\n */\n this.listSlcItemCssClass = defaultsStr(\n cfg.checklist_selected_item_css_class,\n 'cols_checklist_slc_item'\n );\n\n /**\n * Text preceding the columns list, defaults to 'Hide' or 'Show'\n * depending on tick mode (tick_to_hide option)\n * @type {String}\n */\n this.text = defaultsStr(f.text, this.tickToHide ? 'Hide: ' : 'Show: ');\n\n /**\n * List of columns indexes to be hidden at initialization\n * @type {Array}\n */\n this.atStart = defaultsArr(f.at_start, []);\n\n /**\n * Enable hover behaviour on columns manager button/link\n * @type {Boolean}\n */\n this.enableHover = Boolean(f.enable_hover);\n\n /**\n * Enable select all option, disabled by default\n * @type {Boolean}\n */\n this.enableTickAll = Boolean(f.enable_tick_all);\n\n /**\n * Text for select all option, defaults to 'Select all:'\n * @type {String}\n */\n this.tickAllText = defaultsStr(f.tick_all_text, 'Select all:');\n\n /**\n * List of indexes of hidden columns\n * @private\n */\n this.hiddenCols = [];\n\n /**\n * Bound mouseup wrapper\n * @private\n */\n this.boundMouseup = null;\n\n /**\n * Callback fired when the extension is initialized\n * @type {Function}\n */\n this.onLoaded = defaultsFn(f.on_loaded, EMPTY_FN);\n\n /**\n * Callback fired before the columns manager is opened\n * @type {Function}\n */\n this.onBeforeOpen = defaultsFn(f.on_before_open, EMPTY_FN);\n\n /**\n * Callback fired after the columns manager is opened\n * @type {Function}\n */\n this.onAfterOpen = defaultsFn(f.on_after_open, EMPTY_FN);\n\n /**\n * Callback fired before the columns manager is closed\n * @type {Function}\n */\n this.onBeforeClose = defaultsFn(f.on_before_close, EMPTY_FN);\n\n /**\n * Callback fired after the columns manager is closed\n * @type {Function}\n */\n this.onAfterClose = defaultsFn(f.on_after_close, EMPTY_FN);\n\n /**\n * Callback fired before a column is hidden\n * @type {Function}\n */\n this.onBeforeColHidden = defaultsFn(f.on_before_col_hidden, EMPTY_FN);\n\n /**\n * Callback fired after a column is hidden\n * @type {Function}\n */\n this.onAfterColHidden = defaultsFn(f.on_after_col_hidden, EMPTY_FN);\n\n /**\n * Callback fired before a column is displayed\n * @type {Function}\n */\n this.onBeforeColDisplayed = defaultsFn(f.on_before_col_displayed,\n EMPTY_FN);\n\n /**\n * Callback fired after a column is displayed\n * @type {Function}\n */\n this.onAfterColDisplayed = defaultsFn(f.on_after_col_displayed,\n EMPTY_FN);\n\n //Grid layout support\n if (tf.gridLayout) {\n this.headersTbl = tf.feature('gridLayout').headTbl; //headers table\n this.headersIndex = 0; //headers index\n }\n\n //Loads extension stylesheet\n tf.import(f.name + 'Style', tf.getStylePath() + this.stylesheet, null,\n 'link');\n\n this.enable();\n }\n\n /**\n * Mouse-up event handler handling popup auto-close behaviour\n * @private\n */\n onMouseup(evt) {\n let targetElm = targetEvt(evt);\n\n while (targetElm && targetElm !== this.contEl\n && targetElm !== this.btnEl) {\n targetElm = targetElm.parentNode;\n }\n\n if (targetElm !== this.contEl && targetElm !== this.btnEl) {\n this.toggle();\n }\n\n return;\n }\n\n /**\n * Toggle columns manager UI\n */\n toggle() {\n // ensure mouseup event handler is removed\n removeEvt(root, 'mouseup', this.boundMouseup);\n\n let contDisplay = this.contEl.style.display;\n\n if (contDisplay !== 'inline') {\n this.onBeforeOpen(this);\n }\n if (contDisplay === 'inline') {\n this.onBeforeClose(this);\n }\n\n this.contEl.style.display = contDisplay === 'inline' ?\n NONE : 'inline';\n\n if (contDisplay !== 'inline') {\n this.onAfterOpen(this);\n addEvt(root, 'mouseup', this.boundMouseup);\n }\n if (contDisplay === 'inline') {\n this.onAfterClose(this);\n }\n }\n\n /**\n * Check an item in columns manager UI\n * @private\n */\n checkItem(lbl) {\n let li = lbl.parentNode;\n if (!li || !lbl) {\n return;\n }\n let isChecked = lbl.firstChild.checked;\n let colIndex = lbl.firstChild.getAttribute('id').split('_')[1];\n colIndex = parseInt(colIndex, 10);\n if (isChecked) {\n addClass(li, this.listSlcItemCssClass);\n } else {\n removeClass(li, this.listSlcItemCssClass);\n }\n\n let hide = false;\n if ((this.tickToHide && isChecked) ||\n (!this.tickToHide && !isChecked)) {\n hide = true;\n }\n this.setHidden(colIndex, hide);\n }\n\n /**\n * Initializes ColsVisibility instance\n */\n init() {\n if (this.initialized || !this.manager) {\n return;\n }\n\n this.emitter.on(['hide-column'],\n (tf, colIndex) => this.hideCol(colIndex));\n\n this.buildBtn();\n this.buildManager();\n\n /** @inherited */\n this.initialized = true;\n\n this.boundMouseup = this.onMouseup.bind(this);\n\n this.emitter.emit('columns-visibility-initialized', this.tf, this);\n\n // Hide columns at start at very end of initialization, do not move\n // as order is important\n this._hideAtStart();\n }\n\n /**\n * Build main button UI\n */\n buildBtn() {\n if (this.btnEl) {\n return;\n }\n let tf = this.tf;\n let span = createElm('span');\n span.className = this.spanCssClass;\n\n //Container element (rdiv or custom element)\n if (!this.btnTgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.btnTgtId ? tf.rDiv : elm(this.btnTgtId);\n\n if (!this.btnTgtId) {\n let firstChild = targetEl.firstChild;\n firstChild.parentNode.insertBefore(span, firstChild);\n } else {\n targetEl.appendChild(span);\n }\n\n if (!this.btnHtml) {\n let btn = createElm('a', ['href', 'javascript:;']);\n btn.className = this.btnCssClass;\n btn.title = this.desc;\n\n btn.innerHTML = this.btnText;\n span.appendChild(btn);\n if (!this.enableHover) {\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n } else {\n addEvt(btn, 'mouseover', (evt) => this.toggle(evt));\n }\n } else { //Custom html\n span.innerHTML = this.btnHtml;\n let colVisEl = span.firstChild;\n if (!this.enableHover) {\n addEvt(colVisEl, 'click', (evt) => this.toggle(evt));\n } else {\n addEvt(colVisEl, 'mouseover', (evt) => this.toggle(evt));\n }\n }\n\n this.spanEl = span;\n this.btnEl = this.spanEl.firstChild;\n\n this.onLoaded(this);\n }\n\n /**\n * Build columns manager UI\n */\n buildManager() {\n let tf = this.tf;\n\n let container = !this.contElTgtId ?\n createElm('div') :\n elm(this.contElTgtId);\n container.className = this.contCssClass;\n\n //Extension description\n let extNameLabel = createElm('p');\n extNameLabel.innerHTML = this.text;\n container.appendChild(extNameLabel);\n\n //Headers list\n let ul = createElm('ul');\n ul.className = this.listCssClass;\n\n let tbl = this.headersTbl || tf.dom();\n let headerIndex = this.headersTbl ?\n this.headersIndex : tf.getHeadersRowIndex();\n let headerRow = tbl.rows[headerIndex];\n\n //Tick all option\n if (this.enableTickAll) {\n let li = createCheckItem('col__' + tf.id, this.tickAllText,\n this.tickAllText);\n addClass(li, this.listItemCssClass);\n ul.appendChild(li);\n li.check.checked = !this.tickToHide;\n\n addEvt(li.check, 'click', () => {\n for (let h = 0; h < headerRow.cells.length; h++) {\n let itm = elm('col_' + h + '_' + tf.id);\n if (itm && li.check.checked !== itm.checked) {\n itm.click();\n itm.checked = li.check.checked;\n }\n }\n });\n }\n\n for (let i = 0; i < headerRow.cells.length; i++) {\n let cell = headerRow.cells[i];\n let cellText = this.headersText[i] || this._getHeaderText(cell);\n let liElm = createCheckItem('col_' + i + '_' + tf.id, cellText,\n cellText);\n addClass(liElm, this.listItemCssClass);\n if (!this.tickToHide) {\n addClass(liElm, this.listSlcItemCssClass);\n }\n ul.appendChild(liElm);\n if (!this.tickToHide) {\n liElm.check.checked = true;\n }\n\n addEvt(liElm.check, 'click', (evt) => {\n let elm = targetEvt(evt);\n let lbl = elm.parentNode;\n this.checkItem(lbl);\n });\n }\n\n //separator\n let p = createElm('p', ['align', 'center']);\n let btn;\n //Close link\n if (!this.btnCloseHtml) {\n btn = createElm('a', ['href', 'javascript:;']);\n btn.className = this.btnCloseCssClass;\n btn.innerHTML = this.btnCloseText;\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n p.appendChild(btn);\n } else {\n p.innerHTML = this.btnCloseHtml;\n btn = p.firstChild;\n addEvt(btn, 'click', (evt) => this.toggle(evt));\n }\n\n container.appendChild(ul);\n container.appendChild(p);\n\n this.btnEl.parentNode.insertBefore(container, this.btnEl);\n this.contEl = container;\n }\n\n /**\n * Hide or show specified columns\n * @param {Number} colIndex Column index\n * @param {Boolean} hide Hide column if true or show if false\n */\n setHidden(colIndex, hide) {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (hide) {\n this.onBeforeColHidden(this, colIndex);\n } else {\n this.onBeforeColDisplayed(this, colIndex);\n }\n\n this._hideElements(tbl, colIndex, hide);\n if (this.headersTbl) {\n this._hideElements(this.headersTbl, colIndex, hide);\n }\n\n let hiddenCols = this.hiddenCols;\n let itemIndex = hiddenCols.indexOf(colIndex);\n if (hide) {\n if (itemIndex === -1) {\n this.hiddenCols.push(colIndex);\n }\n } else {\n if (itemIndex !== -1) {\n this.hiddenCols.splice(itemIndex, 1);\n }\n }\n\n if (hide) {\n this.onAfterColHidden(this, colIndex);\n this.emitter.emit('column-hidden', tf, this, colIndex,\n this.hiddenCols);\n } else {\n this.onAfterColDisplayed(this, colIndex);\n this.emitter.emit('column-shown', tf, this, colIndex,\n this.hiddenCols);\n }\n }\n\n /**\n * Show specified column\n * @param {Number} colIndex Column index\n */\n showCol(colIndex) {\n if (isUndef(colIndex) || !this.isColHidden(colIndex)) {\n return;\n }\n if (this.manager && this.contEl) {\n let itm = elm('col_' + colIndex + '_' + this.tf.id);\n if (itm) {\n itm.click();\n }\n } else {\n this.setHidden(colIndex, false);\n }\n }\n\n /**\n * Hide specified column\n * @param {Number} colIndex Column index\n */\n hideCol(colIndex) {\n if (isUndef(colIndex) || this.isColHidden(colIndex)) {\n return;\n }\n if (this.manager && this.contEl) {\n let itm = elm('col_' + colIndex + '_' + this.tf.id);\n if (itm) {\n itm.click();\n }\n } else {\n this.setHidden(colIndex, true);\n }\n }\n\n /**\n * Determine if specified column is hidden\n * @param {Number} colIndex Column index\n */\n isColHidden(colIndex) {\n if (this.hiddenCols.indexOf(colIndex) !== -1) {\n return true;\n }\n return false;\n }\n\n /**\n * Toggle visibility of specified column\n * @param {Number} colIndex Column index\n */\n toggleCol(colIndex) {\n if (isUndef(colIndex) || this.isColHidden(colIndex)) {\n this.showCol(colIndex);\n } else {\n this.hideCol(colIndex);\n }\n }\n\n /**\n * Return the indexes of the columns currently hidden\n * @return {Array} column indexes\n */\n getHiddenCols() {\n return this.hiddenCols;\n }\n\n /**\n * Remove the columns manager\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n if (elm(this.contElTgtId)) {\n elm(this.contElTgtId).innerHTML = '';\n } else {\n this.contEl.innerHTML = '';\n removeElm(this.contEl);\n this.contEl = null;\n }\n this.btnEl.innerHTML = '';\n removeElm(this.btnEl);\n this.btnEl = null;\n\n this.emitter.off(['hide-column'],\n (tf, colIndex) => this.hideCol(colIndex));\n\n this.boundMouseup = null;\n\n this.initialized = false;\n }\n\n _getHeaderText(cell) {\n if (!cell.hasChildNodes) {\n return '';\n }\n\n for (let i = 0; i < cell.childNodes.length; i++) {\n let n = cell.childNodes[i];\n if (n.nodeType === 3) {\n return n.nodeValue;\n } else if (n.nodeType === 1) {\n if (n.id && n.id.indexOf('popUp') !== -1) {\n continue;\n } else {\n return getText(n);\n }\n }\n continue;\n }\n return '';\n }\n\n _hideElements(tbl, colIdx, hide) {\n this._hideCells(tbl, colIdx, hide);\n this._hideCol(tbl, colIdx, hide);\n }\n\n _hideCells(tbl, colIdx, hide) {\n for (let i = 0; i < tbl.rows.length; i++) {\n let row = tbl.rows[i];\n let cell = row.cells[colIdx];\n if (cell) {\n cell.style.display = hide ? NONE : '';\n }\n }\n }\n\n _hideCol(tbl, colIdx, hide) {\n let colElms = tag(this.tf.dom(), 'col');\n if (colElms.length === 0) {\n return;\n }\n colElms[colIdx].style.display = hide ? NONE : '';\n }\n\n _hideAtStart() {\n this.atStart.forEach((colIdx) => {\n this.hideCol(colIdx);\n });\n }\n}\n"
},
{
"__docId__": 116,
@@ -3168,7 +3168,7 @@
"importPath": "tablefilter/src/extensions/colsVisibility/colsVisibility.js",
"importStyle": "ColsVisibility",
"description": "Columns Visibility extension",
- "lineNumber": 18,
+ "lineNumber": 17,
"interface": false,
"extends": [
"src/feature.js~Feature"
@@ -3184,7 +3184,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#constructor",
"access": null,
"description": "Creates an instance of ColsVisibility",
- "lineNumber": 25,
+ "lineNumber": 24,
"params": [
{
"nullable": null,
@@ -3219,7 +3219,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#name",
"access": null,
"description": "Module name",
- "lineNumber": 35,
+ "lineNumber": 34,
"type": {
"nullable": null,
"types": [
@@ -3239,7 +3239,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#desc",
"access": null,
"description": "Module description",
- "lineNumber": 41,
+ "lineNumber": 40,
"type": {
"nullable": null,
"types": [
@@ -3259,7 +3259,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#spanEl",
"access": "private",
"description": "show/hide columns container element",
- "lineNumber": 47,
+ "lineNumber": 46,
"type": {
"types": [
"*"
@@ -3276,7 +3276,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnEl",
"access": "private",
"description": "show/hide columns button element",
- "lineNumber": 53,
+ "lineNumber": 52,
"type": {
"types": [
"*"
@@ -3293,7 +3293,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#contEl",
"access": "private",
"description": "show/hide columns main container element",
- "lineNumber": 59,
+ "lineNumber": 58,
"type": {
"types": [
"*"
@@ -3310,7 +3310,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#tickToHide",
"access": null,
"description": "Enable tick to hide a column, defaults to true",
- "lineNumber": 65,
+ "lineNumber": 64,
"type": {
"nullable": null,
"types": [
@@ -3330,7 +3330,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#manager",
"access": null,
"description": "Enable columns manager UI, defaults to true",
- "lineNumber": 71,
+ "lineNumber": 70,
"type": {
"nullable": null,
"types": [
@@ -3350,7 +3350,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#headersTbl",
"access": null,
"description": "Headers HTML table reference only if headers are external",
- "lineNumber": 77,
+ "lineNumber": 76,
"type": {
"nullable": null,
"types": [
@@ -3370,7 +3370,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#headersIndex",
"access": null,
"description": "Headers row index only if headers are external",
- "lineNumber": 83,
+ "lineNumber": 82,
"type": {
"nullable": null,
"types": [
@@ -3390,7 +3390,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#contElTgtId",
"access": null,
"description": "ID of main container element",
- "lineNumber": 89,
+ "lineNumber": 88,
"type": {
"nullable": null,
"types": [
@@ -3410,7 +3410,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#headersText",
"access": null,
"description": "Alternative text for column headers in column manager UI",
- "lineNumber": 95,
+ "lineNumber": 94,
"type": {
"nullable": null,
"types": [
@@ -3430,7 +3430,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnTgtId",
"access": null,
"description": "ID of button's container element",
- "lineNumber": 101,
+ "lineNumber": 100,
"type": {
"nullable": null,
"types": [
@@ -3450,7 +3450,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnText",
"access": null,
"description": "Button's text, defaults to Columns▼",
- "lineNumber": 107,
+ "lineNumber": 106,
"type": {
"nullable": null,
"types": [
@@ -3470,7 +3470,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnHtml",
"access": null,
"description": "Button's inner HTML",
- "lineNumber": 113,
+ "lineNumber": 112,
"type": {
"nullable": null,
"types": [
@@ -3490,7 +3490,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnCssClass",
"access": null,
"description": "Css class for button",
- "lineNumber": 119,
+ "lineNumber": 118,
"type": {
"nullable": null,
"types": [
@@ -3510,7 +3510,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnCloseText",
"access": null,
"description": "Columns manager UI close link text, defaults to 'Close'",
- "lineNumber": 125,
+ "lineNumber": 124,
"type": {
"nullable": null,
"types": [
@@ -3530,7 +3530,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnCloseHtml",
"access": null,
"description": "Columns manager UI close link HTML",
- "lineNumber": 131,
+ "lineNumber": 130,
"type": {
"nullable": null,
"types": [
@@ -3550,7 +3550,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnCloseCssClass",
"access": null,
"description": "Css for columns manager UI close link",
- "lineNumber": 137,
+ "lineNumber": 136,
"type": {
"nullable": null,
"types": [
@@ -3570,7 +3570,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#stylesheet",
"access": null,
"description": "Extension's stylesheet filename",
- "lineNumber": 144,
+ "lineNumber": 143,
"type": {
"nullable": null,
"types": [
@@ -3590,7 +3590,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#spanCssClass",
"access": null,
"description": "Css for columns manager UI span",
- "lineNumber": 150,
+ "lineNumber": 149,
"type": {
"nullable": null,
"types": [
@@ -3610,7 +3610,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#contCssClass",
"access": null,
"description": "Css for columns manager UI main container",
- "lineNumber": 156,
+ "lineNumber": 155,
"type": {
"nullable": null,
"types": [
@@ -3630,7 +3630,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#listCssClass",
"access": null,
"description": "Css for columns manager UI checklist (ul)",
- "lineNumber": 162,
+ "lineNumber": 161,
"type": {
"nullable": null,
"types": [
@@ -3650,7 +3650,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#listItemCssClass",
"access": null,
"description": "Css for columns manager UI checklist item (li)",
- "lineNumber": 168,
+ "lineNumber": 167,
"type": {
"nullable": null,
"types": [
@@ -3670,7 +3670,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#listSlcItemCssClass",
"access": null,
"description": "Css for columns manager UI checklist item selected state (li)",
- "lineNumber": 175,
+ "lineNumber": 174,
"type": {
"nullable": null,
"types": [
@@ -3690,7 +3690,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#text",
"access": null,
"description": "Text preceding the columns list, defaults to 'Hide' or 'Show'\ndepending on tick mode (tick_to_hide option)",
- "lineNumber": 185,
+ "lineNumber": 184,
"type": {
"nullable": null,
"types": [
@@ -3710,7 +3710,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#atStart",
"access": null,
"description": "List of columns indexes to be hidden at initialization",
- "lineNumber": 191,
+ "lineNumber": 190,
"type": {
"nullable": null,
"types": [
@@ -3730,7 +3730,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#enableHover",
"access": null,
"description": "Enable hover behaviour on columns manager button/link",
- "lineNumber": 197,
+ "lineNumber": 196,
"type": {
"nullable": null,
"types": [
@@ -3750,7 +3750,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#enableTickAll",
"access": null,
"description": "Enable select all option, disabled by default",
- "lineNumber": 203,
+ "lineNumber": 202,
"type": {
"nullable": null,
"types": [
@@ -3770,7 +3770,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#tickAllText",
"access": null,
"description": "Text for select all option, defaults to 'Select all:'",
- "lineNumber": 209,
+ "lineNumber": 208,
"type": {
"nullable": null,
"types": [
@@ -3790,7 +3790,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#hiddenCols",
"access": "private",
"description": "List of indexes of hidden columns",
- "lineNumber": 215,
+ "lineNumber": 214,
"type": {
"types": [
"*"
@@ -3807,7 +3807,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#boundMouseup",
"access": "private",
"description": "Bound mouseup wrapper",
- "lineNumber": 221,
+ "lineNumber": 220,
"type": {
"types": [
"*"
@@ -3824,7 +3824,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onLoaded",
"access": null,
"description": "Callback fired when the extension is initialized",
- "lineNumber": 227,
+ "lineNumber": 226,
"type": {
"nullable": null,
"types": [
@@ -3844,7 +3844,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onBeforeOpen",
"access": null,
"description": "Callback fired before the columns manager is opened",
- "lineNumber": 233,
+ "lineNumber": 232,
"type": {
"nullable": null,
"types": [
@@ -3864,7 +3864,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onAfterOpen",
"access": null,
"description": "Callback fired after the columns manager is opened",
- "lineNumber": 239,
+ "lineNumber": 238,
"type": {
"nullable": null,
"types": [
@@ -3884,7 +3884,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onBeforeClose",
"access": null,
"description": "Callback fired before the columns manager is closed",
- "lineNumber": 245,
+ "lineNumber": 244,
"type": {
"nullable": null,
"types": [
@@ -3904,7 +3904,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onAfterClose",
"access": null,
"description": "Callback fired after the columns manager is closed",
- "lineNumber": 251,
+ "lineNumber": 250,
"type": {
"nullable": null,
"types": [
@@ -3924,7 +3924,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onBeforeColHidden",
"access": null,
"description": "Callback fired before a column is hidden",
- "lineNumber": 257,
+ "lineNumber": 256,
"type": {
"nullable": null,
"types": [
@@ -3944,7 +3944,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onAfterColHidden",
"access": null,
"description": "Callback fired after a column is hidden",
- "lineNumber": 263,
+ "lineNumber": 262,
"type": {
"nullable": null,
"types": [
@@ -3964,7 +3964,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onBeforeColDisplayed",
"access": null,
"description": "Callback fired before a column is displayed",
- "lineNumber": 269,
+ "lineNumber": 268,
"type": {
"nullable": null,
"types": [
@@ -3984,7 +3984,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onAfterColDisplayed",
"access": null,
"description": "Callback fired after a column is displayed",
- "lineNumber": 276,
+ "lineNumber": 275,
"type": {
"nullable": null,
"types": [
@@ -4004,7 +4004,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#headersTbl",
"access": null,
"description": null,
- "lineNumber": 281,
+ "lineNumber": 280,
"undocument": true,
"type": {
"types": [
@@ -4022,7 +4022,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#headersIndex",
"access": null,
"description": null,
- "lineNumber": 282,
+ "lineNumber": 281,
"undocument": true,
"type": {
"types": [
@@ -4040,7 +4040,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#onMouseup",
"access": "private",
"description": "Mouse-up event handler handling popup auto-close behaviour",
- "lineNumber": 296,
+ "lineNumber": 295,
"params": [
{
"name": "evt",
@@ -4061,7 +4061,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#toggle",
"access": null,
"description": "Toggle columns manager UI",
- "lineNumber": 314,
+ "lineNumber": 313,
"params": [],
"generator": false
},
@@ -4075,7 +4075,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#checkItem",
"access": "private",
"description": "Check an item in columns manager UI",
- "lineNumber": 343,
+ "lineNumber": 342,
"params": [
{
"name": "lbl",
@@ -4096,7 +4096,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#init",
"access": null,
"description": "Initializes ColsVisibility instance",
- "lineNumber": 368,
+ "lineNumber": 367,
"params": [],
"generator": false
},
@@ -4110,7 +4110,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#initialized",
"access": null,
"description": null,
- "lineNumber": 380,
+ "lineNumber": 379,
"unknown": [
{
"tagName": "@inherited",
@@ -4133,7 +4133,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#boundMouseup",
"access": null,
"description": null,
- "lineNumber": 382,
+ "lineNumber": 381,
"undocument": true,
"type": {
"types": [
@@ -4151,7 +4151,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#buildBtn",
"access": null,
"description": "Build main button UI",
- "lineNumber": 394,
+ "lineNumber": 393,
"params": [],
"generator": false
},
@@ -4165,7 +4165,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#spanEl",
"access": null,
"description": null,
- "lineNumber": 437,
+ "lineNumber": 436,
"undocument": true,
"type": {
"types": [
@@ -4183,7 +4183,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnEl",
"access": null,
"description": null,
- "lineNumber": 438,
+ "lineNumber": 437,
"undocument": true,
"type": {
"types": [
@@ -4201,7 +4201,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#buildManager",
"access": null,
"description": "Build columns manager UI",
- "lineNumber": 446,
+ "lineNumber": 445,
"params": [],
"generator": false
},
@@ -4215,7 +4215,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#contEl",
"access": null,
"description": null,
- "lineNumber": 528,
+ "lineNumber": 527,
"undocument": true,
"type": {
"types": [
@@ -4233,7 +4233,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#setHidden",
"access": null,
"description": "Hide or show specified columns",
- "lineNumber": 536,
+ "lineNumber": 535,
"params": [
{
"nullable": null,
@@ -4268,7 +4268,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#showCol",
"access": null,
"description": "Show specified column",
- "lineNumber": 581,
+ "lineNumber": 577,
"params": [
{
"nullable": null,
@@ -4293,7 +4293,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#hideCol",
"access": null,
"description": "Hide specified column",
- "lineNumber": 599,
+ "lineNumber": 595,
"params": [
{
"nullable": null,
@@ -4318,7 +4318,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#isColHidden",
"access": null,
"description": "Determine if specified column is hidden",
- "lineNumber": 617,
+ "lineNumber": 613,
"params": [
{
"nullable": null,
@@ -4348,7 +4348,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#toggleCol",
"access": null,
"description": "Toggle visibility of specified column",
- "lineNumber": 628,
+ "lineNumber": 624,
"params": [
{
"nullable": null,
@@ -4373,7 +4373,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#getHiddenCols",
"access": null,
"description": "Return the indexes of the columns currently hidden",
- "lineNumber": 640,
+ "lineNumber": 636,
"params": [],
"return": {
"nullable": null,
@@ -4395,7 +4395,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#destroy",
"access": null,
"description": "Remove the columns manager",
- "lineNumber": 647,
+ "lineNumber": 643,
"params": [],
"generator": false
},
@@ -4409,7 +4409,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#contEl",
"access": null,
"description": null,
- "lineNumber": 656,
+ "lineNumber": 652,
"undocument": true,
"type": {
"types": [
@@ -4427,7 +4427,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#btnEl",
"access": null,
"description": null,
- "lineNumber": 660,
+ "lineNumber": 656,
"undocument": true,
"type": {
"types": [
@@ -4445,7 +4445,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#boundMouseup",
"access": null,
"description": null,
- "lineNumber": 665,
+ "lineNumber": 661,
"undocument": true,
"type": {
"types": [
@@ -4463,7 +4463,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#initialized",
"access": null,
"description": null,
- "lineNumber": 667,
+ "lineNumber": 663,
"undocument": true,
"type": {
"types": [
@@ -4481,7 +4481,7 @@
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_getHeaderText",
"access": null,
"description": null,
- "lineNumber": 670,
+ "lineNumber": 666,
"undocument": true,
"params": [
{
@@ -4503,12 +4503,12 @@
"kind": "method",
"static": false,
"variation": null,
- "name": "_hideCells",
+ "name": "_hideElements",
"memberof": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility",
- "longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_hideCells",
+ "longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_hideElements",
"access": null,
"description": null,
- "lineNumber": 691,
+ "lineNumber": 687,
"undocument": true,
"params": [
{
@@ -4518,7 +4518,7 @@
]
},
{
- "name": "colIndex",
+ "name": "colIdx",
"types": [
"*"
]
@@ -4537,18 +4537,86 @@
"kind": "method",
"static": false,
"variation": null,
+ "name": "_hideCells",
+ "memberof": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility",
+ "longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_hideCells",
+ "access": null,
+ "description": null,
+ "lineNumber": 692,
+ "undocument": true,
+ "params": [
+ {
+ "name": "tbl",
+ "types": [
+ "*"
+ ]
+ },
+ {
+ "name": "colIdx",
+ "types": [
+ "*"
+ ]
+ },
+ {
+ "name": "hide",
+ "types": [
+ "*"
+ ]
+ }
+ ],
+ "generator": false
+ },
+ {
+ "__docId__": 185,
+ "kind": "method",
+ "static": false,
+ "variation": null,
+ "name": "_hideCol",
+ "memberof": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility",
+ "longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_hideCol",
+ "access": null,
+ "description": null,
+ "lineNumber": 702,
+ "undocument": true,
+ "params": [
+ {
+ "name": "tbl",
+ "types": [
+ "*"
+ ]
+ },
+ {
+ "name": "colIdx",
+ "types": [
+ "*"
+ ]
+ },
+ {
+ "name": "hide",
+ "types": [
+ "*"
+ ]
+ }
+ ],
+ "generator": false
+ },
+ {
+ "__docId__": 186,
+ "kind": "method",
+ "static": false,
+ "variation": null,
"name": "_hideAtStart",
"memberof": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility",
"longname": "src/extensions/colsVisibility/colsVisibility.js~ColsVisibility#_hideAtStart",
"access": null,
"description": null,
- "lineNumber": 701,
+ "lineNumber": 710,
"undocument": true,
"params": [],
"generator": false
},
{
- "__docId__": 185,
+ "__docId__": 187,
"kind": "file",
"static": true,
"variation": null,
@@ -4561,7 +4629,7 @@
"content": "import {Feature} from '../../feature';\nimport {isUndef, isObj, EMPTY_FN} from '../../types';\nimport {createElm, elm, getText, tag} from '../../dom';\nimport {addEvt} from '../../event';\nimport {parse as parseNb} from '../../number';\nimport {\n NONE, CELL_TAG, HEADER_TAG, STRING, NUMBER, DATE, FORMATTED_NUMBER,\n IP_ADDRESS\n} from '../../const';\nimport {defaultsStr, defaultsFn, defaultsArr} from '../../settings';\n\n/**\n * SortableTable Adapter module\n */\nexport default class AdapterSortableTable extends Feature {\n\n /**\n * Creates an instance of AdapterSortableTable\n * @param {TableFilter} tf TableFilter instance\n * @param {Object} opts Configuration object\n */\n constructor(tf, opts) {\n super(tf, opts.name);\n\n /**\n * Module name\n * @type {String}\n */\n this.name = opts.name;\n\n /**\n * Module description\n * @type {String}\n */\n this.desc = defaultsStr(opts.description, 'Sortable table');\n\n /**\n * Indicate whether table previously sorted\n * @type {Boolean}\n * @private\n */\n this.sorted = false;\n\n /**\n * List of sort type per column basis\n * @type {Array}\n */\n this.sortTypes = defaultsArr(opts.types, tf.colTypes);\n\n /**\n * Column to be sorted at initialization, ie:\n * sort_col_at_start: [1, true]\n * @type {Array}\n */\n this.sortColAtStart = defaultsArr(opts.sort_col_at_start, null);\n\n /**\n * Enable asynchronous sort, if triggers are external\n * @type {Boolean}\n */\n this.asyncSort = Boolean(opts.async_sort);\n\n /**\n * List of element IDs triggering sort on a per column basis\n * @type {Array}\n */\n this.triggerIds = defaultsArr(opts.trigger_ids, []);\n\n // edit .sort-arrow.descending / .sort-arrow.ascending in\n // tablefilter.css to reflect any path change\n /**\n * Path to images\n * @type {String}\n */\n this.imgPath = defaultsStr(opts.images_path, tf.themesPath);\n\n /**\n * Blank image file name\n * @type {String}\n */\n this.imgBlank = defaultsStr(opts.image_blank, 'blank.png');\n\n /**\n * Css class for sort indicator image\n * @type {String}\n */\n this.imgClassName = defaultsStr(opts.image_class_name, 'sort-arrow');\n\n /**\n * Css class for ascending sort indicator image\n * @type {String}\n */\n this.imgAscClassName = defaultsStr(opts.image_asc_class_name,\n 'ascending');\n\n /**\n * Css class for descending sort indicator image\n * @type {String}\n */\n this.imgDescClassName = defaultsStr(opts.image_desc_class_name,\n 'descending');\n\n /**\n * Cell attribute key storing custom value used for sorting\n * @type {String}\n */\n this.customKey = defaultsStr(opts.custom_key, 'data-tf-sortKey');\n\n /**\n * Callback fired when sort extension is instanciated\n * @type {Function}\n */\n this.onSortLoaded = defaultsFn(opts.on_sort_loaded, EMPTY_FN);\n\n /**\n * Callback fired before a table column is sorted\n * @type {Function}\n */\n this.onBeforeSort = defaultsFn(opts.on_before_sort, EMPTY_FN);\n\n /**\n * Callback fired after a table column is sorted\n * @type {Function}\n */\n this.onAfterSort = defaultsFn(opts.on_after_sort, EMPTY_FN);\n\n /**\n * SortableTable instance\n * @private\n */\n this.stt = null;\n\n this.enable();\n }\n\n /**\n * Initializes AdapterSortableTable instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n let tf = this.tf;\n let adpt = this;\n\n // SortableTable class sanity check (sortabletable.js)\n if (isUndef(SortableTable)) {\n throw new Error('SortableTable class not found.');\n }\n\n // Add any date format if needed\n this.emitter.emit('add-date-type-formats', this.tf, this.sortTypes);\n\n this.overrideSortableTable();\n this.setSortTypes();\n\n this.onSortLoaded(tf, this);\n\n /*** SortableTable callbacks ***/\n this.stt.onbeforesort = function () {\n adpt.onBeforeSort(tf, adpt.stt.sortColumn);\n\n /*** sort behaviour for paging ***/\n if (tf.paging) {\n tf.feature('paging').disable();\n }\n };\n\n this.stt.onsort = function () {\n adpt.sorted = true;\n\n //sort behaviour for paging\n if (tf.paging) {\n let paginator = tf.feature('paging');\n // recalculate valid rows index as sorting may have change it\n tf.getValidRows(true);\n paginator.enable();\n paginator.setPage(paginator.getPage());\n }\n\n adpt.onAfterSort(tf, adpt.stt.sortColumn, adpt.stt.descending);\n adpt.emitter.emit('column-sorted', tf, adpt.stt.sortColumn,\n adpt.stt.descending);\n };\n\n // Column sort at start\n let sortColAtStart = adpt.sortColAtStart;\n if (sortColAtStart) {\n this.stt.sort(sortColAtStart[0], sortColAtStart[1]);\n }\n\n this.emitter.on(['sort'],\n (tf, colIdx, desc) => this.sortByColumnIndex(colIdx, desc));\n\n /** @inherited */\n this.initialized = true;\n\n this.emitter.emit('sort-initialized', tf, this);\n }\n\n /**\n * Sort specified column\n * @param {Number} colIdx Column index\n * @param {Boolean} desc Optional: descending manner\n */\n sortByColumnIndex(colIdx, desc) {\n this.stt.sort(colIdx, desc);\n }\n\n /**\n * Set SortableTable overrides for TableFilter integration\n */\n overrideSortableTable() {\n let adpt = this,\n tf = this.tf;\n\n /**\n * Overrides headerOnclick method in order to handle th event\n * @param {Object} e [description]\n */\n SortableTable.prototype.headerOnclick = function (evt) {\n if (!adpt.initialized) {\n return;\n }\n\n // find Header element\n let el = evt.target || evt.srcElement;\n\n while (el.tagName !== CELL_TAG && el.tagName !== HEADER_TAG) {\n el = el.parentNode;\n }\n\n this.sort(\n SortableTable.msie ?\n SortableTable.getCellIndex(el) : el.cellIndex\n );\n };\n\n /**\n * Overrides getCellIndex IE returns wrong cellIndex when columns are\n * hidden\n * @param {Object} oTd TD element\n * @return {Number} Cell index\n */\n SortableTable.getCellIndex = function (oTd) {\n let cells = oTd.parentNode.cells,\n l = cells.length, i;\n for (i = 0; cells[i] !== oTd && i < l; i++) { }\n return i;\n };\n\n /**\n * Overrides initHeader in order to handle filters row position\n * @param {Array} oSortTypes\n */\n SortableTable.prototype.initHeader = function (oSortTypes) {\n let stt = this;\n if (!stt.tHead) {\n if (tf.gridLayout) {\n stt.tHead = tf.feature('gridLayout').headTbl.tHead;\n } else {\n return;\n }\n }\n\n stt.headersRow = tf.headersRow;\n let cells = stt.tHead.rows[stt.headersRow].cells;\n stt.sortTypes = oSortTypes || [];\n let l = cells.length;\n let img, c;\n\n for (let i = 0; i < l; i++) {\n c = cells[i];\n if (stt.sortTypes[i] !== null && stt.sortTypes[i] !== 'None') {\n c.style.cursor = 'pointer';\n img = createElm('img',\n ['src', adpt.imgPath + adpt.imgBlank]);\n c.appendChild(img);\n if (stt.sortTypes[i] !== null) {\n c.setAttribute('_sortType', stt.sortTypes[i]);\n }\n addEvt(c, 'click', stt._headerOnclick);\n } else {\n c.setAttribute('_sortType', oSortTypes[i]);\n c._sortType = 'None';\n }\n }\n stt.updateHeaderArrows();\n };\n\n /**\n * Overrides updateHeaderArrows in order to handle arrows indicators\n */\n SortableTable.prototype.updateHeaderArrows = function () {\n let stt = this;\n let cells, l, img;\n\n // external headers\n if (adpt.asyncSort && adpt.triggerIds.length > 0) {\n let triggers = adpt.triggerIds;\n cells = [];\n l = triggers.length;\n for (let j = 0; j < l; j++) {\n cells.push(elm(triggers[j]));\n }\n } else {\n if (!this.tHead) {\n return;\n }\n cells = stt.tHead.rows[stt.headersRow].cells;\n l = cells.length;\n }\n for (let i = 0; i < l; i++) {\n let cell = cells[i];\n if (!cell) {\n continue;\n }\n let cellAttr = cell.getAttribute('_sortType');\n if (cellAttr !== null && cellAttr !== 'None') {\n img = cell.lastChild || cell;\n if (img.nodeName.toLowerCase() !== 'img') {\n img = createElm('img',\n ['src', adpt.imgPath + adpt.imgBlank]);\n cell.appendChild(img);\n }\n if (i === stt.sortColumn) {\n img.className = adpt.imgClassName + ' ' +\n (this.descending ?\n adpt.imgDescClassName :\n adpt.imgAscClassName);\n } else {\n img.className = adpt.imgClassName;\n }\n }\n }\n };\n\n /**\n * Overrides getRowValue for custom key value feature\n * @param {Object} oRow Row element\n * @param {String} sType\n * @param {Number} nColumn\n * @return {String}\n */\n SortableTable.prototype.getRowValue = function (oRow, sType, nColumn) {\n let stt = this;\n // if we have defined a custom getRowValue use that\n let sortTypeInfo = stt._sortTypeInfo[sType];\n if (sortTypeInfo && sortTypeInfo.getRowValue) {\n return sortTypeInfo.getRowValue(oRow, nColumn);\n }\n let c = oRow.cells[nColumn];\n let s = SortableTable.getInnerText(c);\n return stt.getValueFromString(s, sType);\n };\n\n /**\n * Overrides getInnerText in order to avoid Firefox unexpected sorting\n * behaviour with untrimmed text elements\n * @param {Object} oNode DOM element\n * @return {String} DOM element inner text\n */\n SortableTable.getInnerText = function (oNode) {\n if (!oNode) {\n return;\n }\n if (oNode.getAttribute(adpt.customKey)) {\n return oNode.getAttribute(adpt.customKey);\n } else {\n return getText(oNode);\n }\n };\n }\n\n /**\n * Adds a sort type\n */\n addSortType(...args) {\n // Extract the arguments\n let [id, caster, sorter] = args;\n SortableTable.prototype.addSortType(id, caster, sorter);\n }\n\n /**\n * Sets the sort types on a column basis\n * @private\n */\n setSortTypes() {\n let tf = this.tf,\n sortTypes = this.sortTypes,\n _sortTypes = [];\n\n for (let i = 0; i < tf.nbCells; i++) {\n let colType;\n if (sortTypes[i]) {\n colType = sortTypes[i];\n if (isObj(colType)) {\n if (colType.type === DATE) {\n colType = this._addDateType(i, sortTypes);\n }\n else if (colType.type === FORMATTED_NUMBER) {\n let decimal = colType.decimal || tf.decimalSeparator;\n colType = this._addNumberType(i, decimal);\n }\n } else {\n colType = colType.toLowerCase();\n if (colType === DATE) {\n colType = this._addDateType(i, sortTypes);\n }\n else if (colType === FORMATTED_NUMBER ||\n colType === NUMBER) {\n colType = this._addNumberType(i, tf.decimalSeparator);\n }\n else if (colType === NONE) {\n // TODO: normalise 'none' vs 'None'\n colType = 'None';\n }\n }\n } else {\n colType = STRING;\n }\n _sortTypes.push(colType);\n }\n\n //Public TF method to add sort type\n\n //Custom sort types\n this.addSortType('caseinsensitivestring', SortableTable.toUpperCase);\n this.addSortType(STRING);\n this.addSortType(IP_ADDRESS, ipAddress, sortIP);\n\n this.stt = new SortableTable(tf.dom(), _sortTypes);\n\n /*** external table headers adapter ***/\n if (this.asyncSort && this.triggerIds.length > 0) {\n let triggers = this.triggerIds;\n for (let j = 0; j < triggers.length; j++) {\n if (triggers[j] === null) {\n continue;\n }\n let trigger = elm(triggers[j]);\n if (trigger) {\n trigger.style.cursor = 'pointer';\n\n addEvt(trigger, 'click', (evt) => {\n let elm = evt.target;\n if (!this.tf.sort) {\n return;\n }\n this.stt.asyncSort(triggers.indexOf(elm.id));\n });\n trigger.setAttribute('_sortType', _sortTypes[j]);\n }\n }\n }\n }\n\n _addDateType(colIndex, types) {\n let tf = this.tf;\n let dateType = tf.feature('dateType');\n let locale = dateType.getOptions(colIndex, types).locale || tf.locale;\n let colType = `${DATE}-${locale}`;\n\n this.addSortType(colType, (value) => {\n let parsedDate = dateType.parse(value, locale);\n // Invalid date defaults to Wed Feb 04 -768 11:00:00\n return isNaN(+parsedDate) ? new Date(-86400000000000) : parsedDate;\n });\n return colType;\n }\n\n _addNumberType(colIndex, decimal) {\n let colType = `${FORMATTED_NUMBER}${decimal === '.' ? '' : '-custom'}`;\n\n this.addSortType(colType, (value) => {\n return parseNb(value, decimal);\n });\n return colType;\n }\n\n /**\n * Remove extension\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n let tf = this.tf;\n this.emitter.off(['sort'],\n (tf, colIdx, desc) => this.sortByColumnIndex(colIdx, desc));\n this.sorted = false;\n this.stt.destroy();\n\n let ids = tf.getFiltersId();\n for (let idx = 0; idx < ids.length; idx++) {\n let header = tf.getHeaderElement(idx);\n let img = tag(header, 'img');\n\n if (img.length === 1) {\n header.removeChild(img[0]);\n }\n }\n this.initialized = false;\n }\n\n}\n\n//Converters\nfunction ipAddress(value) {\n let vals = value.split('.');\n for (let x in vals) {\n let val = vals[x];\n while (3 > val.length) {\n val = '0' + val;\n }\n vals[x] = val;\n }\n return vals.join('.');\n}\n\nfunction sortIP(a, b) {\n let aa = ipAddress(a.value.toLowerCase());\n let bb = ipAddress(b.value.toLowerCase());\n if (aa === bb) {\n return 0;\n } else if (aa < bb) {\n return -1;\n } else {\n return 1;\n }\n}\n"
},
{
- "__docId__": 186,
+ "__docId__": 188,
"kind": "class",
"static": true,
"variation": null,
@@ -4580,7 +4648,7 @@
]
},
{
- "__docId__": 187,
+ "__docId__": 189,
"kind": "constructor",
"static": false,
"variation": null,
@@ -4615,7 +4683,7 @@
"generator": false
},
{
- "__docId__": 188,
+ "__docId__": 190,
"kind": "member",
"static": false,
"variation": null,
@@ -4635,7 +4703,7 @@
}
},
{
- "__docId__": 189,
+ "__docId__": 191,
"kind": "member",
"static": false,
"variation": null,
@@ -4655,7 +4723,7 @@
}
},
{
- "__docId__": 190,
+ "__docId__": 192,
"kind": "member",
"static": false,
"variation": null,
@@ -4675,7 +4743,7 @@
}
},
{
- "__docId__": 191,
+ "__docId__": 193,
"kind": "member",
"static": false,
"variation": null,
@@ -4695,7 +4763,7 @@
}
},
{
- "__docId__": 192,
+ "__docId__": 194,
"kind": "member",
"static": false,
"variation": null,
@@ -4715,7 +4783,7 @@
}
},
{
- "__docId__": 193,
+ "__docId__": 195,
"kind": "member",
"static": false,
"variation": null,
@@ -4735,7 +4803,7 @@
}
},
{
- "__docId__": 194,
+ "__docId__": 196,
"kind": "member",
"static": false,
"variation": null,
@@ -4755,7 +4823,7 @@
}
},
{
- "__docId__": 195,
+ "__docId__": 197,
"kind": "member",
"static": false,
"variation": null,
@@ -4775,7 +4843,7 @@
}
},
{
- "__docId__": 196,
+ "__docId__": 198,
"kind": "member",
"static": false,
"variation": null,
@@ -4795,7 +4863,7 @@
}
},
{
- "__docId__": 197,
+ "__docId__": 199,
"kind": "member",
"static": false,
"variation": null,
@@ -4815,7 +4883,7 @@
}
},
{
- "__docId__": 198,
+ "__docId__": 200,
"kind": "member",
"static": false,
"variation": null,
@@ -4835,7 +4903,7 @@
}
},
{
- "__docId__": 199,
+ "__docId__": 201,
"kind": "member",
"static": false,
"variation": null,
@@ -4855,7 +4923,7 @@
}
},
{
- "__docId__": 200,
+ "__docId__": 202,
"kind": "member",
"static": false,
"variation": null,
@@ -4875,7 +4943,7 @@
}
},
{
- "__docId__": 201,
+ "__docId__": 203,
"kind": "member",
"static": false,
"variation": null,
@@ -4895,7 +4963,7 @@
}
},
{
- "__docId__": 202,
+ "__docId__": 204,
"kind": "member",
"static": false,
"variation": null,
@@ -4915,7 +4983,7 @@
}
},
{
- "__docId__": 203,
+ "__docId__": 205,
"kind": "member",
"static": false,
"variation": null,
@@ -4935,7 +5003,7 @@
}
},
{
- "__docId__": 204,
+ "__docId__": 206,
"kind": "member",
"static": false,
"variation": null,
@@ -4952,7 +5020,7 @@
}
},
{
- "__docId__": 205,
+ "__docId__": 207,
"kind": "method",
"static": false,
"variation": null,
@@ -4966,7 +5034,7 @@
"generator": false
},
{
- "__docId__": 206,
+ "__docId__": 208,
"kind": "member",
"static": false,
"variation": null,
@@ -4989,7 +5057,7 @@
}
},
{
- "__docId__": 207,
+ "__docId__": 209,
"kind": "method",
"static": false,
"variation": null,
@@ -5024,7 +5092,7 @@
"generator": false
},
{
- "__docId__": 208,
+ "__docId__": 210,
"kind": "method",
"static": false,
"variation": null,
@@ -5038,7 +5106,7 @@
"generator": false
},
{
- "__docId__": 209,
+ "__docId__": 211,
"kind": "method",
"static": false,
"variation": null,
@@ -5060,7 +5128,7 @@
"generator": false
},
{
- "__docId__": 210,
+ "__docId__": 212,
"kind": "method",
"static": false,
"variation": null,
@@ -5074,7 +5142,7 @@
"generator": false
},
{
- "__docId__": 211,
+ "__docId__": 213,
"kind": "member",
"static": false,
"variation": null,
@@ -5092,7 +5160,7 @@
}
},
{
- "__docId__": 212,
+ "__docId__": 214,
"kind": "method",
"static": false,
"variation": null,
@@ -5125,7 +5193,7 @@
"generator": false
},
{
- "__docId__": 213,
+ "__docId__": 215,
"kind": "method",
"static": false,
"variation": null,
@@ -5158,7 +5226,7 @@
"generator": false
},
{
- "__docId__": 214,
+ "__docId__": 216,
"kind": "method",
"static": false,
"variation": null,
@@ -5172,7 +5240,7 @@
"generator": false
},
{
- "__docId__": 215,
+ "__docId__": 217,
"kind": "member",
"static": false,
"variation": null,
@@ -5190,7 +5258,7 @@
}
},
{
- "__docId__": 216,
+ "__docId__": 218,
"kind": "member",
"static": false,
"variation": null,
@@ -5208,7 +5276,7 @@
}
},
{
- "__docId__": 217,
+ "__docId__": 219,
"kind": "function",
"static": true,
"variation": null,
@@ -5238,7 +5306,7 @@
"generator": false
},
{
- "__docId__": 218,
+ "__docId__": 220,
"kind": "function",
"static": true,
"variation": null,
@@ -5274,7 +5342,7 @@
"generator": false
},
{
- "__docId__": 219,
+ "__docId__": 221,
"kind": "file",
"static": true,
"variation": null,
@@ -5287,7 +5355,7 @@
"content": "import AdapterSortableTable from './adapterSortabletable';\nimport {root} from '../../root';\n\nif (!root.SortableTable) {\n require('script-loader!sortabletable');\n}\n\nexport default AdapterSortableTable;\n"
},
{
- "__docId__": 220,
+ "__docId__": 222,
"kind": "file",
"static": true,
"variation": null,
@@ -5300,7 +5368,7 @@
"content": "\nconst NOT_IMPLEMENTED = 'Not implemented.';\n\n/**\n * Base class defining the interface of a TableFilter feature\n */\nexport class Feature {\n /**\n * Creates an instance of Feature\n * @param {Object} tf TableFilter instance\n * @param {String} feature Feature name known by TableFilter\n */\n constructor(tf, feature) {\n /**\n * TableFilter instance\n * @type {TableFilter}\n */\n this.tf = tf;\n\n /**\n * Feature name\n * @type {String}\n */\n this.feature = feature;\n\n /**\n * TableFilter feature setting\n * @type {Boolean}\n */\n this.enabled = tf[feature];\n\n /**\n * TableFilter configuration\n * @type {Object}\n */\n this.config = tf.config();\n\n /**\n * TableFilter emitter instance\n * @type {Emitter}\n */\n this.emitter = tf.emitter;\n\n /**\n * Field indicating whether Feature is initialized\n * @type {Boolean}\n */\n this.initialized = false;\n\n /** Subscribe to destroy event */\n this.emitter.on(['destroy'], () => this.destroy());\n }\n\n /**\n * Initialize the feature\n */\n init() {\n throw new Error(NOT_IMPLEMENTED);\n }\n\n /**\n * Reset the feature after being disabled\n */\n reset() {\n this.enable();\n this.init();\n }\n\n /**\n * Destroy the feature\n */\n destroy() {\n throw new Error(NOT_IMPLEMENTED);\n }\n\n /**\n * Enable the feature\n */\n enable() {\n this.enabled = true;\n }\n\n /**\n * Disable the feature\n */\n disable() {\n this.enabled = false;\n }\n\n /**\n * Indicate whether the feature is enabled or not\n * @returns {Boolean}\n */\n isEnabled() {\n return this.enabled === true;\n }\n}\n"
},
{
- "__docId__": 221,
+ "__docId__": 223,
"kind": "variable",
"static": true,
"variation": null,
@@ -5321,7 +5389,7 @@
}
},
{
- "__docId__": 222,
+ "__docId__": 224,
"kind": "class",
"static": true,
"variation": null,
@@ -5337,7 +5405,7 @@
"interface": false
},
{
- "__docId__": 223,
+ "__docId__": 225,
"kind": "constructor",
"static": false,
"variation": null,
@@ -5372,7 +5440,7 @@
"generator": false
},
{
- "__docId__": 224,
+ "__docId__": 226,
"kind": "member",
"static": false,
"variation": null,
@@ -5392,7 +5460,7 @@
}
},
{
- "__docId__": 225,
+ "__docId__": 227,
"kind": "member",
"static": false,
"variation": null,
@@ -5412,7 +5480,7 @@
}
},
{
- "__docId__": 226,
+ "__docId__": 228,
"kind": "member",
"static": false,
"variation": null,
@@ -5432,7 +5500,7 @@
}
},
{
- "__docId__": 227,
+ "__docId__": 229,
"kind": "member",
"static": false,
"variation": null,
@@ -5452,7 +5520,7 @@
}
},
{
- "__docId__": 228,
+ "__docId__": 230,
"kind": "member",
"static": false,
"variation": null,
@@ -5472,7 +5540,7 @@
}
},
{
- "__docId__": 229,
+ "__docId__": 231,
"kind": "member",
"static": false,
"variation": null,
@@ -5492,7 +5560,7 @@
}
},
{
- "__docId__": 230,
+ "__docId__": 232,
"kind": "method",
"static": false,
"variation": null,
@@ -5506,7 +5574,7 @@
"generator": false
},
{
- "__docId__": 231,
+ "__docId__": 233,
"kind": "method",
"static": false,
"variation": null,
@@ -5520,7 +5588,7 @@
"generator": false
},
{
- "__docId__": 232,
+ "__docId__": 234,
"kind": "method",
"static": false,
"variation": null,
@@ -5534,7 +5602,7 @@
"generator": false
},
{
- "__docId__": 233,
+ "__docId__": 235,
"kind": "method",
"static": false,
"variation": null,
@@ -5548,7 +5616,7 @@
"generator": false
},
{
- "__docId__": 234,
+ "__docId__": 236,
"kind": "member",
"static": false,
"variation": null,
@@ -5566,7 +5634,7 @@
}
},
{
- "__docId__": 235,
+ "__docId__": 237,
"kind": "method",
"static": false,
"variation": null,
@@ -5580,7 +5648,7 @@
"generator": false
},
{
- "__docId__": 236,
+ "__docId__": 238,
"kind": "member",
"static": false,
"variation": null,
@@ -5598,7 +5666,7 @@
}
},
{
- "__docId__": 237,
+ "__docId__": 239,
"kind": "method",
"static": false,
"variation": null,
@@ -5626,7 +5694,7 @@
"generator": false
},
{
- "__docId__": 238,
+ "__docId__": 240,
"kind": "file",
"static": true,
"variation": null,
@@ -5639,7 +5707,7 @@
"content": "import {Feature} from '../feature';\nimport {addClass, removeClass} from '../dom';\nimport {defaultsStr} from '../settings';\n\n/**\n * Rows with alternating background color for improved readability\n */\nexport class AlternateRows extends Feature {\n\n /**\n * Creates an instance of AlternateRows.\n *\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'alternateRows');\n\n let config = this.config;\n /**\n * Css class for even rows (default: 'even')\n * @type {String}\n */\n this.evenCss = defaultsStr(config.even_row_css_class, 'even');\n\n /**\n * Css class for odd rows (default: 'odd')\n * @type {String}\n */\n this.oddCss = defaultsStr(config.odd_row_css_class, 'odd');\n }\n\n /**\n * Sets alternating rows color\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.processAll();\n\n // Subscribe to events\n this.emitter.on(['row-processed', 'row-paged'],\n (tf, rowIndex, arrIndex, isValid) =>\n this.processRow(rowIndex, arrIndex, isValid));\n this.emitter.on(['column-sorted', 'rows-changed'],\n () => this.processAll());\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Apply background to all valid rows\n */\n processAll() {\n if (!this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n let validRowsIndex = tf.getValidRows(true);\n let indexLen = validRowsIndex.length;\n let idx = 0;\n\n //alternates bg color\n for (let j = 0; j < indexLen; j++) {\n let rowIdx = validRowsIndex[j];\n this.setRowBg(rowIdx, idx);\n idx++;\n }\n }\n\n /**\n * Set/remove row background based on row validation\n * @param {Number} rowIdx Row index\n * @param {Number} arrIdx Array index\n * @param {Boolean} isValid Valid row flag\n */\n processRow(rowIdx, arrIdx, isValid) {\n if (isValid) {\n this.setRowBg(rowIdx, arrIdx);\n } else {\n this.removeRowBg(rowIdx);\n }\n }\n\n /**\n * Sets row background color\n * @param {Number} rowIdx Row index\n * @param {Number} idx Valid rows collection index needed to calculate bg\n * color\n * @private\n */\n setRowBg(rowIdx, idx) {\n if (!this.isEnabled() || isNaN(rowIdx)) {\n return;\n }\n let rows = this.tf.dom().rows;\n let i = isNaN(idx) ? rowIdx : idx;\n this.removeRowBg(rowIdx);\n\n addClass(rows[rowIdx], (i % 2) ? this.evenCss : this.oddCss);\n }\n\n /**\n * Removes row background color\n * @param {Number} idx Row index\n * @private\n */\n removeRowBg(idx) {\n if (isNaN(idx)) {\n return;\n }\n let rows = this.tf.dom().rows;\n removeClass(rows[idx], this.oddCss);\n removeClass(rows[idx], this.evenCss);\n }\n\n /**\n * Removes all alternating backgrounds\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n let nbRows = this.tf.getRowsNb(true);\n for (let i = 0; i < nbRows; i++) {\n this.removeRowBg(i);\n }\n\n // Unsubscribe to events\n this.emitter.off(['row-processed', 'row-paged'],\n (tf, rowIndex, arrIndex, isValid) =>\n this.processRow(rowIndex, arrIndex, isValid));\n this.emitter.off(['column-sorted', 'rows-changed'],\n () => this.processAll());\n\n this.initialized = false;\n }\n\n}\n"
},
{
- "__docId__": 239,
+ "__docId__": 241,
"kind": "class",
"static": true,
"variation": null,
@@ -5658,7 +5726,7 @@
]
},
{
- "__docId__": 240,
+ "__docId__": 242,
"kind": "constructor",
"static": false,
"variation": null,
@@ -5683,7 +5751,7 @@
"generator": false
},
{
- "__docId__": 241,
+ "__docId__": 243,
"kind": "member",
"static": false,
"variation": null,
@@ -5703,7 +5771,7 @@
}
},
{
- "__docId__": 242,
+ "__docId__": 244,
"kind": "member",
"static": false,
"variation": null,
@@ -5723,7 +5791,7 @@
}
},
{
- "__docId__": 243,
+ "__docId__": 245,
"kind": "method",
"static": false,
"variation": null,
@@ -5737,7 +5805,7 @@
"generator": false
},
{
- "__docId__": 244,
+ "__docId__": 246,
"kind": "member",
"static": false,
"variation": null,
@@ -5760,7 +5828,7 @@
}
},
{
- "__docId__": 245,
+ "__docId__": 247,
"kind": "method",
"static": false,
"variation": null,
@@ -5774,7 +5842,7 @@
"generator": false
},
{
- "__docId__": 246,
+ "__docId__": 248,
"kind": "method",
"static": false,
"variation": null,
@@ -5819,7 +5887,7 @@
"generator": false
},
{
- "__docId__": 247,
+ "__docId__": 249,
"kind": "method",
"static": false,
"variation": null,
@@ -5854,7 +5922,7 @@
"generator": false
},
{
- "__docId__": 248,
+ "__docId__": 250,
"kind": "method",
"static": false,
"variation": null,
@@ -5879,7 +5947,7 @@
"generator": false
},
{
- "__docId__": 249,
+ "__docId__": 251,
"kind": "method",
"static": false,
"variation": null,
@@ -5893,7 +5961,7 @@
"generator": false
},
{
- "__docId__": 250,
+ "__docId__": 252,
"kind": "member",
"static": false,
"variation": null,
@@ -5911,7 +5979,7 @@
}
},
{
- "__docId__": 251,
+ "__docId__": 253,
"kind": "file",
"static": true,
"variation": null,
@@ -5924,7 +5992,7 @@
"content": "import {Feature} from '../feature';\nimport {\n ignoreCase, numSortAsc, numSortDesc,\n dateSortAsc, sortNumberStr, sortDateStr\n} from '../sort';\nimport {isArray, isObj, isEmpty} from '../types';\nimport {NUMBER, FORMATTED_NUMBER, DATE} from '../const';\n\n/**\n * Base class for Dropdown and CheckList UI components\n * @export\n * @class BaseDropdown\n * @extends {Feature}\n */\nexport class BaseDropdown extends Feature {\n\n /**\n * Creates an instance of BaseDropdown\n * @param {TableFilter} tf\n */\n constructor(tf) {\n super(tf, 'baseDropdown');\n\n let f = this.config;\n\n /**\n * Filter options custom sorter on a column basis\n * @type {Object}\n */\n this.customSorter = isObj(f.filter_options_sorter) &&\n isArray(f.filter_options_sorter.col) &&\n isArray(f.filter_options_sorter.comparer) ?\n f.filter_options_sorter :\n null;\n\n // TODO: move here all properties shared by Dropdown CheckList\n\n /**\n * Has custom options\n * @type {Boolean}\n * @private\n */\n this.isCustom = false;\n\n /**\n * List of options values\n * @type {Array}\n * @private\n */\n this.opts = [];\n\n /**\n * List of options texts for custom values\n * @type {Array}\n * @private\n */\n this.optsTxt = [];\n\n /**\n * List of options to be excluded from the checklist filter\n * @type {Array}\n * @private\n */\n this.excludedOpts = [];\n }\n\n /**\n * Sort passed options based on the type of the specified column\n * @param {Number} colIndex Column index\n * @param {Array} [options=[]] Collection of values\n * @return {Array} Sorted values\n * @private\n */\n sortOptions(colIndex, options = []) {\n let tf = this.tf;\n\n if (tf.isCustomOptions(colIndex) || !tf.sortSlc ||\n (isArray(tf.sortSlc) && tf.sortSlc.indexOf(colIndex) === -1)) {\n return options;\n }\n\n let { caseSensitive, sortNumDesc } = tf;\n let compareFn;\n\n if (this.customSorter &&\n this.customSorter.col.indexOf(colIndex) !== -1) {\n var idx = this.customSorter.col.indexOf(colIndex);\n compareFn = this.customSorter.comparer[idx];\n }\n else if (tf.hasType(colIndex, [NUMBER, FORMATTED_NUMBER])) {\n let decimal = tf.getDecimal(colIndex);\n let comparer = numSortAsc;\n if (sortNumDesc === true || sortNumDesc.indexOf(colIndex) !== -1) {\n comparer = numSortDesc;\n }\n compareFn = sortNumberStr(comparer, decimal);\n }\n else if (tf.hasType(colIndex, [DATE])) {\n let locale = tf.feature('dateType').getLocale(colIndex);\n let comparer = dateSortAsc;\n compareFn = sortDateStr(comparer, locale);\n } else { // string\n compareFn = caseSensitive ? undefined : ignoreCase;\n }\n\n return options.sort(compareFn);\n }\n\n /**\n * Regenerate filters of specified columns and maintain selection if any\n * @param {Array} colIndexes Collection of column indexes\n * @private\n */\n refreshFilters(colIndexes) {\n colIndexes.forEach((colIdx) => {\n let values = this.getValues(colIdx);\n this.build(colIdx, this.tf.linkedFilters);\n this.selectOptions(colIdx, values);\n });\n }\n\n /**\n * Check passed row contains a valid linked value\n * @param {Number} rowIdx Row index\n * @param {Number} activeFilterIdx Current active filter index\n * @returns {Boolean}\n */\n isValidLinkedValue(rowIdx, activeFilterIdx) {\n let tf = this.tf;\n\n if (tf.disableExcludedOptions) {\n return true;\n }\n\n if (tf.paging) {\n if (!isEmpty(activeFilterIdx) && tf.isRowValid(rowIdx)) {\n return true;\n }\n } else {\n if (tf.isRowDisplayed(rowIdx)) {\n return true;\n }\n }\n\n return false;\n }\n}\n"
},
{
- "__docId__": 252,
+ "__docId__": 254,
"kind": "class",
"static": true,
"variation": null,
@@ -5953,7 +6021,7 @@
]
},
{
- "__docId__": 253,
+ "__docId__": 255,
"kind": "constructor",
"static": false,
"variation": null,
@@ -5978,7 +6046,7 @@
"generator": false
},
{
- "__docId__": 254,
+ "__docId__": 256,
"kind": "member",
"static": false,
"variation": null,
@@ -5998,7 +6066,7 @@
}
},
{
- "__docId__": 255,
+ "__docId__": 257,
"kind": "member",
"static": false,
"variation": null,
@@ -6018,7 +6086,7 @@
}
},
{
- "__docId__": 256,
+ "__docId__": 258,
"kind": "member",
"static": false,
"variation": null,
@@ -6038,7 +6106,7 @@
}
},
{
- "__docId__": 257,
+ "__docId__": 259,
"kind": "member",
"static": false,
"variation": null,
@@ -6058,7 +6126,7 @@
}
},
{
- "__docId__": 258,
+ "__docId__": 260,
"kind": "member",
"static": false,
"variation": null,
@@ -6078,7 +6146,7 @@
}
},
{
- "__docId__": 259,
+ "__docId__": 261,
"kind": "method",
"static": false,
"variation": null,
@@ -6123,7 +6191,7 @@
"generator": false
},
{
- "__docId__": 260,
+ "__docId__": 262,
"kind": "method",
"static": false,
"variation": null,
@@ -6148,7 +6216,7 @@
"generator": false
},
{
- "__docId__": 261,
+ "__docId__": 263,
"kind": "method",
"static": false,
"variation": null,
@@ -6197,7 +6265,7 @@
"generator": false
},
{
- "__docId__": 262,
+ "__docId__": 264,
"kind": "file",
"static": true,
"variation": null,
@@ -6210,7 +6278,7 @@
"content": "import {BaseDropdown} from './baseDropdown';\nimport {\n addClass, createCheckItem, createText, createElm, elm, getText,\n removeClass, tag\n} from '../dom';\nimport {has} from '../array';\nimport {matchCase, trim, rgxEsc} from '../string';\nimport {addEvt, removeEvt, targetEvt} from '../event';\nimport {isEmpty} from '../types';\nimport {CHECKLIST, NONE} from '../const';\nimport {defaultsStr, defaultsBool} from '../settings';\n\n/**\n * Checklist filter UI component\n * @export\n * @class CheckList\n * @extends {BaseDropdown}\n */\nexport class CheckList extends BaseDropdown {\n\n /**\n * Creates an instance of CheckList\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'checkList');\n\n let f = this.config;\n\n /**\n * List of container DOM elements\n * @type {Array}\n */\n this.containers = [];\n\n /**\n * Css class for the container of the checklist filter (div)\n * @type {String}\n */\n this.containerCssClass = defaultsStr(f.div_checklist_css_class,\n 'div_checklist');\n\n /**\n * Css class for the checklist filter element (ul)\n * @type {String}\n */\n this.filterCssClass = defaultsStr(f.checklist_css_class,\n 'flt_checklist');\n\n /**\n * Css class for the item of a checklist (li)\n * @type {String}\n */\n this.itemCssClass = defaultsStr(f.checklist_item_css_class,\n 'flt_checklist_item');\n\n /**\n * Css class for a selected item of a checklist (li)\n * @type {String}\n */\n this.selectedItemCssClass = defaultsStr(\n f.checklist_selected_item_css_class,\n 'flt_checklist_slc_item'\n );\n\n /**\n * Text placed in the filter's container when load filter on demand\n * feature is enabled\n * @type {String}\n */\n this.activateText = defaultsStr(\n f.activate_checklist_text,\n 'Click to load filter data'\n );\n\n /**\n * Css class for a disabled item of a checklist (li)\n * @type {String}\n */\n this.disabledItemCssClass = defaultsStr(\n f.checklist_item_disabled_css_class,\n 'flt_checklist_item_disabled'\n );\n\n /**\n * Enable the reset filter option as first item\n * @type {Boolean}\n */\n this.enableResetOption = defaultsBool(f.enable_checklist_reset_filter,\n true);\n\n /**\n * Prefix for container element ID\n * @type {String}\n * @private\n */\n this.prfx = 'chkdiv_';\n }\n\n /**\n * Checklist option click event handler\n * @param {Event} evt\n * @private\n */\n optionClick(evt) {\n let elm = targetEvt(evt);\n let tf = this.tf;\n\n this.emitter.emit('filter-focus', tf, elm);\n this.setCheckListValues(elm);\n tf.filter();\n }\n\n /**\n * Checklist container click event handler for load-on-demand feature\n * @param {Event} evt\n * @private\n */\n onCheckListClick(evt) {\n let elm = targetEvt(evt);\n if (this.tf.loadFltOnDemand && elm.getAttribute('filled') === '0') {\n let ct = elm.getAttribute('ct');\n let div = this.containers[ct];\n this.build(ct);\n removeEvt(div, 'click', (evt) => this.onCheckListClick(evt));\n }\n }\n\n /**\n * Refresh all checklist filters\n */\n refreshAll() {\n let colIdxs = this.tf.getFiltersByType(CHECKLIST, true);\n this.refreshFilters(colIdxs);\n }\n\n /**\n * Initialize checklist filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container) {\n let tf = this.tf;\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let divCont = createElm('div',\n ['id', `${this.prfx}${colIndex}_${tf.id}`],\n ['ct', colIndex], ['filled', '0']);\n divCont.className = this.containerCssClass;\n\n //filter is appended in desired element\n if (externalFltTgtId) {\n elm(externalFltTgtId).appendChild(divCont);\n } else {\n container.appendChild(divCont);\n }\n\n this.containers[colIndex] = divCont;\n tf.fltIds.push(tf.buildFilterId(colIndex));\n\n if (!tf.loadFltOnDemand) {\n this.build(colIndex);\n } else {\n addEvt(divCont, 'click', (evt) => this.onCheckListClick(evt));\n divCont.appendChild(createText(this.activateText));\n }\n\n this.emitter.on(\n ['build-checklist-filter'],\n (tf, colIndex, isLinked) => this.build(colIndex, isLinked)\n );\n\n this.emitter.on(\n ['select-checklist-options'],\n (tf, colIndex, values) => this.selectOptions(colIndex, values)\n );\n\n this.emitter.on(['rows-changed'], () => this.refreshAll());\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Build checklist UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked filters behaviour\n */\n build(colIndex, isLinked = false) {\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n /** @inherited */\n this.opts = [];\n /** @inherited */\n this.optsTxt = [];\n\n let flt = this.containers[colIndex];\n let ul = createElm('ul',\n ['id', tf.fltIds[colIndex]],\n ['colIndex', colIndex]);\n ul.className = this.filterCssClass;\n\n let rows = tf.dom().rows;\n let nbRows = tf.getRowsNb(true);\n let caseSensitive = tf.caseSensitive;\n /** @inherited */\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //Retrieves custom values\n if (this.isCustom) {\n let customValues = tf.getCustomOptions(colIndex);\n this.opts = customValues[0];\n this.optsTxt = customValues[1];\n }\n\n let activeIdx;\n let activeFilterId = tf.getActiveFilterId();\n\n if (isLinked && activeFilterId) {\n activeIdx = tf.getColumnIndexFromFilterId(activeFilterId);\n }\n\n let filteredDataCol = [];\n if (isLinked && tf.disableExcludedOptions) {\n /** @inherited */\n this.excludedOpts = [];\n }\n\n flt.innerHTML = '';\n\n for (let k = tf.refRow; k < nbRows; k++) {\n // always visible rows don't need to appear on selects as always\n // valid\n if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) {\n continue;\n }\n\n let cells = rows[k].cells;\n let ncells = cells.length;\n\n // checks if row has exact cell #\n if (ncells !== tf.nbCells || this.isCustom) {\n continue;\n }\n\n if (isLinked && !this.isValidLinkedValue(k, activeIdx)) {\n continue;\n }\n\n // this loop retrieves cell data\n for (let j = 0; j < ncells; j++) {\n if (colIndex !== j) {\n continue;\n }\n\n let cellValue = tf.getCellValue(cells[j]);\n //Vary Peter's patch\n let cellString = matchCase(cellValue, caseSensitive);\n // checks if celldata is already in array\n if (!has(this.opts, cellString, caseSensitive)) {\n this.opts.push(cellValue);\n }\n let filteredCol = filteredDataCol[j];\n if (isLinked && tf.disableExcludedOptions) {\n if (!filteredCol) {\n filteredCol = tf.getVisibleColumnValues(j);\n }\n if (!has(filteredCol, cellString, caseSensitive) &&\n !has(this.excludedOpts, cellString,\n caseSensitive)) {\n this.excludedOpts.push(cellValue);\n }\n }\n }\n }\n\n //sort options\n this.opts = this.sortOptions(colIndex, this.opts);\n if (this.excludedOpts) {\n this.excludedOpts = this.sortOptions(colIndex, this.excludedOpts);\n }\n\n this.addChecks(colIndex, ul);\n\n if (tf.loadFltOnDemand) {\n flt.innerHTML = '';\n }\n flt.appendChild(ul);\n flt.setAttribute('filled', '1');\n\n this.emitter.emit('after-populating-filter', tf, colIndex, flt);\n }\n\n /**\n * Add checklist options\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n * @private\n */\n addChecks(colIndex, ul) {\n let tf = this.tf;\n let chkCt = this.addTChecks(colIndex, ul);\n\n for (let y = 0; y < this.opts.length; y++) {\n let val = this.opts[y]; //item value\n let lbl = this.isCustom ? this.optsTxt[y] : val; //item text\n let fltId = tf.fltIds[colIndex];\n let li = createCheckItem(`${fltId}_${(y + chkCt)}`, val, lbl);\n li.className = this.itemCssClass;\n\n if (tf.linkedFilters && tf.disableExcludedOptions &&\n has(this.excludedOpts, matchCase(val, tf.caseSensitive),\n tf.caseSensitive)) {\n addClass(li, this.disabledItemCssClass);\n li.check.disabled = true;\n li.disabled = true;\n } else {\n addEvt(li.check, 'click', evt => this.optionClick(evt));\n }\n ul.appendChild(li);\n\n if (val === '') {\n //item is hidden\n li.style.display = NONE;\n }\n }\n }\n\n /**\n * Add checklist header option\n * @param {Number} colIndex Column index\n * @param {Object} ul Ul element\n * @private\n */\n addTChecks(colIndex, ul) {\n let tf = this.tf;\n let chkCt = 1;\n let fltId = tf.fltIds[colIndex];\n let li0 = createCheckItem(`${fltId}_0`, '',\n tf.getClearFilterText(colIndex));\n li0.className = this.itemCssClass;\n ul.appendChild(li0);\n\n addEvt(li0.check, 'click', evt => this.optionClick(evt));\n\n if (!this.enableResetOption) {\n li0.style.display = NONE;\n }\n\n if (tf.enableEmptyOption) {\n let li1 = createCheckItem(`${fltId}_1`, tf.emOperator,\n tf.emptyText);\n li1.className = this.itemCssClass;\n ul.appendChild(li1);\n addEvt(li1.check, 'click', evt => this.optionClick(evt));\n chkCt++;\n }\n\n if (tf.enableNonEmptyOption) {\n let li2 = createCheckItem(`${fltId}_2`, tf.nmOperator,\n tf.nonEmptyText);\n li2.className = this.itemCssClass;\n ul.appendChild(li2);\n addEvt(li2.check, 'click', evt => this.optionClick(evt));\n chkCt++;\n }\n return chkCt;\n }\n\n /**\n * Store checked options in DOM element attribute\n * @param {Object} o checklist option DOM element\n * @private\n */\n setCheckListValues(o) {\n if (!o) {\n return;\n }\n\n let tf = this.tf;\n let chkValue = o.value; //checked item value\n // TODO: provide helper to extract column index, ugly!\n let chkIndex = parseInt(o.id.split('_')[2], 10);\n let colIdx = tf.getColumnIndexFromFilterId(o.id);\n let itemTag = 'LI';\n\n let n = tf.getFilterElement(parseInt(colIdx, 10));\n let li = n.childNodes[chkIndex];\n let colIndex = n.getAttribute('colIndex');\n let fltValue = n.getAttribute('value'); //filter value (ul tag)\n let fltIndexes = n.getAttribute('indexes'); //selected items (ul tag)\n\n if (o.checked) {\n //show all item\n if (chkValue === '') {\n if ((fltIndexes && fltIndexes !== '')) {\n //items indexes\n let indSplit = fltIndexes.split(tf.separator);\n //checked items loop\n for (let u = 0; u < indSplit.length; u++) {\n //checked item\n let cChk = elm(tf.fltIds[colIndex] + '_' +\n indSplit[u]);\n if (cChk) {\n cChk.checked = false;\n removeClass(n.childNodes[indSplit[u]],\n this.selectedItemCssClass);\n }\n }\n }\n n.setAttribute('value', '');\n n.setAttribute('indexes', '');\n\n } else {\n fltValue = (fltValue) ? fltValue : '';\n chkValue = trim(fltValue + ' ' + chkValue + ' ' +\n tf.orOperator);\n chkIndex = fltIndexes + chkIndex + tf.separator;\n n.setAttribute('value', chkValue);\n n.setAttribute('indexes', chkIndex);\n //1st option unchecked\n if (elm(tf.fltIds[colIndex] + '_0')) {\n elm(tf.fltIds[colIndex] + '_0').checked = false;\n }\n }\n\n if (li.nodeName === itemTag) {\n removeClass(n.childNodes[0], this.selectedItemCssClass);\n addClass(li, this.selectedItemCssClass);\n }\n } else { //removes values and indexes\n if (chkValue !== '') {\n let replaceValue = new RegExp(\n rgxEsc(chkValue + ' ' + tf.orOperator));\n fltValue = fltValue.replace(replaceValue, '');\n n.setAttribute('value', trim(fltValue));\n\n let replaceIndex = new RegExp(\n rgxEsc(chkIndex + tf.separator));\n fltIndexes = fltIndexes.replace(replaceIndex, '');\n n.setAttribute('indexes', fltIndexes);\n }\n if (li.nodeName === itemTag) {\n removeClass(li, this.selectedItemCssClass);\n }\n }\n }\n\n /**\n * Select filter options programmatically\n * @param {Number} colIndex Column index\n * @param {Array} values Array of option values to select\n */\n selectOptions(colIndex, values = []) {\n let tf = this.tf;\n let flt = tf.getFilterElement(colIndex);\n if (tf.getFilterType(colIndex) !== CHECKLIST || !flt ||\n values.length === 0) {\n return;\n }\n\n let lisNb = tag(flt, 'li').length;\n\n flt.setAttribute('value', '');\n flt.setAttribute('indexes', '');\n\n for (let k = 0; k < lisNb; k++) {\n let li = tag(flt, 'li')[k];\n let lbl = tag(li, 'label')[0];\n let chk = tag(li, 'input')[0];\n let lblTxt = matchCase(getText(lbl), tf.caseSensitive);\n\n if (lblTxt !== '' && has(values, lblTxt, tf.caseSensitive)) {\n chk.checked = true;\n } else {\n // Check non-empty-text or empty-text option\n if (values.indexOf(tf.nmOperator) !== -1 &&\n lblTxt === matchCase(tf.nonEmptyText, tf.caseSensitive)) {\n chk.checked = true;\n }\n else if (values.indexOf(tf.emOperator) !== -1 &&\n lblTxt === matchCase(tf.emptyText, tf.caseSensitive)) {\n chk.checked = true;\n } else {\n chk.checked = false;\n }\n }\n this.setCheckListValues(chk);\n }\n }\n\n /**\n * Get filter values for a given column index\n * @param {Number} colIndex Column index\n * @returns {Array} values Collection of selected values\n */\n getValues(colIndex) {\n let tf = this.tf;\n let flt = tf.getFilterElement(colIndex);\n let fltAttr = flt.getAttribute('value');\n let values = isEmpty(fltAttr) ? '' : fltAttr;\n //removes last operator ||\n values = values.substr(0, values.length - 3);\n //turn || separated values into array\n values = values.split(' ' + tf.orOperator + ' ');\n\n return values;\n }\n\n /**\n * Destroy CheckList instance\n */\n destroy() {\n this.emitter.off(\n ['build-checklist-filter'],\n (tf, colIndex, isLinked) => this.build(colIndex, isLinked)\n );\n this.emitter.off(\n ['select-checklist-options'],\n (tf, colIndex, values) => this.selectOptions(colIndex, values)\n );\n this.emitter.off(['rows-changed'], () => this.refreshAll());\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 263,
+ "__docId__": 265,
"kind": "class",
"static": true,
"variation": null,
@@ -6239,7 +6307,7 @@
]
},
{
- "__docId__": 264,
+ "__docId__": 266,
"kind": "constructor",
"static": false,
"variation": null,
@@ -6264,7 +6332,7 @@
"generator": false
},
{
- "__docId__": 265,
+ "__docId__": 267,
"kind": "member",
"static": false,
"variation": null,
@@ -6284,7 +6352,7 @@
}
},
{
- "__docId__": 266,
+ "__docId__": 268,
"kind": "member",
"static": false,
"variation": null,
@@ -6304,7 +6372,7 @@
}
},
{
- "__docId__": 267,
+ "__docId__": 269,
"kind": "member",
"static": false,
"variation": null,
@@ -6324,7 +6392,7 @@
}
},
{
- "__docId__": 268,
+ "__docId__": 270,
"kind": "member",
"static": false,
"variation": null,
@@ -6344,7 +6412,7 @@
}
},
{
- "__docId__": 269,
+ "__docId__": 271,
"kind": "member",
"static": false,
"variation": null,
@@ -6364,7 +6432,7 @@
}
},
{
- "__docId__": 270,
+ "__docId__": 272,
"kind": "member",
"static": false,
"variation": null,
@@ -6384,7 +6452,7 @@
}
},
{
- "__docId__": 271,
+ "__docId__": 273,
"kind": "member",
"static": false,
"variation": null,
@@ -6404,7 +6472,7 @@
}
},
{
- "__docId__": 272,
+ "__docId__": 274,
"kind": "member",
"static": false,
"variation": null,
@@ -6424,7 +6492,7 @@
}
},
{
- "__docId__": 273,
+ "__docId__": 275,
"kind": "member",
"static": false,
"variation": null,
@@ -6444,7 +6512,7 @@
}
},
{
- "__docId__": 274,
+ "__docId__": 276,
"kind": "method",
"static": false,
"variation": null,
@@ -6469,7 +6537,7 @@
"generator": false
},
{
- "__docId__": 275,
+ "__docId__": 277,
"kind": "method",
"static": false,
"variation": null,
@@ -6494,7 +6562,7 @@
"generator": false
},
{
- "__docId__": 276,
+ "__docId__": 278,
"kind": "method",
"static": false,
"variation": null,
@@ -6508,7 +6576,7 @@
"generator": false
},
{
- "__docId__": 277,
+ "__docId__": 279,
"kind": "method",
"static": false,
"variation": null,
@@ -6553,7 +6621,7 @@
"generator": false
},
{
- "__docId__": 278,
+ "__docId__": 280,
"kind": "member",
"static": false,
"variation": null,
@@ -6576,7 +6644,7 @@
}
},
{
- "__docId__": 279,
+ "__docId__": 281,
"kind": "method",
"static": false,
"variation": null,
@@ -6611,7 +6679,7 @@
"generator": false
},
{
- "__docId__": 280,
+ "__docId__": 282,
"kind": "member",
"static": false,
"variation": null,
@@ -6634,7 +6702,7 @@
}
},
{
- "__docId__": 281,
+ "__docId__": 283,
"kind": "member",
"static": false,
"variation": null,
@@ -6657,7 +6725,7 @@
}
},
{
- "__docId__": 282,
+ "__docId__": 284,
"kind": "member",
"static": false,
"variation": null,
@@ -6680,7 +6748,7 @@
}
},
{
- "__docId__": 283,
+ "__docId__": 285,
"kind": "member",
"static": false,
"variation": null,
@@ -6698,7 +6766,7 @@
}
},
{
- "__docId__": 284,
+ "__docId__": 286,
"kind": "member",
"static": false,
"variation": null,
@@ -6716,7 +6784,7 @@
}
},
{
- "__docId__": 285,
+ "__docId__": 287,
"kind": "member",
"static": false,
"variation": null,
@@ -6739,7 +6807,7 @@
}
},
{
- "__docId__": 286,
+ "__docId__": 288,
"kind": "member",
"static": false,
"variation": null,
@@ -6757,7 +6825,7 @@
}
},
{
- "__docId__": 287,
+ "__docId__": 289,
"kind": "member",
"static": false,
"variation": null,
@@ -6775,7 +6843,7 @@
}
},
{
- "__docId__": 288,
+ "__docId__": 290,
"kind": "method",
"static": false,
"variation": null,
@@ -6810,7 +6878,7 @@
"generator": false
},
{
- "__docId__": 289,
+ "__docId__": 291,
"kind": "method",
"static": false,
"variation": null,
@@ -6850,7 +6918,7 @@
"generator": false
},
{
- "__docId__": 290,
+ "__docId__": 292,
"kind": "method",
"static": false,
"variation": null,
@@ -6875,7 +6943,7 @@
"generator": false
},
{
- "__docId__": 291,
+ "__docId__": 293,
"kind": "method",
"static": false,
"variation": null,
@@ -6910,7 +6978,7 @@
"generator": false
},
{
- "__docId__": 292,
+ "__docId__": 294,
"kind": "method",
"static": false,
"variation": null,
@@ -6949,7 +7017,7 @@
"generator": false
},
{
- "__docId__": 293,
+ "__docId__": 295,
"kind": "method",
"static": false,
"variation": null,
@@ -6963,7 +7031,7 @@
"generator": false
},
{
- "__docId__": 294,
+ "__docId__": 296,
"kind": "member",
"static": false,
"variation": null,
@@ -6981,7 +7049,7 @@
}
},
{
- "__docId__": 295,
+ "__docId__": 297,
"kind": "file",
"static": true,
"variation": null,
@@ -6994,7 +7062,7 @@
"content": "import {Feature} from '../feature';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {addEvt} from '../event';\nimport {defaultsStr} from '../settings';\n\n/**\n * Clear button UI component\n */\nexport class ClearButton extends Feature {\n\n /**\n * Creates an instance of ClearButton\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'btnReset');\n\n let f = this.config;\n\n /**\n * Container element ID\n * @type {String}\n */\n this.targetId = defaultsStr(f.btn_reset_target_id, null);\n\n /**\n * Clear button container element\n * @type {DOMElement}\n * @private\n */\n this.container = null;\n\n /**\n * Clear button element\n * @type {DOMElement}\n * @private\n */\n this.element = null;\n\n /**\n * Text for the clear button\n * @type {String}\n */\n this.text = defaultsStr(f.btn_reset_text, 'Reset');\n\n /**\n * Css class for reset button\n * @type {String}\n */\n this.cssClass = defaultsStr(f.btn_reset_css_class, 'reset');\n\n /**\n * Tooltip text for the clear button\n * @type {String}\n */\n this.tooltip = f.btn_reset_tooltip || 'Clear filters';\n\n /**\n * Custom Html string for the clear button\n * @type {String}\n */\n this.html = defaultsStr(f.btn_reset_html,\n (!tf.enableIcons ? null :\n ''));\n }\n\n /**\n * Click event handler for clear button\n * @private\n */\n onClick() {\n if (!this.isEnabled()) {\n return;\n }\n this.tf.clearFilters();\n }\n\n /**\n * Initialize clear button component\n */\n init() {\n let tf = this.tf;\n\n if (this.initialized) {\n return;\n }\n\n let cont = createElm('span');\n\n // reset button is added to defined element\n if (!this.targetId) {\n tf.setToolbar();\n }\n let targetEl = !this.targetId ? tf.rDiv : elm(this.targetId);\n targetEl.appendChild(cont);\n\n if (!this.html) {\n let fltReset = createElm('a', ['href', 'javascript:void(0);']);\n fltReset.className = this.cssClass;\n fltReset.appendChild(createText(this.text));\n cont.appendChild(fltReset);\n addEvt(fltReset, 'click', () => this.onClick());\n } else {\n cont.innerHTML = this.html;\n let resetEl = cont.firstChild;\n addEvt(resetEl, 'click', () => this.onClick());\n }\n this.element = cont.firstChild;\n this.container = cont;\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Destroy ClearButton instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.element);\n removeElm(this.container);\n this.element = null;\n this.container = null;\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 296,
+ "__docId__": 298,
"kind": "class",
"static": true,
"variation": null,
@@ -7013,7 +7081,7 @@
]
},
{
- "__docId__": 297,
+ "__docId__": 299,
"kind": "constructor",
"static": false,
"variation": null,
@@ -7038,7 +7106,7 @@
"generator": false
},
{
- "__docId__": 298,
+ "__docId__": 300,
"kind": "member",
"static": false,
"variation": null,
@@ -7058,7 +7126,7 @@
}
},
{
- "__docId__": 299,
+ "__docId__": 301,
"kind": "member",
"static": false,
"variation": null,
@@ -7078,7 +7146,7 @@
}
},
{
- "__docId__": 300,
+ "__docId__": 302,
"kind": "member",
"static": false,
"variation": null,
@@ -7098,7 +7166,7 @@
}
},
{
- "__docId__": 301,
+ "__docId__": 303,
"kind": "member",
"static": false,
"variation": null,
@@ -7118,7 +7186,7 @@
}
},
{
- "__docId__": 302,
+ "__docId__": 304,
"kind": "member",
"static": false,
"variation": null,
@@ -7138,7 +7206,7 @@
}
},
{
- "__docId__": 303,
+ "__docId__": 305,
"kind": "member",
"static": false,
"variation": null,
@@ -7158,7 +7226,7 @@
}
},
{
- "__docId__": 304,
+ "__docId__": 306,
"kind": "member",
"static": false,
"variation": null,
@@ -7178,7 +7246,7 @@
}
},
{
- "__docId__": 305,
+ "__docId__": 307,
"kind": "method",
"static": false,
"variation": null,
@@ -7192,7 +7260,7 @@
"generator": false
},
{
- "__docId__": 306,
+ "__docId__": 308,
"kind": "method",
"static": false,
"variation": null,
@@ -7206,7 +7274,7 @@
"generator": false
},
{
- "__docId__": 307,
+ "__docId__": 309,
"kind": "member",
"static": false,
"variation": null,
@@ -7224,7 +7292,7 @@
}
},
{
- "__docId__": 308,
+ "__docId__": 310,
"kind": "member",
"static": false,
"variation": null,
@@ -7242,7 +7310,7 @@
}
},
{
- "__docId__": 309,
+ "__docId__": 311,
"kind": "member",
"static": false,
"variation": null,
@@ -7265,7 +7333,7 @@
}
},
{
- "__docId__": 310,
+ "__docId__": 312,
"kind": "method",
"static": false,
"variation": null,
@@ -7279,7 +7347,7 @@
"generator": false
},
{
- "__docId__": 311,
+ "__docId__": 313,
"kind": "member",
"static": false,
"variation": null,
@@ -7297,7 +7365,7 @@
}
},
{
- "__docId__": 312,
+ "__docId__": 314,
"kind": "member",
"static": false,
"variation": null,
@@ -7315,7 +7383,7 @@
}
},
{
- "__docId__": 313,
+ "__docId__": 315,
"kind": "member",
"static": false,
"variation": null,
@@ -7333,7 +7401,7 @@
}
},
{
- "__docId__": 314,
+ "__docId__": 316,
"kind": "file",
"static": true,
"variation": null,
@@ -7346,7 +7414,7 @@
"content": "import {Date as SugarDate} from 'sugar-date';\nimport 'sugar-date/locales';\nimport {Feature} from '../feature';\nimport {isObj, isArray} from '../types';\nimport {DATE} from '../const';\nimport {root} from '../root';\n\n/**\n * Wrapper for Sugar Date module providing datetime helpers and locales\n * @export\n * @class DateType\n */\nexport class DateType extends Feature {\n\n /**\n * Creates an instance of DateType\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'dateType');\n\n /**\n * Global locale\n * @type {String}\n */\n this.locale = tf.locale;\n\n /**\n * Sugar Date instance\n * @type {Object}\n */\n this.datetime = SugarDate;\n\n this.enable();\n }\n\n /**\n * Initialize DateType instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n // Set global locale\n this.datetime.setLocale(this.locale);\n\n // Add formats from column types configuration if any\n this.addConfigFormats(this.tf.colTypes);\n\n this.emitter.on(\n ['add-date-type-formats'],\n (tf, types) => this.addConfigFormats(types)\n );\n\n // Broadcast date-type initialization\n this.emitter.emit('date-type-initialized', this.tf, this);\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Parse a string representation of a date for a specified locale and return\n * a date object\n * @param {String} dateStr String representation of a date\n * @param {String} localeCode Locale code (ie 'en-us')\n * @returns {Date}\n */\n parse(dateStr, localeCode) {\n return this.datetime.create(dateStr, localeCode);\n }\n\n /**\n * Check string representation of a date for a specified locale is valid\n * @param {any} dateStr String representation of a date\n * @param {any} localeCode Locale code (ie 'en-us')\n * @returns {Boolean}\n */\n isValid(dateStr, localeCode) {\n return this.datetime.isValid(this.parse(dateStr, localeCode));\n }\n\n /**\n * Return the type object of a specified column as per configuration or\n * passed collection\n * @param {Number} colIndex Column index\n * @param {Array} types Collection of column types, optional\n * @returns {Object}\n */\n getOptions(colIndex, types) {\n types = types || this.tf.colTypes;\n let colType = types[colIndex];\n return isObj(colType) ? colType : {};\n }\n\n /**\n * Return the locale code for supplied column index as per configuration\n * or global setting\n * @param {Number} colIndex Column index\n * @returns {String} Locale code (ie: 'en-us')\n */\n getLocale(colIndex) {\n return this.getOptions(colIndex).locale || this.locale;\n }\n\n /**\n * Add date time format(s) to a locale as specified by the passed\n * collection of column types, ie:\n * [\n * 'string',\n * 'number',\n * { type: 'date', locale: 'en', format: ['{dd}/{MM}/{yyyy}']}\n * ]\n *\n * @param {Array} [types=[]] Collection of column types\n */\n addConfigFormats(types=[]) {\n types.forEach((type, idx) => {\n let options = this.getOptions(idx, types);\n if (options.type === DATE && options.hasOwnProperty('format')) {\n let locale = this.datetime.getLocale(\n options.locale || this.locale\n );\n let formats = isArray(options.format) ?\n options.format : [options.format];\n\n // Sugar date module throws exceptions with locale.addFormat\n try {\n formats.forEach((format) => {\n locale.addFormat(format);\n });\n } catch (ex) {\n root.console.error(ex);\n }\n }\n });\n }\n\n /**\n * Remove DateType instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n // TODO: remove added formats\n\n this.emitter.off(\n ['add-date-type-formats'],\n (tf, types) => this.addConfigFormats(types)\n );\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 315,
+ "__docId__": 317,
"kind": "class",
"static": true,
"variation": null,
@@ -7375,7 +7443,7 @@
]
},
{
- "__docId__": 316,
+ "__docId__": 318,
"kind": "constructor",
"static": false,
"variation": null,
@@ -7400,7 +7468,7 @@
"generator": false
},
{
- "__docId__": 317,
+ "__docId__": 319,
"kind": "member",
"static": false,
"variation": null,
@@ -7420,7 +7488,7 @@
}
},
{
- "__docId__": 318,
+ "__docId__": 320,
"kind": "member",
"static": false,
"variation": null,
@@ -7440,7 +7508,7 @@
}
},
{
- "__docId__": 319,
+ "__docId__": 321,
"kind": "method",
"static": false,
"variation": null,
@@ -7454,7 +7522,7 @@
"generator": false
},
{
- "__docId__": 320,
+ "__docId__": 322,
"kind": "member",
"static": false,
"variation": null,
@@ -7477,7 +7545,7 @@
}
},
{
- "__docId__": 321,
+ "__docId__": 323,
"kind": "method",
"static": false,
"variation": null,
@@ -7526,7 +7594,7 @@
"generator": false
},
{
- "__docId__": 322,
+ "__docId__": 324,
"kind": "method",
"static": false,
"variation": null,
@@ -7575,7 +7643,7 @@
"generator": false
},
{
- "__docId__": 323,
+ "__docId__": 325,
"kind": "method",
"static": false,
"variation": null,
@@ -7624,7 +7692,7 @@
"generator": false
},
{
- "__docId__": 324,
+ "__docId__": 326,
"kind": "method",
"static": false,
"variation": null,
@@ -7663,7 +7731,7 @@
"generator": false
},
{
- "__docId__": 325,
+ "__docId__": 327,
"kind": "method",
"static": false,
"variation": null,
@@ -7690,7 +7758,7 @@
"generator": false
},
{
- "__docId__": 326,
+ "__docId__": 328,
"kind": "method",
"static": false,
"variation": null,
@@ -7704,7 +7772,7 @@
"generator": false
},
{
- "__docId__": 327,
+ "__docId__": 329,
"kind": "member",
"static": false,
"variation": null,
@@ -7722,7 +7790,7 @@
}
},
{
- "__docId__": 328,
+ "__docId__": 330,
"kind": "file",
"static": true,
"variation": null,
@@ -7735,7 +7803,7 @@
"content": "import {BaseDropdown} from './baseDropdown';\nimport {createElm, createOpt, elm} from '../dom';\nimport {has} from '../array';\nimport {matchCase} from '../string';\nimport {addEvt, targetEvt} from '../event';\nimport {SELECT, MULTIPLE, NONE} from '../const';\nimport {defaultsStr, defaultsBool} from '../settings';\n\n/**\n * Dropdown filter UI component\n * @export\n * @class Dropdown\n * @extends {BaseDropdown}\n */\nexport class Dropdown extends BaseDropdown {\n\n /**\n * Creates an instance of Dropdown\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'dropdown');\n\n // Configuration object\n let f = this.config;\n\n /**\n * Enable the reset filter option as first item\n * @type {Boolean}\n */\n this.enableSlcResetFilter =\n defaultsBool(f.enable_slc_reset_filter, true);\n\n /**\n * Non empty option text\n * @type {String}\n */\n this.nonEmptyText = defaultsStr(f.non_empty_text, '(Non empty)');\n\n /**\n * Tooltip text appearing on multiple select\n * @type {String}\n */\n this.multipleSlcTooltip = defaultsStr(f.multiple_slc_tooltip,\n 'Use Ctrl/Cmd key for multiple selections');\n }\n\n\n /**\n * Drop-down filter focus event handler\n * @param {Event} e DOM Event\n * @private\n */\n onSlcFocus(e) {\n let elm = targetEvt(e);\n let tf = this.tf;\n // select is populated when element has focus\n if (tf.loadFltOnDemand && elm.getAttribute('filled') === '0') {\n let ct = elm.getAttribute('ct');\n this.build(ct);\n }\n this.emitter.emit('filter-focus', tf, elm);\n }\n\n /**\n * Drop-down filter change event handler\n * @private\n */\n onSlcChange() {\n if (this.tf.onSlcChange) {\n this.tf.filter();\n }\n }\n\n /**\n * Refresh all drop-down filters\n */\n refreshAll() {\n let selectFlts = this.tf.getFiltersByType(SELECT, true);\n let multipleFlts = this.tf.getFiltersByType(MULTIPLE, true);\n let colIdxs = selectFlts.concat(multipleFlts);\n this.refreshFilters(colIdxs);\n }\n\n /**\n * Initialize drop-down filter\n * @param {Number} colIndex Column index\n * @param {Boolean} isExternal External filter flag\n * @param {DOMElement} container Dom element containing the filter\n */\n init(colIndex, isExternal, container) {\n let tf = this.tf;\n let col = tf.getFilterType(colIndex);\n let externalFltTgtId = isExternal ?\n tf.externalFltTgtIds[colIndex] : null;\n\n let slc = createElm(SELECT,\n ['id', tf.buildFilterId(colIndex)],\n ['ct', colIndex], ['filled', '0']\n );\n\n if (col === MULTIPLE) {\n slc.multiple = MULTIPLE;\n slc.title = this.multipleSlcTooltip;\n }\n slc.className = col.toLowerCase() === SELECT ?\n tf.fltCssClass : tf.fltMultiCssClass;\n\n //filter is appended in container element\n if (externalFltTgtId) {\n elm(externalFltTgtId).appendChild(slc);\n } else {\n container.appendChild(slc);\n }\n\n tf.fltIds.push(slc.id);\n\n if (!tf.loadFltOnDemand) {\n this.build(colIndex);\n } else {\n //1st option is created here since build isn't invoked\n let opt0 = createOpt(tf.getClearFilterText(colIndex), '');\n slc.appendChild(opt0);\n }\n\n addEvt(slc, 'change', () => this.onSlcChange());\n addEvt(slc, 'focus', (e) => this.onSlcFocus(e));\n\n this.emitter.on(\n ['build-select-filter'],\n (tf, colIndex, isLinked, isExternal) =>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.on(\n ['select-options'],\n (tf, colIndex, values) => this.selectOptions(colIndex, values)\n );\n this.emitter.on(['rows-changed'], () => this.refreshAll());\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Build drop-down filter UI\n * @param {Number} colIndex Column index\n * @param {Boolean} isLinked Enable linked filters behaviour\n */\n build(colIndex, isLinked = false) {\n let tf = this.tf;\n colIndex = parseInt(colIndex, 10);\n\n this.emitter.emit('before-populating-filter', tf, colIndex);\n\n /** @inherited */\n this.opts = [];\n /** @inherited */\n this.optsTxt = [];\n\n let slcId = tf.fltIds[colIndex];\n let slc = elm(slcId);\n let rows = tf.dom().rows;\n let nbRows = tf.getRowsNb(true);\n\n //custom select test\n /** @inherited */\n this.isCustom = tf.isCustomOptions(colIndex);\n\n //Retrieves custom values\n if (this.isCustom) {\n let customValues = tf.getCustomOptions(colIndex);\n this.opts = customValues[0];\n this.optsTxt = customValues[1];\n }\n\n //custom selects text\n let activeIdx;\n let activeFilterId = tf.getActiveFilterId();\n if (isLinked && activeFilterId) {\n activeIdx = tf.getColumnIndexFromFilterId(activeFilterId);\n }\n\n let excludedOpts = null,\n filteredDataCol = null;\n if (isLinked && tf.disableExcludedOptions) {\n excludedOpts = [];\n filteredDataCol = [];\n }\n\n for (let k = tf.refRow; k < nbRows; k++) {\n // always visible rows don't need to appear on selects as always\n // valid\n if (tf.hasVisibleRows && tf.visibleRows.indexOf(k) !== -1) {\n continue;\n }\n\n let cell = rows[k].cells,\n nchilds = cell.length;\n\n // checks if row has exact cell #\n if (nchilds !== tf.nbCells || this.isCustom) {\n continue;\n }\n\n if (isLinked && !this.isValidLinkedValue(k, activeIdx)) {\n continue;\n }\n\n // this loop retrieves cell data\n for (let j = 0; j < nchilds; j++) {\n if (colIndex !== j) {\n continue;\n }\n\n let cellValue = tf.getCellValue(cell[j]),\n //Vary Peter's patch\n cellString = matchCase(cellValue, tf.caseSensitive);\n\n // checks if celldata is already in array\n if (!has(this.opts, cellString, tf.caseSensitive)) {\n this.opts.push(cellValue);\n }\n\n if (isLinked && tf.disableExcludedOptions) {\n let filteredCol = filteredDataCol[j];\n if (!filteredCol) {\n filteredCol = tf.getVisibleColumnValues(j);\n }\n if (!has(filteredCol, cellString, tf.caseSensitive) &&\n !has(excludedOpts, cellString, tf.caseSensitive)) {\n excludedOpts.push(cellValue);\n }\n }\n }//for j\n }//for k\n\n //sort options\n this.opts = this.sortOptions(colIndex, this.opts);\n if (excludedOpts) {\n excludedOpts = this.sortOptions(colIndex, excludedOpts);\n }\n\n //populates drop-down\n this.addOptions(colIndex, slc, isLinked, excludedOpts);\n\n this.emitter.emit('after-populating-filter', tf, colIndex, slc);\n }\n\n /**\n * Add drop-down options\n * @param {Number} colIndex Column index\n * @param {Object} slc Select Dom element\n * @param {Boolean} isLinked Enable linked refresh behaviour\n * @param {Array} excludedOpts Array of excluded options\n */\n addOptions(colIndex, slc, isLinked, excludedOpts) {\n let tf = this.tf,\n slcValue = slc.value;\n\n slc.innerHTML = '';\n slc = this.addFirstOption(slc);\n\n for (let y = 0; y < this.opts.length; y++) {\n if (this.opts[y] === '') {\n continue;\n }\n let val = this.opts[y]; //option value\n let lbl = this.isCustom ? this.optsTxt[y] : val; //option text\n let isDisabled = false;\n if (isLinked && tf.disableExcludedOptions &&\n has(excludedOpts, matchCase(val, tf.caseSensitive),\n tf.caseSensitive)) {\n isDisabled = true;\n }\n\n let opt;\n //fill select on demand\n if (tf.loadFltOnDemand && slcValue === this.opts[y] &&\n tf.getFilterType(colIndex) === SELECT) {\n opt = createOpt(lbl, val, true);\n } else {\n opt = createOpt(lbl, val, false);\n }\n if (isDisabled) {\n opt.disabled = true;\n }\n slc.appendChild(opt);\n }// for y\n\n slc.setAttribute('filled', '1');\n }\n\n /**\n * Add drop-down header option\n * @param {Object} slc Select DOM element\n */\n addFirstOption(slc) {\n let tf = this.tf;\n let colIdx = tf.getColumnIndexFromFilterId(slc.id);\n let opt0 = createOpt((!this.enableSlcResetFilter ?\n '' : tf.getClearFilterText(colIdx)), '');\n if (!this.enableSlcResetFilter) {\n opt0.style.display = NONE;\n }\n slc.appendChild(opt0);\n if (tf.enableEmptyOption) {\n let opt1 = createOpt(tf.emptyText, tf.emOperator);\n slc.appendChild(opt1);\n }\n if (tf.enableNonEmptyOption) {\n let opt2 = createOpt(tf.nonEmptyText, tf.nmOperator);\n slc.appendChild(opt2);\n }\n return slc;\n }\n\n /**\n * Select filter options programmatically\n * @param {Number} colIndex Column index\n * @param {Array} values Array of option values to select\n */\n selectOptions(colIndex, values = []) {\n let tf = this.tf;\n if (values.length === 0) {\n return;\n }\n let slc = tf.getFilterElement(colIndex);\n [].forEach.call(slc.options, (option) => {\n // Empty value means clear all selections and first option is the\n // clear all option\n if (values[0] === '' || option.value === '') {\n option.selected = false;\n }\n\n if (option.value !== '' && has(values, option.value, true)) {\n option.selected = true;\n }//if\n });\n }\n\n /**\n * Get filter values for a given column index\n * @param {Number} colIndex Column index\n * @returns {Array} values Array of selected values\n */\n getValues(colIndex) {\n let tf = this.tf;\n let slc = tf.getFilterElement(colIndex);\n let values = [];\n\n // IE >= 9 does not support the selectedOptions property :(\n if (slc.selectedOptions) {\n [].forEach.call(slc.selectedOptions,\n option => values.push(option.value));\n } else {\n [].forEach.call(slc.options, (option) => {\n if (option.selected) {\n values.push(option.value);\n }\n });\n }\n\n return values;\n }\n\n /**\n * Destroy Dropdown instance\n */\n destroy() {\n this.emitter.off(\n ['build-select-filter'],\n (colIndex, isLinked, isExternal) =>\n this.build(colIndex, isLinked, isExternal)\n );\n this.emitter.off(\n ['select-options'],\n (tf, colIndex, values) => this.selectOptions(colIndex, values)\n );\n this.emitter.off(['rows-changed'], () => this.refreshAll());\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 329,
+ "__docId__": 331,
"kind": "class",
"static": true,
"variation": null,
@@ -7764,7 +7832,7 @@
]
},
{
- "__docId__": 330,
+ "__docId__": 332,
"kind": "constructor",
"static": false,
"variation": null,
@@ -7789,7 +7857,7 @@
"generator": false
},
{
- "__docId__": 331,
+ "__docId__": 333,
"kind": "member",
"static": false,
"variation": null,
@@ -7809,7 +7877,7 @@
}
},
{
- "__docId__": 332,
+ "__docId__": 334,
"kind": "member",
"static": false,
"variation": null,
@@ -7829,7 +7897,7 @@
}
},
{
- "__docId__": 333,
+ "__docId__": 335,
"kind": "member",
"static": false,
"variation": null,
@@ -7849,7 +7917,7 @@
}
},
{
- "__docId__": 334,
+ "__docId__": 336,
"kind": "method",
"static": false,
"variation": null,
@@ -7874,7 +7942,7 @@
"generator": false
},
{
- "__docId__": 335,
+ "__docId__": 337,
"kind": "method",
"static": false,
"variation": null,
@@ -7888,7 +7956,7 @@
"generator": false
},
{
- "__docId__": 336,
+ "__docId__": 338,
"kind": "method",
"static": false,
"variation": null,
@@ -7902,7 +7970,7 @@
"generator": false
},
{
- "__docId__": 337,
+ "__docId__": 339,
"kind": "method",
"static": false,
"variation": null,
@@ -7947,7 +8015,7 @@
"generator": false
},
{
- "__docId__": 338,
+ "__docId__": 340,
"kind": "member",
"static": false,
"variation": null,
@@ -7970,7 +8038,7 @@
}
},
{
- "__docId__": 339,
+ "__docId__": 341,
"kind": "method",
"static": false,
"variation": null,
@@ -8005,7 +8073,7 @@
"generator": false
},
{
- "__docId__": 340,
+ "__docId__": 342,
"kind": "member",
"static": false,
"variation": null,
@@ -8028,7 +8096,7 @@
}
},
{
- "__docId__": 341,
+ "__docId__": 343,
"kind": "member",
"static": false,
"variation": null,
@@ -8051,7 +8119,7 @@
}
},
{
- "__docId__": 342,
+ "__docId__": 344,
"kind": "member",
"static": false,
"variation": null,
@@ -8074,7 +8142,7 @@
}
},
{
- "__docId__": 343,
+ "__docId__": 345,
"kind": "member",
"static": false,
"variation": null,
@@ -8092,7 +8160,7 @@
}
},
{
- "__docId__": 344,
+ "__docId__": 346,
"kind": "member",
"static": false,
"variation": null,
@@ -8110,7 +8178,7 @@
}
},
{
- "__docId__": 345,
+ "__docId__": 347,
"kind": "member",
"static": false,
"variation": null,
@@ -8128,7 +8196,7 @@
}
},
{
- "__docId__": 346,
+ "__docId__": 348,
"kind": "method",
"static": false,
"variation": null,
@@ -8183,7 +8251,7 @@
"generator": false
},
{
- "__docId__": 347,
+ "__docId__": 349,
"kind": "method",
"static": false,
"variation": null,
@@ -8213,7 +8281,7 @@
"generator": false
},
{
- "__docId__": 348,
+ "__docId__": 350,
"kind": "method",
"static": false,
"variation": null,
@@ -8248,7 +8316,7 @@
"generator": false
},
{
- "__docId__": 349,
+ "__docId__": 351,
"kind": "method",
"static": false,
"variation": null,
@@ -8287,7 +8355,7 @@
"generator": false
},
{
- "__docId__": 350,
+ "__docId__": 352,
"kind": "method",
"static": false,
"variation": null,
@@ -8301,7 +8369,7 @@
"generator": false
},
{
- "__docId__": 351,
+ "__docId__": 353,
"kind": "member",
"static": false,
"variation": null,
@@ -8319,7 +8387,7 @@
}
},
{
- "__docId__": 352,
+ "__docId__": 354,
"kind": "file",
"static": true,
"variation": null,
@@ -8329,10 +8397,10 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from '../feature';\nimport {createElm, removeElm, elm, tag} from '../dom';\nimport {addEvt, targetEvt} from '../event';\nimport {contains} from '../string';\nimport {NONE} from '../const';\nimport {\n defaultsBool, defaultsStr, defaultsNb, defaultsArr\n} from '../settings';\n\n/**\n * Grid layout, table with fixed headers\n */\nexport class GridLayout extends Feature {\n\n /**\n * Creates an instance of GridLayout\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'gridLayout');\n\n let f = this.config.grid_layout || {};\n\n /**\n * Grid-layout container width as CSS string\n * @type {String}\n */\n this.width = defaultsStr(f.width, null);\n\n /**\n * Grid-layout container height as CSS string\n * @type {String}\n */\n this.height = defaultsStr(f.height, null);\n\n /**\n * Css class for main container element\n * @type {String}\n */\n this.mainContCssClass = defaultsStr(f.cont_css_class, 'grd_Cont');\n\n /**\n * Css class for body table container element\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.tbl_cont_css_class, 'grd_tblCont');\n\n /**\n * Css class for headers table container element\n * @type {String}\n */\n this.headContCssClass = defaultsStr(f.tbl_head_css_class,\n 'grd_headTblCont');\n\n /**\n * Css class for toolbar container element (rows counter, paging etc.)\n * @type {String}\n */\n this.infDivCssClass = defaultsStr(f.inf_grid_css_class, 'grd_inf');\n\n /**\n * Index of the headers row, default: 0\n * @type {Number}\n */\n this.headRowIndex = defaultsNb(f.headers_row_index, 0);\n\n /**\n * Collection of the header row indexes to be moved into headers table\n * @type {Array}\n */\n this.headRows = defaultsArr(f.headers_rows, [0]);\n\n /**\n * Enable or disable column filters generation, default: true\n * @type {Boolean}\n */\n this.filters = defaultsBool(f.filters, true);\n\n /**\n * Enable or disable column headers, default: false\n * @type {Boolean}\n */\n this.noHeaders = Boolean(f.no_headers);\n\n /**\n * Grid-layout default column widht as CSS string\n * @type {String}\n */\n this.defaultColWidth = defaultsStr(f.default_col_width, '100px');\n\n /**\n * List of column elements\n * @type {Array}\n * @private\n */\n this.colElms = [];\n\n /**\n * Prefix for grid-layout filter's cell ID\n * @type {String}\n * @private\n */\n this.prfxGridFltTd = '_td_';\n\n /**\n * Prefix for grid-layout header's cell ID\n * @type {String}\n * @private\n */\n this.prfxGridTh = 'tblHeadTh_';\n\n /**\n * Mark-up of original HTML table\n * @type {String}\n * @private\n */\n this.sourceTblHtml = tf.dom().outerHTML;\n\n /**\n * Indicates if working table has column elements\n * @type {Boolean}\n * @private\n */\n this.tblHasColTag = tag(tf.dom(), 'col').length > 0 ? true : false;\n\n /**\n * Main container element\n * @private\n */\n this.tblMainCont = null;\n\n /**\n * Table container element\n * @private\n */\n this.tblCont = null;\n\n /**\n * Headers' table container element\n * @private\n */\n this.headTblCont = null;\n\n /**\n * Headers' table element\n * @private\n */\n this.headTbl = null;\n\n // filters flag at TF level\n tf.fltGrid = this.filters;\n }\n\n /**\n * Generates a grid with fixed headers\n * TODO: reduce size of init by extracting single purposed methods\n */\n init() {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (this.initialized) {\n return;\n }\n\n // Override relevant TableFilter properties\n this.setOverrides();\n\n // Assign default column widths\n this.setDefaultColWidths();\n\n // Initial table width\n let tblW = this.initialTableWidth();\n\n //Main container: it will contain all the elements\n this.tblMainCont = this.createContainer(\n 'div', this.mainContCssClass);\n if (this.width) {\n this.tblMainCont.style.width = this.width;\n }\n tbl.parentNode.insertBefore(this.tblMainCont, tbl);\n\n //Table container: div wrapping content table\n this.tblCont = this.createContainer('div', this.contCssClass);\n this.setConfigWidth(this.tblCont);\n if (this.height) {\n this.tblCont.style.height = this.height;\n }\n tbl.parentNode.insertBefore(this.tblCont, tbl);\n let t = removeElm(tbl);\n this.tblCont.appendChild(t);\n\n //In case table width is expressed in %\n if (tbl.style.width === '') {\n tbl.style.width = (contains('%', tblW) ?\n tbl.clientWidth : tblW) + 'px';\n }\n\n let d = removeElm(this.tblCont);\n this.tblMainCont.appendChild(d);\n\n //Headers table container: div wrapping headers table\n this.headTblCont = this.createContainer(\n 'div', this.headContCssClass);\n\n //Headers table\n this.headTbl = createElm('table');\n let tH = createElm('tHead');\n\n //1st row should be headers row, ids are added if not set\n //Those ids are used by the sort feature\n let hRow = tbl.rows[this.headRowIndex];\n let sortTriggers = this.getSortTriggerIds(hRow);\n\n //Filters row is created\n let filtersRow = this.createFiltersRow();\n\n //Headers row are moved from content table to headers table\n this.setHeadersRow(tH);\n\n this.headTbl.appendChild(tH);\n if (tf.filtersRowIndex === 0) {\n tH.insertBefore(filtersRow, hRow);\n } else {\n tH.appendChild(filtersRow);\n }\n\n this.headTblCont.appendChild(this.headTbl);\n this.tblCont.parentNode.insertBefore(this.headTblCont, this.tblCont);\n\n //THead needs to be removed in content table for sort feature\n let thead = tag(tbl, 'thead');\n if (thead.length > 0) {\n tbl.removeChild(thead[0]);\n }\n\n // ensure table layout is always set even if already set in css\n // definitions, potentially with custom css class this could be lost\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(this.headTbl);\n\n //Headers container width\n this.headTbl.style.width = tbl.style.width;\n //\n\n //scroll synchronisation\n addEvt(this.tblCont, 'scroll', (evt) => {\n let elm = targetEvt(evt);\n let scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // let e = evt || global.event;\n // let bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n // TODO: Trigger a custom event handled by sort extension\n let sort = tf.extension('sort');\n if (sort) {\n sort.asyncSort = true;\n sort.triggerIds = sortTriggers;\n }\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n this.setColumnElements();\n\n if (tf.popupFilters) {\n filtersRow.style.display = NONE;\n }\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Overrides TableFilter instance properties to adjust to grid layout mode\n * @private\n */\n setOverrides() {\n let tf = this.tf;\n tf.refRow = 0;\n tf.headersRow = 0;\n tf.filtersRowIndex = 1;\n }\n\n /**\n * Set grid-layout default column widths if column widths are not defined\n * @private\n */\n setDefaultColWidths() {\n let tf = this.tf;\n if (tf.colWidths.length > 0) {\n return;\n }\n for (let k = 0, len = tf.getCellsNb(); k < len; k++) {\n let colW;\n let cell = tf.dom().rows[tf.getHeadersRowIndex()].cells[k];\n if (cell.width !== '') {\n colW = cell.width;\n } else if (cell.style.width !== '') {\n colW = parseInt(cell.style.width, 10);\n } else {\n colW = this.defaultColWidth;\n }\n tf.colWidths[k] = colW;\n }\n tf.setColWidths();\n }\n\n /**\n * Initial table width\n * @returns {Number}\n * @private\n */\n initialTableWidth() {\n let tbl = this.tf.dom();\n let width; //initial table width\n\n if (tbl.width !== '') {\n width = tbl.width;\n }\n else if (tbl.style.width !== '') {\n width = tbl.style.width;\n } else {\n width = tbl.clientWidth;\n }\n return parseInt(width, 10);\n }\n\n /**\n * Creates container element\n * @param {String} tag Tag name\n * @param {String} className Css class to assign to element\n * @returns {DOMElement}\n * @private\n */\n createContainer(tag, className) {\n let element = createElm(tag);\n element.className = className;\n return element;\n }\n\n /**\n * Creates filters row with cells\n * @returns {HTMLTableRowElement}\n * @private\n */\n createFiltersRow() {\n let tf = this.tf;\n let filtersRow = createElm('tr');\n if (this.filters && tf.fltGrid) {\n tf.externalFltTgtIds = [];\n for (let j = 0; j < tf.getCellsNb(); j++) {\n let fltTdId = `${tf.prfxFlt + j + this.prfxGridFltTd + tf.id}`;\n let cl = createElm(tf.fltCellTag, ['id', fltTdId]);\n filtersRow.appendChild(cl);\n tf.externalFltTgtIds[j] = fltTdId;\n }\n }\n return filtersRow;\n }\n\n /**\n * Generates column elements if necessary and assigns their widths\n * @private\n */\n setColumnElements() {\n let tf = this.tf;\n let cols = tag(tf.dom(), 'col');\n this.tblHasColTag = cols.length > 0;\n\n for (let k = (tf.nbCells - 1); k >= 0; k--) {\n let col;\n\n if (!this.tblHasColTag) {\n col = createElm('col');\n tf.dom().insertBefore(col, tf.dom().firstChild);\n } else {\n col = cols[k];\n }\n col.style.width = tf.colWidths[k];\n this.colElms[k] = col;\n }\n this.tblHasColTag = true;\n }\n\n /**\n * Sets headers row in headers table\n * @param {HTMLHeadElement} tableHead Table head element\n * @private\n */\n setHeadersRow(tableHead) {\n if (this.noHeaders) {\n // Handle table with no headers, assuming here headers do not\n // exist\n tableHead.appendChild(createElm('tr'));\n } else {\n // Headers row are moved from content table to headers table\n for (let i = 0; i < this.headRows.length; i++) {\n let row = this.tf.dom().rows[this.headRows[i]];\n tableHead.appendChild(row);\n }\n }\n }\n\n /**\n * Sets width defined in configuration to passed element\n * @param {DOMElement} element DOM element\n * @private\n */\n setConfigWidth(element) {\n if (!this.width) {\n return;\n }\n if (this.width.indexOf('%') !== -1) {\n element.style.width = '100%';\n } else {\n element.style.width = this.width;\n }\n }\n\n /**\n * Returns a list of header IDs used for specifing external sort triggers\n * @param {HTMLTableRowElement} row DOM row element\n * @returns {Array} List of IDs\n * @private\n */\n getSortTriggerIds(row) {\n let tf = this.tf;\n let sortTriggers = [];\n for (let n = 0; n < tf.getCellsNb(); n++) {\n let c = row.cells[n];\n let thId = c.getAttribute('id');\n if (!thId || thId === '') {\n thId = `${this.prfxGridTh + n}_${tf.id}`;\n c.setAttribute('id', thId);\n }\n sortTriggers.push(thId);\n }\n return sortTriggers;\n }\n\n /**\n * Removes the grid layout\n */\n destroy() {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (!this.initialized) {\n return;\n }\n let t = removeElm(tbl);\n this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont);\n removeElm(this.tblMainCont);\n\n this.tblMainCont = null;\n this.headTblCont = null;\n this.headTbl = null;\n this.tblCont = null;\n\n tbl.outerHTML = this.sourceTblHtml;\n //needed to keep reference of table element for future usage\n this.tf.tbl = elm(tf.id);\n\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from '../feature';\nimport {createElm, removeElm, elm, tag} from '../dom';\nimport {addEvt, targetEvt} from '../event';\nimport {contains} from '../string';\nimport {NONE} from '../const';\nimport {\n defaultsBool, defaultsStr, defaultsNb, defaultsArr\n} from '../settings';\n\n/**\n * Grid layout, table with fixed headers\n */\nexport class GridLayout extends Feature {\n\n /**\n * Creates an instance of GridLayout\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'gridLayout');\n\n let f = this.config.grid_layout || {};\n\n /**\n * Grid-layout container width as CSS string\n * @type {String}\n */\n this.width = defaultsStr(f.width, null);\n\n /**\n * Grid-layout container height as CSS string\n * @type {String}\n */\n this.height = defaultsStr(f.height, null);\n\n /**\n * Css class for main container element\n * @type {String}\n */\n this.mainContCssClass = defaultsStr(f.cont_css_class, 'grd_Cont');\n\n /**\n * Css class for body table container element\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.tbl_cont_css_class, 'grd_tblCont');\n\n /**\n * Css class for headers table container element\n * @type {String}\n */\n this.headContCssClass = defaultsStr(f.tbl_head_css_class,\n 'grd_headTblCont');\n\n /**\n * Css class for toolbar container element (rows counter, paging etc.)\n * @type {String}\n */\n this.infDivCssClass = defaultsStr(f.inf_grid_css_class, 'grd_inf');\n\n /**\n * Index of the headers row, default: 0\n * @type {Number}\n */\n this.headRowIndex = defaultsNb(f.headers_row_index, 0);\n\n /**\n * Collection of the header row indexes to be moved into headers table\n * @type {Array}\n */\n this.headRows = defaultsArr(f.headers_rows, [0]);\n\n /**\n * Enable or disable column filters generation, default: true\n * @type {Boolean}\n */\n this.filters = defaultsBool(f.filters, true);\n\n /**\n * Enable or disable column headers, default: false\n * @type {Boolean}\n */\n this.noHeaders = Boolean(f.no_headers);\n\n /**\n * Grid-layout default column widht as CSS string\n * @type {String}\n */\n this.defaultColWidth = defaultsStr(f.default_col_width, '100px');\n\n /**\n * List of column elements\n * @type {Array}\n * @private\n */\n this.colElms = [];\n\n /**\n * Prefix for grid-layout filter's cell ID\n * @type {String}\n * @private\n */\n this.prfxGridFltTd = '_td_';\n\n /**\n * Prefix for grid-layout header's cell ID\n * @type {String}\n * @private\n */\n this.prfxGridTh = 'tblHeadTh_';\n\n /**\n * Mark-up of original HTML table\n * @type {String}\n * @private\n */\n this.sourceTblHtml = tf.dom().outerHTML;\n\n /**\n * Indicates if working table has column elements\n * @type {Boolean}\n * @private\n */\n this.tblHasColTag = tag(tf.dom(), 'col').length > 0 ? true : false;\n\n /**\n * Main container element\n * @private\n */\n this.tblMainCont = null;\n\n /**\n * Table container element\n * @private\n */\n this.tblCont = null;\n\n /**\n * Headers' table container element\n * @private\n */\n this.headTblCont = null;\n\n /**\n * Headers' table element\n * @private\n */\n this.headTbl = null;\n\n // filters flag at TF level\n tf.fltGrid = this.filters;\n }\n\n /**\n * Generates a grid with fixed headers\n * TODO: reduce size of init by extracting single purposed methods\n */\n init() {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (this.initialized) {\n return;\n }\n\n // Override relevant TableFilter properties\n this.setOverrides();\n\n // Assign default column widths\n this.setDefaultColWidths();\n\n //Main container: it will contain all the elements\n this.tblMainCont = this.createContainer(\n 'div', this.mainContCssClass);\n if (this.width) {\n this.tblMainCont.style.width = this.width;\n }\n tbl.parentNode.insertBefore(this.tblMainCont, tbl);\n\n //Table container: div wrapping content table\n this.tblCont = this.createContainer('div', this.contCssClass);\n this.setConfigWidth(this.tblCont);\n if (this.height) {\n this.tblCont.style.height = this.height;\n }\n tbl.parentNode.insertBefore(this.tblCont, tbl);\n let t = removeElm(tbl);\n this.tblCont.appendChild(t);\n\n //In case table width is expressed in %\n if (tbl.style.width === '') {\n let tblW = this.initialTableWidth();\n tbl.style.width = (contains('%', tblW) ?\n tbl.clientWidth : tblW) + 'px';\n }\n\n let d = removeElm(this.tblCont);\n this.tblMainCont.appendChild(d);\n\n //Headers table container: div wrapping headers table\n this.headTblCont = this.createContainer(\n 'div', this.headContCssClass);\n\n //Headers table\n this.headTbl = createElm('table');\n let tH = createElm('tHead');\n\n //1st row should be headers row, ids are added if not set\n //Those ids are used by the sort feature\n let hRow = tbl.rows[this.headRowIndex];\n let sortTriggers = this.getSortTriggerIds(hRow);\n\n //Filters row is created\n let filtersRow = this.createFiltersRow();\n\n //Headers row are moved from content table to headers table\n this.setHeadersRow(tH);\n\n this.headTbl.appendChild(tH);\n if (tf.filtersRowIndex === 0) {\n tH.insertBefore(filtersRow, hRow);\n } else {\n tH.appendChild(filtersRow);\n }\n\n this.headTblCont.appendChild(this.headTbl);\n this.tblCont.parentNode.insertBefore(this.headTblCont, this.tblCont);\n\n //THead needs to be removed in content table for sort feature\n let thead = tag(tbl, 'thead');\n if (thead.length > 0) {\n tbl.removeChild(thead[0]);\n }\n\n // ensure table layout is always set even if already set in css\n // definitions, potentially with custom css class this could be lost\n this.headTbl.style.tableLayout = 'fixed';\n tbl.style.tableLayout = 'fixed';\n\n //content table without headers needs col widths to be reset\n tf.setColWidths(this.headTbl);\n\n //Headers container width\n this.headTbl.style.width = tbl.style.width;\n //\n\n //scroll synchronisation\n addEvt(this.tblCont, 'scroll', (evt) => {\n let elm = targetEvt(evt);\n let scrollLeft = elm.scrollLeft;\n this.headTblCont.scrollLeft = scrollLeft;\n //New pointerX calc taking into account scrollLeft\n // if(!o.isPointerXOverwritten){\n // try{\n // o.Evt.pointerX = function(evt){\n // let e = evt || global.event;\n // let bdScrollLeft = tf_StandardBody().scrollLeft +\n // scrollLeft;\n // return (e.pageX + scrollLeft) ||\n // (e.clientX + bdScrollLeft);\n // };\n // o.isPointerXOverwritten = true;\n // } catch(err) {\n // o.isPointerXOverwritten = false;\n // }\n // }\n });\n\n // TODO: Trigger a custom event handled by sort extension\n let sort = tf.extension('sort');\n if (sort) {\n sort.asyncSort = true;\n sort.triggerIds = sortTriggers;\n }\n\n //Col elements are enough to keep column widths after sorting and\n //filtering\n this.setColumnElements();\n\n if (tf.popupFilters) {\n filtersRow.style.display = NONE;\n }\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Overrides TableFilter instance properties to adjust to grid layout mode\n * @private\n */\n setOverrides() {\n let tf = this.tf;\n tf.refRow = 0;\n tf.headersRow = 0;\n tf.filtersRowIndex = 1;\n }\n\n /**\n * Set grid-layout default column widths if column widths are not defined\n * @private\n */\n setDefaultColWidths() {\n let tf = this.tf;\n if (tf.colWidths.length > 0) {\n return;\n }\n for (let k = 0, len = tf.getCellsNb(); k < len; k++) {\n let colW;\n let cell = tf.dom().rows[tf.getHeadersRowIndex()].cells[k];\n if (cell.width !== '') {\n colW = cell.width;\n } else if (cell.style.width !== '') {\n colW = parseInt(cell.style.width, 10);\n } else {\n colW = this.defaultColWidth;\n }\n tf.colWidths[k] = colW;\n }\n tf.setColWidths();\n }\n\n /**\n * Initial table width\n * @returns {Number}\n * @private\n */\n initialTableWidth() {\n let tbl = this.tf.dom();\n let width; //initial table width\n\n if (tbl.width !== '') {\n width = tbl.width;\n }\n else if (tbl.style.width !== '') {\n width = tbl.style.width;\n } else {\n width = tbl.clientWidth;\n }\n return parseInt(width, 10);\n }\n\n /**\n * Creates container element\n * @param {String} tag Tag name\n * @param {String} className Css class to assign to element\n * @returns {DOMElement}\n * @private\n */\n createContainer(tag, className) {\n let element = createElm(tag);\n element.className = className;\n return element;\n }\n\n /**\n * Creates filters row with cells\n * @returns {HTMLTableRowElement}\n * @private\n */\n createFiltersRow() {\n let tf = this.tf;\n let filtersRow = createElm('tr');\n if (this.filters && tf.fltGrid) {\n tf.externalFltTgtIds = [];\n for (let j = 0; j < tf.getCellsNb(); j++) {\n let fltTdId = `${tf.prfxFlt + j + this.prfxGridFltTd + tf.id}`;\n let cl = createElm(tf.fltCellTag, ['id', fltTdId]);\n filtersRow.appendChild(cl);\n tf.externalFltTgtIds[j] = fltTdId;\n }\n }\n return filtersRow;\n }\n\n /**\n * Generates column elements if necessary and assigns their widths\n * @private\n */\n setColumnElements() {\n let tf = this.tf;\n let cols = tag(tf.dom(), 'col');\n this.tblHasColTag = cols.length > 0;\n\n for (let k = (tf.nbCells - 1); k >= 0; k--) {\n let col;\n\n if (!this.tblHasColTag) {\n col = createElm('col');\n tf.dom().insertBefore(col, tf.dom().firstChild);\n } else {\n col = cols[k];\n }\n col.style.width = tf.colWidths[k];\n this.colElms[k] = col;\n }\n this.tblHasColTag = true;\n }\n\n /**\n * Sets headers row in headers table\n * @param {HTMLHeadElement} tableHead Table head element\n * @private\n */\n setHeadersRow(tableHead) {\n if (this.noHeaders) {\n // Handle table with no headers, assuming here headers do not\n // exist\n tableHead.appendChild(createElm('tr'));\n } else {\n // Headers row are moved from content table to headers table\n for (let i = 0; i < this.headRows.length; i++) {\n let row = this.tf.dom().rows[this.headRows[i]];\n tableHead.appendChild(row);\n }\n }\n }\n\n /**\n * Sets width defined in configuration to passed element\n * @param {DOMElement} element DOM element\n * @private\n */\n setConfigWidth(element) {\n if (!this.width) {\n return;\n }\n if (this.width.indexOf('%') !== -1) {\n element.style.width = '100%';\n } else {\n element.style.width = this.width;\n }\n }\n\n /**\n * Returns a list of header IDs used for specifing external sort triggers\n * @param {HTMLTableRowElement} row DOM row element\n * @returns {Array} List of IDs\n * @private\n */\n getSortTriggerIds(row) {\n let tf = this.tf;\n let sortTriggers = [];\n for (let n = 0; n < tf.getCellsNb(); n++) {\n let c = row.cells[n];\n let thId = c.getAttribute('id');\n if (!thId || thId === '') {\n thId = `${this.prfxGridTh + n}_${tf.id}`;\n c.setAttribute('id', thId);\n }\n sortTriggers.push(thId);\n }\n return sortTriggers;\n }\n\n /**\n * Removes the grid layout\n */\n destroy() {\n let tf = this.tf;\n let tbl = tf.dom();\n\n if (!this.initialized) {\n return;\n }\n let t = removeElm(tbl);\n this.tblMainCont.parentNode.insertBefore(t, this.tblMainCont);\n removeElm(this.tblMainCont);\n\n this.tblMainCont = null;\n this.headTblCont = null;\n this.headTbl = null;\n this.tblCont = null;\n\n tbl.outerHTML = this.sourceTblHtml;\n //needed to keep reference of table element for future usage\n this.tf.tbl = elm(tf.id);\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 353,
+ "__docId__": 355,
"kind": "class",
"static": true,
"variation": null,
@@ -8351,7 +8419,7 @@
]
},
{
- "__docId__": 354,
+ "__docId__": 356,
"kind": "constructor",
"static": false,
"variation": null,
@@ -8376,7 +8444,7 @@
"generator": false
},
{
- "__docId__": 355,
+ "__docId__": 357,
"kind": "member",
"static": false,
"variation": null,
@@ -8396,7 +8464,7 @@
}
},
{
- "__docId__": 356,
+ "__docId__": 358,
"kind": "member",
"static": false,
"variation": null,
@@ -8416,7 +8484,7 @@
}
},
{
- "__docId__": 357,
+ "__docId__": 359,
"kind": "member",
"static": false,
"variation": null,
@@ -8436,7 +8504,7 @@
}
},
{
- "__docId__": 358,
+ "__docId__": 360,
"kind": "member",
"static": false,
"variation": null,
@@ -8456,7 +8524,7 @@
}
},
{
- "__docId__": 359,
+ "__docId__": 361,
"kind": "member",
"static": false,
"variation": null,
@@ -8476,7 +8544,7 @@
}
},
{
- "__docId__": 360,
+ "__docId__": 362,
"kind": "member",
"static": false,
"variation": null,
@@ -8496,7 +8564,7 @@
}
},
{
- "__docId__": 361,
+ "__docId__": 363,
"kind": "member",
"static": false,
"variation": null,
@@ -8516,7 +8584,7 @@
}
},
{
- "__docId__": 362,
+ "__docId__": 364,
"kind": "member",
"static": false,
"variation": null,
@@ -8536,7 +8604,7 @@
}
},
{
- "__docId__": 363,
+ "__docId__": 365,
"kind": "member",
"static": false,
"variation": null,
@@ -8556,7 +8624,7 @@
}
},
{
- "__docId__": 364,
+ "__docId__": 366,
"kind": "member",
"static": false,
"variation": null,
@@ -8576,7 +8644,7 @@
}
},
{
- "__docId__": 365,
+ "__docId__": 367,
"kind": "member",
"static": false,
"variation": null,
@@ -8596,7 +8664,7 @@
}
},
{
- "__docId__": 366,
+ "__docId__": 368,
"kind": "member",
"static": false,
"variation": null,
@@ -8616,7 +8684,7 @@
}
},
{
- "__docId__": 367,
+ "__docId__": 369,
"kind": "member",
"static": false,
"variation": null,
@@ -8636,7 +8704,7 @@
}
},
{
- "__docId__": 368,
+ "__docId__": 370,
"kind": "member",
"static": false,
"variation": null,
@@ -8656,7 +8724,7 @@
}
},
{
- "__docId__": 369,
+ "__docId__": 371,
"kind": "member",
"static": false,
"variation": null,
@@ -8676,7 +8744,7 @@
}
},
{
- "__docId__": 370,
+ "__docId__": 372,
"kind": "member",
"static": false,
"variation": null,
@@ -8696,7 +8764,7 @@
}
},
{
- "__docId__": 371,
+ "__docId__": 373,
"kind": "member",
"static": false,
"variation": null,
@@ -8713,7 +8781,7 @@
}
},
{
- "__docId__": 372,
+ "__docId__": 374,
"kind": "member",
"static": false,
"variation": null,
@@ -8730,7 +8798,7 @@
}
},
{
- "__docId__": 373,
+ "__docId__": 375,
"kind": "member",
"static": false,
"variation": null,
@@ -8747,7 +8815,7 @@
}
},
{
- "__docId__": 374,
+ "__docId__": 376,
"kind": "member",
"static": false,
"variation": null,
@@ -8764,7 +8832,7 @@
}
},
{
- "__docId__": 375,
+ "__docId__": 377,
"kind": "method",
"static": false,
"variation": null,
@@ -8778,7 +8846,7 @@
"generator": false
},
{
- "__docId__": 376,
+ "__docId__": 378,
"kind": "member",
"static": false,
"variation": null,
@@ -8787,43 +8855,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#tblMainCont",
"access": null,
"description": null,
- "lineNumber": 176,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "__docId__": 377,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "tblCont",
- "memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#tblCont",
- "access": null,
- "description": null,
- "lineNumber": 184,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "__docId__": 378,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "headTblCont",
- "memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#headTblCont",
- "access": null,
- "description": null,
- "lineNumber": 203,
+ "lineNumber": 173,
"undocument": true,
"type": {
"types": [
@@ -8836,12 +8868,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "headTbl",
+ "name": "tblCont",
"memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#headTbl",
+ "longname": "src/modules/gridLayout.js~GridLayout#tblCont",
"access": null,
"description": null,
- "lineNumber": 207,
+ "lineNumber": 181,
"undocument": true,
"type": {
"types": [
@@ -8854,12 +8886,48 @@
"kind": "member",
"static": false,
"variation": null,
+ "name": "headTblCont",
+ "memberof": "src/modules/gridLayout.js~GridLayout",
+ "longname": "src/modules/gridLayout.js~GridLayout#headTblCont",
+ "access": null,
+ "description": null,
+ "lineNumber": 201,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 381,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "headTbl",
+ "memberof": "src/modules/gridLayout.js~GridLayout",
+ "longname": "src/modules/gridLayout.js~GridLayout#headTbl",
+ "access": null,
+ "description": null,
+ "lineNumber": 205,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 382,
+ "kind": "member",
+ "static": false,
+ "variation": null,
"name": "initialized",
"memberof": "src/modules/gridLayout.js~GridLayout",
"longname": "src/modules/gridLayout.js~GridLayout#initialized",
"access": null,
"description": null,
- "lineNumber": 287,
+ "lineNumber": 285,
"unknown": [
{
"tagName": "@inherited",
@@ -8873,7 +8941,7 @@
}
},
{
- "__docId__": 381,
+ "__docId__": 383,
"kind": "method",
"static": false,
"variation": null,
@@ -8882,12 +8950,12 @@
"longname": "src/modules/gridLayout.js~GridLayout#setOverrides",
"access": "private",
"description": "Overrides TableFilter instance properties to adjust to grid layout mode",
- "lineNumber": 294,
+ "lineNumber": 292,
"params": [],
"generator": false
},
{
- "__docId__": 382,
+ "__docId__": 384,
"kind": "method",
"static": false,
"variation": null,
@@ -8896,12 +8964,12 @@
"longname": "src/modules/gridLayout.js~GridLayout#setDefaultColWidths",
"access": "private",
"description": "Set grid-layout default column widths if column widths are not defined",
- "lineNumber": 305,
+ "lineNumber": 303,
"params": [],
"generator": false
},
{
- "__docId__": 383,
+ "__docId__": 385,
"kind": "method",
"static": false,
"variation": null,
@@ -8910,7 +8978,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#initialTableWidth",
"access": "private",
"description": "Initial table width",
- "lineNumber": 330,
+ "lineNumber": 328,
"unknown": [
{
"tagName": "@returns",
@@ -8929,7 +8997,7 @@
"generator": false
},
{
- "__docId__": 384,
+ "__docId__": 386,
"kind": "method",
"static": false,
"variation": null,
@@ -8938,7 +9006,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#createContainer",
"access": "private",
"description": "Creates container element",
- "lineNumber": 352,
+ "lineNumber": 350,
"unknown": [
{
"tagName": "@returns",
@@ -8978,7 +9046,7 @@
"generator": false
},
{
- "__docId__": 385,
+ "__docId__": 387,
"kind": "method",
"static": false,
"variation": null,
@@ -8987,7 +9055,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#createFiltersRow",
"access": "private",
"description": "Creates filters row with cells",
- "lineNumber": 363,
+ "lineNumber": 361,
"unknown": [
{
"tagName": "@returns",
@@ -9006,7 +9074,7 @@
"generator": false
},
{
- "__docId__": 386,
+ "__docId__": 388,
"kind": "method",
"static": false,
"variation": null,
@@ -9015,12 +9083,12 @@
"longname": "src/modules/gridLayout.js~GridLayout#setColumnElements",
"access": "private",
"description": "Generates column elements if necessary and assigns their widths",
- "lineNumber": 382,
+ "lineNumber": 380,
"params": [],
"generator": false
},
{
- "__docId__": 387,
+ "__docId__": 389,
"kind": "member",
"static": false,
"variation": null,
@@ -9029,7 +9097,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#tblHasColTag",
"access": null,
"description": null,
- "lineNumber": 385,
+ "lineNumber": 383,
"undocument": true,
"type": {
"types": [
@@ -9038,7 +9106,7 @@
}
},
{
- "__docId__": 388,
+ "__docId__": 390,
"kind": "member",
"static": false,
"variation": null,
@@ -9047,7 +9115,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#tblHasColTag",
"access": null,
"description": null,
- "lineNumber": 399,
+ "lineNumber": 397,
"undocument": true,
"type": {
"types": [
@@ -9056,7 +9124,7 @@
}
},
{
- "__docId__": 389,
+ "__docId__": 391,
"kind": "method",
"static": false,
"variation": null,
@@ -9065,7 +9133,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#setHeadersRow",
"access": "private",
"description": "Sets headers row in headers table",
- "lineNumber": 407,
+ "lineNumber": 405,
"params": [
{
"nullable": null,
@@ -9081,7 +9149,7 @@
"generator": false
},
{
- "__docId__": 390,
+ "__docId__": 392,
"kind": "method",
"static": false,
"variation": null,
@@ -9090,7 +9158,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#setConfigWidth",
"access": "private",
"description": "Sets width defined in configuration to passed element",
- "lineNumber": 426,
+ "lineNumber": 424,
"params": [
{
"nullable": null,
@@ -9106,7 +9174,7 @@
"generator": false
},
{
- "__docId__": 391,
+ "__docId__": 393,
"kind": "method",
"static": false,
"variation": null,
@@ -9115,7 +9183,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#getSortTriggerIds",
"access": "private",
"description": "Returns a list of header IDs used for specifing external sort triggers",
- "lineNumber": 443,
+ "lineNumber": 441,
"unknown": [
{
"tagName": "@returns",
@@ -9145,7 +9213,7 @@
"generator": false
},
{
- "__docId__": 392,
+ "__docId__": 394,
"kind": "method",
"static": false,
"variation": null,
@@ -9154,12 +9222,12 @@
"longname": "src/modules/gridLayout.js~GridLayout#destroy",
"access": null,
"description": "Removes the grid layout",
- "lineNumber": 461,
+ "lineNumber": 459,
"params": [],
"generator": false
},
{
- "__docId__": 393,
+ "__docId__": 395,
"kind": "member",
"static": false,
"variation": null,
@@ -9168,43 +9236,7 @@
"longname": "src/modules/gridLayout.js~GridLayout#tblMainCont",
"access": null,
"description": null,
- "lineNumber": 472,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "__docId__": 394,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "headTblCont",
- "memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#headTblCont",
- "access": null,
- "description": null,
- "lineNumber": 473,
- "undocument": true,
- "type": {
- "types": [
- "*"
- ]
- }
- },
- {
- "__docId__": 395,
- "kind": "member",
- "static": false,
- "variation": null,
- "name": "headTbl",
- "memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#headTbl",
- "access": null,
- "description": null,
- "lineNumber": 474,
+ "lineNumber": 470,
"undocument": true,
"type": {
"types": [
@@ -9217,12 +9249,12 @@
"kind": "member",
"static": false,
"variation": null,
- "name": "tblCont",
+ "name": "headTblCont",
"memberof": "src/modules/gridLayout.js~GridLayout",
- "longname": "src/modules/gridLayout.js~GridLayout#tblCont",
+ "longname": "src/modules/gridLayout.js~GridLayout#headTblCont",
"access": null,
"description": null,
- "lineNumber": 475,
+ "lineNumber": 471,
"undocument": true,
"type": {
"types": [
@@ -9235,12 +9267,48 @@
"kind": "member",
"static": false,
"variation": null,
+ "name": "headTbl",
+ "memberof": "src/modules/gridLayout.js~GridLayout",
+ "longname": "src/modules/gridLayout.js~GridLayout#headTbl",
+ "access": null,
+ "description": null,
+ "lineNumber": 472,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 398,
+ "kind": "member",
+ "static": false,
+ "variation": null,
+ "name": "tblCont",
+ "memberof": "src/modules/gridLayout.js~GridLayout",
+ "longname": "src/modules/gridLayout.js~GridLayout#tblCont",
+ "access": null,
+ "description": null,
+ "lineNumber": 473,
+ "undocument": true,
+ "type": {
+ "types": [
+ "*"
+ ]
+ }
+ },
+ {
+ "__docId__": 399,
+ "kind": "member",
+ "static": false,
+ "variation": null,
"name": "initialized",
"memberof": "src/modules/gridLayout.js~GridLayout",
"longname": "src/modules/gridLayout.js~GridLayout#initialized",
"access": null,
"description": null,
- "lineNumber": 481,
+ "lineNumber": 479,
"undocument": true,
"type": {
"types": [
@@ -9249,7 +9317,7 @@
}
},
{
- "__docId__": 398,
+ "__docId__": 400,
"kind": "file",
"static": true,
"variation": null,
@@ -9262,7 +9330,7 @@
"content": "import {addEvt, removeEvt} from '../event';\nimport {root} from '../root';\n\nconst JSON = root.JSON;\nconst location = root.location;\nconst decodeURIComponent = root.decodeURIComponent;\nconst encodeURIComponent = root.encodeURIComponent;\n\n/**\n * Checks if browser has onhashchange event\n */\nexport const hasHashChange = () => {\n let docMode = root.documentMode;\n return ('onhashchange' in root) && (docMode === undefined || docMode > 7);\n};\n\n/**\n * Manages state via URL hash changes\n *\n * @export\n * @class Hash\n */\nexport class Hash {\n\n /**\n * Creates an instance of Hash\n *\n * @param {State} state Instance of State\n */\n constructor(state) {\n /**\n * State object\n * @type {State}\n */\n this.state = state;\n\n /**\n * Cached URL hash\n * @type {String} Hash string\n * @private\n */\n this.lastHash = null;\n\n /**\n * Application event emitter instance\n * @type {Emitter}\n */\n this.emitter = state.emitter;\n\n /**\n * Bound sync wrapper for future use\n * @private\n */\n this.boundSync = null;\n }\n\n /**\n * Initializes the Hash object\n */\n init() {\n if (!hasHashChange()) {\n return;\n }\n\n this.lastHash = location.hash;\n //Store a bound sync wrapper\n this.boundSync = this.sync.bind(this);\n this.emitter.on(['state-changed'], (tf, state) => this.update(state));\n this.emitter.on(['initialized'], this.boundSync);\n addEvt(root, 'hashchange', this.boundSync);\n }\n\n /**\n * Updates the URL hash based on a state change\n *\n * @param {State} state Instance of State\n */\n update(state) {\n let hash = `#${encodeURIComponent(JSON.stringify(state))}`;\n if (this.lastHash === hash) {\n return;\n }\n\n location.hash = hash;\n this.lastHash = hash;\n }\n\n /**\n * Converts a URL hash into a state JSON object\n *\n * @param {String} hash URL hash fragment\n * @returns {Object} JSON object\n */\n parse(hash) {\n if (hash.indexOf('#') === -1) {\n return null;\n }\n hash = hash.substr(1);\n return JSON.parse(decodeURIComponent(hash));\n }\n\n /**\n * Applies current hash state to features\n */\n sync() {\n let state = this.parse(location.hash);\n if (!state) {\n return;\n }\n // override current state with persisted one and sync features\n this.state.overrideAndSync(state);\n }\n\n /**\n * Release Hash event subscriptions and clear fields\n */\n destroy() {\n this.emitter.off(['state-changed'], (tf, state) => this.update(state));\n this.emitter.off(['initialized'], this.boundSync);\n removeEvt(root, 'hashchange', this.boundSync);\n\n this.state = null;\n this.lastHash = null;\n this.emitter = null;\n }\n}\n"
},
{
- "__docId__": 399,
+ "__docId__": 401,
"kind": "variable",
"static": true,
"variation": null,
@@ -9283,7 +9351,7 @@
}
},
{
- "__docId__": 400,
+ "__docId__": 402,
"kind": "variable",
"static": true,
"variation": null,
@@ -9304,7 +9372,7 @@
}
},
{
- "__docId__": 401,
+ "__docId__": 403,
"kind": "variable",
"static": true,
"variation": null,
@@ -9325,7 +9393,7 @@
}
},
{
- "__docId__": 402,
+ "__docId__": 404,
"kind": "variable",
"static": true,
"variation": null,
@@ -9346,7 +9414,7 @@
}
},
{
- "__docId__": 403,
+ "__docId__": 405,
"kind": "variable",
"static": true,
"variation": null,
@@ -9366,7 +9434,7 @@
}
},
{
- "__docId__": 404,
+ "__docId__": 406,
"kind": "class",
"static": true,
"variation": null,
@@ -9392,7 +9460,7 @@
"interface": false
},
{
- "__docId__": 405,
+ "__docId__": 407,
"kind": "constructor",
"static": false,
"variation": null,
@@ -9417,7 +9485,7 @@
"generator": false
},
{
- "__docId__": 406,
+ "__docId__": 408,
"kind": "member",
"static": false,
"variation": null,
@@ -9437,7 +9505,7 @@
}
},
{
- "__docId__": 407,
+ "__docId__": 409,
"kind": "member",
"static": false,
"variation": null,
@@ -9457,7 +9525,7 @@
}
},
{
- "__docId__": 408,
+ "__docId__": 410,
"kind": "member",
"static": false,
"variation": null,
@@ -9477,7 +9545,7 @@
}
},
{
- "__docId__": 409,
+ "__docId__": 411,
"kind": "member",
"static": false,
"variation": null,
@@ -9494,7 +9562,7 @@
}
},
{
- "__docId__": 410,
+ "__docId__": 412,
"kind": "method",
"static": false,
"variation": null,
@@ -9508,7 +9576,7 @@
"generator": false
},
{
- "__docId__": 411,
+ "__docId__": 413,
"kind": "member",
"static": false,
"variation": null,
@@ -9526,7 +9594,7 @@
}
},
{
- "__docId__": 412,
+ "__docId__": 414,
"kind": "member",
"static": false,
"variation": null,
@@ -9544,7 +9612,7 @@
}
},
{
- "__docId__": 413,
+ "__docId__": 415,
"kind": "method",
"static": false,
"variation": null,
@@ -9569,7 +9637,7 @@
"generator": false
},
{
- "__docId__": 414,
+ "__docId__": 416,
"kind": "member",
"static": false,
"variation": null,
@@ -9587,7 +9655,7 @@
}
},
{
- "__docId__": 415,
+ "__docId__": 417,
"kind": "method",
"static": false,
"variation": null,
@@ -9626,7 +9694,7 @@
"generator": false
},
{
- "__docId__": 416,
+ "__docId__": 418,
"kind": "method",
"static": false,
"variation": null,
@@ -9640,7 +9708,7 @@
"generator": false
},
{
- "__docId__": 417,
+ "__docId__": 419,
"kind": "method",
"static": false,
"variation": null,
@@ -9654,7 +9722,7 @@
"generator": false
},
{
- "__docId__": 418,
+ "__docId__": 420,
"kind": "member",
"static": false,
"variation": null,
@@ -9672,7 +9740,7 @@
}
},
{
- "__docId__": 419,
+ "__docId__": 421,
"kind": "member",
"static": false,
"variation": null,
@@ -9690,7 +9758,7 @@
}
},
{
- "__docId__": 420,
+ "__docId__": 422,
"kind": "member",
"static": false,
"variation": null,
@@ -9708,7 +9776,7 @@
}
},
{
- "__docId__": 421,
+ "__docId__": 423,
"kind": "file",
"static": true,
"variation": null,
@@ -9721,7 +9789,7 @@
"content": "import {Feature} from '../feature';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {addEvt, targetEvt, removeEvt} from '../event';\nimport {NONE} from '../const';\nimport {root} from '../root';\nimport {isEmpty} from '../types';\nimport {defaultsStr} from '../settings';\n\nconst WIKI_URL = 'https://github.com/koalyptus/TableFilter/wiki/' +\n '4.-Filter-operators';\nconst WEBSITE_URL = 'http://koalyptus.github.io/TableFilter/';\n\n/**\n * Help UI component\n */\nexport class Help extends Feature {\n\n /**\n * Creates an instance of Help\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'help');\n\n let f = this.config.help_instructions || {};\n\n /**\n * ID of main custom container element\n * @type {String}\n */\n this.tgtId = defaultsStr(f.target_id, null);\n\n /**\n * ID of custom container element for instructions\n * @type {String}\n */\n this.contTgtId = defaultsStr(f.container_target_id, null);\n\n /**\n * Instructions text (accepts HTML)\n * @type {String}\n */\n this.instrText = !isEmpty(f.text) ? f.text :\n 'Use the filters above each column to filter and limit table ' +\n 'data. Advanced searches can be performed by using the following ' +\n 'operators:
<, <=, >, ' +\n '>=, =, *, !, {, }, ' +\n '||,&&, [empty], [nonempty], ' +\n 'rgx:
' +\n 'Learn more
';\n\n /**\n * Instructions HTML\n * @type {String}\n */\n this.instrHtml = defaultsStr(f.html, null);\n\n /**\n * Help button text ('?')\n * @type {String}\n */\n this.btnText = defaultsStr(f.btn_text, '?');\n\n /**\n * Custom help button HTML\n * @type {String}\n */\n this.btnHtml = defaultsStr(f.btn_html, null);\n\n /**\n * Css class for help button\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'helpBtn');\n\n /**\n * Css class for help container element\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.container_css_class, 'helpCont');\n\n /**\n * Button DOM element\n * @type {DOMElement}\n */\n this.btn = null;\n\n /**\n * Help container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Bound mouseup wrapper\n * @private\n */\n this.boundMouseup = null;\n\n /**\n * Default HTML appended to instructions text\n * @type {String}\n */\n this.defaultHtml = '';\n\n this.emitter.on(['init-help'], () => this.init());\n }\n\n /**\n * Mouse-up event handler handling popup auto-close behaviour\n * @private\n */\n onMouseup(evt) {\n let targetElm = targetEvt(evt);\n\n while (targetElm && targetElm !== this.cont && targetElm !== this.btn) {\n targetElm = targetElm.parentNode;\n }\n\n if (targetElm !== this.cont && targetElm !== this.btn) {\n this.toggle();\n }\n\n return;\n }\n\n /**\n * Initialise Help instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n\n let btn = createElm('span');\n let cont = createElm('div');\n\n this.boundMouseup = this.onMouseup.bind(this);\n\n //help button is added to defined element\n if (!this.tgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.tgtId ? tf.rDiv : elm(this.tgtId);\n targetEl.appendChild(btn);\n\n let divContainer = !this.contTgtId ? btn : elm(this.contTgtId);\n\n if (!this.btnHtml) {\n divContainer.appendChild(cont);\n let helplink = createElm('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(createText(this.btnText));\n btn.appendChild(helplink);\n addEvt(helplink, 'click', () => this.toggle());\n } else {\n btn.innerHTML = this.btnHtml;\n let helpEl = btn.firstChild;\n addEvt(helpEl, 'click', () => this.toggle());\n divContainer.appendChild(cont);\n }\n\n if (!this.instrHtml) {\n cont.innerHTML = this.instrText;\n cont.className = this.contCssClass;\n } else {\n if (this.contTgtId) {\n divContainer.appendChild(cont);\n }\n cont.innerHTML = this.instrHtml;\n if (!this.contTgtId) {\n cont.className = this.contCssClass;\n }\n }\n cont.innerHTML += this.defaultHtml;\n addEvt(cont, 'click', () => this.toggle());\n\n this.cont = cont;\n this.btn = btn;\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle() {\n // check only if explicitily disabled as in this case undefined\n // signifies the help feature is enabled by default\n if (!this.isEnabled()) {\n return;\n }\n\n // ensure mouseup event handler is removed\n removeEvt(root, 'mouseup', this.boundMouseup);\n\n let divDisplay = this.cont.style.display;\n if (divDisplay === '' || divDisplay === NONE) {\n this.cont.style.display = 'inline';\n addEvt(root, 'mouseup', this.boundMouseup);\n } else {\n this.cont.style.display = NONE;\n }\n }\n\n /**\n * Remove help UI\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.btn);\n this.btn = null;\n\n removeElm(this.cont);\n this.cont = null;\n\n this.boundMouseup = null;\n this.initialized = false;\n }\n\n}\n" }, { - "__docId__": 422, + "__docId__": 424, "kind": "variable", "static": true, "variation": null, @@ -9742,7 +9810,7 @@ } }, { - "__docId__": 423, + "__docId__": 425, "kind": "variable", "static": true, "variation": null, @@ -9763,7 +9831,7 @@ } }, { - "__docId__": 424, + "__docId__": 426, "kind": "class", "static": true, "variation": null, @@ -9782,7 +9850,7 @@ ] }, { - "__docId__": 425, + "__docId__": 427, "kind": "constructor", "static": false, "variation": null, @@ -9807,7 +9875,7 @@ "generator": false }, { - "__docId__": 426, + "__docId__": 428, "kind": "member", "static": false, "variation": null, @@ -9827,7 +9895,7 @@ } }, { - "__docId__": 427, + "__docId__": 429, "kind": "member", "static": false, "variation": null, @@ -9847,7 +9915,7 @@ } }, { - "__docId__": 428, + "__docId__": 430, "kind": "member", "static": false, "variation": null, @@ -9867,7 +9935,7 @@ } }, { - "__docId__": 429, + "__docId__": 431, "kind": "member", "static": false, "variation": null, @@ -9887,7 +9955,7 @@ } }, { - "__docId__": 430, + "__docId__": 432, "kind": "member", "static": false, "variation": null, @@ -9907,7 +9975,7 @@ } }, { - "__docId__": 431, + "__docId__": 433, "kind": "member", "static": false, "variation": null, @@ -9927,7 +9995,7 @@ } }, { - "__docId__": 432, + "__docId__": 434, "kind": "member", "static": false, "variation": null, @@ -9947,7 +10015,7 @@ } }, { - "__docId__": 433, + "__docId__": 435, "kind": "member", "static": false, "variation": null, @@ -9967,7 +10035,7 @@ } }, { - "__docId__": 434, + "__docId__": 436, "kind": "member", "static": false, "variation": null, @@ -9987,7 +10055,7 @@ } }, { - "__docId__": 435, + "__docId__": 437, "kind": "member", "static": false, "variation": null, @@ -10007,7 +10075,7 @@ } }, { - "__docId__": 436, + "__docId__": 438, "kind": "member", "static": false, "variation": null, @@ -10024,7 +10092,7 @@ } }, { - "__docId__": 437, + "__docId__": 439, "kind": "member", "static": false, "variation": null, @@ -10044,7 +10112,7 @@ } }, { - "__docId__": 438, + "__docId__": 440, "kind": "method", "static": false, "variation": null, @@ -10065,7 +10133,7 @@ "generator": false }, { - "__docId__": 439, + "__docId__": 441, "kind": "method", "static": false, "variation": null, @@ -10079,7 +10147,7 @@ "generator": false }, { - "__docId__": 440, + "__docId__": 442, "kind": "member", "static": false, "variation": null, @@ -10097,7 +10165,7 @@ } }, { - "__docId__": 441, + "__docId__": 443, "kind": "member", "static": false, "variation": null, @@ -10115,7 +10183,7 @@ } }, { - "__docId__": 442, + "__docId__": 444, "kind": "member", "static": false, "variation": null, @@ -10133,7 +10201,7 @@ } }, { - "__docId__": 443, + "__docId__": 445, "kind": "member", "static": false, "variation": null, @@ -10156,7 +10224,7 @@ } }, { - "__docId__": 444, + "__docId__": 446, "kind": "method", "static": false, "variation": null, @@ -10170,7 +10238,7 @@ "generator": false }, { - "__docId__": 445, + "__docId__": 447, "kind": "method", "static": false, "variation": null, @@ -10184,7 +10252,7 @@ "generator": false }, { - "__docId__": 446, + "__docId__": 448, "kind": "member", "static": false, "variation": null, @@ -10202,7 +10270,7 @@ } }, { - "__docId__": 447, + "__docId__": 449, "kind": "member", "static": false, "variation": null, @@ -10220,7 +10288,7 @@ } }, { - "__docId__": 448, + "__docId__": 450, "kind": "member", "static": false, "variation": null, @@ -10238,7 +10306,7 @@ } }, { - "__docId__": 449, + "__docId__": 451, "kind": "member", "static": false, "variation": null, @@ -10256,7 +10324,7 @@ } }, { - "__docId__": 450, + "__docId__": 452, "kind": "file", "static": true, "variation": null, @@ -10269,7 +10337,7 @@ "content": "import {createText, createElm, getText} from '../dom';\nimport {isArray} from '../types';\nimport {rgxEsc} from '../string';\nimport {defaultsStr} from '../settings';\n\n/**\n * Highlight matched keywords upon filtering\n *\n * @export\n * @class HighlightKeyword\n */\nexport class HighlightKeyword {\n\n /**\n * Creates an instance of HighlightKeyword\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n let f = tf.config();\n\n /**\n * Css class for highlighted term\n * @type {String}\n */\n this.highlightCssClass = defaultsStr(f.highlight_css_class, 'keyword');\n\n /**\n * TableFilter instance\n * @type {TableFilter}\n */\n this.tf = tf;\n\n /**\n * TableFilter's emitter instance\n * @type {Emitter}\n */\n this.emitter = tf.emitter;\n }\n\n /**\n * Initializes HighlightKeyword instance\n */\n init() {\n this.emitter.on(\n ['before-filtering', 'destroy'],\n () => this.unhighlightAll()\n );\n this.emitter.on(\n ['highlight-keyword'],\n (tf, cell, term) => this._processTerm(cell, term)\n );\n }\n\n /**\n * Highlight occurences of searched term in passed node\n * @param {Node} node\n * @param {String} term Searched term\n * @param {String} cssClass Css class name\n *\n * TODO: refactor this method\n */\n highlight(node, term, cssClass) {\n // Iterate into this nodes childNodes\n if (node.hasChildNodes) {\n let children = node.childNodes;\n for (let i = 0; i < children.length; i++) {\n this.highlight(children[i], term, cssClass);\n }\n }\n\n if (node.nodeType === 3) {\n let nodeVal = node.nodeValue.toLowerCase();\n let termIdx = nodeVal.indexOf(term.toLowerCase());\n\n if (termIdx !== -1) {\n let pn = node.parentNode;\n if (pn && pn.className !== cssClass) {\n // term not highlighted yet\n let nv = node.nodeValue,\n // Create a load of replacement nodes\n before = createText(nv.substr(0, termIdx)),\n value = nv.substr(termIdx, term.length),\n after = createText(nv.substr(termIdx + term.length)),\n text = createText(value),\n container = createElm('span');\n container.className = cssClass;\n container.appendChild(text);\n pn.insertBefore(before, node);\n pn.insertBefore(container, node);\n pn.insertBefore(after, node);\n pn.removeChild(node);\n }\n }\n }\n }\n\n /**\n * Removes highlight to nodes matching passed string\n * @param {String} term\n * @param {String} cssClass Css class to remove\n */\n unhighlight(term, cssClass) {\n let highlightedNodes = this.tf.dom().querySelectorAll(`.${cssClass}`);\n for (let i = 0; i < highlightedNodes.length; i++) {\n let n = highlightedNodes[i];\n let nodeVal = getText(n);\n\n if (nodeVal.toLowerCase().indexOf(term.toLowerCase()) !== -1) {\n let parentNode = n.parentNode;\n parentNode.replaceChild(createText(nodeVal), n);\n parentNode.normalize();\n }\n }\n }\n\n /**\n * Clear all occurrences of highlighted nodes\n */\n unhighlightAll() {\n if (!this.tf.highlightKeywords) {\n return;\n }\n // iterate filters values to unhighlight all values\n this.tf.getFiltersValue().forEach((val) => {\n if (isArray(val)) {\n val.forEach((item) =>\n this.unhighlight(item, this.highlightCssClass));\n } else {\n this.unhighlight(val, this.highlightCssClass);\n }\n });\n }\n\n /** Remove feature */\n destroy() {\n this.emitter.off(\n ['before-filtering', 'destroy'],\n () => this.unhighlightAll()\n );\n this.emitter.off(\n ['highlight-keyword'],\n (tf, cell, term) => this._processTerm(cell, term)\n );\n }\n\n /**\n * Ensure filtering operators are handled before highlighting any match\n * @param {any} Table cell to look searched term into\n * @param {any} Searched termIdx\n */\n _processTerm(cell, term) {\n let tf = this.tf;\n let reLk = new RegExp(rgxEsc(tf.lkOperator));\n let reEq = new RegExp(tf.eqOperator);\n let reSt = new RegExp(tf.stOperator);\n let reEn = new RegExp(tf.enOperator);\n let reLe = new RegExp(tf.leOperator);\n let reGe = new RegExp(tf.geOperator);\n let reL = new RegExp(tf.lwOperator);\n let reG = new RegExp(tf.grOperator);\n let reD = new RegExp(tf.dfOperator);\n\n term = term\n .replace(reLk, '')\n .replace(reEq, '')\n .replace(reSt, '')\n .replace(reEn, '');\n\n if (reLe.test(term) || reGe.test(term) || reL.test(term) ||\n reG.test(term) || reD.test(term)) {\n term = getText(cell);\n }\n\n if (term === '') {\n return;\n }\n\n this.highlight(cell, term, this.highlightCssClass);\n }\n}\n" }, { - "__docId__": 451, + "__docId__": 453, "kind": "class", "static": true, "variation": null, @@ -10295,7 +10363,7 @@ "interface": false }, { - "__docId__": 452, + "__docId__": 454, "kind": "constructor", "static": false, "variation": null, @@ -10320,7 +10388,7 @@ "generator": false }, { - "__docId__": 453, + "__docId__": 455, "kind": "member", "static": false, "variation": null, @@ -10340,7 +10408,7 @@ } }, { - "__docId__": 454, + "__docId__": 456, "kind": "member", "static": false, "variation": null, @@ -10360,7 +10428,7 @@ } }, { - "__docId__": 455, + "__docId__": 457, "kind": "member", "static": false, "variation": null, @@ -10380,7 +10448,7 @@ } }, { - "__docId__": 456, + "__docId__": 458, "kind": "method", "static": false, "variation": null, @@ -10394,7 +10462,7 @@ "generator": false }, { - "__docId__": 457, + "__docId__": 459, "kind": "method", "static": false, "variation": null, @@ -10439,7 +10507,7 @@ "generator": false }, { - "__docId__": 458, + "__docId__": 460, "kind": "method", "static": false, "variation": null, @@ -10474,7 +10542,7 @@ "generator": false }, { - "__docId__": 459, + "__docId__": 461, "kind": "method", "static": false, "variation": null, @@ -10488,7 +10556,7 @@ "generator": false }, { - "__docId__": 460, + "__docId__": 462, "kind": "method", "static": false, "variation": null, @@ -10502,7 +10570,7 @@ "generator": false }, { - "__docId__": 461, + "__docId__": 463, "kind": "method", "static": false, "variation": null, @@ -10537,7 +10605,7 @@ "generator": false }, { - "__docId__": 462, + "__docId__": 464, "kind": "file", "static": true, "variation": null, @@ -10550,7 +10618,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {root} from '../root';\nimport {NONE} from '../const';\nimport {defaultsStr, defaultsFn} from '../settings';\n\nconst EVENTS = [\n 'before-filtering',\n 'before-populating-filter',\n 'before-page-change',\n 'before-clearing-filters',\n 'before-page-length-change',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n];\n\n/**\n * Activity indicator\n *\n * @export\n * @class Loader\n * @extends {Feature}\n */\nexport class Loader extends Feature {\n\n /**\n * Creates an instance of Loader.\n *\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n let f = this.config.loader || {};\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.targetId = defaultsStr(f.target_id, null);\n\n /**\n * Loader container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Text displayed when indicator is visible\n * @type {String}\n */\n this.text = defaultsStr(f.text, 'Loading...');\n\n /**\n * Custom HTML injected in Loader's container element\n * @type {String}\n */\n this.html = defaultsStr(f.html, null);\n\n /**\n * Css class for Loader's container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'loader');\n\n /**\n * Close delay in milliseconds\n * @type {Number}\n */\n this.closeDelay = 250;\n\n /**\n * Callback fired when loader is displayed\n * @type {Function}\n */\n this.onShow = defaultsFn(f.on_show_loader, EMPTY_FN);\n\n /**\n * Callback fired when loader is closed\n * @type {Function}\n */\n this.onHide = defaultsFn(f.on_hide_loader, EMPTY_FN);\n }\n\n /**\n * Initializes Loader instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = createElm('div');\n containerDiv.className = this.cssClass;\n\n let targetEl = !this.targetId ?\n tf.dom().parentNode : elm(this.targetId);\n if (!this.targetId) {\n targetEl.insertBefore(containerDiv, tf.dom());\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.cont = containerDiv;\n if (!this.html) {\n this.cont.appendChild(createText(this.text));\n } else {\n this.cont.innerHTML = this.html;\n }\n\n this.show(NONE);\n\n // Subscribe to events\n emitter.on(EVENTS, () => this.show(''));\n emitter.on(EVENTS, () => this.show(NONE));\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Shows or hides activity indicator\n * @param {String} Two possible values: '' or 'none'\n */\n show(p) {\n if (!this.isEnabled()) {\n return;\n }\n\n let displayLoader = () => {\n if (!this.cont) {\n return;\n }\n if (p !== NONE) {\n this.onShow(this);\n }\n this.cont.style.display = p;\n if (p === NONE) {\n this.onHide(this);\n }\n };\n\n let t = p === NONE ? this.closeDelay : 1;\n root.setTimeout(displayLoader, t);\n }\n\n /**\n * Removes feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let emitter = this.emitter;\n\n removeElm(this.cont);\n this.cont = null;\n\n // Unsubscribe to events\n emitter.off(EVENTS, () => this.show(''));\n emitter.off(EVENTS, () => this.show(NONE));\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 463, + "__docId__": 465, "kind": "variable", "static": true, "variation": null, @@ -10571,7 +10639,7 @@ } }, { - "__docId__": 464, + "__docId__": 466, "kind": "class", "static": true, "variation": null, @@ -10600,7 +10668,7 @@ ] }, { - "__docId__": 465, + "__docId__": 467, "kind": "constructor", "static": false, "variation": null, @@ -10625,7 +10693,7 @@ "generator": false }, { - "__docId__": 466, + "__docId__": 468, "kind": "member", "static": false, "variation": null, @@ -10645,7 +10713,7 @@ } }, { - "__docId__": 467, + "__docId__": 469, "kind": "member", "static": false, "variation": null, @@ -10665,7 +10733,7 @@ } }, { - "__docId__": 468, + "__docId__": 470, "kind": "member", "static": false, "variation": null, @@ -10685,7 +10753,7 @@ } }, { - "__docId__": 469, + "__docId__": 471, "kind": "member", "static": false, "variation": null, @@ -10705,7 +10773,7 @@ } }, { - "__docId__": 470, + "__docId__": 472, "kind": "member", "static": false, "variation": null, @@ -10725,7 +10793,7 @@ } }, { - "__docId__": 471, + "__docId__": 473, "kind": "member", "static": false, "variation": null, @@ -10745,7 +10813,7 @@ } }, { - "__docId__": 472, + "__docId__": 474, "kind": "member", "static": false, "variation": null, @@ -10765,7 +10833,7 @@ } }, { - "__docId__": 473, + "__docId__": 475, "kind": "member", "static": false, "variation": null, @@ -10785,7 +10853,7 @@ } }, { - "__docId__": 474, + "__docId__": 476, "kind": "method", "static": false, "variation": null, @@ -10799,7 +10867,7 @@ "generator": false }, { - "__docId__": 475, + "__docId__": 477, "kind": "member", "static": false, "variation": null, @@ -10817,7 +10885,7 @@ } }, { - "__docId__": 476, + "__docId__": 478, "kind": "member", "static": false, "variation": null, @@ -10840,7 +10908,7 @@ } }, { - "__docId__": 477, + "__docId__": 479, "kind": "method", "static": false, "variation": null, @@ -10865,7 +10933,7 @@ "generator": false }, { - "__docId__": 478, + "__docId__": 480, "kind": "method", "static": false, "variation": null, @@ -10879,7 +10947,7 @@ "generator": false }, { - "__docId__": 479, + "__docId__": 481, "kind": "member", "static": false, "variation": null, @@ -10897,7 +10965,7 @@ } }, { - "__docId__": 480, + "__docId__": 482, "kind": "member", "static": false, "variation": null, @@ -10915,7 +10983,7 @@ } }, { - "__docId__": 481, + "__docId__": 483, "kind": "file", "static": true, "variation": null, @@ -10928,7 +10996,7 @@ "content": "import {Feature} from '../feature';\nimport {addClass, removeClass, hasClass} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {defaultsStr, defaultsFn} from '../settings';\n\n/**\n * Visual indicator for filtered columns\n * @export\n * @class MarkActiveColumns\n * @extends {Feature}\n */\nexport class MarkActiveColumns extends Feature {\n\n /**\n * Create an instance of MarkActiveColumns\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'markActiveColumns');\n\n let config = this.config.mark_active_columns || {};\n\n /**\n * Css class for filtered (active) columns\n * @type {String}\n */\n this.headerCssClass = defaultsStr(config.header_css_class,\n 'activeHeader');\n\n /**\n * Callback fired before a column is marked as filtered\n * @type {Function}\n */\n this.onBeforeActiveColumn = defaultsFn(config.on_before_active_column,\n EMPTY_FN);\n\n /**\n * Callback fired after a column is marked as filtered\n * @type {Function}\n */\n this.onAfterActiveColumn = defaultsFn(config.on_after_active_column,\n EMPTY_FN);\n }\n\n /**\n * Initialise MarkActiveColumns instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.emitter.on(['before-filtering'], () => this.clearActiveColumns());\n this.emitter.on(\n ['cell-processed'],\n (tf, colIndex) => this.markActiveColumn(colIndex)\n );\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Clear filtered columns visual indicator (background color)\n */\n clearActiveColumns() {\n let tf = this.tf;\n let len = tf.getCellsNb();\n for (let i = 0; i < len; i++) {\n removeClass(tf.getHeaderElement(i), this.headerCssClass);\n }\n }\n\n /**\n * Mark currently filtered column\n * @param {Number} colIndex Column index\n */\n markActiveColumn(colIndex) {\n let header = this.tf.getHeaderElement(colIndex);\n if (hasClass(header, this.headerCssClass)) {\n return;\n }\n this.onBeforeActiveColumn(this, colIndex);\n\n addClass(header, this.headerCssClass);\n\n this.onAfterActiveColumn(this, colIndex);\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.clearActiveColumns();\n this.emitter.off(['before-filtering'], () => this.clearActiveColumns());\n this.emitter.off(\n ['cell-processed'],\n (tf, colIndex) => this.markActiveColumn(colIndex)\n );\n\n /** @inherited */\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 482, + "__docId__": 484, "kind": "class", "static": true, "variation": null, @@ -10957,7 +11025,7 @@ ] }, { - "__docId__": 483, + "__docId__": 485, "kind": "constructor", "static": false, "variation": null, @@ -10982,7 +11050,7 @@ "generator": false }, { - "__docId__": 484, + "__docId__": 486, "kind": "member", "static": false, "variation": null, @@ -11002,7 +11070,7 @@ } }, { - "__docId__": 485, + "__docId__": 487, "kind": "member", "static": false, "variation": null, @@ -11022,7 +11090,7 @@ } }, { - "__docId__": 486, + "__docId__": 488, "kind": "member", "static": false, "variation": null, @@ -11042,7 +11110,7 @@ } }, { - "__docId__": 487, + "__docId__": 489, "kind": "method", "static": false, "variation": null, @@ -11056,7 +11124,7 @@ "generator": false }, { - "__docId__": 488, + "__docId__": 490, "kind": "member", "static": false, "variation": null, @@ -11079,7 +11147,7 @@ } }, { - "__docId__": 489, + "__docId__": 491, "kind": "method", "static": false, "variation": null, @@ -11093,7 +11161,7 @@ "generator": false }, { - "__docId__": 490, + "__docId__": 492, "kind": "method", "static": false, "variation": null, @@ -11118,7 +11186,7 @@ "generator": false }, { - "__docId__": 491, + "__docId__": 493, "kind": "method", "static": false, "variation": null, @@ -11132,7 +11200,7 @@ "generator": false }, { - "__docId__": 492, + "__docId__": 494, "kind": "member", "static": false, "variation": null, @@ -11155,7 +11223,7 @@ } }, { - "__docId__": 493, + "__docId__": 495, "kind": "file", "static": true, "variation": null, @@ -11168,7 +11236,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, elm, removeElm} from '../dom';\nimport {isEmpty, EMPTY_FN} from '../types';\nimport {NONE} from '../const';\nimport {defaultsStr, defaultsFn} from '../settings';\n\n/**\n * UI when filtering yields no matches\n * @export\n * @class NoResults\n * @extends {Feature}\n */\nexport class NoResults extends Feature {\n\n /**\n * Creates an instance of NoResults\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message || {};\n\n /**\n * Text (accepts HTML)\n * @type {String}\n */\n this.content = defaultsStr(f.content, 'No results');\n\n /**\n * Custom container DOM element\n * @type {DOMElement}\n */\n this.customContainer = defaultsStr(f.custom_container, null);\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.customContainerId = defaultsStr(f.custom_container_id, null);\n\n /**\n * Indicates if UI is contained in a external element\n * @type {Boolean}\n * @private\n */\n this.isExternal = !isEmpty(this.customContainer) ||\n !isEmpty(this.customContainerId);\n\n /**\n * Css class assigned to container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'no-results');\n\n /**\n * Stores container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Callback fired before the message is displayed\n * @type {Function}\n */\n this.onBeforeShow = defaultsFn(f.on_before_show_msg, EMPTY_FN);\n\n /**\n * Callback fired after the message is displayed\n * @type {Function}\n */\n this.onAfterShow = defaultsFn(f.on_after_show_msg, EMPTY_FN);\n\n /**\n * Callback fired before the message is hidden\n * @type {Function}\n */\n this.onBeforeHide = defaultsFn(f.on_before_hide_msg, EMPTY_FN);\n\n /**\n * Callback fired after the message is hidden\n * @type {Function}\n */\n this.onAfterHide = defaultsFn(f.on_after_hide_msg, EMPTY_FN);\n }\n\n /**\n * Initializes NoResults instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || elm(this.customContainerId) ||\n tf.dom();\n\n //container\n let cont = createElm('div');\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if (this.isExternal) {\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n\n // subscribe to after-filtering event\n this.emitter.on(['after-filtering'], () => this.toggle());\n\n /** @inherited */\n this.initialized = true;\n\n this.hide();\n }\n\n /**\n * Toggle no results message\n */\n toggle() {\n if (this.tf.getValidRowsNb() > 0) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n /**\n * Show no results message\n */\n show() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n this.onBeforeShow(this.tf, this);\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n this.onAfterShow(this.tf, this);\n }\n\n /**\n * Hide no results message\n */\n hide() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n this.onBeforeHide(this.tf, this);\n\n this.cont.style.display = NONE;\n\n this.onAfterHide(this.tf, this);\n }\n\n /**\n * Sets no results container width\n * @private\n */\n setWidth() {\n if (!this.initialized || this.isExternal || !this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n if (tf.gridLayout) {\n let gridLayout = tf.feature('gridLayout');\n this.cont.style.width = gridLayout.headTbl.clientWidth + 'px';\n } else {\n this.cont.style.width = (tf.dom().tHead ?\n tf.dom().tHead.clientWidth :\n tf.dom().tBodies[0].clientWidth) + 'px';\n }\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.cont);\n this.cont = null;\n // unsubscribe to after-filtering event\n this.emitter.off(['after-filtering'], () => this.toggle());\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 494, + "__docId__": 496, "kind": "class", "static": true, "variation": null, @@ -11197,7 +11265,7 @@ ] }, { - "__docId__": 495, + "__docId__": 497, "kind": "constructor", "static": false, "variation": null, @@ -11222,7 +11290,7 @@ "generator": false }, { - "__docId__": 496, + "__docId__": 498, "kind": "member", "static": false, "variation": null, @@ -11242,7 +11310,7 @@ } }, { - "__docId__": 497, + "__docId__": 499, "kind": "member", "static": false, "variation": null, @@ -11262,7 +11330,7 @@ } }, { - "__docId__": 498, + "__docId__": 500, "kind": "member", "static": false, "variation": null, @@ -11282,7 +11350,7 @@ } }, { - "__docId__": 499, + "__docId__": 501, "kind": "member", "static": false, "variation": null, @@ -11302,7 +11370,7 @@ } }, { - "__docId__": 500, + "__docId__": 502, "kind": "member", "static": false, "variation": null, @@ -11322,7 +11390,7 @@ } }, { - "__docId__": 501, + "__docId__": 503, "kind": "member", "static": false, "variation": null, @@ -11342,7 +11410,7 @@ } }, { - "__docId__": 502, + "__docId__": 504, "kind": "member", "static": false, "variation": null, @@ -11362,7 +11430,7 @@ } }, { - "__docId__": 503, + "__docId__": 505, "kind": "member", "static": false, "variation": null, @@ -11382,7 +11450,7 @@ } }, { - "__docId__": 504, + "__docId__": 506, "kind": "member", "static": false, "variation": null, @@ -11402,7 +11470,7 @@ } }, { - "__docId__": 505, + "__docId__": 507, "kind": "member", "static": false, "variation": null, @@ -11422,7 +11490,7 @@ } }, { - "__docId__": 506, + "__docId__": 508, "kind": "method", "static": false, "variation": null, @@ -11436,7 +11504,7 @@ "generator": false }, { - "__docId__": 507, + "__docId__": 509, "kind": "member", "static": false, "variation": null, @@ -11454,7 +11522,7 @@ } }, { - "__docId__": 508, + "__docId__": 510, "kind": "member", "static": false, "variation": null, @@ -11477,7 +11545,7 @@ } }, { - "__docId__": 509, + "__docId__": 511, "kind": "method", "static": false, "variation": null, @@ -11491,7 +11559,7 @@ "generator": false }, { - "__docId__": 510, + "__docId__": 512, "kind": "method", "static": false, "variation": null, @@ -11505,7 +11573,7 @@ "generator": false }, { - "__docId__": 511, + "__docId__": 513, "kind": "method", "static": false, "variation": null, @@ -11519,7 +11587,7 @@ "generator": false }, { - "__docId__": 512, + "__docId__": 514, "kind": "method", "static": false, "variation": null, @@ -11533,7 +11601,7 @@ "generator": false }, { - "__docId__": 513, + "__docId__": 515, "kind": "method", "static": false, "variation": null, @@ -11547,7 +11615,7 @@ "generator": false }, { - "__docId__": 514, + "__docId__": 516, "kind": "member", "static": false, "variation": null, @@ -11565,7 +11633,7 @@ } }, { - "__docId__": 515, + "__docId__": 517, "kind": "member", "static": false, "variation": null, @@ -11583,7 +11651,7 @@ } }, { - "__docId__": 516, + "__docId__": 518, "kind": "file", "static": true, "variation": null, @@ -11596,7 +11664,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, createOpt, createText, elm, removeElm} from '../dom';\nimport {isArray, isNull, EMPTY_FN} from '../types';\nimport {addEvt, keyCode, removeEvt} from '../event';\nimport {INPUT, SELECT, NONE, ENTER_KEY} from '../const';\nimport {\n defaultsStr, defaultsNb, defaultsBool, defaultsArr, defaultsFn\n} from '../settings';\n\n/**\n * Paging UI component\n * @export\n * @class Paging\n * @extends {Feature}\n */\nexport class Paging extends Feature {\n\n /**\n * Creates an instance of Paging\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'paging');\n\n // Configuration object\n let f = this.config.paging || {};\n\n /**\n * Css class for the paging buttons (previous, next, etc.)\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'pgInp');\n\n /**\n * Main select DOM element\n * @type {DOMElement}\n */\n this.pageSlc = null;\n\n /**\n * Results per page select DOM element\n * @type {DOMElement}\n */\n this.pageLengthSlc = null;\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.tgtId = defaultsStr(f.target_id, null);\n\n /**\n * Number of rows contained in a page\n * @type {Number}\n */\n this.pageLength = defaultsNb(f.length, 10);\n\n /**\n * ID of custom container element for the results per page selector\n * @type {String}\n */\n this.pageLengthTgtId = defaultsStr(f.results_per_page_target_id, null);\n\n /**\n * Css class for the paging select element\n * @type {String}\n */\n this.pgSlcCssClass = defaultsStr(f.slc_css_class, 'pgSlc');\n\n /**\n * Css class for the paging input element\n * @type {String}\n */\n this.pgInpCssClass = defaultsStr(f.inp_css_class, 'pgNbInp');\n\n /**\n * Label and values for the results per page select, example of usage:\n * ['Records: ', [10,25,50,100]]\n * @type {Array}\n */\n this.resultsPerPage = defaultsArr(f.results_per_page, null);\n\n /**\n * Determines if results per page is configured\n * @type {Boolean}\n */\n this.hasResultsPerPage = isArray(this.resultsPerPage);\n\n /**\n * Css class for the results per page select\n * @type {String}\n */\n this.resultsSlcCssClass = defaultsStr(f.results_slc_css_class, 'rspg');\n\n /**\n * Css class for the label preceding results per page select\n * @type {String}\n */\n this.resultsSpanCssClass = defaultsStr(f.results_span_css_class,\n 'rspgSpan');\n\n /**\n * Index of the first row of current page\n * @type {Number}\n * @private\n */\n this.startPagingRow = 0;\n\n /**\n * Total number of pages\n * @type {Number}\n * @private\n */\n this.nbPages = 0;\n\n /**\n * Current page number\n * @type {Number}\n * @private\n */\n this.currentPageNb = 1;\n\n /**\n * Next page button text\n * @type {String}\n */\n this.btnNextPageText = defaultsStr(f.btn_next_page_text, '>');\n\n /**\n * Previous page button text\n * @type {String}\n */\n this.btnPrevPageText = defaultsStr(f.btn_prev_page_text, '<');\n\n /**\n * Last page button text\n * @type {String}\n */\n this.btnLastPageText = defaultsStr(f.btn_last_page_text, '>|');\n\n /**\n * First page button text\n * @type {String}\n */\n this.btnFirstPageText = defaultsStr(f.btn_first_page_text, '|<');\n\n /**\n * Next page button HTML\n * @type {String}\n */\n this.btnNextPageHtml = defaultsStr(f.btn_next_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Previous page button HTML\n * @type {String}\n */\n this.btnPrevPageHtml = defaultsStr(f.btn_prev_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * First page button HTML\n * @type {String}\n */\n this.btnFirstPageHtml = defaultsStr(f.btn_first_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Last page button HTML\n * @type {String}\n */\n this.btnLastPageHtml = defaultsStr(f.btn_last_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Text preceeding page selector drop-down\n * @type {String}\n */\n this.pageText = defaultsStr(f.page_text, ' Page ');\n\n /**\n * Text after page selector drop-down\n * @type {String}\n */\n this.ofText = defaultsStr(f.of_text, ' of ');\n\n /**\n * Css class for the span containing total number of pages\n * @type {String}\n */\n this.nbPgSpanCssClass = defaultsStr(f.nb_pages_css_class, 'nbpg');\n\n /**\n * Determines if paging buttons are enabled (default: true)\n * @type {Boolean}\n */\n this.hasBtns = defaultsBool(f.btns, true);\n\n /**\n * Defines page selector type, two possible values: 'select', 'input'\n * @type {String}\n */\n this.pageSelectorType = defaultsStr(f.page_selector_type, SELECT);\n\n /**\n * Callback fired before the page is changed\n * @type {Function}\n */\n this.onBeforeChangePage = defaultsFn(f.on_before_change_page, EMPTY_FN);\n\n /**\n * Callback fired after the page is changed\n * @type {Function}\n */\n this.onAfterChangePage = defaultsFn(f.on_after_change_page, EMPTY_FN);\n\n /**\n * Label preciding results per page select\n * @type {DOMElement}\n * @private\n */\n this.slcResultsTxt = null;\n /**\n * Span containing next page button\n * @type {DOMElement}\n * @private\n */\n this.btnNextCont = null;\n /**\n * Span containing previous page button\n * @type {DOMElement}\n * @private\n */\n this.btnPrevCont = null;\n /**\n * Span containing last page button\n * @type {DOMElement}\n * @private\n */\n this.btnLastCont = null;\n /**\n * Span containing first page button\n * @type {DOMElement}\n * @private\n */\n this.btnFirstCont = null;\n /**\n * Span for tot nb pages\n * @type {DOMElement}\n * @private\n */\n this.pgCont = null;\n /**\n * Span preceding pages select (contains 'Page')\n * @type {DOMElement}\n * @private\n */\n this.pgBefore = null;\n /**\n * Span following pages select (contains ' of ')\n * @type {DOMElement}\n * @private\n */\n this.pgAfter = null;\n\n let startRow = tf.refRow;\n let nrows = tf.getRowsNb(true);\n //calculates page nb\n this.nbPages = Math.ceil((nrows - startRow) / this.pageLength);\n\n let o = this;\n /**\n * Paging DOM events handlers\n * @type {String}\n * @private\n */\n this.evt = {\n slcIndex() {\n return (o.pageSelectorType === SELECT) ?\n o.pageSlc.options.selectedIndex :\n parseInt(o.pageSlc.value, 10) - 1;\n },\n nbOpts() {\n return (o.pageSelectorType === SELECT) ?\n parseInt(o.pageSlc.options.length, 10) - 1 :\n (o.nbPages - 1);\n },\n next() {\n let nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex() + 1 : 0;\n o.changePage(nextIndex);\n },\n prev() {\n let prevIndex = o.evt.slcIndex() > 0 ?\n o.evt.slcIndex() - 1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last() {\n o.changePage(o.evt.nbOpts());\n },\n first() {\n o.changePage(0);\n },\n _detectKey(e) {\n let key = keyCode(e);\n if (key === ENTER_KEY) {\n if (tf.sorted) {\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else {\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init() {\n let slcPages;\n let tf = this.tf;\n let evt = this.evt;\n\n if (this.initialized) {\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if (this.hasResultsPerPage) {\n if (this.resultsPerPage.length < 2) {\n this.hasResultsPerPage = false;\n } else {\n this.pageLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n let slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if (this.pageSelectorType === SELECT) {\n slcPages = createElm(SELECT);\n slcPages.className = this.pgSlcCssClass;\n addEvt(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if (this.pageSelectorType === INPUT) {\n slcPages = createElm(INPUT, ['value', this.currentPageNb]);\n slcPages.className = this.pgInpCssClass;\n addEvt(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n let btnNextSpan = createElm('span');\n let btnPrevSpan = createElm('span');\n let btnLastSpan = createElm('span');\n let btnFirstSpan = createElm('span');\n\n if (this.hasBtns) {\n // Next button\n if (!this.btnNextPageHtml) {\n let btnNext = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btnNext.className = this.btnCssClass;\n addEvt(btnNext, 'click', evt.next);\n btnNextSpan.appendChild(btnNext);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n addEvt(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if (!this.btnPrevPageHtml) {\n let btnPrev = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btnPrev.className = this.btnCssClass;\n addEvt(btnPrev, 'click', evt.prev);\n btnPrevSpan.appendChild(btnPrev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n addEvt(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if (!this.btnLastPageHtml) {\n let btnLast = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btnLast.className = this.btnCssClass;\n addEvt(btnLast, 'click', evt.last);\n btnLastSpan.appendChild(btnLast);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n addEvt(btnLastSpan, 'click', evt.last);\n }\n // First button\n if (!this.btnFirstPageHtml) {\n let btnFirst = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btnFirst.className = this.btnCssClass;\n addEvt(btnFirst, 'click', evt.first);\n btnFirstSpan.appendChild(btnFirst);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n addEvt(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if (!this.tgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.tgtId ? tf.mDiv : elm(this.tgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n let pgBeforeSpan = createElm('span');\n pgBeforeSpan.appendChild(createText(this.pageText));\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n let pgAfterSpan = createElm('span');\n pgAfterSpan.appendChild(createText(this.ofText));\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n let pgSpan = createElm('span');\n pgSpan.className = this.nbPgSpanCssClass;\n pgSpan.appendChild(createText(' ' + this.nbPages + ' '));\n targetEl.appendChild(pgSpan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n\n this.btnNextCont = btnNextSpan;\n this.btnPrevCont = btnPrevSpan;\n this.btnLastCont = btnLastSpan;\n this.btnFirstCont = btnFirstSpan;\n this.pgCont = pgSpan;\n this.pgBefore = pgBeforeSpan;\n this.pgAfter = pgAfterSpan;\n this.pageSlc = slcPages;\n\n this.setPagingInfo();\n\n if (!tf.fltGrid) {\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.on(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.on(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable = false) {\n this.enable();\n this.init();\n\n if (filterTable) {\n this.tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo() {\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows) {\n let tf = this.tf;\n let mdiv = !this.tgtId ? tf.mDiv : elm(this.tgtId);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pageLength);\n //refresh page nb span\n this.pgCont.innerHTML = this.nbPages;\n //select clearing shortcut\n if (this.pageSelectorType === SELECT) {\n this.pageSlc.innerHTML = '';\n }\n\n if (this.nbPages > 0) {\n mdiv.style.visibility = 'visible';\n if (this.pageSelectorType === SELECT) {\n for (let z = 0; z < this.nbPages; z++) {\n let opt = createOpt(z + 1, z * this.pageLength, false);\n this.pageSlc.options[z] = opt;\n }\n } else {\n //input type\n this.pageSlc.value = this.currentPageNb;\n }\n\n } else {\n /*** if no results paging select and buttons are hidden ***/\n mdiv.style.visibility = 'hidden';\n }\n this.groupByPage(tf.validRowsIndex);\n }\n\n /**\n * Group table rows by page and display valid rows\n * @param {Array} validRows Collection of valid rows\n */\n groupByPage(validRows) {\n let tf = this.tf;\n let rows = tf.dom().rows;\n let startPagingRow = parseInt(this.startPagingRow, 10);\n let endPagingRow = startPagingRow + parseInt(this.pageLength, 10);\n\n //store valid rows indexes\n if (validRows) {\n tf.validRowsIndex = validRows;\n }\n\n //this loop shows valid rows of current page\n for (let h = 0, len = tf.getValidRowsNb(true); h < len; h++) {\n let validRowIdx = tf.validRowsIndex[h];\n let r = rows[validRowIdx];\n let isRowValid = r.getAttribute('validRow');\n let rowDisplayed = false;\n\n if (h >= startPagingRow && h < endPagingRow) {\n if (isNull(isRowValid) || Boolean(isRowValid === 'true')) {\n r.style.display = '';\n rowDisplayed = true;\n }\n } else {\n r.style.display = NONE;\n }\n this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed);\n }\n\n // broadcast grouping by page\n this.emitter.emit('grouped-by-page', tf, this);\n }\n\n /**\n * Return the current page number\n * @return {Number} Page number\n */\n getPage() {\n return this.currentPageNb;\n }\n\n /**\n * Show page defined by passed argument (string or number):\n * @param {String}/{Number} cmd possible string values: 'next',\n * 'previous', 'last', 'first' or page number as per param\n */\n setPage(cmd) {\n let tf = this.tf;\n if (!tf.isInitialized() || !this.isEnabled()) {\n return;\n }\n let btnEvt = this.evt,\n cmdtype = typeof cmd;\n if (cmdtype === 'string') {\n switch (cmd.toLowerCase()) {\n case 'next':\n btnEvt.next();\n break;\n case 'previous':\n btnEvt.prev();\n break;\n case 'last':\n btnEvt.last();\n break;\n case 'first':\n btnEvt.first();\n break;\n default:\n btnEvt.next();\n break;\n }\n }\n else if (cmdtype === 'number') {\n this.changePage(cmd - 1);\n }\n }\n\n /**\n * Generates UI elements for the number of results per page drop-down\n */\n setResultsPerPage() {\n let tf = this.tf;\n let evt = this.evt;\n\n if (this.pageLengthSlc || !this.resultsPerPage) {\n return;\n }\n\n evt.slcResultsChange = (ev) => {\n this.onChangeResultsPerPage();\n ev.target.blur();\n };\n\n let slcR = createElm(SELECT);\n slcR.className = this.resultsSlcCssClass;\n let slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n let slcRSpan = createElm('span');\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if (!this.pageLengthTgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.pageLengthTgtId ?\n tf.rDiv : elm(this.pageLengthTgtId);\n slcRSpan.appendChild(createText(slcRText));\n\n let help = tf.feature('help');\n if (help && help.btn) {\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for (let r = 0; r < slcROpts.length; r++) {\n let currOpt = new Option(slcROpts[r], slcROpts[r], false, false);\n slcR.options[r] = currOpt;\n }\n addEvt(slcR, 'change', evt.slcResultsChange);\n this.slcResultsTxt = slcRSpan;\n this.pageLengthSlc = slcR;\n }\n\n /**\n * Remove number of results per page UI elements\n */\n removeResultsPerPage() {\n let tf = this.tf;\n if (!tf.isInitialized() || !this.pageLengthSlc ||\n !this.resultsPerPage) {\n return;\n }\n if (this.pageLengthSlc) {\n removeElm(this.pageLengthSlc);\n }\n if (this.slcResultsTxt) {\n removeElm(this.slcResultsTxt);\n }\n this.pageLengthSlc = null;\n this.slcResultsTxt = null;\n }\n\n /**\n * Change the page based on passed index\n * @param {Number} index Index of the page (0-n)\n */\n changePage(index) {\n let tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-change', tf, (index + 1));\n\n if (index === null) {\n index = this.pageSelectorType === SELECT ?\n this.pageSlc.options.selectedIndex : this.pageSlc.value - 1;\n }\n if (index >= 0 && index <= (this.nbPages - 1)) {\n this.onBeforeChangePage(this, (index + 1));\n\n this.currentPageNb = parseInt(index, 10) + 1;\n if (this.pageSelectorType === SELECT) {\n this.pageSlc.options[index].selected = true;\n } else {\n this.pageSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === SELECT) ?\n this.pageSlc.value : (index * this.pageLength);\n\n this.groupByPage();\n\n this.onAfterChangePage(this, (index + 1));\n }\n\n this.emitter.emit('after-page-change', tf, (index + 1));\n }\n\n /**\n * Change the number of results per page based on passed value\n * @param {String} val The number of results per page\n */\n changeResultsPerPage(val) {\n if (!this.isEnabled() || isNaN(val)) {\n return;\n }\n\n this.pageLengthSlc.value = val;\n this.onChangeResultsPerPage();\n }\n\n /**\n * Change rows according to page results drop-down\n */\n onChangeResultsPerPage() {\n let tf = this.tf;\n\n if (!this.isEnabled() || tf.getValidRowsNb() === 0) {\n return;\n }\n\n let {\n pageLengthSlc: slcR, pageSelectorType, pageSlc, emitter\n } = this;\n\n emitter.emit('before-page-length-change', tf);\n\n let slcIndex = slcR.selectedIndex;\n let slcPagesSelIndex = (pageSelectorType === SELECT) ?\n pageSlc.selectedIndex : parseInt(pageSlc.value - 1, 10);\n this.pageLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pageLength * slcPagesSelIndex;\n\n if (!isNaN(this.pageLength)) {\n if (this.startPagingRow >= tf.nbFilterableRows) {\n this.startPagingRow = (tf.nbFilterableRows - this.pageLength);\n }\n this.setPagingInfo();\n\n if (pageSelectorType === SELECT) {\n let slcIdx = (pageSlc.options.length - 1 <= slcPagesSelIndex) ?\n (pageSlc.options.length - 1) :\n slcPagesSelIndex;\n pageSlc.options[slcIdx].selected = true;\n }\n }\n\n emitter.emit('after-page-length-change', tf, this.pageLength);\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage() {\n let tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n let pgNb = tf.feature('store').getPageNb();\n if (pgNb !== '') {\n this.changePage((pgNb - 1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength() {\n let tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n let pglenIndex = tf.feature('store').getPageLength();\n\n if (pglenIndex !== '') {\n this.pageLengthSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let evt = this.evt;\n\n if (this.pageSlc) {\n if (this.pageSelectorType === SELECT) {\n removeEvt(this.pageSlc, 'change', evt.slcPagesChange);\n }\n else if (this.pageSelectorType === INPUT) {\n removeEvt(this.pageSlc, 'keypress', evt._detectKey);\n }\n removeElm(this.pageSlc);\n }\n\n if (this.btnNextCont) {\n removeEvt(this.btnNextCont, 'click', evt.next);\n removeElm(this.btnNextCont);\n this.btnNextCont = null;\n }\n\n if (this.btnPrevCont) {\n removeEvt(this.btnPrevCont, 'click', evt.prev);\n removeElm(this.btnPrevCont);\n this.btnPrevCont = null;\n }\n\n if (this.btnLastCont) {\n removeEvt(this.btnLastCont, 'click', evt.last);\n removeElm(this.btnLastCont);\n this.btnLastCont = null;\n }\n\n if (this.btnFirstCont) {\n removeEvt(this.btnFirstCont, 'click', evt.first);\n removeElm(this.btnFirstCont);\n this.btnFirstCont = null;\n }\n\n if (this.pgBefore) {\n removeElm(this.pgBefore);\n this.pgBefore = null;\n }\n\n if (this.pgAfter) {\n removeElm(this.pgAfter);\n this.pgAfter = null;\n }\n\n if (this.pgCont) {\n removeElm(this.pgCont);\n this.pgCont = null;\n }\n\n if (this.hasResultsPerPage) {\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.off(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.off(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.pageSlc = null;\n this.nbPages = 0;\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 517, + "__docId__": 519, "kind": "class", "static": true, "variation": null, @@ -11625,7 +11693,7 @@ ] }, { - "__docId__": 518, + "__docId__": 520, "kind": "constructor", "static": false, "variation": null, @@ -11650,7 +11718,7 @@ "generator": false }, { - "__docId__": 519, + "__docId__": 521, "kind": "member", "static": false, "variation": null, @@ -11670,7 +11738,7 @@ } }, { - "__docId__": 520, + "__docId__": 522, "kind": "member", "static": false, "variation": null, @@ -11690,7 +11758,7 @@ } }, { - "__docId__": 521, + "__docId__": 523, "kind": "member", "static": false, "variation": null, @@ -11710,7 +11778,7 @@ } }, { - "__docId__": 522, + "__docId__": 524, "kind": "member", "static": false, "variation": null, @@ -11730,7 +11798,7 @@ } }, { - "__docId__": 523, + "__docId__": 525, "kind": "member", "static": false, "variation": null, @@ -11750,7 +11818,7 @@ } }, { - "__docId__": 524, + "__docId__": 526, "kind": "member", "static": false, "variation": null, @@ -11770,7 +11838,7 @@ } }, { - "__docId__": 525, + "__docId__": 527, "kind": "member", "static": false, "variation": null, @@ -11790,7 +11858,7 @@ } }, { - "__docId__": 526, + "__docId__": 528, "kind": "member", "static": false, "variation": null, @@ -11810,7 +11878,7 @@ } }, { - "__docId__": 527, + "__docId__": 529, "kind": "member", "static": false, "variation": null, @@ -11830,7 +11898,7 @@ } }, { - "__docId__": 528, + "__docId__": 530, "kind": "member", "static": false, "variation": null, @@ -11850,7 +11918,7 @@ } }, { - "__docId__": 529, + "__docId__": 531, "kind": "member", "static": false, "variation": null, @@ -11870,7 +11938,7 @@ } }, { - "__docId__": 530, + "__docId__": 532, "kind": "member", "static": false, "variation": null, @@ -11890,7 +11958,7 @@ } }, { - "__docId__": 531, + "__docId__": 533, "kind": "member", "static": false, "variation": null, @@ -11910,7 +11978,7 @@ } }, { - "__docId__": 532, + "__docId__": 534, "kind": "member", "static": false, "variation": null, @@ -11930,7 +11998,7 @@ } }, { - "__docId__": 533, + "__docId__": 535, "kind": "member", "static": false, "variation": null, @@ -11950,7 +12018,7 @@ } }, { - "__docId__": 534, + "__docId__": 536, "kind": "member", "static": false, "variation": null, @@ -11970,7 +12038,7 @@ } }, { - "__docId__": 535, + "__docId__": 537, "kind": "member", "static": false, "variation": null, @@ -11990,7 +12058,7 @@ } }, { - "__docId__": 536, + "__docId__": 538, "kind": "member", "static": false, "variation": null, @@ -12010,7 +12078,7 @@ } }, { - "__docId__": 537, + "__docId__": 539, "kind": "member", "static": false, "variation": null, @@ -12030,7 +12098,7 @@ } }, { - "__docId__": 538, + "__docId__": 540, "kind": "member", "static": false, "variation": null, @@ -12050,7 +12118,7 @@ } }, { - "__docId__": 539, + "__docId__": 541, "kind": "member", "static": false, "variation": null, @@ -12070,7 +12138,7 @@ } }, { - "__docId__": 540, + "__docId__": 542, "kind": "member", "static": false, "variation": null, @@ -12090,7 +12158,7 @@ } }, { - "__docId__": 541, + "__docId__": 543, "kind": "member", "static": false, "variation": null, @@ -12110,7 +12178,7 @@ } }, { - "__docId__": 542, + "__docId__": 544, "kind": "member", "static": false, "variation": null, @@ -12130,7 +12198,7 @@ } }, { - "__docId__": 543, + "__docId__": 545, "kind": "member", "static": false, "variation": null, @@ -12150,7 +12218,7 @@ } }, { - "__docId__": 544, + "__docId__": 546, "kind": "member", "static": false, "variation": null, @@ -12170,7 +12238,7 @@ } }, { - "__docId__": 545, + "__docId__": 547, "kind": "member", "static": false, "variation": null, @@ -12190,7 +12258,7 @@ } }, { - "__docId__": 546, + "__docId__": 548, "kind": "member", "static": false, "variation": null, @@ -12210,7 +12278,7 @@ } }, { - "__docId__": 547, + "__docId__": 549, "kind": "member", "static": false, "variation": null, @@ -12230,7 +12298,7 @@ } }, { - "__docId__": 548, + "__docId__": 550, "kind": "member", "static": false, "variation": null, @@ -12250,7 +12318,7 @@ } }, { - "__docId__": 549, + "__docId__": 551, "kind": "member", "static": false, "variation": null, @@ -12270,7 +12338,7 @@ } }, { - "__docId__": 550, + "__docId__": 552, "kind": "member", "static": false, "variation": null, @@ -12290,7 +12358,7 @@ } }, { - "__docId__": 551, + "__docId__": 553, "kind": "member", "static": false, "variation": null, @@ -12310,7 +12378,7 @@ } }, { - "__docId__": 552, + "__docId__": 554, "kind": "member", "static": false, "variation": null, @@ -12330,7 +12398,7 @@ } }, { - "__docId__": 553, + "__docId__": 555, "kind": "member", "static": false, "variation": null, @@ -12350,7 +12418,7 @@ } }, { - "__docId__": 554, + "__docId__": 556, "kind": "member", "static": false, "variation": null, @@ -12370,7 +12438,7 @@ } }, { - "__docId__": 555, + "__docId__": 557, "kind": "member", "static": false, "variation": null, @@ -12390,7 +12458,7 @@ } }, { - "__docId__": 556, + "__docId__": 558, "kind": "member", "static": false, "variation": null, @@ -12410,7 +12478,7 @@ } }, { - "__docId__": 557, + "__docId__": 559, "kind": "member", "static": false, "variation": null, @@ -12428,7 +12496,7 @@ } }, { - "__docId__": 558, + "__docId__": 560, "kind": "member", "static": false, "variation": null, @@ -12448,7 +12516,7 @@ } }, { - "__docId__": 559, + "__docId__": 561, "kind": "method", "static": false, "variation": null, @@ -12462,7 +12530,7 @@ "generator": false }, { - "__docId__": 560, + "__docId__": 562, "kind": "member", "static": false, "variation": null, @@ -12480,7 +12548,7 @@ } }, { - "__docId__": 561, + "__docId__": 563, "kind": "member", "static": false, "variation": null, @@ -12498,7 +12566,7 @@ } }, { - "__docId__": 562, + "__docId__": 564, "kind": "member", "static": false, "variation": null, @@ -12516,7 +12584,7 @@ } }, { - "__docId__": 563, + "__docId__": 565, "kind": "member", "static": false, "variation": null, @@ -12534,7 +12602,7 @@ } }, { - "__docId__": 564, + "__docId__": 566, "kind": "member", "static": false, "variation": null, @@ -12552,7 +12620,7 @@ } }, { - "__docId__": 565, + "__docId__": 567, "kind": "member", "static": false, "variation": null, @@ -12570,7 +12638,7 @@ } }, { - "__docId__": 566, + "__docId__": 568, "kind": "member", "static": false, "variation": null, @@ -12588,7 +12656,7 @@ } }, { - "__docId__": 567, + "__docId__": 569, "kind": "member", "static": false, "variation": null, @@ -12606,7 +12674,7 @@ } }, { - "__docId__": 568, + "__docId__": 570, "kind": "member", "static": false, "variation": null, @@ -12624,7 +12692,7 @@ } }, { - "__docId__": 569, + "__docId__": 571, "kind": "member", "static": false, "variation": null, @@ -12642,7 +12710,7 @@ } }, { - "__docId__": 570, + "__docId__": 572, "kind": "member", "static": false, "variation": null, @@ -12665,7 +12733,7 @@ } }, { - "__docId__": 571, + "__docId__": 573, "kind": "method", "static": false, "variation": null, @@ -12690,7 +12758,7 @@ "generator": false }, { - "__docId__": 572, + "__docId__": 574, "kind": "method", "static": false, "variation": null, @@ -12704,7 +12772,7 @@ "generator": false }, { - "__docId__": 573, + "__docId__": 575, "kind": "member", "static": false, "variation": null, @@ -12722,7 +12790,7 @@ } }, { - "__docId__": 574, + "__docId__": 576, "kind": "member", "static": false, "variation": null, @@ -12740,7 +12808,7 @@ } }, { - "__docId__": 575, + "__docId__": 577, "kind": "method", "static": false, "variation": null, @@ -12765,7 +12833,7 @@ "generator": false }, { - "__docId__": 576, + "__docId__": 578, "kind": "member", "static": false, "variation": null, @@ -12783,7 +12851,7 @@ } }, { - "__docId__": 577, + "__docId__": 579, "kind": "method", "static": false, "variation": null, @@ -12808,7 +12876,7 @@ "generator": false }, { - "__docId__": 578, + "__docId__": 580, "kind": "method", "static": false, "variation": null, @@ -12830,7 +12898,7 @@ "generator": false }, { - "__docId__": 579, + "__docId__": 581, "kind": "method", "static": false, "variation": null, @@ -12855,7 +12923,7 @@ "generator": false }, { - "__docId__": 580, + "__docId__": 582, "kind": "method", "static": false, "variation": null, @@ -12869,7 +12937,7 @@ "generator": false }, { - "__docId__": 581, + "__docId__": 583, "kind": "member", "static": false, "variation": null, @@ -12887,7 +12955,7 @@ } }, { - "__docId__": 582, + "__docId__": 584, "kind": "member", "static": false, "variation": null, @@ -12905,7 +12973,7 @@ } }, { - "__docId__": 583, + "__docId__": 585, "kind": "method", "static": false, "variation": null, @@ -12919,7 +12987,7 @@ "generator": false }, { - "__docId__": 584, + "__docId__": 586, "kind": "member", "static": false, "variation": null, @@ -12937,7 +13005,7 @@ } }, { - "__docId__": 585, + "__docId__": 587, "kind": "member", "static": false, "variation": null, @@ -12955,7 +13023,7 @@ } }, { - "__docId__": 586, + "__docId__": 588, "kind": "method", "static": false, "variation": null, @@ -12980,7 +13048,7 @@ "generator": false }, { - "__docId__": 587, + "__docId__": 589, "kind": "member", "static": false, "variation": null, @@ -12998,7 +13066,7 @@ } }, { - "__docId__": 588, + "__docId__": 590, "kind": "member", "static": false, "variation": null, @@ -13016,7 +13084,7 @@ } }, { - "__docId__": 589, + "__docId__": 591, "kind": "method", "static": false, "variation": null, @@ -13041,7 +13109,7 @@ "generator": false }, { - "__docId__": 590, + "__docId__": 592, "kind": "method", "static": false, "variation": null, @@ -13055,7 +13123,7 @@ "generator": false }, { - "__docId__": 591, + "__docId__": 593, "kind": "member", "static": false, "variation": null, @@ -13073,7 +13141,7 @@ } }, { - "__docId__": 592, + "__docId__": 594, "kind": "member", "static": false, "variation": null, @@ -13091,7 +13159,7 @@ } }, { - "__docId__": 593, + "__docId__": 595, "kind": "member", "static": false, "variation": null, @@ -13109,7 +13177,7 @@ } }, { - "__docId__": 594, + "__docId__": 596, "kind": "method", "static": false, "variation": null, @@ -13123,7 +13191,7 @@ "generator": false }, { - "__docId__": 595, + "__docId__": 597, "kind": "method", "static": false, "variation": null, @@ -13137,7 +13205,7 @@ "generator": false }, { - "__docId__": 596, + "__docId__": 598, "kind": "method", "static": false, "variation": null, @@ -13151,7 +13219,7 @@ "generator": false }, { - "__docId__": 597, + "__docId__": 599, "kind": "member", "static": false, "variation": null, @@ -13169,7 +13237,7 @@ } }, { - "__docId__": 598, + "__docId__": 600, "kind": "member", "static": false, "variation": null, @@ -13187,7 +13255,7 @@ } }, { - "__docId__": 599, + "__docId__": 601, "kind": "member", "static": false, "variation": null, @@ -13205,7 +13273,7 @@ } }, { - "__docId__": 600, + "__docId__": 602, "kind": "member", "static": false, "variation": null, @@ -13223,7 +13291,7 @@ } }, { - "__docId__": 601, + "__docId__": 603, "kind": "member", "static": false, "variation": null, @@ -13241,7 +13309,7 @@ } }, { - "__docId__": 602, + "__docId__": 604, "kind": "member", "static": false, "variation": null, @@ -13259,7 +13327,7 @@ } }, { - "__docId__": 603, + "__docId__": 605, "kind": "member", "static": false, "variation": null, @@ -13277,7 +13345,7 @@ } }, { - "__docId__": 604, + "__docId__": 606, "kind": "member", "static": false, "variation": null, @@ -13295,7 +13363,7 @@ } }, { - "__docId__": 605, + "__docId__": 607, "kind": "member", "static": false, "variation": null, @@ -13313,7 +13381,7 @@ } }, { - "__docId__": 606, + "__docId__": 608, "kind": "member", "static": false, "variation": null, @@ -13331,7 +13399,7 @@ } }, { - "__docId__": 607, + "__docId__": 609, "kind": "file", "static": true, "variation": null, @@ -13344,7 +13412,7 @@ "content": "import {Feature} from '../feature';\nimport {isUndef, EMPTY_FN} from '../types';\nimport {createElm, removeElm} from '../dom';\nimport {addEvt, cancelEvt, stopEvt, targetEvt, removeEvt} from '../event';\nimport {INPUT, NONE, CHECKLIST, MULTIPLE} from '../const';\nimport {root} from '../root';\nimport {defaultsStr, defaultsBool, defaultsArr, defaultsFn} from '../settings';\n\n/**\n * Pop-up filter component\n * @export\n * @class PopupFilter\n * @extends {Feature}\n */\nexport class PopupFilter extends Feature {\n\n /**\n * Creates an instance of PopupFilter\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'popupFilters');\n\n // Configuration object\n let f = this.config.popup_filters || {};\n\n /**\n * Close active popup filter upon filtering, enabled by default\n * @type {Boolean}\n */\n this.closeOnFiltering = defaultsBool(f.close_on_filtering, true);\n\n /**\n * Filter icon path\n * @type {String}\n */\n this.iconPath = defaultsStr(f.image, tf.themesPath + 'icn_filter.gif');\n\n /**\n * Active filter icon path\n * @type {string}\n */\n this.activeIconPath = defaultsStr(f.image_active,\n tf.themesPath + 'icn_filterActive.gif');\n\n /**\n * HTML for the filter icon\n * @type {string}\n */\n this.iconHtml = defaultsStr(f.image_html,\n '![\"Column](\"')
');\n\n /**\n * Css class assigned to the popup container element\n * @type {String}\n */\n this.placeholderCssClass = defaultsStr(f.placeholder_css_class,\n 'popUpPlaceholder');\n\n /**\n * Css class assigned to filter container element\n * @type {String}\n */\n this.containerCssClass = defaultsStr(f.div_css_class, 'popUpFilter');\n\n /**\n * Ensure filter's container element width matches column width, enabled\n * by default\n * @type {Boolean}\n */\n this.adjustToContainer = defaultsBool(f.adjust_to_container, true);\n\n /**\n * Callback fired before a popup filter is opened\n * @type {Function}\n */\n this.onBeforeOpen = defaultsFn(f.on_before_popup_filter_open, EMPTY_FN);\n\n /**\n * Callback fired after a popup filter is opened\n * @type {Function}\n */\n this.onAfterOpen = defaultsFn(f.on_after_popup_filter_open, EMPTY_FN);\n\n /**\n * Callback fired before a popup filter is closed\n * @type {Function}\n */\n this.onBeforeClose = defaultsFn(f.on_before_popup_filter_close,\n EMPTY_FN);\n\n /**\n * Callback fired after a popup filter is closed\n * @type {Function}\n */\n this.onAfterClose = defaultsFn(f.on_after_popup_filter_close, EMPTY_FN);\n\n /**\n * Collection of filters spans\n * @type {Array}\n * @private\n */\n this.fltSpans = [];\n\n /**\n * Collection of filters icons\n * @type {Array}\n * @private\n */\n this.fltIcons = [];\n\n /**\n * Collection of filters icons cached after pop-up filters are removed\n * @type {Array}\n * @private\n */\n this.filtersCache = null;\n\n /**\n * Collection of filters containers\n * @type {Array}\n * @private\n */\n this.fltElms = defaultsArr(this.filtersCache, []);\n\n /**\n * Prefix for pop-up filter container ID\n * @type {String}\n * @private\n */\n this.prfxDiv = 'popup_';\n\n /**\n * Column index of popup filter currently active\n * @type {Number}\n * @private\n */\n this.activeFilterIdx = -1;\n }\n\n /**\n * Click event handler for pop-up filter icon\n * @private\n */\n onClick(evt) {\n let elm = targetEvt(evt).parentNode;\n let colIndex = parseInt(elm.getAttribute('ci'), 10);\n\n this.closeAll(colIndex);\n this.toggle(colIndex);\n\n if (this.adjustToContainer) {\n let cont = this.fltElms[colIndex],\n header = this.tf.getHeaderElement(colIndex),\n headerWidth = header.clientWidth * 0.95;\n cont.style.width = parseInt(headerWidth, 10) + 'px';\n }\n cancelEvt(evt);\n stopEvt(evt);\n }\n\n /**\n * Mouse-up event handler handling popup filter auto-close behaviour\n * @private\n */\n onMouseup(evt) {\n if (this.activeFilterIdx === -1) {\n return;\n }\n let targetElm = targetEvt(evt);\n let activeFlt = this.fltElms[this.activeFilterIdx];\n let icon = this.fltIcons[this.activeFilterIdx];\n\n if (icon === targetElm) {\n return;\n }\n\n while (targetElm && targetElm !== activeFlt) {\n targetElm = targetElm.parentNode;\n }\n\n if (targetElm !== activeFlt) {\n this.close(this.activeFilterIdx);\n }\n\n return;\n }\n\n /**\n * Initialize DOM elements\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n\n // Enable external filters\n tf.externalFltTgtIds = [''];\n\n // Override filters row index supplied by configuration\n tf.filtersRowIndex = 0;\n\n // Override headers row index if no grouped headers\n // TODO: Because of the filters row generation, headers row index needs\n // adjusting: prevent useless row generation\n if (tf.headersRow <= 1 && isNaN(tf.config().headers_row_index)) {\n tf.headersRow = 0;\n }\n\n // Adjust headers row index for grid-layout mode\n // TODO: Because of the filters row generation, headers row index needs\n // adjusting: prevent useless row generation\n if (tf.gridLayout) {\n tf.headersRow--;\n this.buildIcons();\n }\n\n // subscribe to events\n this.emitter.on(['before-filtering'], () => this.setIconsState());\n this.emitter.on(['after-filtering'], () => this.closeAll());\n this.emitter.on(['cell-processed'],\n (tf, cellIndex) => this.changeState(cellIndex, true));\n this.emitter.on(['filters-row-inserted'], () => this.buildIcons());\n this.emitter.on(['before-filter-init'],\n (tf, colIndex) => this.build(colIndex));\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Reset previously destroyed feature\n */\n reset() {\n this.enable();\n this.init();\n this.buildIcons();\n this.buildAll();\n }\n\n /**\n * Build all filters icons\n */\n buildIcons() {\n let tf = this.tf;\n\n // TODO: Because of the filters row generation, headers row index needs\n // adjusting: prevent useless row generation\n tf.headersRow++;\n\n for (let i = 0; i < tf.nbCells; i++) {\n if (tf.getFilterType(i) === NONE) {\n continue;\n }\n let icon = createElm('span', ['ci', i]);\n icon.innerHTML = this.iconHtml;\n let header = tf.getHeaderElement(i);\n header.appendChild(icon);\n addEvt(icon, 'click', (evt) => this.onClick(evt));\n this.fltSpans[i] = icon;\n this.fltIcons[i] = icon.firstChild;\n }\n }\n\n /**\n * Build all pop-up filters elements\n */\n buildAll() {\n for (let i = 0; i < this.filtersCache.length; i++) {\n this.build(i, this.filtersCache[i]);\n }\n }\n\n /**\n * Build a specified pop-up filter elements\n * @param {Number} colIndex Column index\n * @param {Object} div Optional container DOM element\n */\n build(colIndex, div) {\n let tf = this.tf;\n let contId = `${this.prfxDiv}${tf.id}_${colIndex}`;\n let placeholder = createElm('div', ['class', this.placeholderCssClass]);\n let cont = div ||\n createElm('div', ['id', contId], ['class', this.containerCssClass]);\n tf.externalFltTgtIds[colIndex] = cont.id;\n placeholder.appendChild(cont);\n\n let header = tf.getHeaderElement(colIndex);\n header.insertBefore(placeholder, header.firstChild);\n addEvt(cont, 'click', (evt) => stopEvt(evt));\n this.fltElms[colIndex] = cont;\n }\n\n /**\n * Toggle visibility of specified filter\n * @param {Number} colIndex Column index\n */\n toggle(colIndex) {\n if (!this.isOpen(colIndex)) {\n this.open(colIndex);\n } else {\n this.close(colIndex);\n }\n }\n\n /**\n * Open popup filter of specified column\n * @param {Number} colIndex Column index\n */\n open(colIndex) {\n let tf = this.tf,\n container = this.fltElms[colIndex];\n\n this.onBeforeOpen(this, container, colIndex);\n\n container.style.display = 'block';\n this.activeFilterIdx = colIndex;\n addEvt(root, 'mouseup', (evt) => this.onMouseup(evt));\n\n if (tf.getFilterType(colIndex) === INPUT) {\n let flt = tf.getFilterElement(colIndex);\n if (flt) {\n flt.focus();\n }\n }\n\n this.onAfterOpen(this, container, colIndex);\n }\n\n /**\n * Close popup filter of specified column\n * @param {Number} colIndex Column index\n */\n close(colIndex) {\n let container = this.fltElms[colIndex];\n\n this.onBeforeClose(this, container, colIndex);\n\n container.style.display = NONE;\n if (this.activeFilterIdx === colIndex) {\n this.activeFilterIdx = -1;\n }\n removeEvt(root, 'mouseup', (evt) => this.onMouseup(evt));\n\n this.onAfterClose(this, container, colIndex);\n }\n\n /**\n * Check if popup filter for specified column is open\n * @param {Number} colIndex Column index\n * @returns {Boolean}\n */\n isOpen(colIndex) {\n return this.fltElms[colIndex].style.display === 'block';\n }\n\n /**\n * Close all filters excepted for the specified one if any\n * @param {Number} exceptIdx Column index of the filter to not close\n */\n closeAll(exceptIdx) {\n // Do not close filters only if argument is undefined and close on\n // filtering option is disabled\n if (isUndef(exceptIdx) && !this.closeOnFiltering) {\n return;\n }\n for (let i = 0; i < this.fltElms.length; i++) {\n if (i === exceptIdx) {\n continue;\n }\n let fltType = this.tf.getFilterType(i);\n let isMultipleFilter =\n (fltType === CHECKLIST || fltType === MULTIPLE);\n\n // Always hide all single selection filter types but hide multiple\n // selection filter types only if index set\n if (!isMultipleFilter || !isUndef(exceptIdx)) {\n this.close(i);\n }\n }\n }\n\n /**\n * Build all the icons representing the pop-up filters\n */\n setIconsState() {\n for (let i = 0; i < this.fltIcons.length; i++) {\n this.changeState(i, false);\n }\n }\n\n /**\n * Apply specified icon state\n * @param {Number} colIndex Column index\n * @param {Boolean} active Apply active state\n */\n changeState(colIndex, active) {\n let icon = this.fltIcons[colIndex];\n if (icon) {\n icon.src = active ? this.activeIconPath : this.iconPath;\n }\n }\n\n /**\n * Remove pop-up filters\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.filtersCache = [];\n for (let i = 0; i < this.fltElms.length; i++) {\n let container = this.fltElms[i],\n placeholder = container.parentNode,\n icon = this.fltSpans[i],\n iconImg = this.fltIcons[i];\n if (container) {\n removeElm(container);\n this.filtersCache[i] = container;\n }\n container = null;\n if (placeholder) {\n removeElm(placeholder);\n }\n placeholder = null;\n if (icon) {\n removeElm(icon);\n }\n icon = null;\n if (iconImg) {\n removeElm(iconImg);\n }\n iconImg = null;\n }\n this.fltElms = [];\n this.fltSpans = [];\n this.fltIcons = [];\n\n // TODO: expose an API to handle external filter IDs\n this.tf.externalFltTgtIds = [];\n\n // unsubscribe to events\n this.emitter.off(['before-filtering'], () => this.setIconsState());\n this.emitter.off(['after-filtering'], () => this.closeAll());\n this.emitter.off(['cell-processed'],\n (tf, cellIndex) => this.changeState(cellIndex, true));\n this.emitter.off(['filters-row-inserted'], () => this.buildIcons());\n this.emitter.off(['before-filter-init'],\n (tf, colIndex) => this.build(colIndex));\n\n this.initialized = false;\n }\n\n}\n"
},
{
- "__docId__": 608,
+ "__docId__": 610,
"kind": "class",
"static": true,
"variation": null,
@@ -13373,7 +13441,7 @@
]
},
{
- "__docId__": 609,
+ "__docId__": 611,
"kind": "constructor",
"static": false,
"variation": null,
@@ -13398,7 +13466,7 @@
"generator": false
},
{
- "__docId__": 610,
+ "__docId__": 612,
"kind": "member",
"static": false,
"variation": null,
@@ -13418,7 +13486,7 @@
}
},
{
- "__docId__": 611,
+ "__docId__": 613,
"kind": "member",
"static": false,
"variation": null,
@@ -13438,7 +13506,7 @@
}
},
{
- "__docId__": 612,
+ "__docId__": 614,
"kind": "member",
"static": false,
"variation": null,
@@ -13458,7 +13526,7 @@
}
},
{
- "__docId__": 613,
+ "__docId__": 615,
"kind": "member",
"static": false,
"variation": null,
@@ -13478,7 +13546,7 @@
}
},
{
- "__docId__": 614,
+ "__docId__": 616,
"kind": "member",
"static": false,
"variation": null,
@@ -13498,7 +13566,7 @@
}
},
{
- "__docId__": 615,
+ "__docId__": 617,
"kind": "member",
"static": false,
"variation": null,
@@ -13518,7 +13586,7 @@
}
},
{
- "__docId__": 616,
+ "__docId__": 618,
"kind": "member",
"static": false,
"variation": null,
@@ -13538,7 +13606,7 @@
}
},
{
- "__docId__": 617,
+ "__docId__": 619,
"kind": "member",
"static": false,
"variation": null,
@@ -13558,7 +13626,7 @@
}
},
{
- "__docId__": 618,
+ "__docId__": 620,
"kind": "member",
"static": false,
"variation": null,
@@ -13578,7 +13646,7 @@
}
},
{
- "__docId__": 619,
+ "__docId__": 621,
"kind": "member",
"static": false,
"variation": null,
@@ -13598,7 +13666,7 @@
}
},
{
- "__docId__": 620,
+ "__docId__": 622,
"kind": "member",
"static": false,
"variation": null,
@@ -13618,7 +13686,7 @@
}
},
{
- "__docId__": 621,
+ "__docId__": 623,
"kind": "member",
"static": false,
"variation": null,
@@ -13638,7 +13706,7 @@
}
},
{
- "__docId__": 622,
+ "__docId__": 624,
"kind": "member",
"static": false,
"variation": null,
@@ -13658,7 +13726,7 @@
}
},
{
- "__docId__": 623,
+ "__docId__": 625,
"kind": "member",
"static": false,
"variation": null,
@@ -13678,7 +13746,7 @@
}
},
{
- "__docId__": 624,
+ "__docId__": 626,
"kind": "member",
"static": false,
"variation": null,
@@ -13698,7 +13766,7 @@
}
},
{
- "__docId__": 625,
+ "__docId__": 627,
"kind": "member",
"static": false,
"variation": null,
@@ -13718,7 +13786,7 @@
}
},
{
- "__docId__": 626,
+ "__docId__": 628,
"kind": "member",
"static": false,
"variation": null,
@@ -13738,7 +13806,7 @@
}
},
{
- "__docId__": 627,
+ "__docId__": 629,
"kind": "method",
"static": false,
"variation": null,
@@ -13759,7 +13827,7 @@
"generator": false
},
{
- "__docId__": 628,
+ "__docId__": 630,
"kind": "method",
"static": false,
"variation": null,
@@ -13780,7 +13848,7 @@
"generator": false
},
{
- "__docId__": 629,
+ "__docId__": 631,
"kind": "method",
"static": false,
"variation": null,
@@ -13794,7 +13862,7 @@
"generator": false
},
{
- "__docId__": 630,
+ "__docId__": 632,
"kind": "member",
"static": false,
"variation": null,
@@ -13817,7 +13885,7 @@
}
},
{
- "__docId__": 631,
+ "__docId__": 633,
"kind": "method",
"static": false,
"variation": null,
@@ -13831,7 +13899,7 @@
"generator": false
},
{
- "__docId__": 632,
+ "__docId__": 634,
"kind": "method",
"static": false,
"variation": null,
@@ -13845,7 +13913,7 @@
"generator": false
},
{
- "__docId__": 633,
+ "__docId__": 635,
"kind": "method",
"static": false,
"variation": null,
@@ -13859,7 +13927,7 @@
"generator": false
},
{
- "__docId__": 634,
+ "__docId__": 636,
"kind": "method",
"static": false,
"variation": null,
@@ -13894,7 +13962,7 @@
"generator": false
},
{
- "__docId__": 635,
+ "__docId__": 637,
"kind": "method",
"static": false,
"variation": null,
@@ -13919,7 +13987,7 @@
"generator": false
},
{
- "__docId__": 636,
+ "__docId__": 638,
"kind": "method",
"static": false,
"variation": null,
@@ -13944,7 +14012,7 @@
"generator": false
},
{
- "__docId__": 637,
+ "__docId__": 639,
"kind": "member",
"static": false,
"variation": null,
@@ -13962,7 +14030,7 @@
}
},
{
- "__docId__": 638,
+ "__docId__": 640,
"kind": "method",
"static": false,
"variation": null,
@@ -13987,7 +14055,7 @@
"generator": false
},
{
- "__docId__": 639,
+ "__docId__": 641,
"kind": "member",
"static": false,
"variation": null,
@@ -14005,7 +14073,7 @@
}
},
{
- "__docId__": 640,
+ "__docId__": 642,
"kind": "method",
"static": false,
"variation": null,
@@ -14044,7 +14112,7 @@
"generator": false
},
{
- "__docId__": 641,
+ "__docId__": 643,
"kind": "method",
"static": false,
"variation": null,
@@ -14069,7 +14137,7 @@
"generator": false
},
{
- "__docId__": 642,
+ "__docId__": 644,
"kind": "method",
"static": false,
"variation": null,
@@ -14083,7 +14151,7 @@
"generator": false
},
{
- "__docId__": 643,
+ "__docId__": 645,
"kind": "method",
"static": false,
"variation": null,
@@ -14118,7 +14186,7 @@
"generator": false
},
{
- "__docId__": 644,
+ "__docId__": 646,
"kind": "method",
"static": false,
"variation": null,
@@ -14132,7 +14200,7 @@
"generator": false
},
{
- "__docId__": 645,
+ "__docId__": 647,
"kind": "member",
"static": false,
"variation": null,
@@ -14150,7 +14218,7 @@
}
},
{
- "__docId__": 646,
+ "__docId__": 648,
"kind": "member",
"static": false,
"variation": null,
@@ -14168,7 +14236,7 @@
}
},
{
- "__docId__": 647,
+ "__docId__": 649,
"kind": "member",
"static": false,
"variation": null,
@@ -14186,7 +14254,7 @@
}
},
{
- "__docId__": 648,
+ "__docId__": 650,
"kind": "member",
"static": false,
"variation": null,
@@ -14204,7 +14272,7 @@
}
},
{
- "__docId__": 649,
+ "__docId__": 651,
"kind": "member",
"static": false,
"variation": null,
@@ -14222,7 +14290,7 @@
}
},
{
- "__docId__": 650,
+ "__docId__": 652,
"kind": "file",
"static": true,
"variation": null,
@@ -14235,7 +14303,7 @@
"content": "import {Feature} from '../feature';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {defaultsStr, defaultsFn} from '../settings';\n\n/**\n * Rows counter UI component\n * @export\n * @class RowsCounter\n * @extends {Feature}\n */\nexport class RowsCounter extends Feature {\n\n /**\n * Creates an instance of RowsCounter\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'rowsCounter');\n\n // TableFilter configuration\n let f = this.config.rows_counter || {};\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.targetId = defaultsStr(f.target_id, null);\n\n /**\n * Container DOM element\n * @type {DOMElement}\n * @private\n */\n this.container = null;\n\n /**\n * Container DOM element for label displaying the total number of rows\n * @type {DOMElement}\n * @private\n */\n this.label = null;\n\n /**\n * Text preceding the total number of rows\n * @type {String}\n */\n this.text = defaultsStr(f.text, 'Rows: ');\n\n /**\n * Separator symbol appearing between the first and last visible rows of\n * current page when paging is enabled. ie: Rows: 31-40 / 70\n * @type {String}\n */\n this.fromToTextSeparator = defaultsStr(f.separator, '-');\n\n /**\n * Separator symbol appearing between the first and last visible rows of\n * current page and the total number of filterable rows when paging is\n * enabled. ie: Rows: 31-40 / 70\n * @type {String}\n */\n this.overText = defaultsStr(f.over_text, ' / ');\n\n /**\n * Css class for container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'tot');\n\n /**\n * Callback fired before the counter is refreshed\n * @type {Function}\n */\n this.onBeforeRefreshCounter = defaultsFn(f.on_before_refresh_counter,\n EMPTY_FN);\n\n /**\n * Callback fired after the counter is refreshed\n * @type {Function}\n */\n this.onAfterRefreshCounter = defaultsFn(f.on_after_refresh_counter,\n EMPTY_FN);\n }\n\n /**\n * Initializes RowsCounter instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n\n //rows counter container\n let countDiv = createElm('div');\n countDiv.className = this.cssClass;\n //rows counter label\n let countSpan = createElm('span');\n let countText = createElm('span');\n countText.appendChild(createText(this.text));\n\n // counter is added to defined element\n if (!this.targetId) {\n tf.setToolbar();\n }\n let targetEl = !this.targetId ? tf.lDiv : elm(this.targetId);\n\n //default container: 'lDiv'\n if (!this.targetId) {\n countDiv.appendChild(countText);\n countDiv.appendChild(countSpan);\n targetEl.appendChild(countDiv);\n } else {\n //custom container, no need to append statusDiv\n targetEl.appendChild(countText);\n targetEl.appendChild(countSpan);\n }\n this.container = countDiv;\n this.label = countSpan;\n\n // subscribe to events\n this.emitter.on(['after-filtering', 'grouped-by-page'],\n () => this.refresh(tf.getValidRowsNb()));\n this.emitter.on(['rows-changed'], () => this.refresh());\n\n /** @inherited */\n this.initialized = true;\n this.refresh();\n }\n\n /**\n * Refreshes the rows counter\n * @param {Number} p Optional parameter the total number of rows to display\n */\n refresh(p) {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n\n let tf = this.tf;\n\n this.onBeforeRefreshCounter(tf, this.label);\n\n let totTxt;\n if (!tf.paging) {\n if (p && p !== '') {\n totTxt = p;\n } else {\n totTxt = tf.getFilterableRowsNb() - tf.nbHiddenRows;\n }\n } else {\n let paging = tf.feature('paging');\n if (paging) {\n let nbValidRows = tf.getValidRowsNb();\n //paging start row\n let pagingStartRow = parseInt(paging.startPagingRow, 10) +\n ((nbValidRows > 0) ? 1 : 0);\n let pagingEndRow =\n (pagingStartRow + paging.pageLength) - 1 <=\n nbValidRows ?\n pagingStartRow + paging.pageLength - 1 :\n nbValidRows;\n totTxt = pagingStartRow + this.fromToTextSeparator +\n pagingEndRow + this.overText + nbValidRows;\n }\n }\n\n this.label.innerHTML = totTxt;\n this.onAfterRefreshCounter(tf, this.label, totTxt);\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n if (!this.targetId && this.container) {\n removeElm(this.container);\n } else {\n elm(this.targetId).innerHTML = '';\n }\n this.label = null;\n this.container = null;\n\n // unsubscribe to events\n this.emitter.off(['after-filtering', 'grouped-by-page'],\n () => this.refresh(tf.getValidRowsNb()));\n this.emitter.off(['rows-changed'], () => this.refresh());\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 651,
+ "__docId__": 653,
"kind": "class",
"static": true,
"variation": null,
@@ -14264,7 +14332,7 @@
]
},
{
- "__docId__": 652,
+ "__docId__": 654,
"kind": "constructor",
"static": false,
"variation": null,
@@ -14289,7 +14357,7 @@
"generator": false
},
{
- "__docId__": 653,
+ "__docId__": 655,
"kind": "member",
"static": false,
"variation": null,
@@ -14309,7 +14377,7 @@
}
},
{
- "__docId__": 654,
+ "__docId__": 656,
"kind": "member",
"static": false,
"variation": null,
@@ -14329,7 +14397,7 @@
}
},
{
- "__docId__": 655,
+ "__docId__": 657,
"kind": "member",
"static": false,
"variation": null,
@@ -14349,7 +14417,7 @@
}
},
{
- "__docId__": 656,
+ "__docId__": 658,
"kind": "member",
"static": false,
"variation": null,
@@ -14369,7 +14437,7 @@
}
},
{
- "__docId__": 657,
+ "__docId__": 659,
"kind": "member",
"static": false,
"variation": null,
@@ -14389,7 +14457,7 @@
}
},
{
- "__docId__": 658,
+ "__docId__": 660,
"kind": "member",
"static": false,
"variation": null,
@@ -14409,7 +14477,7 @@
}
},
{
- "__docId__": 659,
+ "__docId__": 661,
"kind": "member",
"static": false,
"variation": null,
@@ -14429,7 +14497,7 @@
}
},
{
- "__docId__": 660,
+ "__docId__": 662,
"kind": "member",
"static": false,
"variation": null,
@@ -14449,7 +14517,7 @@
}
},
{
- "__docId__": 661,
+ "__docId__": 663,
"kind": "member",
"static": false,
"variation": null,
@@ -14469,7 +14537,7 @@
}
},
{
- "__docId__": 662,
+ "__docId__": 664,
"kind": "method",
"static": false,
"variation": null,
@@ -14483,7 +14551,7 @@
"generator": false
},
{
- "__docId__": 663,
+ "__docId__": 665,
"kind": "member",
"static": false,
"variation": null,
@@ -14501,7 +14569,7 @@
}
},
{
- "__docId__": 664,
+ "__docId__": 666,
"kind": "member",
"static": false,
"variation": null,
@@ -14519,7 +14587,7 @@
}
},
{
- "__docId__": 665,
+ "__docId__": 667,
"kind": "member",
"static": false,
"variation": null,
@@ -14542,7 +14610,7 @@
}
},
{
- "__docId__": 666,
+ "__docId__": 668,
"kind": "method",
"static": false,
"variation": null,
@@ -14567,7 +14635,7 @@
"generator": false
},
{
- "__docId__": 667,
+ "__docId__": 669,
"kind": "method",
"static": false,
"variation": null,
@@ -14581,7 +14649,7 @@
"generator": false
},
{
- "__docId__": 668,
+ "__docId__": 670,
"kind": "member",
"static": false,
"variation": null,
@@ -14599,7 +14667,7 @@
}
},
{
- "__docId__": 669,
+ "__docId__": 671,
"kind": "member",
"static": false,
"variation": null,
@@ -14617,7 +14685,7 @@
}
},
{
- "__docId__": 670,
+ "__docId__": 672,
"kind": "member",
"static": false,
"variation": null,
@@ -14635,7 +14703,7 @@
}
},
{
- "__docId__": 671,
+ "__docId__": 673,
"kind": "file",
"static": true,
"variation": null,
@@ -14648,7 +14716,7 @@
"content": "import {Feature} from '../feature';\nimport {Hash} from './hash';\nimport {Storage} from './storage';\nimport {isEmpty} from '../string';\nimport {isArray, isNull, isString, isUndef} from '../types';\nimport {defaultsBool, defaultsNb} from '../settings';\n\n/**\n * Features state object persistable with localStorage, cookie or URL hash\n *\n * @export\n * @class State\n * @extends {Feature}\n */\nexport class State extends Feature {\n\n /**\n * Creates an instance of State\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'state');\n\n let cfg = this.config.state || {};\n\n /**\n * Determines whether state is persisted with URL hash\n * @type {Boolean}\n */\n this.enableHash = cfg === true ||\n (isArray(cfg.types) && cfg.types.indexOf('hash') !== -1);\n\n /**\n * Determines whether state is persisted with localStorage\n * @type {Boolean}\n */\n this.enableLocalStorage = isArray(cfg.types) &&\n cfg.types.indexOf('local_storage') !== -1;\n\n /**\n * Determines whether state is persisted with localStorage\n * @type {Boolean}\n */\n this.enableCookie = isArray(cfg.types) &&\n cfg.types.indexOf('cookie') !== -1;\n\n /**\n * Persist filters values, enabled by default\n * @type {Boolean}\n */\n this.persistFilters = defaultsBool(cfg.filters, true);\n\n /**\n * Persist current page number when paging is enabled\n * @type {Boolean}\n */\n this.persistPageNumber = Boolean(cfg.page_number);\n\n /**\n * Persist page length when paging is enabled\n * @type {Boolean}\n */\n this.persistPageLength = Boolean(cfg.page_length);\n\n /**\n * Persist column sorting\n * @type {Boolean}\n */\n this.persistSort = Boolean(cfg.sort);\n\n /**\n * Persist columns visibility\n * @type {Boolean}\n */\n this.persistColsVisibility = Boolean(cfg.columns_visibility);\n\n /**\n * Persist filters row visibility\n * @type {Boolean}\n */\n this.persistFiltersVisibility = Boolean(cfg.filters_visibility);\n\n /**\n * Cookie duration in hours\n * @type {Boolean}\n */\n this.cookieDuration = defaultsNb(parseInt(cfg.cookie_duration, 10),\n 87600);\n\n /**\n * Enable Storage if localStorage or cookie is required\n * @type {Boolean}\n * @private\n */\n this.enableStorage = this.enableLocalStorage || this.enableCookie;\n\n /**\n * Storage instance if storage is required\n * @type {Storage}\n * @private\n */\n this.storage = null;\n\n /**\n * Hash instance if URL hash is required\n * @type {Boolean}\n * @private\n */\n this.hash = null;\n\n /**\n * Current page number\n * @type {Number}\n * @private\n */\n this.pageNb = null;\n\n /**\n * Current page length\n * @type {Number}\n * @private\n */\n this.pageLength = null;\n\n /**\n * Current column sorting\n * @type {Object}\n * @private\n */\n this.sort = null;\n\n /**\n * Current hidden columns\n * @type {Object}\n * @private\n */\n this.hiddenCols = null;\n\n /**\n * Filters row visibility\n * @type {Boolean}\n * @private\n */\n this.filtersVisibility = null;\n\n /**\n * State object\n * @type {Object}\n * @private\n */\n this.state = {};\n\n /**\n * Prefix for column ID\n * @type {String}\n * @private\n */\n this.prfxCol = 'col_';\n\n /**\n * Prefix for page number ID\n * @type {String}\n * @private\n */\n this.pageNbKey = 'page';\n\n /**\n * Prefix for page length ID\n * @type {String}\n * @private\n */\n this.pageLengthKey = 'page_length';\n\n /**\n * Prefix for filters visibility ID\n * @type {String}\n * @private\n */\n this.filtersVisKey = 'filters_visibility';\n }\n\n /**\n * Initializes State instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.emitter.on(['after-filtering'], () => this.update());\n this.emitter.on(['after-page-change', 'after-clearing-filters'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.on(['after-page-length-change'],\n (tf, pageLength) => this.updatePageLength(pageLength));\n this.emitter.on(['column-sorted'],\n (tf, index, descending) => this.updateSort(index, descending));\n this.emitter.on(['sort-initialized'], () => this._syncSort());\n this.emitter.on(['columns-visibility-initialized'],\n () => this._syncColsVisibility());\n this.emitter.on(['column-shown', 'column-hidden'], (tf, feature,\n colIndex, hiddenCols) => this.updateColsVisibility(hiddenCols));\n this.emitter.on(['filters-visibility-initialized'],\n () => this._syncFiltersVisibility());\n this.emitter.on(['filters-toggled'],\n (tf, extension, visible) => this.updateFiltersVisibility(visible));\n\n if (this.enableHash) {\n this.hash = new Hash(this);\n this.hash.init();\n }\n if (this.enableStorage) {\n this.storage = new Storage(this);\n this.storage.init();\n }\n\n /**\n * @inherited\n */\n this.initialized = true;\n }\n\n\n /**\n * Update state object based on current features state\n */\n update() {\n if (!this.isEnabled()) {\n return;\n }\n let state = this.state;\n let tf = this.tf;\n\n if (this.persistFilters) {\n let filterValues = tf.getFiltersValue();\n\n filterValues.forEach((val, idx) => {\n let key = `${this.prfxCol}${idx}`;\n\n if (isString(val) && isEmpty(val)) {\n if (state.hasOwnProperty(key)) {\n state[key].flt = undefined;\n }\n } else {\n state[key] = state[key] || {};\n state[key].flt = val;\n }\n });\n }\n\n if (this.persistPageNumber) {\n if (isNull(this.pageNb)) {\n state[this.pageNbKey] = undefined;\n } else {\n state[this.pageNbKey] = this.pageNb;\n }\n }\n\n if (this.persistPageLength) {\n if (isNull(this.pageLength)) {\n state[this.pageLengthKey] = undefined;\n } else {\n state[this.pageLengthKey] = this.pageLength;\n }\n }\n\n if (this.persistSort) {\n if (!isNull(this.sort)) {\n // Remove previuosly sorted column\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1 && state[key]) {\n state[key].sort = undefined;\n }\n });\n\n let key = `${this.prfxCol}${this.sort.column}`;\n state[key] = state[key] || {};\n state[key].sort = { descending: this.sort.descending };\n }\n }\n\n if (this.persistColsVisibility) {\n if (!isNull(this.hiddenCols)) {\n // Clear previuosly hidden columns\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1 && state[key]) {\n state[key].hidden = undefined;\n }\n });\n\n this.hiddenCols.forEach((colIdx) => {\n let key = `${this.prfxCol}${colIdx}`;\n state[key] = state[key] || {};\n state[key].hidden = true;\n });\n }\n }\n\n if (this.persistFiltersVisibility) {\n if (isNull(this.filtersVisibility)) {\n state[this.filtersVisKey] = undefined;\n } else {\n state[this.filtersVisKey] = this.filtersVisibility;\n }\n }\n\n this.emitter.emit('state-changed', tf, state);\n }\n\n /**\n * Refresh page number field on page number changes\n *\n * @param {Number} pageNb Current page number\n */\n updatePage(pageNb) {\n this.pageNb = pageNb;\n this.update();\n }\n\n /**\n * Refresh page length field on page length changes\n *\n * @param {Number} pageLength Current page length value\n */\n updatePageLength(pageLength) {\n this.pageLength = pageLength;\n this.update();\n }\n\n /**\n * Refresh column sorting information on sort changes\n *\n * @param index {Number} Column index\n * @param {Boolean} descending Descending manner\n */\n updateSort(index, descending) {\n this.sort = {\n column: index,\n descending: descending\n };\n this.update();\n }\n\n /**\n * Refresh hidden columns information on columns visibility changes\n *\n * @param {Array} hiddenCols Columns indexes\n */\n updateColsVisibility(hiddenCols) {\n this.hiddenCols = hiddenCols;\n this.update();\n }\n\n /**\n * Refresh filters visibility on filters visibility change\n *\n * @param {Boolean} visible Visibility flad\n */\n updateFiltersVisibility(visible) {\n this.filtersVisibility = visible;\n this.update();\n }\n\n /**\n * Override state field\n *\n * @param state State object\n */\n override(state) {\n this.state = state;\n }\n\n /**\n * Sync stored features state\n */\n sync() {\n let state = this.state;\n let tf = this.tf;\n\n this._syncFilters();\n\n if (this.persistPageNumber) {\n let pageNumber = state[this.pageNbKey];\n this.emitter.emit('change-page', tf, pageNumber);\n }\n\n if (this.persistPageLength) {\n let pageLength = state[this.pageLengthKey];\n this.emitter.emit('change-page-results', tf, pageLength);\n }\n\n this._syncSort();\n this._syncColsVisibility();\n this._syncFiltersVisibility();\n }\n\n /**\n * Override current state with passed one and sync features\n *\n * @param {Object} state State object\n */\n overrideAndSync(state) {\n // To prevent state to react to features changes, state is temporarily\n // disabled\n this.disable();\n // State is overriden with passed state object\n this.override(state);\n // New hash state is applied to features\n this.sync();\n // State is re-enabled\n this.enable();\n }\n\n /**\n * Sync filters with stored values and filter table\n *\n * @private\n */\n _syncFilters() {\n if (!this.persistFilters) {\n return;\n }\n let state = this.state;\n let tf = this.tf;\n\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1) {\n let colIdx = parseInt(key.replace(this.prfxCol, ''), 10);\n let val = state[key].flt;\n tf.setFilterValue(colIdx, val);\n }\n });\n\n tf.filter();\n }\n\n /**\n * Sync sorted column with stored sorting information and sort table\n *\n * @private\n */\n _syncSort() {\n if (!this.persistSort) {\n return;\n }\n let state = this.state;\n let tf = this.tf;\n\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1) {\n let colIdx = parseInt(key.replace(this.prfxCol, ''), 10);\n if (!isUndef(state[key].sort)) {\n let sort = state[key].sort;\n this.emitter.emit('sort', tf, colIdx, sort.descending);\n }\n }\n });\n }\n\n /**\n * Sync hidden columns with stored information\n *\n * @private\n */\n _syncColsVisibility() {\n if (!this.persistColsVisibility) {\n return;\n }\n let state = this.state;\n let tf = this.tf;\n let hiddenCols = [];\n\n Object.keys(state).forEach((key) => {\n if (key.indexOf(this.prfxCol) !== -1) {\n let colIdx = parseInt(key.replace(this.prfxCol, ''), 10);\n if (!isUndef(state[key].hidden)) {\n hiddenCols.push(colIdx);\n }\n }\n });\n\n hiddenCols.forEach((colIdx) => {\n this.emitter.emit('hide-column', tf, colIdx);\n });\n }\n\n /**\n * Sync filters visibility with stored information\n *\n * @private\n */\n _syncFiltersVisibility() {\n if (!this.persistFiltersVisibility) {\n return;\n }\n let state = this.state;\n let tf = this.tf;\n let filtersVisibility = state[this.filtersVisKey];\n\n this.filtersVisibility = filtersVisibility;\n this.emitter.emit('show-filters', tf, filtersVisibility);\n }\n\n /**\n * Destroy State instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.state = {};\n\n this.emitter.off(['after-filtering'], () => this.update());\n this.emitter.off(['after-page-change', 'after-clearing-filters'],\n (tf, pageNb) => this.updatePage(pageNb));\n this.emitter.off(['after-page-length-change'],\n (tf, index) => this.updatePageLength(index));\n this.emitter.off(['column-sorted'],\n (tf, index, descending) => this.updateSort(index, descending));\n this.emitter.off(['sort-initialized'], () => this._syncSort());\n this.emitter.off(['columns-visibility-initialized'],\n () => this._syncColsVisibility());\n this.emitter.off(['column-shown', 'column-hidden'], (tf, feature,\n colIndex, hiddenCols) => this.updateColsVisibility(hiddenCols));\n this.emitter.off(['filters-visibility-initialized'],\n () => this._syncFiltersVisibility());\n this.emitter.off(['filters-toggled'],\n (tf, extension, visible) => this.updateFiltersVisibility(visible));\n\n if (this.enableHash) {\n this.hash.destroy();\n this.hash = null;\n }\n\n if (this.enableStorage) {\n this.storage.destroy();\n this.storage = null;\n }\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 672,
+ "__docId__": 674,
"kind": "class",
"static": true,
"variation": null,
@@ -14677,7 +14745,7 @@
]
},
{
- "__docId__": 673,
+ "__docId__": 675,
"kind": "constructor",
"static": false,
"variation": null,
@@ -14702,7 +14770,7 @@
"generator": false
},
{
- "__docId__": 674,
+ "__docId__": 676,
"kind": "member",
"static": false,
"variation": null,
@@ -14722,7 +14790,7 @@
}
},
{
- "__docId__": 675,
+ "__docId__": 677,
"kind": "member",
"static": false,
"variation": null,
@@ -14742,7 +14810,7 @@
}
},
{
- "__docId__": 676,
+ "__docId__": 678,
"kind": "member",
"static": false,
"variation": null,
@@ -14762,7 +14830,7 @@
}
},
{
- "__docId__": 677,
+ "__docId__": 679,
"kind": "member",
"static": false,
"variation": null,
@@ -14782,7 +14850,7 @@
}
},
{
- "__docId__": 678,
+ "__docId__": 680,
"kind": "member",
"static": false,
"variation": null,
@@ -14802,7 +14870,7 @@
}
},
{
- "__docId__": 679,
+ "__docId__": 681,
"kind": "member",
"static": false,
"variation": null,
@@ -14822,7 +14890,7 @@
}
},
{
- "__docId__": 680,
+ "__docId__": 682,
"kind": "member",
"static": false,
"variation": null,
@@ -14842,7 +14910,7 @@
}
},
{
- "__docId__": 681,
+ "__docId__": 683,
"kind": "member",
"static": false,
"variation": null,
@@ -14862,7 +14930,7 @@
}
},
{
- "__docId__": 682,
+ "__docId__": 684,
"kind": "member",
"static": false,
"variation": null,
@@ -14882,7 +14950,7 @@
}
},
{
- "__docId__": 683,
+ "__docId__": 685,
"kind": "member",
"static": false,
"variation": null,
@@ -14902,7 +14970,7 @@
}
},
{
- "__docId__": 684,
+ "__docId__": 686,
"kind": "member",
"static": false,
"variation": null,
@@ -14922,7 +14990,7 @@
}
},
{
- "__docId__": 685,
+ "__docId__": 687,
"kind": "member",
"static": false,
"variation": null,
@@ -14942,7 +15010,7 @@
}
},
{
- "__docId__": 686,
+ "__docId__": 688,
"kind": "member",
"static": false,
"variation": null,
@@ -14962,7 +15030,7 @@
}
},
{
- "__docId__": 687,
+ "__docId__": 689,
"kind": "member",
"static": false,
"variation": null,
@@ -14982,7 +15050,7 @@
}
},
{
- "__docId__": 688,
+ "__docId__": 690,
"kind": "member",
"static": false,
"variation": null,
@@ -15002,7 +15070,7 @@
}
},
{
- "__docId__": 689,
+ "__docId__": 691,
"kind": "member",
"static": false,
"variation": null,
@@ -15022,7 +15090,7 @@
}
},
{
- "__docId__": 690,
+ "__docId__": 692,
"kind": "member",
"static": false,
"variation": null,
@@ -15042,7 +15110,7 @@
}
},
{
- "__docId__": 691,
+ "__docId__": 693,
"kind": "member",
"static": false,
"variation": null,
@@ -15062,7 +15130,7 @@
}
},
{
- "__docId__": 692,
+ "__docId__": 694,
"kind": "member",
"static": false,
"variation": null,
@@ -15082,7 +15150,7 @@
}
},
{
- "__docId__": 693,
+ "__docId__": 695,
"kind": "member",
"static": false,
"variation": null,
@@ -15102,7 +15170,7 @@
}
},
{
- "__docId__": 694,
+ "__docId__": 696,
"kind": "member",
"static": false,
"variation": null,
@@ -15122,7 +15190,7 @@
}
},
{
- "__docId__": 695,
+ "__docId__": 697,
"kind": "member",
"static": false,
"variation": null,
@@ -15142,7 +15210,7 @@
}
},
{
- "__docId__": 696,
+ "__docId__": 698,
"kind": "member",
"static": false,
"variation": null,
@@ -15162,7 +15230,7 @@
}
},
{
- "__docId__": 697,
+ "__docId__": 699,
"kind": "method",
"static": false,
"variation": null,
@@ -15176,7 +15244,7 @@
"generator": false
},
{
- "__docId__": 698,
+ "__docId__": 700,
"kind": "member",
"static": false,
"variation": null,
@@ -15194,7 +15262,7 @@
}
},
{
- "__docId__": 699,
+ "__docId__": 701,
"kind": "member",
"static": false,
"variation": null,
@@ -15212,7 +15280,7 @@
}
},
{
- "__docId__": 700,
+ "__docId__": 702,
"kind": "member",
"static": false,
"variation": null,
@@ -15235,7 +15303,7 @@
}
},
{
- "__docId__": 701,
+ "__docId__": 703,
"kind": "method",
"static": false,
"variation": null,
@@ -15249,7 +15317,7 @@
"generator": false
},
{
- "__docId__": 702,
+ "__docId__": 704,
"kind": "method",
"static": false,
"variation": null,
@@ -15274,7 +15342,7 @@
"generator": false
},
{
- "__docId__": 703,
+ "__docId__": 705,
"kind": "member",
"static": false,
"variation": null,
@@ -15292,7 +15360,7 @@
}
},
{
- "__docId__": 704,
+ "__docId__": 706,
"kind": "method",
"static": false,
"variation": null,
@@ -15317,7 +15385,7 @@
"generator": false
},
{
- "__docId__": 705,
+ "__docId__": 707,
"kind": "member",
"static": false,
"variation": null,
@@ -15335,7 +15403,7 @@
}
},
{
- "__docId__": 706,
+ "__docId__": 708,
"kind": "method",
"static": false,
"variation": null,
@@ -15370,7 +15438,7 @@
"generator": false
},
{
- "__docId__": 707,
+ "__docId__": 709,
"kind": "member",
"static": false,
"variation": null,
@@ -15388,7 +15456,7 @@
}
},
{
- "__docId__": 708,
+ "__docId__": 710,
"kind": "method",
"static": false,
"variation": null,
@@ -15413,7 +15481,7 @@
"generator": false
},
{
- "__docId__": 709,
+ "__docId__": 711,
"kind": "member",
"static": false,
"variation": null,
@@ -15431,7 +15499,7 @@
}
},
{
- "__docId__": 710,
+ "__docId__": 712,
"kind": "method",
"static": false,
"variation": null,
@@ -15456,7 +15524,7 @@
"generator": false
},
{
- "__docId__": 711,
+ "__docId__": 713,
"kind": "member",
"static": false,
"variation": null,
@@ -15474,7 +15542,7 @@
}
},
{
- "__docId__": 712,
+ "__docId__": 714,
"kind": "method",
"static": false,
"variation": null,
@@ -15499,7 +15567,7 @@
"generator": false
},
{
- "__docId__": 713,
+ "__docId__": 715,
"kind": "member",
"static": false,
"variation": null,
@@ -15517,7 +15585,7 @@
}
},
{
- "__docId__": 714,
+ "__docId__": 716,
"kind": "method",
"static": false,
"variation": null,
@@ -15531,7 +15599,7 @@
"generator": false
},
{
- "__docId__": 715,
+ "__docId__": 717,
"kind": "method",
"static": false,
"variation": null,
@@ -15556,7 +15624,7 @@
"generator": false
},
{
- "__docId__": 716,
+ "__docId__": 718,
"kind": "method",
"static": false,
"variation": null,
@@ -15570,7 +15638,7 @@
"generator": false
},
{
- "__docId__": 717,
+ "__docId__": 719,
"kind": "method",
"static": false,
"variation": null,
@@ -15584,7 +15652,7 @@
"generator": false
},
{
- "__docId__": 718,
+ "__docId__": 720,
"kind": "method",
"static": false,
"variation": null,
@@ -15598,7 +15666,7 @@
"generator": false
},
{
- "__docId__": 719,
+ "__docId__": 721,
"kind": "method",
"static": false,
"variation": null,
@@ -15612,7 +15680,7 @@
"generator": false
},
{
- "__docId__": 720,
+ "__docId__": 722,
"kind": "member",
"static": false,
"variation": null,
@@ -15630,7 +15698,7 @@
}
},
{
- "__docId__": 721,
+ "__docId__": 723,
"kind": "method",
"static": false,
"variation": null,
@@ -15644,7 +15712,7 @@
"generator": false
},
{
- "__docId__": 722,
+ "__docId__": 724,
"kind": "member",
"static": false,
"variation": null,
@@ -15662,7 +15730,7 @@
}
},
{
- "__docId__": 723,
+ "__docId__": 725,
"kind": "member",
"static": false,
"variation": null,
@@ -15680,7 +15748,7 @@
}
},
{
- "__docId__": 724,
+ "__docId__": 726,
"kind": "member",
"static": false,
"variation": null,
@@ -15698,7 +15766,7 @@
}
},
{
- "__docId__": 725,
+ "__docId__": 727,
"kind": "member",
"static": false,
"variation": null,
@@ -15716,7 +15784,7 @@
}
},
{
- "__docId__": 726,
+ "__docId__": 728,
"kind": "file",
"static": true,
"variation": null,
@@ -15729,7 +15797,7 @@
"content": "import {Feature} from '../feature';\nimport {root} from '../root';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {defaultsStr, defaultsFn} from '../settings';\n\nconst EVENTS = [\n 'after-filtering',\n 'after-populating-filter',\n 'after-page-change',\n 'after-clearing-filters',\n 'after-page-length-change',\n 'after-reset-page',\n 'after-reset-page-length',\n 'after-loading-extensions',\n 'after-loading-themes'\n];\n\n/**\n * Status bar UI component\n * @export\n * @class StatusBar\n * @extends {Feature}\n */\nexport class StatusBar extends Feature {\n\n /**\n * Creates an instance of StatusBar\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'statusBar');\n\n // Configuration object\n let f = this.config.status_bar || {};\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.targetId = defaultsStr(f.target_id, null);\n\n /**\n * Container DOM element\n * @type {DOMElement}\n * @private\n */\n this.container = null;\n\n /**\n * Message container DOM element\n * @type {DOMElement}\n * @private\n */\n this.msgContainer = null;\n\n /**\n * Label container DOM element\n * @type {DOMElement}\n * @private\n */\n this.labelContainer = null;\n\n /**\n * Text preceding status message\n * @type {String}\n */\n this.text = defaultsStr(f.text, '');\n\n /**\n * Css class for container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'status');\n\n /**\n * Message visibility duration in milliseconds\n * @type {Number}\n * @private\n */\n this.delay = 250;\n\n /**\n * Callback fired before the message is displayed\n * @type {Function}\n */\n this.onBeforeShowMsg = defaultsFn(f.on_before_show_msg, EMPTY_FN);\n\n /**\n * Callback fired after the message is displayed\n * @type {Function}\n */\n this.onAfterShowMsg = defaultsFn(f.on_after_show_msg, EMPTY_FN);\n\n /**\n * Message appearing upon filtering\n * @type {String}\n */\n this.msgFilter = defaultsStr(f.msg_filter, 'Filtering data...');\n\n /**\n * Message appearing when a drop-down filter is populated\n * @type {String}\n */\n this.msgPopulate = defaultsStr(f.msg_populate, 'Populating filter...');\n\n /**\n * Message appearing when a checklist filter is populated\n * @type {String}\n */\n this.msgPopulateCheckList = defaultsStr(f.msg_populate_checklist,\n 'Populating list...');\n\n /**\n * Message appearing when a pagination page is changed\n * @type {String}\n */\n this.msgChangePage = defaultsStr(f.msg_change_page,\n 'Collecting paging data...');\n\n /**\n * Message appearing when filters are cleared\n * @type {String}\n */\n this.msgClear = defaultsStr(f.msg_clear, 'Clearing filters...');\n\n /**\n * Message appearing when the page length is changed\n * @type {String}\n */\n this.msgChangeResults = defaultsStr(f.msg_change_results,\n 'Changing results per page...');\n\n /**\n * Message appearing when the page is re-set\n * @type {String}\n */\n this.msgResetPage = defaultsStr(f.msg_reset_page, 'Re-setting page...');\n\n /**\n * Message appearing when the page length is re-set\n * @type {String}\n */\n this.msgResetPageLength = defaultsStr(f.msg_reset_page_length,\n 'Re-setting page length...');\n\n /**\n * Message appearing upon column sorting\n * @type {String}\n */\n this.msgSort = defaultsStr(f.msg_sort, 'Sorting data...');\n\n /**\n * Message appearing when extensions are loading\n * @type {String}\n */\n this.msgLoadExtensions = defaultsStr(f.msg_load_extensions,\n 'Loading extensions...');\n\n /**\n * Message appearing when themes are loading\n * @type {String}\n */\n this.msgLoadThemes = defaultsStr(f.msg_load_themes,\n 'Loading theme(s)...');\n }\n\n /**\n * Initializes StatusBar instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n //status bar container\n let statusDiv = createElm('div');\n statusDiv.className = this.cssClass;\n\n //status bar label\n let statusSpan = createElm('span');\n //preceding text\n let statusSpanText = createElm('span');\n statusSpanText.appendChild(createText(this.text));\n\n // target element container\n if (!this.targetId) {\n tf.setToolbar();\n }\n let targetEl = (!this.targetId) ? tf.lDiv : elm(this.targetId);\n\n //default container: 'lDiv'\n if (!this.targetId) {\n statusDiv.appendChild(statusSpanText);\n statusDiv.appendChild(statusSpan);\n targetEl.appendChild(statusDiv);\n } else {\n // custom container, no need to append statusDiv\n targetEl.appendChild(statusSpanText);\n targetEl.appendChild(statusSpan);\n }\n\n this.container = statusDiv;\n this.msgContainer = statusSpan;\n this.labelContainer = statusSpanText;\n\n // Subscribe to events\n emitter.on(['before-filtering'], () => this.message(this.msgFilter));\n emitter.on(['before-populating-filter'],\n () => this.message(this.msgPopulate));\n emitter.on(['before-page-change'],\n () => this.message(this.msgChangePage));\n emitter.on(['before-clearing-filters'], () =>\n this.message(this.msgClear));\n emitter.on(['before-page-length-change'],\n () => this.message(this.msgChangeResults));\n emitter.on(['before-reset-page'],\n () => this.message(this.msgResetPage));\n emitter.on(['before-reset-page-length'],\n () => this.message(this.msgResetPageLength));\n emitter.on(['before-loading-extensions'],\n () => this.message(this.msgLoadExtensions));\n emitter.on(['before-loading-themes'],\n () => this.message(this.msgLoadThemes));\n\n emitter.on(EVENTS, () => this.message(''));\n\n /**\n * @inherited\n */\n this.initialized = true;\n }\n\n /**\n * Display status message\n * @param {String} [t=''] Message to be displayed\n */\n message(t = '') {\n if (!this.isEnabled()) {\n return;\n }\n\n this.onBeforeShowMsg(this.tf, t);\n\n let d = t === '' ? this.delay : 1;\n root.setTimeout(() => {\n if (!this.initialized) {\n return;\n }\n this.msgContainer.innerHTML = t;\n\n this.onAfterShowMsg(this.tf, t);\n }, d);\n }\n\n /**\n * Destroy StatusBar instance\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let emitter = this.emitter;\n\n this.container.innerHTML = '';\n if (!this.targetId) {\n removeElm(this.container);\n }\n this.labelContainer = null;\n this.msgContainer = null;\n this.container = null;\n\n // Unsubscribe to events\n emitter.off(['before-filtering'], () => this.message(this.msgFilter));\n emitter.off(['before-populating-filter'],\n () => this.message(this.msgPopulate));\n emitter.off(['before-page-change'],\n () => this.message(this.msgChangePage));\n emitter.off(['before-clearing-filters'],\n () => this.message(this.msgClear));\n emitter.off(['before-page-length-change'],\n () => this.message(this.msgChangeResults));\n emitter.off(['before-reset-page'], () =>\n this.message(this.msgResetPage));\n emitter.off(['before-reset-page-length'],\n () => this.message(this.msgResetPageLength));\n emitter.off(['before-loading-extensions'],\n () => this.message(this.msgLoadExtensions));\n emitter.off(['before-loading-themes'],\n () => this.message(this.msgLoadThemes));\n\n emitter.off(EVENTS, () => this.message(''));\n\n this.initialized = false;\n }\n}\n"
},
{
- "__docId__": 727,
+ "__docId__": 729,
"kind": "variable",
"static": true,
"variation": null,
@@ -15750,7 +15818,7 @@
}
},
{
- "__docId__": 728,
+ "__docId__": 730,
"kind": "class",
"static": true,
"variation": null,
@@ -15779,7 +15847,7 @@
]
},
{
- "__docId__": 729,
+ "__docId__": 731,
"kind": "constructor",
"static": false,
"variation": null,
@@ -15804,7 +15872,7 @@
"generator": false
},
{
- "__docId__": 730,
+ "__docId__": 732,
"kind": "member",
"static": false,
"variation": null,
@@ -15824,7 +15892,7 @@
}
},
{
- "__docId__": 731,
+ "__docId__": 733,
"kind": "member",
"static": false,
"variation": null,
@@ -15844,7 +15912,7 @@
}
},
{
- "__docId__": 732,
+ "__docId__": 734,
"kind": "member",
"static": false,
"variation": null,
@@ -15864,7 +15932,7 @@
}
},
{
- "__docId__": 733,
+ "__docId__": 735,
"kind": "member",
"static": false,
"variation": null,
@@ -15884,7 +15952,7 @@
}
},
{
- "__docId__": 734,
+ "__docId__": 736,
"kind": "member",
"static": false,
"variation": null,
@@ -15904,7 +15972,7 @@
}
},
{
- "__docId__": 735,
+ "__docId__": 737,
"kind": "member",
"static": false,
"variation": null,
@@ -15924,7 +15992,7 @@
}
},
{
- "__docId__": 736,
+ "__docId__": 738,
"kind": "member",
"static": false,
"variation": null,
@@ -15944,7 +16012,7 @@
}
},
{
- "__docId__": 737,
+ "__docId__": 739,
"kind": "member",
"static": false,
"variation": null,
@@ -15964,7 +16032,7 @@
}
},
{
- "__docId__": 738,
+ "__docId__": 740,
"kind": "member",
"static": false,
"variation": null,
@@ -15984,7 +16052,7 @@
}
},
{
- "__docId__": 739,
+ "__docId__": 741,
"kind": "member",
"static": false,
"variation": null,
@@ -16004,7 +16072,7 @@
}
},
{
- "__docId__": 740,
+ "__docId__": 742,
"kind": "member",
"static": false,
"variation": null,
@@ -16024,7 +16092,7 @@
}
},
{
- "__docId__": 741,
+ "__docId__": 743,
"kind": "member",
"static": false,
"variation": null,
@@ -16044,7 +16112,7 @@
}
},
{
- "__docId__": 742,
+ "__docId__": 744,
"kind": "member",
"static": false,
"variation": null,
@@ -16064,7 +16132,7 @@
}
},
{
- "__docId__": 743,
+ "__docId__": 745,
"kind": "member",
"static": false,
"variation": null,
@@ -16084,7 +16152,7 @@
}
},
{
- "__docId__": 744,
+ "__docId__": 746,
"kind": "member",
"static": false,
"variation": null,
@@ -16104,7 +16172,7 @@
}
},
{
- "__docId__": 745,
+ "__docId__": 747,
"kind": "member",
"static": false,
"variation": null,
@@ -16124,7 +16192,7 @@
}
},
{
- "__docId__": 746,
+ "__docId__": 748,
"kind": "member",
"static": false,
"variation": null,
@@ -16144,7 +16212,7 @@
}
},
{
- "__docId__": 747,
+ "__docId__": 749,
"kind": "member",
"static": false,
"variation": null,
@@ -16164,7 +16232,7 @@
}
},
{
- "__docId__": 748,
+ "__docId__": 750,
"kind": "member",
"static": false,
"variation": null,
@@ -16184,7 +16252,7 @@
}
},
{
- "__docId__": 749,
+ "__docId__": 751,
"kind": "member",
"static": false,
"variation": null,
@@ -16204,7 +16272,7 @@
}
},
{
- "__docId__": 750,
+ "__docId__": 752,
"kind": "method",
"static": false,
"variation": null,
@@ -16218,7 +16286,7 @@
"generator": false
},
{
- "__docId__": 751,
+ "__docId__": 753,
"kind": "member",
"static": false,
"variation": null,
@@ -16236,7 +16304,7 @@
}
},
{
- "__docId__": 752,
+ "__docId__": 754,
"kind": "member",
"static": false,
"variation": null,
@@ -16254,7 +16322,7 @@
}
},
{
- "__docId__": 753,
+ "__docId__": 755,
"kind": "member",
"static": false,
"variation": null,
@@ -16272,7 +16340,7 @@
}
},
{
- "__docId__": 754,
+ "__docId__": 756,
"kind": "member",
"static": false,
"variation": null,
@@ -16295,7 +16363,7 @@
}
},
{
- "__docId__": 755,
+ "__docId__": 757,
"kind": "method",
"static": false,
"variation": null,
@@ -16322,7 +16390,7 @@
"generator": false
},
{
- "__docId__": 756,
+ "__docId__": 758,
"kind": "method",
"static": false,
"variation": null,
@@ -16336,7 +16404,7 @@
"generator": false
},
{
- "__docId__": 757,
+ "__docId__": 759,
"kind": "member",
"static": false,
"variation": null,
@@ -16354,7 +16422,7 @@
}
},
{
- "__docId__": 758,
+ "__docId__": 760,
"kind": "member",
"static": false,
"variation": null,
@@ -16372,7 +16440,7 @@
}
},
{
- "__docId__": 759,
+ "__docId__": 761,
"kind": "member",
"static": false,
"variation": null,
@@ -16390,7 +16458,7 @@
}
},
{
- "__docId__": 760,
+ "__docId__": 762,
"kind": "member",
"static": false,
"variation": null,
@@ -16408,7 +16476,7 @@
}
},
{
- "__docId__": 761,
+ "__docId__": 763,
"kind": "file",
"static": true,
"variation": null,
@@ -16421,7 +16489,7 @@
"content": "import Cookie from '../cookie';\nimport {root} from '../root';\n\nconst JSON = root.JSON;\nconst localStorage = root.localStorage;\nconst location = root.location;\n\n/**\n * Checks if browser has Storage feature\n */\nexport const hasStorage = () => {\n return 'Storage' in root;\n};\n\n/**\n * Stores the features state in browser's local storage or cookie\n *\n * @export\n * @class Storage\n */\nexport class Storage {\n\n /**\n * Creates an instance of Storage\n *\n * @param {State} state Instance of State\n */\n constructor(state) {\n\n /**\n * State object\n * @type {State}\n * @private\n */\n this.state = state;\n\n /**\n * TableFilter object\n * @type {TableFilter}\n * @private\n */\n this.tf = state.tf;\n\n /**\n * Persist with local storage\n * @type {Boolean}\n * @private\n */\n this.enableLocalStorage = state.enableLocalStorage && hasStorage();\n\n /**\n * Persist with cookie\n * @type {Boolean}\n * @private\n */\n this.enableCookie = state.enableCookie && !this.enableLocalStorage;\n\n /**\n * Emitter object\n * @type {Emitter}\n * @private\n */\n this.emitter = state.emitter;\n\n /**\n * Cookie duration in hours from state object\n * @type {Number}\n * @private\n */\n this.duration = state.cookieDuration;\n }\n\n\n /**\n * Initializes the Storage object\n */\n init() {\n this.emitter.on(['state-changed'], (tf, state) => this.save(state));\n this.emitter.on(['initialized'], () => this.sync());\n }\n\n /**\n * Persists the features state on state changes\n *\n * @param {State} state Instance of State\n */\n save(state) {\n if (this.enableLocalStorage) {\n localStorage[this.getKey()] = JSON.stringify(state);\n } else {\n Cookie.write(this.getKey(), JSON.stringify(state), this.duration);\n }\n }\n\n /**\n * Turns stored string into a State JSON object\n *\n * @returns {Object} JSON object\n */\n retrieve() {\n let state = null;\n if (this.enableLocalStorage) {\n state = localStorage[this.getKey()];\n } else {\n state = Cookie.read(this.getKey());\n }\n\n if (!state) {\n return null;\n }\n return JSON.parse(state);\n }\n\n /**\n * Removes persisted state from storage\n */\n remove() {\n if (this.enableLocalStorage) {\n localStorage.removeItem(this.getKey());\n } else {\n Cookie.remove(this.getKey());\n }\n }\n\n /**\n * Applies persisted state to features\n */\n sync() {\n let state = this.retrieve();\n if (!state) {\n return;\n }\n // override current state with persisted one and sync features\n this.state.overrideAndSync(state);\n }\n\n /**\n * Returns the storage key\n *\n * @returns {String} Key\n */\n getKey() {\n return JSON.stringify({\n key: `${this.tf.prfxTf}_${this.tf.id}`,\n path: location.pathname\n });\n }\n\n /**\n * Release Storage event subscriptions and clear fields\n */\n destroy() {\n this.emitter.off(['state-changed'], (tf, state) => this.save(state));\n this.emitter.off(['initialized'], () => this.sync());\n\n this.remove();\n\n this.state = null;\n this.emitter = null;\n }\n}\n"
},
{
- "__docId__": 762,
+ "__docId__": 764,
"kind": "variable",
"static": true,
"variation": null,
@@ -16442,7 +16510,7 @@
}
},
{
- "__docId__": 763,
+ "__docId__": 765,
"kind": "variable",
"static": true,
"variation": null,
@@ -16463,7 +16531,7 @@
}
},
{
- "__docId__": 764,
+ "__docId__": 766,
"kind": "variable",
"static": true,
"variation": null,
@@ -16484,7 +16552,7 @@
}
},
{
- "__docId__": 765,
+ "__docId__": 767,
"kind": "variable",
"static": true,
"variation": null,
@@ -16504,7 +16572,7 @@
}
},
{
- "__docId__": 766,
+ "__docId__": 768,
"kind": "class",
"static": true,
"variation": null,
@@ -16530,7 +16598,7 @@
"interface": false
},
{
- "__docId__": 767,
+ "__docId__": 769,
"kind": "constructor",
"static": false,
"variation": null,
@@ -16555,7 +16623,7 @@
"generator": false
},
{
- "__docId__": 768,
+ "__docId__": 770,
"kind": "member",
"static": false,
"variation": null,
@@ -16575,7 +16643,7 @@
}
},
{
- "__docId__": 769,
+ "__docId__": 771,
"kind": "member",
"static": false,
"variation": null,
@@ -16595,7 +16663,7 @@
}
},
{
- "__docId__": 770,
+ "__docId__": 772,
"kind": "member",
"static": false,
"variation": null,
@@ -16615,7 +16683,7 @@
}
},
{
- "__docId__": 771,
+ "__docId__": 773,
"kind": "member",
"static": false,
"variation": null,
@@ -16635,7 +16703,7 @@
}
},
{
- "__docId__": 772,
+ "__docId__": 774,
"kind": "member",
"static": false,
"variation": null,
@@ -16655,7 +16723,7 @@
}
},
{
- "__docId__": 773,
+ "__docId__": 775,
"kind": "member",
"static": false,
"variation": null,
@@ -16675,7 +16743,7 @@
}
},
{
- "__docId__": 774,
+ "__docId__": 776,
"kind": "method",
"static": false,
"variation": null,
@@ -16689,7 +16757,7 @@
"generator": false
},
{
- "__docId__": 775,
+ "__docId__": 777,
"kind": "method",
"static": false,
"variation": null,
@@ -16714,7 +16782,7 @@
"generator": false
},
{
- "__docId__": 776,
+ "__docId__": 778,
"kind": "method",
"static": false,
"variation": null,
@@ -16742,7 +16810,7 @@
"generator": false
},
{
- "__docId__": 777,
+ "__docId__": 779,
"kind": "method",
"static": false,
"variation": null,
@@ -16756,7 +16824,7 @@
"generator": false
},
{
- "__docId__": 778,
+ "__docId__": 780,
"kind": "method",
"static": false,
"variation": null,
@@ -16770,7 +16838,7 @@
"generator": false
},
{
- "__docId__": 779,
+ "__docId__": 781,
"kind": "method",
"static": false,
"variation": null,
@@ -16798,7 +16866,7 @@
"generator": false
},
{
- "__docId__": 780,
+ "__docId__": 782,
"kind": "method",
"static": false,
"variation": null,
@@ -16812,7 +16880,7 @@
"generator": false
},
{
- "__docId__": 781,
+ "__docId__": 783,
"kind": "member",
"static": false,
"variation": null,
@@ -16830,7 +16898,7 @@
}
},
{
- "__docId__": 782,
+ "__docId__": 784,
"kind": "member",
"static": false,
"variation": null,
@@ -16848,7 +16916,7 @@
}
},
{
- "__docId__": 783,
+ "__docId__": 785,
"kind": "file",
"static": true,
"variation": null,
@@ -16861,7 +16929,7 @@
"content": "import {isNumber} from './types';\n\n/**\n * Takes a string, removes all formatting/cruft and returns the raw float value\n * @param {String} Formatted number\n * @param {String} Decimal type '.' or ','\n * @return {Number} Unformatted number\n *\n * https://github.com/openexchangerates/accounting.js/blob/master/accounting.js\n */\nexport const parse = (value, decimal = '.') => {\n // Return the value as-is if it's already a number\n if (isNumber(value)) {\n return value;\n }\n\n // Build regex to strip out everything except digits, decimal point and\n // minus sign\n let regex = new RegExp('[^0-9-' + decimal + ']', ['g']);\n let unformatted = parseFloat(\n ('' + value)\n // replace bracketed values with negatives\n .replace(/\\((.*)\\)/, '-$1')\n // strip out any cruft\n .replace(regex, '')\n // make sure decimal point is standard\n .replace(decimal, '.')\n );\n\n // This will fail silently\n return !isNaN(unformatted) ? unformatted : 0;\n};\n"
},
{
- "__docId__": 784,
+ "__docId__": 786,
"kind": "variable",
"static": true,
"variation": null,
@@ -16911,7 +16979,7 @@
}
},
{
- "__docId__": 785,
+ "__docId__": 787,
"kind": "file",
"static": true,
"variation": null,
@@ -16924,7 +16992,7 @@
"content": "/**\n * Export window or global object depending on the environment\n */\nexport const root = (typeof self === 'object' && self.self === self && self) ||\n (typeof global === 'object' && global.global === global && global) ||\n this;\n"
},
{
- "__docId__": 786,
+ "__docId__": 788,
"kind": "variable",
"static": true,
"variation": null,
@@ -16944,7 +17012,7 @@
}
},
{
- "__docId__": 787,
+ "__docId__": 789,
"kind": "file",
"static": true,
"variation": null,
@@ -16957,7 +17025,7 @@
"content": "import {isBoolean, isString, isFn, isArray} from './types';\n\n/** Configuration settings helpers */\n\n/**\n * If passed value is not of boolean type return the default value\n * otherwise return the value itself\n * @param {Boolean|Any} value\n * @param {Boolean} default value\n * @return {Boolean|Any}\n */\nexport const defaultsBool =\n (val, defaultVal) => isBoolean(val) ? val : defaultVal;\n\n/**\n * If passed value is not of string type return the default value\n * otherwise return the value itself\n * @param {String|Any} value\n * @param {String} default value\n * @return {String|Any}\n */\nexport const defaultsStr =\n (val, defaultVal) => isString(val) ? val : defaultVal;\n\n/**\n * If passed value is not of number type return the default value\n * otherwise return the value itself\n * @param {Number|Any} value\n * @param {Number} default value\n * @return {Number|Any}\n */\nexport const defaultsNb =\n (val, defaultVal) => isNaN(val) ? defaultVal : val;\n\n/**\n * If passed value is not of array type return the default value\n * otherwise return the value itself\n * @param {Array|Any} value\n * @param {Array} default value\n * @return {Array|Any}\n */\nexport const defaultsArr =\n (val, defaultVal) => isArray(val) ? val : defaultVal;\n\n/**\n * If passed value is not of function type return the default value\n * otherwise return the value itself\n * @param {Function|Any} value\n * @param {Function} default value\n * @return {Function|Any}\n */\nexport const defaultsFn =\n (val, defaultVal) => isFn(val) ? val : defaultVal;\n"
},
{
- "__docId__": 788,
+ "__docId__": 790,
"kind": "variable",
"static": true,
"variation": null,
@@ -17009,7 +17077,7 @@
}
},
{
- "__docId__": 789,
+ "__docId__": 791,
"kind": "variable",
"static": true,
"variation": null,
@@ -17061,7 +17129,7 @@
}
},
{
- "__docId__": 790,
+ "__docId__": 792,
"kind": "variable",
"static": true,
"variation": null,
@@ -17113,7 +17181,7 @@
}
},
{
- "__docId__": 791,
+ "__docId__": 793,
"kind": "variable",
"static": true,
"variation": null,
@@ -17165,7 +17233,7 @@
}
},
{
- "__docId__": 792,
+ "__docId__": 794,
"kind": "variable",
"static": true,
"variation": null,
@@ -17217,7 +17285,7 @@
}
},
{
- "__docId__": 793,
+ "__docId__": 795,
"kind": "file",
"static": true,
"variation": null,
@@ -17230,7 +17298,7 @@
"content": "import {parse as parseNb} from './number';\nimport {Date as SugarDate} from 'sugar-date';\n\n/** Sorting utilities */\n\n/**\n * Case insensitive compare function for passed strings\n * @param {String} First string\n * @param {String} Second string\n * @return {Number} -1 if first string lower than second one\n * 0 if first string same order as second one\n * 1 if first string greater than second one\n */\nexport const ignoreCase = (a, b) => {\n let x = a.toLowerCase();\n let y = b.toLowerCase();\n return x < y ? -1 : (x > y ? 1 : 0);\n};\n\n/**\n * Compare function for sorting passed numbers in ascending manner\n * @param {Number} First number\n * @param {Number} Second number\n * @return {Number} Negative, zero or positive number\n */\nexport const numSortAsc = (a, b) => (a - b);\n\n/**\n * Compare function for sorting passed numbers in descending manner\n * @param {Number} First number\n * @param {Number} Second number\n * @return {Number} Negative, zero or positive number\n */\nexport const numSortDesc = (a, b) => (b - a);\n\n/**\n * Compare function for sorting passed dates in ascending manner according to\n * the corresponding UTC numeric value (returned by getTime)\n * @param {Date} First date object\n * @param {Date} Second date object\n * @return {Number} Negative, zero or positive number\n */\nexport const dateSortAsc = (date1, date2) => date1.getTime() - date2.getTime();\n\n/**\n * Compare function for sorting passed dates in descending manner according to\n * the corresponding UTC numeric value (returned by getTime)\n * @param {Date} First date object\n * @param {Date} Second date object\n * @return {Number} Negative, zero or positive number\n */\nexport const dateSortDesc = (date1, date2) => date2.getTime() - date1.getTime();\n\n/**\n * Curried compare function for sorting passed formatted numbers in desired\n * fashion according to supplied compare function and decimal separator\n * @param {Function} Compare function\n * @param {String} [decimal=','] Decimal separator\n * @return {Function} Compare function receiving parsed numeric arguments\n */\nexport const sortNumberStr = (compareFn, decimal = ',') => {\n return (numStr1, numStr2) => {\n let num1 = parseNb(numStr1, decimal);\n let num2 = parseNb(numStr2, decimal);\n return compareFn(num1, num2);\n };\n};\n\n/**\n * Curried compare function for sorting passed formatted dates in desired\n * fashion according to supplied compare function and locale\n * @param {Function} Compare function\n * @param {String} [locale='en-us'] Locale code\n * @return {Function} Compare function receiving parsed date arguments\n */\nexport const sortDateStr = (compareFn, locale = 'en-us') => {\n return (dateStr1, dateStr2) => {\n let date1 = SugarDate.create(dateStr1, locale);\n let date2 = SugarDate.create(dateStr2, locale);\n return compareFn(date1, date2);\n };\n};\n"
},
{
- "__docId__": 794,
+ "__docId__": 796,
"kind": "variable",
"static": true,
"variation": null,
@@ -17280,7 +17348,7 @@
}
},
{
- "__docId__": 795,
+ "__docId__": 797,
"kind": "variable",
"static": true,
"variation": null,
@@ -17330,7 +17398,7 @@
}
},
{
- "__docId__": 796,
+ "__docId__": 798,
"kind": "variable",
"static": true,
"variation": null,
@@ -17380,7 +17448,7 @@
}
},
{
- "__docId__": 797,
+ "__docId__": 799,
"kind": "variable",
"static": true,
"variation": null,
@@ -17430,7 +17498,7 @@
}
},
{
- "__docId__": 798,
+ "__docId__": 800,
"kind": "variable",
"static": true,
"variation": null,
@@ -17480,7 +17548,7 @@
}
},
{
- "__docId__": 799,
+ "__docId__": 801,
"kind": "variable",
"static": true,
"variation": null,
@@ -17532,7 +17600,7 @@
}
},
{
- "__docId__": 800,
+ "__docId__": 802,
"kind": "variable",
"static": true,
"variation": null,
@@ -17584,7 +17652,7 @@
}
},
{
- "__docId__": 801,
+ "__docId__": 803,
"kind": "file",
"static": true,
"variation": null,
@@ -17597,7 +17665,7 @@
"content": "import {remove as removeDiacritics} from 'diacritics';\n\n/**\n * String utilities\n */\n\n/**\n * Removes whitespace from both sides of passed string\n * @param {String} text\n * @return {String}\n */\nexport const trim = (text) => {\n if (text.trim) {\n return text.trim();\n }\n return text.replace(/^\\s*|\\s*$/g, '');\n};\n\n/**\n * Checks if passed string is empty\n * @param {String} text\n * @return {Boolean}\n */\nexport const isEmpty = (text) => trim(text) === '';\n\n/**\n * Makes regex safe string by escaping special characters from passed string\n * @param {String} text\n * @return {String} escaped string\n */\nexport const rgxEsc = (text) => {\n let chars = /[-\\/\\\\^$*+?.()|[\\]{}]/g;\n let escMatch = '\\\\$&';\n return String(text).replace(chars, escMatch);\n};\n\n/**\n * Returns passed string as lowercase if caseSensitive flag set false. By\n * default it returns the string with no casing changes.\n * @param {String} text\n * @return {String} string\n */\nexport const matchCase = (text, caseSensitive = false) => {\n if (!caseSensitive) {\n return text.toLowerCase();\n }\n return text;\n};\n\n/**\n * Checks if passed data contains the searched term\n * @param {String} term Searched term\n * @param {String} data Data string\n * @param {Boolean} exactMatch Exact match\n * @param {Boolean} caseSensitive Case sensitive\n * @param {Boolean} ignoreDiacritics Ignore diacritics\n * @return {Boolean}\n */\nexport const contains = (term, data, exactMatch = false, caseSensitive = false,\n ignoreDiacritics = false) => {\n // Improved by Cedric Wartel (cwl) automatic exact match for selects and\n // special characters are now filtered\n let regexp;\n let modifier = caseSensitive ? 'g' : 'gi';\n if (ignoreDiacritics) {\n term = removeDiacritics(term);\n data = removeDiacritics(data);\n }\n if (exactMatch) {\n regexp = new RegExp('(^\\\\s*)' + rgxEsc(term) + '(\\\\s*$)',\n modifier);\n } else {\n regexp = new RegExp(rgxEsc(term), modifier);\n }\n return regexp.test(data);\n};\n"
},
{
- "__docId__": 802,
+ "__docId__": 804,
"kind": "variable",
"static": true,
"variation": null,
@@ -17637,7 +17705,7 @@
}
},
{
- "__docId__": 803,
+ "__docId__": 805,
"kind": "variable",
"static": true,
"variation": null,
@@ -17677,7 +17745,7 @@
}
},
{
- "__docId__": 804,
+ "__docId__": 806,
"kind": "variable",
"static": true,
"variation": null,
@@ -17717,7 +17785,7 @@
}
},
{
- "__docId__": 805,
+ "__docId__": 807,
"kind": "variable",
"static": true,
"variation": null,
@@ -17757,7 +17825,7 @@
}
},
{
- "__docId__": 806,
+ "__docId__": 808,
"kind": "variable",
"static": true,
"variation": null,
@@ -17837,7 +17905,7 @@
}
},
{
- "__docId__": 807,
+ "__docId__": 809,
"kind": "file",
"static": true,
"variation": null,
@@ -17850,7 +17918,7 @@
"content": "import {addEvt, cancelEvt, stopEvt, targetEvt, keyCode} from './event';\nimport {\n addClass, createElm, createOpt, elm, getText, getFirstTextNode,\n removeClass, removeElm, tag\n} from './dom';\nimport {contains, matchCase, rgxEsc, trim} from './string';\nimport {isEmpty as isEmptyString} from './string';\nimport {\n isArray, isEmpty, isFn, isNumber, isObj, isString, isUndef, EMPTY_FN\n} from './types';\nimport {parse as parseNb} from './number';\nimport {\n defaultsBool, defaultsStr, defaultsFn,\n defaultsNb, defaultsArr\n} from './settings';\n\nimport {root} from './root';\nimport {Emitter} from './emitter';\nimport {Dropdown} from './modules/dropdown';\nimport {CheckList} from './modules/checkList';\n\nimport {\n INPUT, SELECT, MULTIPLE, CHECKLIST, NONE,\n ENTER_KEY, TAB_KEY, ESC_KEY, UP_ARROW_KEY, DOWN_ARROW_KEY,\n CELL_TAG, AUTO_FILTER_DELAY, NUMBER, DATE, FORMATTED_NUMBER,\n FEATURES\n} from './const';\n\nlet doc = root.document;\n\n/**\n * Makes HTML tables filterable and a bit more :)\n *\n * @export\n * @class TableFilter\n */\nexport class TableFilter {\n\n /**\n * Creates an instance of TableFilter\n * requires `table` or `id` arguments, `row` and `configuration` optional\n * @param {HTMLTableElement} table Table DOM element\n * @param {String} id Table id\n * @param {Number} row index indicating the 1st row\n * @param {Object} configuration object\n */\n constructor(...args) {\n /**\n * ID of current instance\n * @type {String}\n * @private\n */\n this.id = null;\n\n /**\n * Current version\n * @type {String}\n */\n this.version = '{VERSION}';\n\n /**\n * Current year\n * @type {Number}\n * @private\n */\n this.year = new Date().getFullYear();\n\n /**\n * HTML Table DOM element\n * @type {DOMElement}\n * @private\n */\n this.tbl = null;\n\n /**\n * Calculated row's index from which starts filtering once filters\n * are generated\n * @type {Number}\n */\n this.refRow = null;\n\n /**\n * Index of the headers row\n * @type {Number}\n * @private\n */\n this.headersRow = null;\n\n /**\n * Configuration object\n * @type {Object}\n * @private\n */\n this.cfg = {};\n\n /**\n * Number of rows that can be filtered\n * @type {Number}\n * @private\n */\n this.nbFilterableRows = 0;\n\n /**\n * Number of cells in the reference row\n * @type {Number}\n * @private\n */\n this.nbCells = null;\n\n /**\n * Has a configuration object\n * @type {Object}\n * @private\n */\n this.hasConfig = false;\n\n /** @private */\n this.initialized = false;\n\n let startRow;\n\n // TODO: use for-of\n args.forEach((arg) => {\n if (typeof arg === 'object' && arg.nodeName === 'TABLE') {\n this.tbl = arg;\n this.id = arg.id || `tf_${new Date().getTime()}_`;\n } else if (isString(arg)) {\n this.id = arg;\n this.tbl = elm(arg);\n } else if (isNumber(arg)) {\n startRow = arg;\n } else if (isObj(arg)) {\n this.cfg = arg;\n this.hasConfig = true;\n }\n });\n\n if (!this.tbl || this.tbl.nodeName !== 'TABLE') {\n throw new Error(`Could not instantiate TableFilter: HTML table\n DOM element not found.`);\n }\n\n if (this.getRowsNb() === 0) {\n throw new Error(`Could not instantiate TableFilter: HTML table\n requires at least 1 row.`);\n }\n\n // configuration object\n let f = this.cfg;\n\n /**\n * Event emitter instance\n * @type {Emitter}\n */\n this.emitter = new Emitter();\n\n //Start row\n this.refRow = isUndef(startRow) ? 2 : (startRow + 1);\n\n /**\n * Collection of filter type by column\n * @type {Array}\n * @private\n */\n this.filterTypes = [].map.call(\n (this.dom().rows[this.refRow] || this.dom().rows[0]).cells,\n (cell, idx) => {\n let colType = this.cfg[`col_${idx}`];\n return !colType ? INPUT : colType.toLowerCase();\n });\n\n /**\n * Base path for static assets\n * @type {String}\n */\n this.basePath = defaultsStr(f.base_path, 'tablefilter/');\n\n /*** filters' grid properties ***/\n\n /**\n * Enable/disable filters\n * @type {Boolean}\n */\n this.fltGrid = defaultsBool(f.grid, true);\n\n /**\n * Enable/disable grid layout (fixed headers)\n * @type {Object|Boolean}\n */\n this.gridLayout = isObj(f.grid_layout) || Boolean(f.grid_layout);\n\n /**\n * Filters row index\n * @type {Number}\n */\n this.filtersRowIndex = defaultsNb(f.filters_row_index, 0);\n\n /**\n * Headers row index\n * @type {Number}\n */\n this.headersRow = defaultsNb(f.headers_row_index,\n (this.filtersRowIndex === 0 ? 1 : 0));\n\n /**\n * Define the type of cell containing a filter (td/th)\n * @type {String}\n */\n this.fltCellTag = defaultsStr(f.filters_cell_tag, CELL_TAG);\n\n /**\n * List of filters IDs\n * @type {Array}\n * @private\n */\n this.fltIds = [];\n\n /**\n * List of valid rows indexes (rows visible upon filtering)\n * @type {Array}\n * @private\n */\n this.validRowsIndex = [];\n\n /**\n * Toolbar's container DOM element\n * @type {DOMElement}\n * @private\n */\n this.infDiv = null;\n\n /**\n * Left-side inner container DOM element (rows counter in toolbar)\n * @type {DOMElement}\n * @private\n */\n this.lDiv = null;\n\n /**\n * Right-side inner container DOM element (reset button,\n * page length selector in toolbar)\n * @type {DOMElement}\n * @private\n */\n this.rDiv = null;\n\n /**\n * Middle inner container DOM element (paging elements in toolbar)\n * @type {DOMElement}\n * @private\n */\n this.mDiv = null;\n\n /**\n * Css class for toolbar's container DOM element\n * @type {String}\n */\n this.infDivCssClass = defaultsStr(f.inf_div_css_class, 'inf');\n\n /**\n * Css class for left-side inner container DOM element\n * @type {String}\n */\n this.lDivCssClass = defaultsStr(f.left_div_css_class, 'ldiv');\n\n /**\n * Css class for right-side inner container DOM element\n * @type {String}\n */\n this.rDivCssClass = defaultsStr(f.right_div_css_class, 'rdiv');\n\n /**\n * Css class for middle inner container DOM element\n * @type {String}\n */\n this.mDivCssClass = defaultsStr(f.middle_div_css_class, 'mdiv');\n\n /*** filters' grid appearance ***/\n /**\n * Path for stylesheets\n * @type {String}\n */\n this.stylePath = this.getStylePath();\n\n /**\n * Main stylesheet path\n * @type {String}\n */\n this.stylesheet = this.getStylesheetPath();\n\n /**\n * Main stylesheet ID\n * @type {String}\n * @private\n */\n this.stylesheetId = this.id + '_style';\n\n /**\n * Css class for the filters row\n * @type {String}\n */\n this.fltsRowCssClass = defaultsStr(f.flts_row_css_class, 'fltrow');\n\n /**\n * Enable/disable icons (paging, reset button)\n * @type {Boolean}\n */\n this.enableIcons = defaultsBool(f.enable_icons, true);\n\n /**\n * Enable/disable alternating rows\n * @type {Boolean}\n */\n this.alternateRows = Boolean(f.alternate_rows);\n\n /**\n * Columns widths array\n * @type {Array}\n */\n this.colWidths = defaultsArr(f.col_widths, []);\n\n /**\n * Css class for a filter element\n * @type {String}\n */\n this.fltCssClass = defaultsStr(f.flt_css_class, 'flt');\n\n /**\n * Css class for multiple select filters\n * @type {String}\n */\n this.fltMultiCssClass = defaultsStr(f.flt_multi_css_class, 'flt_multi');\n\n /**\n * Css class for small filter (when submit button is active)\n * @type {String}\n */\n this.fltSmallCssClass = defaultsStr(f.flt_small_css_class, 'flt_s');\n\n /**\n * Css class for single filter type\n * @type {String}\n */\n this.singleFltCssClass = defaultsStr(f.single_flt_css_class,\n 'single_flt');\n\n /*** filters' grid behaviours ***/\n\n /**\n * Enable/disable enter key for input type filters\n * @type {Boolean}\n */\n this.enterKey = defaultsBool(f.enter_key, true);\n\n /**\n * Callback fired before filtering process starts\n * @type {Function}\n */\n this.onBeforeFilter = defaultsFn(f.on_before_filter, EMPTY_FN);\n\n /**\n * Callback fired after filtering process is completed\n * @type {Function}\n */\n this.onAfterFilter = defaultsFn(f.on_after_filter, EMPTY_FN);\n\n /**\n * Enable/disable case sensitivity filtering\n * @type {Boolean}\n */\n this.caseSensitive = Boolean(f.case_sensitive);\n\n /**\n * Indicate whether exact match filtering is enabled on a per column\n * basis\n * @type {Boolean}\n * @private\n */\n this.hasExactMatchByCol = isArray(f.columns_exact_match);\n\n /**\n * Exact match filtering per column array\n * @type {Array}\n */\n this.exactMatchByCol = this.hasExactMatchByCol ?\n f.columns_exact_match : [];\n\n /**\n * Globally enable/disable exact match filtering\n * @type {Boolean}\n */\n this.exactMatch = Boolean(f.exact_match);\n\n /**\n * Ignore diacritics globally or on a column basis\n * @type {Boolean|Array}\n */\n this.ignoreDiacritics = f.ignore_diacritics;\n\n /**\n * Enable/disable linked filters filtering mode\n * @type {Boolean}\n */\n this.linkedFilters = Boolean(f.linked_filters);\n\n /**\n * Enable/disable readonly state for excluded options when\n * linked filters filtering mode is on\n * @type {Boolean}\n */\n this.disableExcludedOptions = Boolean(f.disable_excluded_options);\n\n /**\n * Active filter ID\n * @type {String}\n * @private\n */\n this.activeFilterId = null;\n\n /**\n * Enable/disable always visible rows, excluded from filtering\n * @type {Boolean}\n */\n this.hasVisibleRows = Boolean(f.rows_always_visible);\n\n /**\n * List of row indexes to be excluded from filtering\n * @type {Array}\n */\n this.visibleRows = this.hasVisibleRows ? f.rows_always_visible : [];\n\n /**\n * List of containers IDs where external filters will be generated\n * @type {Array}\n */\n this.externalFltTgtIds = defaultsArr(f.external_flt_grid_ids, []);\n\n /**\n * Callback fired after filters are generated\n * @type {Function}\n */\n this.onFiltersLoaded = defaultsFn(f.on_filters_loaded, EMPTY_FN);\n\n /**\n * Enable/disable single filter filtering all columns\n * @type {Boolean}\n */\n this.singleSearchFlt = Boolean(f.single_filter);\n\n /**\n * Callback fired after a row is validated during filtering\n * @type {Function}\n */\n this.onRowValidated = defaultsFn(f.on_row_validated, EMPTY_FN);\n\n /**\n * Specify which column implements a custom cell parser to retrieve the\n * cell value:\n * cell_parser: {\n * cols: [0, 2],\n * parse: function(tf, cell, colIndex) {\n * // custom cell parser logic here\n * return cellValue;\n * }\n * }\n * @type {Object}\n */\n this.cellParser = isObj(f.cell_parser) && isFn(f.cell_parser.parse) &&\n isArray(f.cell_parser.cols) ?\n f.cell_parser : { cols: [], parse: EMPTY_FN };\n\n /**\n * Global watermark text for input filter type or watermark for each\n * filter if an array is supplied\n * @type {String|Array}\n */\n this.watermark = f.watermark || '';\n\n /**\n * Indicate whether watermark is on a per column basis\n * @type {Boolean}\n * @private\n */\n this.isWatermarkArray = isArray(this.watermark);\n\n /**\n * Toolbar's custom container ID\n * @type {String}\n */\n this.toolBarTgtId = defaultsStr(f.toolbar_target_id, null);\n\n /**\n * Indicate whether help UI component is disabled\n * @type {Boolean}\n */\n this.help = isUndef(f.help_instructions) ? undefined :\n (isObj(f.help_instructions) || Boolean(f.help_instructions));\n\n /**\n * Indicate whether pop-up filters UI is enabled\n * @type {Boolean}\n */\n this.popupFilters = isObj(f.popup_filters) || Boolean(f.popup_filters);\n\n /**\n * Indicate whether filtered (active) columns indicator is enabled\n * @type {Boolean}\n */\n this.markActiveColumns = isObj(f.mark_active_columns) ||\n Boolean(f.mark_active_columns);\n\n /*** select filter's customisation and behaviours ***/\n /**\n * Text for clear option in drop-down filter types (1st option)\n * @type {String|Array}\n */\n this.clearFilterText = defaultsStr(f.clear_filter_text, 'Clear');\n\n /**\n * Indicate whether empty option is enabled in drop-down filter types\n * @type {Boolean}\n */\n this.enableEmptyOption = Boolean(f.enable_empty_option);\n\n /**\n * Text for empty option in drop-down filter types\n * @type {String}\n */\n this.emptyText = defaultsStr(f.empty_text, '(Empty)');\n\n /**\n * Indicate whether non-empty option is enabled in drop-down filter\n * types\n * @type {Boolean}\n */\n this.enableNonEmptyOption = Boolean(f.enable_non_empty_option);\n\n /**\n * Text for non-empty option in drop-down filter types\n * @type {String}\n */\n this.nonEmptyText = defaultsStr(f.non_empty_text, '(Non empty)');\n\n /**\n * Indicate whether drop-down filter types filter the table by default\n * on change event\n * @type {Boolean}\n */\n this.onSlcChange = defaultsBool(f.on_change, true);\n\n /**\n * Make drop-down filter types options sorted in alpha-numeric manner\n * by default globally or on a column basis\n * @type {Boolean|Array}\n */\n this.sortSlc = isUndef(f.sort_select) ? true :\n isArray(f.sort_select) ? f.sort_select : Boolean(f.sort_select);\n\n /**\n * Indicate whether options in drop-down filter types are sorted in a\n * ascending numeric manner\n * @type {Boolean}\n * @private\n */\n this.isSortNumAsc = Boolean(f.sort_num_asc);\n\n /**\n * List of columns implementing options sorting in a ascending numeric\n * manner\n * @type {Array}\n */\n this.sortNumAsc = this.isSortNumAsc ? f.sort_num_asc : [];\n\n /**\n * Indicate whether options in drop-down filter types are sorted in a\n * descending numeric manner\n * @type {Boolean}\n * @private\n */\n this.isSortNumDesc = Boolean(f.sort_num_desc);\n\n /**\n * List of columns implementing options sorting in a descending numeric\n * manner\n * @type {Array}\n */\n this.sortNumDesc = this.isSortNumDesc ? f.sort_num_desc : [];\n\n /**\n * Indicate whether drop-down filter types are populated on demand at\n * first usage\n * @type {Boolean}\n */\n this.loadFltOnDemand = Boolean(f.load_filters_on_demand);\n\n /**\n * Indicate whether custom drop-down filter options are implemented\n * @type {Boolean}\n */\n this.hasCustomOptions = isObj(f.custom_options);\n\n /**\n * Custom options definition of a per column basis, ie:\n *\tcustom_options: {\n * cols:[0, 1],\n * texts: [\n * ['a0', 'b0', 'c0'],\n * ['a1', 'b1', 'c1']\n * ],\n * values: [\n * ['a0', 'b0', 'c0'],\n * ['a1', 'b1', 'c1']\n * ],\n * sorts: [false, true]\n * }\n *\n * @type {Object}\n */\n this.customOptions = f.custom_options;\n\n /*** Filter operators ***/\n /**\n * Regular expression operator for input filter. Defaults to 'rgx:'\n * @type {String}\n */\n this.rgxOperator = defaultsStr(f.regexp_operator, 'rgx:');\n\n /**\n * Empty cells operator for input filter. Defaults to '[empty]'\n * @type {String}\n */\n this.emOperator = defaultsStr(f.empty_operator, '[empty]');\n\n /**\n * Non-empty cells operator for input filter. Defaults to '[nonempty]'\n * @type {String}\n */\n this.nmOperator = defaultsStr(f.nonempty_operator, '[nonempty]');\n\n /**\n * Logical OR operator for input filter. Defaults to '||'\n * @type {String}\n */\n this.orOperator = defaultsStr(f.or_operator, '||');\n\n /**\n * Logical AND operator for input filter. Defaults to '&&'\n * @type {String}\n */\n this.anOperator = defaultsStr(f.and_operator, '&&');\n\n /**\n * Greater than operator for input filter. Defaults to '>'\n * @type {String}\n */\n this.grOperator = defaultsStr(f.greater_operator, '>');\n\n /**\n * Lower than operator for input filter. Defaults to '<'\n * @type {String}\n */\n this.lwOperator = defaultsStr(f.lower_operator, '<');\n\n /**\n * Lower than or equal operator for input filter. Defaults to '<='\n * @type {String}\n */\n this.leOperator = defaultsStr(f.lower_equal_operator, '<=');\n\n /**\n * Greater than or equal operator for input filter. Defaults to '>='\n * @type {String}\n */\n this.geOperator = defaultsStr(f.greater_equal_operator, '>=');\n\n /**\n * Inequality operator for input filter. Defaults to '!'\n * @type {String}\n */\n this.dfOperator = defaultsStr(f.different_operator, '!');\n\n /**\n * Like operator for input filter. Defaults to '*'\n * @type {String}\n */\n this.lkOperator = defaultsStr(f.like_operator, '*');\n\n /**\n * Strict equality operator for input filter. Defaults to '='\n * @type {String}\n */\n this.eqOperator = defaultsStr(f.equal_operator, '=');\n\n /**\n * Starts with operator for input filter. Defaults to '='\n * @type {String}\n */\n this.stOperator = defaultsStr(f.start_with_operator, '{');\n\n /**\n * Ends with operator for input filter. Defaults to '='\n * @type {String}\n */\n this.enOperator = defaultsStr(f.end_with_operator, '}');\n\n // this.curExp = f.cur_exp || '^[¥£€$]';\n\n /**\n * Stored values separator\n * @type {String}\n */\n this.separator = defaultsStr(f.separator, ',');\n\n /**\n * Enable rows counter UI component\n * @type {Boolean|Object}\n */\n this.rowsCounter = isObj(f.rows_counter) || Boolean(f.rows_counter);\n\n /**\n * Enable status bar UI component\n * @type {Boolean|Object}\n */\n this.statusBar = isObj(f.status_bar) || Boolean(f.status_bar);\n\n /**\n * Enable activity/spinner indicator UI component\n * @type {Boolean|Object}\n */\n this.loader = isObj(f.loader) || Boolean(f.loader);\n\n /*** validation - reset buttons/links ***/\n /**\n * Enable filters submission button\n * @type {Boolean}\n */\n this.displayBtn = Boolean(f.btn);\n\n /**\n * Define filters submission button text\n * @type {String}\n */\n this.btnText = defaultsStr(f.btn_text, (!this.enableIcons ? 'Go' : ''));\n\n /**\n * Css class for filters submission button\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class,\n (!this.enableIcons ? 'btnflt' : 'btnflt_icon'));\n\n /**\n * Enable clear button\n * @type {Boolean}\n */\n this.btnReset = Boolean(f.btn_reset);\n\n /**\n * Callback fired before filters are cleared\n * @type {Function}\n */\n this.onBeforeReset = defaultsFn(f.on_before_reset, EMPTY_FN);\n\n /**\n * Callback fired after filters are cleared\n * @type {Function}\n */\n this.onAfterReset = defaultsFn(f.on_after_reset, EMPTY_FN);\n\n /**\n * Enable paging component\n * @type {Object|Boolean}\n */\n this.paging = isObj(f.paging) || Boolean(f.paging);\n\n /**\n * Number of hidden rows\n * @type {Number}\n * @private\n */\n this.nbHiddenRows = 0;\n\n /**\n * Enable auto-filter behaviour, table is filtered when a user\n * stops typing\n * @type {Boolean}\n */\n this.autoFilter = Boolean(f.auto_filter);\n\n /**\n * Auto-filter delay in msecs\n * @type {Number}\n */\n this.autoFilterDelay =\n defaultsNb(f.auto_filter_delay, AUTO_FILTER_DELAY);\n\n /**\n * Indicate whether user is typing\n * @type {Boolean}\n * @private\n */\n this.isUserTyping = null;\n\n /**\n * Auto-filter interval ID\n * @type {String}\n * @private\n */\n this.autoFilterTimer = null;\n\n /**\n * Enable keyword highlighting behaviour\n * @type {Boolean}\n */\n this.highlightKeywords = Boolean(f.highlight_keywords);\n\n /**\n * Enable no results message UI component\n * @type {Object|Boolean}\n */\n this.noResults = isObj(f.no_results_message) ||\n Boolean(f.no_results_message);\n\n /**\n * Enable state persistence\n * @type {Object|Boolean}\n */\n this.state = isObj(f.state) || Boolean(f.state);\n\n /*** data types ***/\n\n /**\n * Enable date type module\n * @type {Boolean}\n * @private\n */\n this.dateType = true;\n\n /**\n * Define default locale, default to 'en' as per Sugar Date module:\n * https://sugarjs.com/docs/#/DateLocales\n * @type {String}\n */\n this.locale = defaultsStr(f.locale, 'en');\n\n /**\n * Define thousands separator ',' or '.', defaults to ','\n * @type {String}\n */\n this.thousandsSeparator = defaultsStr(f.thousands_separator, ',');\n\n /**\n * Define decimal separator ',' or '.', defaults to '.'\n * @type {String}\n */\n this.decimalSeparator = defaultsStr(f.decimal_separator, '.');\n\n /**\n * Define data types on a column basis, possible values 'string',\n * 'number', 'formatted-number', 'date', 'ipaddress' ie:\n * col_types : [\n * 'string', 'date', 'number',\n * { type: 'formatted-number', decimal: ',', thousands: '.' },\n * { type: 'date', locale: 'en-gb' },\n * { type: 'date', format: ['{dd}-{months}-{yyyy|yy}'] }\n * ]\n *\n * Refer to https://sugarjs.com/docs/#/DateParsing for exhaustive\n * information on date parsing formats supported by Sugar Date\n * @type {Array}\n */\n this.colTypes = isArray(f.col_types) ? f.col_types : [];\n\n /*** ids prefixes ***/\n /**\n * Main prefix\n * @private\n */\n this.prfxTf = 'TF';\n\n /**\n * Filter's ID prefix (inputs - selects)\n * @private\n */\n this.prfxFlt = 'flt';\n\n /**\n * Button's ID prefix\n * @private\n */\n this.prfxValButton = 'btn';\n\n /**\n * Toolbar container ID prefix\n * @private\n */\n this.prfxInfDiv = 'inf_';\n\n /**\n * Toolbar left element ID prefix\n * @private\n */\n this.prfxLDiv = 'ldiv_';\n\n /**\n * Toolbar right element ID prefix\n * @private\n */\n this.prfxRDiv = 'rdiv_';\n\n /**\n * Toolbar middle element ID prefix\n * @private\n */\n this.prfxMDiv = 'mdiv_';\n\n /**\n * Responsive Css class\n * @private\n */\n this.prfxResponsive = 'resp';\n\n /*** extensions ***/\n /**\n * List of loaded extensions\n * @type {Array}\n */\n this.extensions = defaultsArr(f.extensions, []);\n\n /*** themes ***/\n /**\n * Enable default theme\n * @type {Boolean}\n */\n this.enableDefaultTheme = Boolean(f.enable_default_theme);\n\n /**\n * Determine whether themes are enables\n * @type {Boolean}\n * @private\n */\n this.hasThemes = (this.enableDefaultTheme || isArray(f.themes));\n\n /**\n * List of themes, ie:\n * themes: [{ name: 'skyblue' }]\n * @type {Array}\n */\n this.themes = defaultsArr(f.themes, []);\n\n /**\n * Define path to themes assets, defaults to\n * 'tablefilter/style/themes/'. Usage:\n * themes: [{ name: 'skyblue' }]\n * @type {Array}\n */\n this.themesPath = this.getThemesPath();\n\n /**\n * Enable responsive layout\n * @type {Boolean}\n */\n this.responsive = Boolean(f.responsive);\n\n /**\n * Features registry\n * @private\n */\n this.Mod = {};\n\n /**\n * Extensions registry\n * @private\n */\n this.ExtRegistry = {};\n\n //conditionally instantiate required features\n this.instantiateFeatures(\n Object.keys(FEATURES).map((item) => FEATURES[item])\n );\n }\n\n /**\n * Initialise features and layout\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n // import main stylesheet\n this.import(this.stylesheetId, this.getStylesheetPath(), null, 'link');\n\n this.nbCells = this.getCellsNb(this.refRow);\n let Mod = this.Mod;\n let n = this.singleSearchFlt ? 1 : this.nbCells;\n let inpclass;\n\n //loads theme\n this.loadThemes();\n\n const { dateType, help, state, markActiveColumns, gridLayout, loader,\n highlightKeyword, popupFilter, rowsCounter, statusBar, clearButton,\n alternateRows, noResults, paging } = FEATURES;\n\n //explicitly initialise features in given order\n this.initFeatures([\n dateType,\n help,\n state,\n markActiveColumns,\n gridLayout,\n loader,\n highlightKeyword,\n popupFilter\n ]);\n\n //filters grid is not generated\n if (!this.fltGrid) {\n this._initNoFilters();\n } else {\n let fltrow = this._insertFiltersRow();\n\n this.nbFilterableRows = this.getRowsNb();\n\n // Generate filters\n for (let i = 0; i < n; i++) {\n this.emitter.emit('before-filter-init', this, i);\n\n let fltCell = createElm(this.fltCellTag),\n col = this.getFilterType(i);\n\n if (this.singleSearchFlt) {\n fltCell.colSpan = this.nbCells;\n }\n if (!this.gridLayout) {\n fltrow.appendChild(fltCell);\n }\n inpclass = (i === n - 1 && this.displayBtn) ?\n this.fltSmallCssClass : this.fltCssClass;\n\n //only 1 input for single search\n if (this.singleSearchFlt) {\n col = INPUT;\n inpclass = this.singleFltCssClass;\n }\n\n //drop-down filters\n if (col === SELECT || col === MULTIPLE) {\n Mod.dropdown = Mod.dropdown || new Dropdown(this);\n Mod.dropdown.init(i, this.isExternalFlt(), fltCell);\n }\n // checklist\n else if (col === CHECKLIST) {\n Mod.checkList = Mod.checkList || new CheckList(this);\n Mod.checkList.init(i, this.isExternalFlt(), fltCell);\n } else {\n this._buildInputFilter(i, inpclass, fltCell);\n }\n\n // this adds submit button\n if (i === n - 1 && this.displayBtn) {\n this._buildSubmitButton(\n this.isExternalFlt() ?\n elm(this.externalFltTgtIds[i]) :\n fltCell\n );\n }\n\n this.emitter.emit('after-filter-init', this, i);\n }\n\n this.emitter.on(['filter-focus'],\n (tf, filter) => this.setActiveFilterId(filter.id));\n\n }//if this.fltGrid\n\n /* Features */\n if (this.hasVisibleRows) {\n this.emitter.on(['after-filtering'],\n () => this.enforceVisibility());\n this.enforceVisibility();\n }\n\n this.initFeatures([\n rowsCounter,\n statusBar,\n clearButton,\n alternateRows,\n noResults,\n paging\n ]);\n\n this.setColWidths();\n\n //TF css class is added to table\n if (!this.gridLayout) {\n addClass(this.dom(), this.prfxTf);\n if (this.responsive) {\n addClass(this.dom(), this.prfxResponsive);\n }\n }\n\n /* Load extensions */\n this.initExtensions();\n\n // Subscribe to events\n if (this.linkedFilters) {\n this.emitter.on(['after-filtering'], () => this.linkFilters());\n }\n\n this.initialized = true;\n\n this.onFiltersLoaded(this);\n\n this.emitter.emit('initialized', this);\n }\n\n /**\n * Detect key\n * @param {Event} evt\n */\n detectKey(evt) {\n if (!this.enterKey) {\n return;\n }\n if (evt) {\n let key = keyCode(evt);\n if (key === ENTER_KEY) {\n this.filter();\n cancelEvt(evt);\n stopEvt(evt);\n } else {\n this.isUserTyping = true;\n root.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n }\n }\n\n /**\n * Filter's keyup event: if auto-filter on, detect user is typing and filter\n * columns\n * @param {Event} evt\n */\n onKeyUp(evt) {\n if (!this.autoFilter) {\n return;\n }\n let key = keyCode(evt);\n this.isUserTyping = false;\n\n function filter() {\n root.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n if (!this.isUserTyping) {\n this.filter();\n this.isUserTyping = null;\n }\n }\n\n if (key !== ENTER_KEY && key !== TAB_KEY && key !== ESC_KEY &&\n key !== UP_ARROW_KEY && key !== DOWN_ARROW_KEY) {\n if (this.autoFilterTimer === null) {\n this.autoFilterTimer = root.setInterval(filter.bind(this),\n this.autoFilterDelay);\n }\n } else {\n root.clearInterval(this.autoFilterTimer);\n this.autoFilterTimer = null;\n }\n }\n\n /**\n * Filter's keydown event: if auto-filter on, detect user is typing\n */\n onKeyDown() {\n if (this.autoFilter) {\n this.isUserTyping = true;\n }\n }\n\n /**\n * Filter's focus event\n * @param {Event} evt\n */\n onInpFocus(evt) {\n let elm = targetEvt(evt);\n this.emitter.emit('filter-focus', this, elm);\n }\n\n /**\n * Filter's blur event: if auto-filter on, clear interval on filter blur\n */\n onInpBlur() {\n if (this.autoFilter) {\n this.isUserTyping = false;\n root.clearInterval(this.autoFilterTimer);\n }\n this.emitter.emit('filter-blur', this);\n }\n\n /**\n * Insert filters row at initialization\n */\n _insertFiltersRow() {\n // TODO: prevent filters row generation for popup filters too,\n // to reduce and simplify headers row index adjusting across lib modules\n // (GridLayout, PopupFilter etc)\n if (this.gridLayout) {\n return;\n }\n let fltrow;\n\n let thead = tag(this.dom(), 'thead');\n if (thead.length > 0) {\n fltrow = thead[0].insertRow(this.filtersRowIndex);\n } else {\n fltrow = this.dom().insertRow(this.filtersRowIndex);\n }\n\n fltrow.className = this.fltsRowCssClass;\n\n if (this.isExternalFlt()) {\n fltrow.style.display = NONE;\n }\n\n this.emitter.emit('filters-row-inserted', this, fltrow);\n return fltrow;\n }\n\n /**\n * Initialize filtersless table\n */\n _initNoFilters() {\n if (this.fltGrid) {\n return;\n }\n this.refRow = this.refRow > 0 ? this.refRow - 1 : 0;\n this.nbFilterableRows = this.getRowsNb();\n }\n\n /**\n * Build input filter type\n * @param {Number} colIndex Column index\n * @param {String} cssClass Css class applied to filter\n * @param {DOMElement} container Container DOM element\n */\n _buildInputFilter(colIndex, cssClass, container) {\n let col = this.getFilterType(colIndex);\n let externalFltTgtId = this.isExternalFlt() ?\n this.externalFltTgtIds[colIndex] : null;\n let inpType = col === INPUT ? 'text' : 'hidden';\n let inp = createElm(INPUT,\n ['id', this.buildFilterId(colIndex)],\n ['type', inpType], ['ct', colIndex]);\n\n if (inpType !== 'hidden' && this.watermark) {\n inp.setAttribute('placeholder',\n this.isWatermarkArray ? (this.watermark[colIndex] || '') :\n this.watermark\n );\n }\n inp.className = cssClass || this.fltCssClass;\n addEvt(inp, 'focus', (evt) => this.onInpFocus(evt));\n\n //filter is appended in custom element\n if (externalFltTgtId) {\n elm(externalFltTgtId).appendChild(inp);\n } else {\n container.appendChild(inp);\n }\n\n this.fltIds.push(inp.id);\n\n addEvt(inp, 'keypress', (evt) => this.detectKey(evt));\n addEvt(inp, 'keydown', () => this.onKeyDown());\n addEvt(inp, 'keyup', (evt) => this.onKeyUp(evt));\n addEvt(inp, 'blur', () => this.onInpBlur());\n }\n\n /**\n * Build submit button\n * @param {DOMElement} container Container DOM element\n */\n _buildSubmitButton(container) {\n let btn = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnText]\n );\n btn.className = this.btnCssClass;\n\n //filter is appended in container element\n container.appendChild(btn);\n\n addEvt(btn, 'click', () => this.filter());\n }\n\n /**\n * Istantiate the collection of features required by the\n * configuration and add them to the features registry. A feature is\n * described by a `class` and `name` fields and and optional `property`\n * field:\n * {\n * class: AClass,\n * name: 'aClass'\n * }\n * @param {Array} [features=[]]\n * @private\n */\n instantiateFeatures(features = []) {\n features.forEach((feature) => {\n // TODO: remove the property field.\n // Due to naming convention inconsistencies, a `property`\n // field is added to allow a conditional instanciation based\n // on that property on TableFilter, if supplied.\n feature.property = feature.property || feature.name;\n if (!this.hasConfig || this[feature.property] === true ||\n feature.enforce === true) {\n let {class: Cls, name} = feature;\n\n this.Mod[name] = this.Mod[name] || new Cls(this);\n }\n });\n }\n\n /**\n * Initialise the passed features collection. A feature is described by a\n * `class` and `name` fields and and optional `property` field:\n * {\n * class: AClass,\n * name: 'aClass'\n * }\n * @param {Array} [features=[]]\n * @private\n */\n initFeatures(features = []) {\n features.forEach((feature) => {\n let {property, name} = feature;\n if (this[property] === true && this.Mod[name]) {\n this.Mod[name].init();\n }\n });\n }\n\n /**\n * Return a feature instance for a given name\n * @param {String} name Name of the feature\n * @return {Object}\n */\n feature(name) {\n return this.Mod[name];\n }\n\n /**\n * Initialise all the extensions defined in the configuration object\n */\n initExtensions() {\n let exts = this.extensions;\n if (exts.length === 0) {\n return;\n }\n\n // Set config's publicPath dynamically for Webpack...\n __webpack_public_path__ = this.basePath;\n\n this.emitter.emit('before-loading-extensions', this);\n for (let i = 0, len = exts.length; i < len; i++) {\n let ext = exts[i];\n this.loadExtension(ext);\n }\n this.emitter.emit('after-loading-extensions', this);\n }\n\n /**\n * Load an extension module\n * @param {Object} ext Extension config object\n */\n loadExtension(ext) {\n if (!ext || !ext.name || this.hasExtension(ext.name)) {\n return;\n }\n\n let name = ext.name;\n let path = ext.path;\n let modulePath;\n\n if (name && path) {\n modulePath = ext.path + name;\n } else {\n name = name.replace('.js', '');\n modulePath = 'extensions/{}/{}'.replace(/{}/g, name);\n }\n\n // Require pattern for Webpack\n require(['./' + modulePath], (mod) => {\n /* eslint-disable */\n let inst = new mod.default(this, ext);\n /* eslint-enable */\n inst.init();\n this.ExtRegistry[name] = inst;\n });\n }\n\n /**\n * Get an extension instance\n * @param {String} name Name of the extension\n * @return {Object} Extension instance\n */\n extension(name) {\n return this.ExtRegistry[name];\n }\n\n /**\n * Check passed extension name exists\n * @param {String} name Name of the extension\n * @return {Boolean}\n */\n hasExtension(name) {\n return !isEmpty(this.ExtRegistry[name]);\n }\n\n /**\n * Register the passed extension instance with associated name\n * @param {Object} inst Extension instance\n * @param {String} name Name of the extension\n */\n registerExtension(inst, name) {\n this.ExtRegistry[name] = inst;\n }\n\n /**\n * Destroy all the extensions store in extensions registry\n */\n destroyExtensions() {\n let reg = this.ExtRegistry;\n\n Object.keys(reg).forEach((key) => {\n reg[key].destroy();\n reg[key] = undefined;\n });\n }\n\n /**\n * Load themes defined in the configuration object\n */\n loadThemes() {\n if (!this.hasThemes) {\n return;\n }\n\n let themes = this.themes;\n this.emitter.emit('before-loading-themes', this);\n\n //Default theme config\n if (this.enableDefaultTheme) {\n let defaultTheme = { name: 'default' };\n this.themes.push(defaultTheme);\n }\n if (isArray(themes)) {\n for (let i = 0, len = themes.length; i < len; i++) {\n let theme = themes[i];\n let name = theme.name;\n let path = theme.path;\n let styleId = this.prfxTf + name;\n if (name && !path) {\n path = this.themesPath + name + '/' + name + '.css';\n }\n else if (!name && theme.path) {\n name = 'theme{0}'.replace('{0}', i);\n }\n\n if (!this.isImported(path, 'link')) {\n this.import(styleId, path, null, 'link');\n }\n }\n }\n\n // Enable loader indicator\n this.loader = true;\n\n this.emitter.emit('after-loading-themes', this);\n }\n\n /**\n * Return stylesheet DOM element for a given theme name\n * @return {DOMElement} stylesheet element\n */\n getStylesheet(name = 'default') {\n return elm(this.prfxTf + name);\n }\n\n /**\n * Destroy filter grid\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let emitter = this.emitter;\n\n if (this.isExternalFlt() && !this.popupFilters) {\n this.removeExternalFlts();\n }\n\n this.removeToolbar();\n\n this.destroyExtensions();\n\n this.validateAllRows();\n\n // broadcast destroy event modules and extensions are subscribed to\n emitter.emit('destroy', this);\n\n if (this.fltGrid && !this.gridLayout) {\n this.dom().deleteRow(this.filtersRowIndex);\n }\n\n // unsubscribe to events\n if (this.hasVisibleRows) {\n emitter.off(['after-filtering'], () => this.enforceVisibility());\n }\n if (this.linkedFilters) {\n emitter.off(['after-filtering'], () => this.linkFilters());\n }\n this.emitter.off(['filter-focus'],\n (tf, filter) => this.setActiveFilterId(filter.id));\n\n removeClass(this.dom(), this.prfxTf);\n removeClass(this.dom(), this.prfxResponsive);\n\n this.nbHiddenRows = 0;\n this.validRowsIndex = [];\n this.fltIds = [];\n this.initialized = false;\n }\n\n /**\n * Generate container element for paging, reset button, rows counter etc.\n */\n setToolbar() {\n if (this.infDiv) {\n return;\n }\n\n /*** container div ***/\n let infDiv = createElm('div');\n infDiv.className = this.infDivCssClass;\n\n //custom container\n if (this.toolBarTgtId) {\n elm(this.toolBarTgtId).appendChild(infDiv);\n }\n //grid-layout\n else if (this.gridLayout) {\n let gridLayout = this.Mod.gridLayout;\n gridLayout.tblMainCont.appendChild(infDiv);\n infDiv.className = gridLayout.infDivCssClass;\n }\n //default location: just above the table\n else {\n let cont = createElm('caption');\n cont.appendChild(infDiv);\n this.dom().insertBefore(cont, this.dom().firstChild);\n }\n this.infDiv = infDiv;\n\n /*** left div containing rows # displayer ***/\n let lDiv = createElm('div');\n lDiv.className = this.lDivCssClass;\n infDiv.appendChild(lDiv);\n this.lDiv = lDiv;\n\n /*** right div containing reset button\n + nb results per page select ***/\n let rDiv = createElm('div');\n rDiv.className = this.rDivCssClass;\n infDiv.appendChild(rDiv);\n this.rDiv = rDiv;\n\n /*** mid div containing paging elements ***/\n let mDiv = createElm('div');\n mDiv.className = this.mDivCssClass;\n infDiv.appendChild(mDiv);\n this.mDiv = mDiv;\n\n // emit help initialisation only if undefined\n if (isUndef(this.help)) {\n // explicitily enable help to initialise feature by\n // default, only if setting is undefined\n this.Mod.help.enable();\n this.emitter.emit('init-help', this);\n }\n }\n\n /**\n * Remove toolbar container element\n */\n removeToolbar() {\n if (!this.infDiv) {\n return;\n }\n removeElm(this.infDiv);\n this.infDiv = null;\n\n let tbl = this.dom();\n let captions = tag(tbl, 'caption');\n [].forEach.call(captions, (elm) => removeElm(elm));\n }\n\n /**\n * Remove all the external column filters\n */\n removeExternalFlts() {\n if (!this.isExternalFlt()) {\n return;\n }\n let ids = this.externalFltTgtIds,\n len = ids.length;\n for (let ct = 0; ct < len; ct++) {\n let externalFltTgtId = ids[ct],\n externalFlt = elm(externalFltTgtId);\n if (externalFlt) {\n externalFlt.innerHTML = '';\n }\n }\n }\n\n /**\n * Check if given column implements a filter with custom options\n * @param {Number} colIndex Column's index\n * @return {Boolean}\n */\n isCustomOptions(colIndex) {\n return this.hasCustomOptions &&\n this.customOptions.cols.indexOf(colIndex) !== -1;\n }\n\n /**\n * Returns an array [[value0, value1 ...],[text0, text1 ...]] with the\n * custom options values and texts\n * @param {Number} colIndex Column's index\n * @return {Array}\n */\n getCustomOptions(colIndex) {\n if (isEmpty(colIndex) || !this.isCustomOptions(colIndex)) {\n return;\n }\n\n let customOptions = this.customOptions;\n let cols = customOptions.cols;\n let optTxt = [], optArray = [];\n let index = cols.indexOf(colIndex);\n let slcValues = customOptions.values[index];\n let slcTexts = customOptions.texts[index];\n let slcSort = customOptions.sorts[index];\n\n for (let r = 0, len = slcValues.length; r < len; r++) {\n optArray.push(slcValues[r]);\n if (slcTexts[r]) {\n optTxt.push(slcTexts[r]);\n } else {\n optTxt.push(slcValues[r]);\n }\n }\n if (slcSort) {\n optArray.sort();\n optTxt.sort();\n }\n return [optArray, optTxt];\n }\n\n /**\n * Filter the table by retrieving the data from each cell in every single\n * row and comparing it to the search term for current column. A row is\n * hidden when all the search terms are not found in inspected row.\n */\n filter() {\n if (!this.fltGrid || !this.initialized) {\n return;\n }\n //fire onbefore callback\n this.onBeforeFilter(this);\n this.emitter.emit('before-filtering', this);\n\n let row = this.dom().rows,\n nbRows = this.getRowsNb(true),\n hiddenRows = 0;\n\n this.validRowsIndex = [];\n // search args re-init\n let searchArgs = this.getFiltersValue();\n\n for (let k = this.refRow; k < nbRows; k++) {\n // already filtered rows display re-init\n row[k].style.display = '';\n\n let cells = row[k].cells;\n let nchilds = cells.length;\n\n // checks if row has exact cell #\n if (nchilds !== this.nbCells) {\n continue;\n }\n\n let occurence = [],\n isRowValid = true,\n //only for single filter search\n singleFltRowValid = false;\n\n // this loop retrieves cell data\n for (let j = 0; j < nchilds; j++) {\n //searched keyword\n let sA = searchArgs[this.singleSearchFlt ? 0 : j];\n\n if (sA === '') {\n continue;\n }\n\n let cellValue = matchCase(this.getCellValue(cells[j]),\n this.caseSensitive);\n\n //multiple search parameter operator ||\n let sAOrSplit = sA.toString().split(this.orOperator),\n //multiple search || parameter boolean\n hasMultiOrSA = sAOrSplit.length > 1,\n //multiple search parameter operator &&\n sAAndSplit = sA.toString().split(this.anOperator),\n //multiple search && parameter boolean\n hasMultiAndSA = sAAndSplit.length > 1;\n\n //detect operators or array query\n if (isArray(sA) || hasMultiOrSA || hasMultiAndSA) {\n let cS,\n s,\n occur = false;\n if (isArray(sA)) {\n s = sA;\n } else {\n s = hasMultiOrSA ? sAOrSplit : sAAndSplit;\n }\n // isolate search term and check occurence in cell data\n for (let w = 0, len = s.length; w < len; w++) {\n cS = trim(s[w]);\n occur = this._testTerm(cS, cellValue, j);\n\n if (occur) {\n this.emitter.emit('highlight-keyword', this,\n cells[j], cS);\n }\n if ((hasMultiOrSA && occur) ||\n (hasMultiAndSA && !occur)) {\n break;\n }\n if (isArray(sA) && occur) {\n break;\n }\n }\n occurence[j] = occur;\n\n }\n //single search parameter\n else {\n occurence[j] = this._testTerm(trim(sA), cellValue, j);\n if (occurence[j]) {\n this.emitter.emit('highlight-keyword', this, cells[j],\n sA);\n }\n }//else single param\n\n if (!occurence[j]) {\n isRowValid = false;\n }\n if (this.singleSearchFlt && occurence[j]) {\n singleFltRowValid = true;\n }\n\n this.emitter.emit('cell-processed', this, j, cells[j]);\n }//for j\n\n if (this.singleSearchFlt && singleFltRowValid) {\n isRowValid = true;\n }\n\n this.validateRow(k, isRowValid);\n if (!isRowValid) {\n hiddenRows++;\n }\n\n this.emitter.emit('row-processed', this, k,\n this.validRowsIndex.length, isRowValid);\n }// for k\n\n this.nbHiddenRows = hiddenRows;\n\n //fire onafterfilter callback\n this.onAfterFilter(this);\n\n this.emitter.emit('after-filtering', this, searchArgs);\n }\n\n /**\n * Test for a match of search term in cell data\n * @param {String} term Search term\n * @param {String} cellValue Cell data\n * @param {Number} colIdx Column index\n * @return {Boolean}\n */\n _testTerm(term, cellValue, colIdx) {\n let numData;\n let decimal = this.getDecimal(colIdx);\n let reLe = new RegExp(this.leOperator),\n reGe = new RegExp(this.geOperator),\n reL = new RegExp(this.lwOperator),\n reG = new RegExp(this.grOperator),\n reD = new RegExp(this.dfOperator),\n reLk = new RegExp(rgxEsc(this.lkOperator)),\n reEq = new RegExp(this.eqOperator),\n reSt = new RegExp(this.stOperator),\n reEn = new RegExp(this.enOperator),\n // re_an = new RegExp(this.anOperator),\n // re_cr = new RegExp(this.curExp),\n reEm = this.emOperator,\n reNm = this.nmOperator,\n reRe = new RegExp(rgxEsc(this.rgxOperator));\n\n term = matchCase(term, this.caseSensitive);\n\n let occurence = false;\n\n //Search arg operator tests\n let hasLO = reL.test(term),\n hasLE = reLe.test(term),\n hasGR = reG.test(term),\n hasGE = reGe.test(term),\n hasDF = reD.test(term),\n hasEQ = reEq.test(term),\n hasLK = reLk.test(term),\n // hatermN = re_an.test(term),\n hasST = reSt.test(term),\n hasEN = reEn.test(term),\n hasEM = (reEm === term),\n hasNM = (reNm === term),\n hasRE = reRe.test(term);\n\n // Check for dates or resolve date type\n if (this.hasType(colIdx, [DATE])) {\n let dte1, dte2;\n\n let dateType = this.Mod.dateType;\n let isValidDate = dateType.isValid.bind(dateType);\n let parseDate = dateType.parse.bind(dateType);\n let locale = dateType.getLocale(colIdx);\n\n // Search arg dates tests\n let isLDate = hasLO &&\n isValidDate(term.replace(reL, ''), locale);\n let isLEDate = hasLE &&\n isValidDate(term.replace(reLe, ''), locale);\n let isGDate = hasGR &&\n isValidDate(term.replace(reG, ''), locale);\n let isGEDate = hasGE &&\n isValidDate(term.replace(reGe, ''), locale);\n let isDFDate = hasDF &&\n isValidDate(term.replace(reD, ''), locale);\n let isEQDate = hasEQ &&\n isValidDate(term.replace(reEq, ''), locale);\n\n dte1 = parseDate(cellValue, locale);\n\n // lower equal date\n if (isLEDate) {\n dte2 = parseDate(term.replace(reLe, ''), locale);\n occurence = dte1 <= dte2;\n }\n // lower date\n else if (isLDate) {\n dte2 = parseDate(term.replace(reL, ''), locale);\n occurence = dte1 < dte2;\n }\n // greater equal date\n else if (isGEDate) {\n dte2 = parseDate(term.replace(reGe, ''), locale);\n occurence = dte1 >= dte2;\n }\n // greater date\n else if (isGDate) {\n dte2 = parseDate(term.replace(reG, ''), locale);\n occurence = dte1 > dte2;\n }\n // different date\n else if (isDFDate) {\n dte2 = parseDate(term.replace(reD, ''), locale);\n occurence = dte1.toString() !== dte2.toString();\n }\n // equal date\n else if (isEQDate) {\n dte2 = parseDate(term.replace(reEq, ''), locale);\n occurence = dte1.toString() === dte2.toString();\n }\n // searched keyword with * operator doesn't have to be a date\n else if (reLk.test(term)) {// like date\n occurence = contains(term.replace(reLk, ''), cellValue,\n false, this.caseSensitive);\n }\n else if (isValidDate(term)) {\n dte2 = parseDate(term, locale);\n occurence = dte1.toString() === dte2.toString();\n }\n //empty\n else if (hasEM) {\n occurence = isEmptyString(cellValue);\n }\n //non-empty\n else if (hasNM) {\n occurence = !isEmptyString(cellValue);\n } else {\n occurence = contains(term, cellValue,\n this.isExactMatch(colIdx), this.caseSensitive);\n }\n } else {\n // Convert to number anyways to auto-resolve type in case not\n // defined by configuration. Order is important first try to\n // parse formatted number then fallback to Number coercion\n // to avoid false positives with Number\n numData = parseNb(cellValue, decimal) || Number(cellValue);\n\n // first checks if there is any operator (<,>,<=,>=,!,*,=,{,},\n // rgx:)\n // lower equal\n if (hasLE) {\n occurence = numData <= parseNb(\n term.replace(reLe, ''),\n decimal\n );\n }\n //greater equal\n else if (hasGE) {\n occurence = numData >= parseNb(\n term.replace(reGe, ''),\n decimal\n );\n }\n //lower\n else if (hasLO) {\n occurence = numData < parseNb(\n term.replace(reL, ''),\n decimal\n );\n }\n //greater\n else if (hasGR) {\n occurence = numData > parseNb(\n term.replace(reG, ''),\n decimal\n );\n }\n //different\n else if (hasDF) {\n occurence = contains(term.replace(reD, ''), cellValue,\n false, this.caseSensitive) ? false : true;\n }\n //like\n else if (hasLK) {\n occurence = contains(term.replace(reLk, ''), cellValue,\n false, this.caseSensitive);\n }\n //equal\n else if (hasEQ) {\n occurence = contains(term.replace(reEq, ''), cellValue,\n true, this.caseSensitive);\n }\n //starts with\n else if (hasST) {\n occurence = cellValue.indexOf(term.replace(reSt, '')) === 0 ?\n true : false;\n }\n //ends with\n else if (hasEN) {\n let searchArg = term.replace(reEn, '');\n occurence =\n cellValue.lastIndexOf(searchArg, cellValue.length - 1) ===\n (cellValue.length - 1) - (searchArg.length - 1) &&\n cellValue.lastIndexOf(searchArg, cellValue.length - 1)\n > -1 ? true : false;\n }\n //empty\n else if (hasEM) {\n occurence = isEmptyString(cellValue);\n }\n //non-empty\n else if (hasNM) {\n occurence = !isEmptyString(cellValue);\n }\n //regexp\n else if (hasRE) {\n //in case regexp throws\n try {\n //operator is removed\n let srchArg = term.replace(reRe, '');\n let rgx = new RegExp(srchArg);\n occurence = rgx.test(cellValue);\n } catch (ex) {\n occurence = false;\n }\n } else {\n // If numeric type data, perform a strict equality test and\n // fallback to unformatted number string comparison\n if (numData &&\n this.hasType(colIdx, [NUMBER, FORMATTED_NUMBER]) &&\n !this.singleSearchFlt) {\n // parseNb can return 0 for strings which are not\n // formatted numbers, in that case return the original\n // string. TODO: handle this in parseNb\n term = parseNb(term, decimal) || term;\n occurence = numData === term ||\n contains(term.toString(), numData.toString(),\n this.isExactMatch(colIdx), this.caseSensitive);\n } else {\n // Finally test search term is contained in cell data\n occurence = contains(\n term,\n cellValue,\n this.isExactMatch(colIdx),\n this.caseSensitive,\n this.ignoresDiacritics(colIdx)\n );\n }\n }\n\n }//else\n\n return occurence;\n }\n\n /**\n * Return the data of a specified column\n * @param {Number} colIndex Column index\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Arrat} [exclude=[]] List of row indexes to be excluded\n * @return Flat list of data for a column\n */\n getColumnData(colIndex, includeHeaders = false, exclude = []) {\n return this.getColValues(colIndex, includeHeaders, true, exclude);\n }\n\n /**\n * Return the values of a specified column\n * @param {Number} colIndex Column index\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Arrat} [exclude=[]] List of row indexes to be excluded\n * @return Flat list of values for a column\n */\n getColumnValues(colIndex, includeHeaders = false, exclude = []) {\n return this.getColValues(colIndex, includeHeaders, false, exclude);\n }\n\n /**\n * Return the data of a specified column\n * @param {Number} colIndex Column index\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [typed=false] Return a typed value\n * @param {Array} [exclude=[]] List of row indexes to be excluded\n * @return {Array} Flat list of data for a column\n * @private\n */\n getColValues(\n colIndex,\n includeHeaders = false,\n typed = false,\n exclude = []\n ) {\n let row = this.dom().rows;\n let nbRows = this.getRowsNb(true);\n let colValues = [];\n let getContent = typed ? this.getCellData.bind(this) :\n this.getCellValue.bind(this);\n\n if (includeHeaders) {\n colValues.push(this.getHeadersText()[colIndex]);\n }\n\n for (let i = this.refRow; i < nbRows; i++) {\n let isExludedRow = false;\n // checks if current row index appears in exclude array\n if (exclude.length > 0) {\n isExludedRow = exclude.indexOf(i) !== -1;\n }\n let cell = row[i].cells,\n nchilds = cell.length;\n\n // checks if row has exact cell # and is not excluded\n if (nchilds === this.nbCells && !isExludedRow) {\n let data = getContent(cell[colIndex]);\n colValues.push(data);\n }\n }\n return colValues;\n }\n\n /**\n * Return the filter's value of a specified column\n * @param {Number} index Column index\n * @return {String} Filter value\n */\n getFilterValue(index) {\n if (!this.fltGrid) {\n return;\n }\n let fltValue = '';\n let flt = this.getFilterElement(index);\n if (!flt) {\n return fltValue;\n }\n\n let fltColType = this.getFilterType(index);\n if (fltColType !== MULTIPLE && fltColType !== CHECKLIST) {\n fltValue = flt.value;\n }\n //mutiple select\n else if (fltColType === MULTIPLE) {\n fltValue = this.feature('dropdown').getValues(index);\n }\n //checklist\n else if (fltColType === CHECKLIST) {\n fltValue = this.feature('checkList').getValues(index);\n }\n //return an empty string if collection is empty or contains a single\n //empty string\n if (isArray(fltValue) && fltValue.length === 0 ||\n (fltValue.length === 1 && fltValue[0] === '')) {\n fltValue = '';\n }\n\n return fltValue;\n }\n\n /**\n * Return the filters' values\n * @return {Array} List of filters' values\n */\n getFiltersValue() {\n if (!this.fltGrid) {\n return;\n }\n let searchArgs = [];\n for (let i = 0, len = this.fltIds.length; i < len; i++) {\n let fltValue = this.getFilterValue(i);\n if (isArray(fltValue)) {\n searchArgs.push(fltValue);\n } else {\n searchArgs.push(trim(fltValue));\n }\n }\n return searchArgs;\n }\n\n /**\n * Return the ID of a specified column's filter\n * @param {Number} index Column's index\n * @return {String} ID of the filter element\n */\n getFilterId(index) {\n if (!this.fltGrid) {\n return;\n }\n return this.fltIds[index];\n }\n\n /**\n * Return the list of ids of filters matching a specified type.\n * Note: hidden filters are also returned\n *\n * @param {String} type Filter type string ('input', 'select', 'multiple',\n * 'checklist')\n * @param {Boolean} bool If true returns columns indexes instead of IDs\n * @return {[type]} List of element IDs or column indexes\n */\n getFiltersByType(type, bool) {\n if (!this.fltGrid) {\n return;\n }\n let arr = [];\n for (let i = 0, len = this.fltIds.length; i < len; i++) {\n let fltType = this.getFilterType(i);\n if (fltType === type.toLowerCase()) {\n let a = bool ? i : this.fltIds[i];\n arr.push(a);\n }\n }\n return arr;\n }\n\n /**\n * Return the filter's DOM element for a given column\n * @param {Number} index Column's index\n * @return {DOMElement}\n */\n getFilterElement(index) {\n let fltId = this.fltIds[index];\n return elm(fltId);\n }\n\n /**\n * Return the number of cells for a given row index\n * @param {Number} rowIndex Index of the row\n * @return {Number} Number of cells\n */\n getCellsNb(rowIndex = 0) {\n let tr = this.dom().rows[rowIndex >= 0 ? rowIndex : 0];\n return tr ? tr.cells.length : 0;\n }\n\n /**\n * Return the number of filterable rows starting from reference row if\n * defined\n * @param {Boolean} includeHeaders Include the headers row\n * @return {Number} Number of filterable rows\n */\n getRowsNb(includeHeaders) {\n let s = includeHeaders === true ? 0 : this.refRow;\n let ntrs = this.dom().rows.length;\n return parseInt(ntrs - s, 10);\n }\n\n\n /**\n * Return the text content of a given cell\n * @param {DOMElement} Cell's DOM element\n * @return {String}\n */\n getCellValue(cell) {\n let idx = cell.cellIndex;\n let cellParser = this.cellParser;\n // Invoke cellParser for this column if any\n if (cellParser.cols.indexOf(idx) !== -1) {\n return cellParser.parse(this, cell, idx);\n } else {\n return getText(cell);\n }\n }\n\n /**\n * Return the typed data of a given cell based on the column type definition\n * @param {DOMElement} cell Cell's DOM element\n * @return {String|Number|Date}\n */\n getCellData(cell) {\n let colIndex = cell.cellIndex;\n let value = this.getCellValue(cell);\n\n if (this.hasType(colIndex, [FORMATTED_NUMBER])) {\n return parseNb(value, this.getDecimal(colIndex));\n }\n else if (this.hasType(colIndex, [NUMBER])) {\n return Number(value);\n }\n else if (this.hasType(colIndex, [DATE])){\n let dateType = this.Mod.dateType;\n return dateType.parse(value, dateType.getLocale(colIndex));\n }\n\n return value;\n }\n\n /**\n * Return the table data based on its columns data type definitions\n * with following structure:\n * [\n * [rowIndex, [data0, data1...]],\n * [rowIndex, [data0, data1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @return {Array}\n */\n getData(includeHeaders = false, excludeHiddenCols = false) {\n return this.getTableData(includeHeaders, excludeHiddenCols, true);\n }\n\n /**\n * Return the table values with following structure:\n * [\n * [rowIndex, [value0, value1...]],\n * [rowIndex, [value0, value1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @return {Array}\n */\n getValues(includeHeaders = false, excludeHiddenCols = false) {\n return this.getTableData(includeHeaders, excludeHiddenCols, false);\n }\n\n /**\n * Return the table data with following structure:\n * [\n * [rowIndex, [value0, value1...]],\n * [rowIndex, [value0, value1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @param {Boolean} [typed=false] Return typed value\n * @return {Array}\n * @private\n *\n * TODO: provide an API returning data in JSON format\n */\n getTableData(\n includeHeaders = false,\n excludeHiddenCols = false,\n typed = false\n ) {\n let rows = this.dom().rows;\n let nbRows = this.getRowsNb(true);\n let tblData = [];\n let getContent = typed ? this.getCellData.bind(this) :\n this.getCellValue.bind(this);\n\n if (includeHeaders) {\n let headers = this.getHeadersText(excludeHiddenCols);\n tblData.push([this.getHeadersRowIndex(), headers]);\n }\n for (let k = this.refRow; k < nbRows; k++) {\n let rowData = [k, []];\n let cells = rows[k].cells;\n for (let j = 0, len = cells.length; j < len; j++) {\n if (excludeHiddenCols && this.hasExtension('colsVisibility')) {\n if (this.extension('colsVisibility').isColHidden(j)) {\n continue;\n }\n }\n let cellValue = getContent(cells[j]);\n rowData[1].push(cellValue);\n }\n tblData.push(rowData);\n }\n return tblData;\n }\n\n /**\n * Return the filtered table data based on its columns data type definitions\n * with following structure:\n * [\n * [rowIndex, [data0, data1...]],\n * [rowIndex, [data0, data1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @return {Array}\n *\n * TODO: provide an API returning data in JSON format\n */\n getFilteredData(includeHeaders = false, excludeHiddenCols = false) {\n return this.filteredData(includeHeaders, excludeHiddenCols, true);\n }\n\n /**\n * Return the filtered table values with following structure:\n * [\n * [rowIndex, [value0, value1...]],\n * [rowIndex, [value0, value1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @return {Array}\n *\n * TODO: provide an API returning data in JSON format\n */\n getFilteredValues(includeHeaders = false, excludeHiddenCols = false) {\n return this.filteredData(includeHeaders, excludeHiddenCols, false);\n }\n\n /**\n * Return the filtered data with following structure:\n * [\n * [rowIndex, [value0, value1...]],\n * [rowIndex, [value0, value1...]]\n * ]\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [excludeHiddenCols=false] Exclude hidden columns\n * @param {Boolean} [typed=false] Return typed value\n * @return {Array}\n * @private\n *\n * TODO: provide an API returning data in JSON format\n */\n filteredData(\n includeHeaders = false,\n excludeHiddenCols = false,\n typed = false\n ) {\n if (this.validRowsIndex.length === 0) {\n return [];\n }\n let rows = this.dom().rows,\n filteredData = [];\n let getContent = typed ? this.getCellData.bind(this) :\n this.getCellValue.bind(this);\n\n if (includeHeaders) {\n let headers = this.getHeadersText(excludeHiddenCols);\n filteredData.push([this.getHeadersRowIndex(), headers]);\n }\n\n let validRows = this.getValidRows(true);\n for (let i = 0; i < validRows.length; i++) {\n let rData = [this.validRowsIndex[i], []],\n cells = rows[this.validRowsIndex[i]].cells;\n for (let k = 0; k < cells.length; k++) {\n if (excludeHiddenCols && this.hasExtension('colsVisibility')) {\n if (this.extension('colsVisibility').isColHidden(k)) {\n continue;\n }\n }\n let cellValue = getContent(cells[k]);\n rData[1].push(cellValue);\n }\n filteredData.push(rData);\n }\n return filteredData;\n }\n\n /**\n * Return the filtered data for a given column index\n * @param {any} colIndex Colmun's index\n * @param {boolean} [includeHeaders=false] Optional Include headers row\n * @param {any} [exclude=[]] Optional List of row indexes to be excluded\n * @return {Array} Flat list of typed values [data0, data1, data2...]\n *\n * TODO: provide an API returning data in JSON format\n */\n getFilteredColumnData(colIndex, includeHeaders = false, exclude = []) {\n return this.getFilteredDataCol(\n colIndex, includeHeaders, true, exclude, false);\n }\n\n /**\n * Return the filtered and visible data for a given column index\n * @param {any} colIndex Colmun's index\n * @param {boolean} [includeHeaders=false] Optional Include headers row\n * @param {any} [exclude=[]] Optional List of row indexes to be excluded\n * @return {Array} Flat list of typed values [data0, data1, data2...]\n *\n * TODO: provide an API returning data in JSON format\n */\n getVisibleColumnData(colIndex, includeHeaders = false, exclude = []) {\n return this.getFilteredDataCol(\n colIndex, includeHeaders, true, exclude, true);\n }\n\n /**\n * Return the filtered values for a given column index\n * @param {any} colIndex Colmun's index\n * @param {boolean} [includeHeaders=false] Optional Include headers row\n * @param {any} [exclude=[]] Optional List of row indexes to be excluded\n * @return {Array} Flat list of values ['value0', 'value1', 'value2'...]\n *\n * TODO: provide an API returning data in JSON format\n */\n getFilteredColumnValues(colIndex, includeHeaders = false, exclude = []) {\n return this.getFilteredDataCol(\n colIndex, includeHeaders, false, exclude, false);\n }\n\n /**\n * Return the filtered and visible values for a given column index\n * @param {any} colIndex Colmun's index\n * @param {boolean} [includeHeaders=false] Optional Include headers row\n * @param {any} [exclude=[]] Optional List of row indexes to be excluded\n * @return {Array} Flat list of values ['value0', 'value1', 'value2'...]\n *\n * TODO: provide an API returning data in JSON format\n */\n getVisibleColumnValues(colIndex, includeHeaders = false, exclude = []) {\n return this.getFilteredDataCol(\n colIndex, includeHeaders, false, exclude, true);\n }\n\n /**\n * Return the filtered data for a given column index\n * @param {Number} colIndex Colmun's index\n * @param {Boolean} [includeHeaders=false] Include headers row\n * @param {Boolean} [typed=false] Return typed value\n * @param {Array} [exclude=[]] List of row indexes to be excluded\n * @param {Boolean} [visible=true] Return only filtered and visible data\n * (relevant for paging)\n * @return {Array} Flat list of values ['val0','val1','val2'...]\n * @private\n *\n * TODO: provide an API returning data in JSON format\n */\n getFilteredDataCol(\n colIndex,\n includeHeaders = false,\n typed = false,\n exclude = [],\n visible = true\n ) {\n if (isUndef(colIndex)) {\n return [];\n }\n\n let rows = this.dom().rows;\n let getContent = typed ? this.getCellData.bind(this) :\n this.getCellValue.bind(this);\n\n // ensure valid rows index do not contain excluded rows and row is\n // displayed\n let validRows = this.getValidRows(true).filter((rowIdx) => {\n return exclude.indexOf(rowIdx) === -1 &&\n (visible ?\n this.getRowDisplay(rows[rowIdx]) !== 'none' :\n true);\n });\n\n // convert column value to expected type if necessary\n let validColValues = validRows.map((rowIdx) => {\n return getContent(rows[rowIdx].cells[colIndex]);\n });\n\n if (includeHeaders) {\n validColValues.unshift(this.getHeadersText()[colIndex]);\n }\n\n return validColValues;\n }\n\n /**\n * Get the display value of a row\n * @param {HTMLTableRowElement} row DOM element of the row\n * @return {String} Usually 'none' or ''\n */\n getRowDisplay(row) {\n return row.style.display;\n }\n\n /**\n * Validate/invalidate row by setting the 'validRow' attribute on the row\n * @param {Number} rowIndex Index of the row\n * @param {Boolean} isValid\n */\n validateRow(rowIndex, isValid) {\n let row = this.dom().rows[rowIndex];\n if (!row || typeof isValid !== 'boolean') {\n return;\n }\n\n // always visible rows are valid\n if (this.hasVisibleRows && this.visibleRows.indexOf(rowIndex) !== -1) {\n isValid = true;\n }\n\n let displayFlag = isValid ? '' : NONE,\n validFlag = isValid ? 'true' : 'false';\n row.style.display = displayFlag;\n\n if (this.paging) {\n row.setAttribute('validRow', validFlag);\n }\n\n if (isValid) {\n if (this.validRowsIndex.indexOf(rowIndex) === -1) {\n this.validRowsIndex.push(rowIndex);\n }\n\n this.onRowValidated(this, rowIndex);\n\n this.emitter.emit('row-validated', this, rowIndex);\n }\n }\n\n /**\n * Validate all filterable rows\n */\n validateAllRows() {\n if (!this.initialized) {\n return;\n }\n this.validRowsIndex = [];\n for (let k = this.refRow; k < this.nbFilterableRows; k++) {\n this.validateRow(k, true);\n }\n }\n\n /**\n * Set search value to a given filter\n * @param {Number} index Column's index\n * @param {String or Array} query searcharg Search term\n */\n setFilterValue(index, query = '') {\n if (!this.fltGrid) {\n return;\n }\n let slc = this.getFilterElement(index),\n fltColType = this.getFilterType(index);\n\n if (!slc) {\n return;\n }\n\n if (fltColType !== MULTIPLE && fltColType !== CHECKLIST) {\n if (this.loadFltOnDemand && !this.initialized) {\n this.emitter.emit('build-select-filter', this, index,\n this.linkedFilters, this.isExternalFlt());\n }\n slc.value = query;\n }\n //multiple selects\n else if (fltColType === MULTIPLE) {\n let values = isArray(query) ? query :\n query.split(' ' + this.orOperator + ' ');\n\n if (this.loadFltOnDemand && !this.initialized) {\n this.emitter.emit('build-select-filter', this, index,\n this.linkedFilters, this.isExternalFlt());\n }\n\n this.emitter.emit('select-options', this, index, values);\n }\n //checklist\n else if (fltColType === CHECKLIST) {\n let values = [];\n if (this.loadFltOnDemand && !this.initialized) {\n this.emitter.emit('build-checklist-filter', this, index,\n this.linkedFilters);\n }\n if (isArray(query)) {\n values = query;\n } else {\n query = matchCase(query, this.caseSensitive);\n values = query.split(' ' + this.orOperator + ' ');\n }\n\n this.emitter.emit('select-checklist-options', this, index, values);\n }\n }\n\n /**\n * Set them columns' widths as per configuration\n * @param {Element} tbl DOM element\n */\n setColWidths(tbl) {\n let colWidths = this.colWidths;\n if (colWidths.length === 0) {\n return;\n }\n\n tbl = tbl || this.dom();\n\n let nbCols = this.nbCells;\n let colTags = tag(tbl, 'col');\n let tblHasColTag = colTags.length > 0;\n let frag = !tblHasColTag ? doc.createDocumentFragment() : null;\n for (let k = 0; k < nbCols; k++) {\n let col;\n if (tblHasColTag) {\n col = colTags[k];\n } else {\n col = createElm('col');\n frag.appendChild(col);\n }\n col.style.width = colWidths[k];\n }\n if (!tblHasColTag) {\n tbl.insertBefore(frag, tbl.firstChild);\n }\n }\n\n /**\n * Make defined rows always visible\n */\n enforceVisibility() {\n if (!this.hasVisibleRows) {\n return;\n }\n let nbRows = this.getRowsNb(true);\n for (let i = 0, len = this.visibleRows.length; i < len; i++) {\n let row = this.visibleRows[i];\n //row index cannot be > nrows\n if (row <= nbRows) {\n this.validateRow(row, true);\n }\n }\n }\n\n /**\n * Clear all the filters' values\n */\n clearFilters() {\n if (!this.fltGrid) {\n return;\n }\n\n this.emitter.emit('before-clearing-filters', this);\n this.onBeforeReset(this, this.getFiltersValue());\n\n for (let i = 0, len = this.fltIds.length; i < len; i++) {\n this.setFilterValue(i, '');\n }\n\n this.filter();\n\n this.onAfterReset(this);\n this.emitter.emit('after-clearing-filters', this);\n }\n\n /**\n * Return the ID of the current active filter\n * @return {String}\n */\n getActiveFilterId() {\n return this.activeFilterId;\n }\n\n /**\n * Set the ID of the current active filter\n * @param {String} filterId Element ID\n */\n setActiveFilterId(filterId) {\n this.activeFilterId = filterId;\n }\n\n /**\n * Return the column index for a given filter ID\n * @param {string} [filterId=''] Filter ID\n * @return {Number} Column index\n */\n getColumnIndexFromFilterId(filterId = '') {\n let idx = filterId.split('_')[0];\n idx = idx.split(this.prfxFlt)[1];\n return parseInt(idx, 10);\n }\n\n /**\n * Build filter element ID for a given column index\n * @param {any} colIndex\n * @return {String} Filter element ID string\n * @private\n */\n buildFilterId(colIndex) {\n return `${this.prfxFlt}${colIndex}_${this.id}`;\n }\n\n /**\n * Check if has external filters\n * @returns {Boolean}\n * @private\n */\n isExternalFlt() {\n return this.externalFltTgtIds.length > 0;\n }\n\n /**\n * Returns styles path\n * @returns {String}\n * @private\n */\n getStylePath() {\n return defaultsStr(this.config.style_path, this.basePath + 'style/');\n }\n\n /**\n * Returns main stylesheet path\n * @returns {String}\n * @private\n */\n getStylesheetPath() {\n return defaultsStr(this.config.stylesheet,\n this.getStylePath() + 'tablefilter.css');\n }\n\n /**\n * Returns themes path\n * @returns {String}\n * @private\n */\n getThemesPath() {\n return defaultsStr(this.config.themes_path,\n this.getStylePath() + 'themes/');\n }\n\n /**\n * Make specified column's filter active\n * @param colIndex Index of a column\n */\n activateFilter(colIndex) {\n if (isUndef(colIndex)) {\n return;\n }\n this.setActiveFilterId(this.getFilterId(colIndex));\n }\n\n /**\n * Refresh the filters subject to linking ('select', 'multiple',\n * 'checklist' type)\n */\n linkFilters() {\n if (!this.linkedFilters || !this.activeFilterId) {\n return;\n }\n let slcA1 = this.getFiltersByType(SELECT, true),\n slcA2 = this.getFiltersByType(MULTIPLE, true),\n slcA3 = this.getFiltersByType(CHECKLIST, true),\n slcIndex = slcA1.concat(slcA2);\n slcIndex = slcIndex.concat(slcA3);\n\n for (let i = 0, len = slcIndex.length; i < len; i++) {\n let colIdx = slcIndex[i];\n let curSlc = elm(this.fltIds[colIdx]);\n let slcSelectedValue = this.getFilterValue(colIdx);\n\n //1st option needs to be inserted\n if (this.loadFltOnDemand) {\n let opt0 = createOpt(this.getClearFilterText(colIdx), '');\n curSlc.innerHTML = '';\n curSlc.appendChild(opt0);\n }\n\n if (slcA3.indexOf(colIdx) !== -1) {\n this.emitter.emit('build-checklist-filter', this, colIdx,\n true);\n } else {\n this.emitter.emit('build-select-filter', this, colIdx,\n true);\n }\n\n this.setFilterValue(colIdx, slcSelectedValue);\n }\n }\n\n /**\n * Determine if passed filter column implements exact query match\n * @param {Number} colIndex Column index\n * @return {Boolean}\n */\n isExactMatch(colIndex) {\n let fltType = this.getFilterType(colIndex);\n return this.exactMatchByCol[colIndex] || this.exactMatch ||\n fltType !== INPUT;\n }\n\n /**\n * Check if passed row is valid\n * @param {Number} rowIndex Row index\n * @return {Boolean}\n */\n isRowValid(rowIndex) {\n return this.getValidRows().indexOf(rowIndex) !== -1;\n }\n\n /**\n * Check if passed row is visible\n * @param {Number} rowIndex Row index\n * @return {Boolean}\n */\n isRowDisplayed(rowIndex) {\n let row = this.dom().rows[rowIndex];\n return this.getRowDisplay(row) === '';\n }\n\n /**\n * Check if specified column filter ignores diacritics.\n * Note this is only applicable to input filter types.\n * @param {Number} colIndex Column index\n * @return {Boolean}\n */\n ignoresDiacritics(colIndex) {\n let ignoreDiac = this.ignoreDiacritics;\n if (isArray(ignoreDiac)) {\n return ignoreDiac[colIndex];\n }\n return Boolean(ignoreDiac);\n }\n\n /**\n * Return clear all text for specified filter column\n * @param {Number} colIndex Column index\n * @return {String}\n */\n getClearFilterText(colIndex) {\n let clearText = this.clearFilterText;\n if (isArray(clearText)) {\n return clearText[colIndex];\n }\n return clearText;\n }\n\n /**\n * Check if passed script or stylesheet is already imported\n * @param {String} filePath Ressource path\n * @param {String} type Possible values: 'script' or 'link'\n * @return {Boolean}\n */\n isImported(filePath, type = 'script') {\n let imported = false,\n attr = type === 'script' ? 'src' : 'href',\n files = tag(doc, type);\n for (let i = 0, len = files.length; i < len; i++) {\n if (isUndef(files[i][attr])) {\n continue;\n }\n if (files[i][attr].match(filePath)) {\n imported = true;\n break;\n }\n }\n return imported;\n }\n\n /**\n * Import script or stylesheet\n * @param {String} fileId Ressource ID\n * @param {String} filePath Ressource path\n * @param {Function} callback Callback\n * @param {String} type Possible values: 'script' or 'link'\n */\n import(fileId, filePath, callback, type = 'script') {\n if (this.isImported(filePath, type)) {\n return;\n }\n let o = this,\n isLoaded = false,\n file,\n head = tag(doc, 'head')[0];\n\n if (type.toLowerCase() === 'link') {\n file = createElm('link',\n ['id', fileId], ['type', 'text/css'],\n ['rel', 'stylesheet'], ['href', filePath]\n );\n } else {\n file = createElm('script',\n ['id', fileId],\n ['type', 'text/javascript'], ['src', filePath]\n );\n }\n\n //Browser <> IE onload event works only for scripts, not for stylesheets\n file.onload = file.onreadystatechange = () => {\n if (!isLoaded &&\n (!this.readyState || this.readyState === 'loaded' ||\n this.readyState === 'complete')) {\n isLoaded = true;\n if (typeof callback === 'function') {\n callback.call(null, o);\n }\n }\n };\n file.onerror = function () {\n throw new Error(`TableFilter could not load: ${filePath}`);\n };\n head.appendChild(file);\n }\n\n /**\n * Check if table has filters grid\n * @return {Boolean}\n */\n isInitialized() {\n return this.initialized;\n }\n\n /**\n * Get list of filter IDs\n * @return {Array} List of filters ids\n */\n getFiltersId() {\n return this.fltIds || [];\n }\n\n /**\n * Get filtered (valid) rows indexes\n * @param {Boolean} reCalc Force calculation of filtered rows list\n * @return {Array} List of row indexes\n */\n getValidRows(reCalc) {\n if (!reCalc) {\n return this.validRowsIndex;\n }\n\n let nbRows = this.getRowsNb(true);\n this.validRowsIndex = [];\n for (let k = this.refRow; k < nbRows; k++) {\n let r = this.dom().rows[k];\n if (!this.paging) {\n if (this.getRowDisplay(r) !== NONE) {\n this.validRowsIndex.push(r.rowIndex);\n }\n } else {\n if (r.getAttribute('validRow') === 'true' ||\n r.getAttribute('validRow') === null) {\n this.validRowsIndex.push(r.rowIndex);\n }\n }\n }\n return this.validRowsIndex;\n }\n\n /**\n * Get the index of the row containing the filters\n * @return {Number}\n */\n getFiltersRowIndex() {\n return this.filtersRowIndex;\n }\n\n /**\n * Get the index of the headers row\n * @return {Number}\n */\n getHeadersRowIndex() {\n return this.headersRow;\n }\n\n /**\n * Get the row index from where the filtering process start (1st filterable\n * row)\n * @return {Number}\n */\n getStartRowIndex() {\n return this.refRow;\n }\n\n /**\n * Get the index of the last row\n * @return {Number}\n */\n getLastRowIndex() {\n let nbRows = this.getRowsNb(true);\n return (nbRows - 1);\n }\n\n /**\n * Determine whether the specified column has one of the passed types\n * @param {Number} colIndex Column index\n * @param {Array} [types=[]] List of column types\n * @return {Boolean}\n */\n hasType(colIndex, types = []) {\n if (this.colTypes.length === 0) {\n return false;\n }\n let colType = this.colTypes[colIndex];\n if (isObj(colType)) {\n colType = colType.type;\n }\n return types.indexOf(colType) !== -1;\n }\n\n /**\n * Get the header DOM element for a given column index\n * @param {Number} colIndex Column index\n * @return {Element}\n */\n getHeaderElement(colIndex) {\n let table = this.gridLayout ? this.Mod.gridLayout.headTbl : this.dom();\n let tHead = tag(table, 'thead');\n let rowIdx = this.getHeadersRowIndex();\n let header;\n if (tHead.length === 0) {\n header = table.rows[rowIdx].cells[colIndex];\n }\n if (tHead.length === 1) {\n header = tHead[0].rows[rowIdx].cells[colIndex];\n }\n return header;\n }\n\n /**\n * Return the list of headers' text\n * @param {Boolean} excludeHiddenCols Optional: exclude hidden columns\n * @return {Array} list of headers' text\n */\n getHeadersText(excludeHiddenCols = false) {\n let headers = [];\n for (let j = 0; j < this.nbCells; j++) {\n if (excludeHiddenCols && this.hasExtension('colsVisibility')) {\n if (this.extension('colsVisibility').isColHidden(j)) {\n continue;\n }\n }\n let header = this.getHeaderElement(j);\n let headerText = getFirstTextNode(header);\n headers.push(headerText);\n }\n return headers;\n }\n\n /**\n * Return the filter type for a specified column\n * @param {Number} colIndex Column's index\n * @return {String}\n */\n getFilterType(colIndex) {\n return this.filterTypes[colIndex];\n }\n\n /**\n * Get the total number of filterable rows\n * @return {Number}\n */\n getFilterableRowsNb() {\n return this.getRowsNb(false);\n }\n\n /**\n * Return the total number of valid rows\n * @param {Boolean} [reCalc=false] Forces calculation of filtered rows\n * @return {Number}\n */\n getValidRowsNb(reCalc = false) {\n return this.getValidRows(reCalc).length;\n }\n\n /**\n * Return the working DOM element\n * @return {HTMLTableElement}\n */\n dom() {\n return this.tbl;\n }\n\n /**\n * Return the decimal separator for supplied column as per column type\n * configuration or global setting\n * @param {Number} colIndex Column index\n * @returns {String} '.' or ','\n */\n getDecimal(colIndex) {\n let decimal = this.decimalSeparator;\n if (this.hasType(colIndex, [FORMATTED_NUMBER])) {\n let colType = this.colTypes[colIndex];\n if (colType.hasOwnProperty('decimal')) {\n decimal = colType.decimal;\n }\n }\n return decimal;\n }\n\n /**\n * Get the configuration object (literal object)\n * @return {Object}\n */\n config() {\n return this.cfg;\n }\n}\n"
},
{
- "__docId__": 808,
+ "__docId__": 810,
"kind": "variable",
"static": true,
"variation": null,
@@ -17871,7 +17939,7 @@
}
},
{
- "__docId__": 809,
+ "__docId__": 811,
"kind": "class",
"static": true,
"variation": null,
@@ -17897,7 +17965,7 @@
"interface": false
},
{
- "__docId__": 810,
+ "__docId__": 812,
"kind": "constructor",
"static": false,
"variation": null,
@@ -17952,7 +18020,7 @@
"generator": false
},
{
- "__docId__": 811,
+ "__docId__": 813,
"kind": "member",
"static": false,
"variation": null,
@@ -17972,7 +18040,7 @@
}
},
{
- "__docId__": 812,
+ "__docId__": 814,
"kind": "member",
"static": false,
"variation": null,
@@ -17992,7 +18060,7 @@
}
},
{
- "__docId__": 813,
+ "__docId__": 815,
"kind": "member",
"static": false,
"variation": null,
@@ -18012,7 +18080,7 @@
}
},
{
- "__docId__": 814,
+ "__docId__": 816,
"kind": "member",
"static": false,
"variation": null,
@@ -18032,7 +18100,7 @@
}
},
{
- "__docId__": 815,
+ "__docId__": 817,
"kind": "member",
"static": false,
"variation": null,
@@ -18052,7 +18120,7 @@
}
},
{
- "__docId__": 816,
+ "__docId__": 818,
"kind": "member",
"static": false,
"variation": null,
@@ -18072,7 +18140,7 @@
}
},
{
- "__docId__": 817,
+ "__docId__": 819,
"kind": "member",
"static": false,
"variation": null,
@@ -18092,7 +18160,7 @@
}
},
{
- "__docId__": 818,
+ "__docId__": 820,
"kind": "member",
"static": false,
"variation": null,
@@ -18112,7 +18180,7 @@
}
},
{
- "__docId__": 819,
+ "__docId__": 821,
"kind": "member",
"static": false,
"variation": null,
@@ -18132,7 +18200,7 @@
}
},
{
- "__docId__": 820,
+ "__docId__": 822,
"kind": "member",
"static": false,
"variation": null,
@@ -18152,7 +18220,7 @@
}
},
{
- "__docId__": 821,
+ "__docId__": 823,
"kind": "member",
"static": false,
"variation": null,
@@ -18169,7 +18237,7 @@
}
},
{
- "__docId__": 822,
+ "__docId__": 824,
"kind": "member",
"static": false,
"variation": null,
@@ -18187,7 +18255,7 @@
}
},
{
- "__docId__": 823,
+ "__docId__": 825,
"kind": "member",
"static": false,
"variation": null,
@@ -18205,7 +18273,7 @@
}
},
{
- "__docId__": 824,
+ "__docId__": 826,
"kind": "member",
"static": false,
"variation": null,
@@ -18223,7 +18291,7 @@
}
},
{
- "__docId__": 825,
+ "__docId__": 827,
"kind": "member",
"static": false,
"variation": null,
@@ -18241,7 +18309,7 @@
}
},
{
- "__docId__": 826,
+ "__docId__": 828,
"kind": "member",
"static": false,
"variation": null,
@@ -18259,7 +18327,7 @@
}
},
{
- "__docId__": 827,
+ "__docId__": 829,
"kind": "member",
"static": false,
"variation": null,
@@ -18277,7 +18345,7 @@
}
},
{
- "__docId__": 828,
+ "__docId__": 830,
"kind": "member",
"static": false,
"variation": null,
@@ -18297,7 +18365,7 @@
}
},
{
- "__docId__": 829,
+ "__docId__": 831,
"kind": "member",
"static": false,
"variation": null,
@@ -18315,7 +18383,7 @@
}
},
{
- "__docId__": 830,
+ "__docId__": 832,
"kind": "member",
"static": false,
"variation": null,
@@ -18335,7 +18403,7 @@
}
},
{
- "__docId__": 831,
+ "__docId__": 833,
"kind": "member",
"static": false,
"variation": null,
@@ -18355,7 +18423,7 @@
}
},
{
- "__docId__": 832,
+ "__docId__": 834,
"kind": "member",
"static": false,
"variation": null,
@@ -18375,7 +18443,7 @@
}
},
{
- "__docId__": 833,
+ "__docId__": 835,
"kind": "member",
"static": false,
"variation": null,
@@ -18396,7 +18464,7 @@
}
},
{
- "__docId__": 834,
+ "__docId__": 836,
"kind": "member",
"static": false,
"variation": null,
@@ -18416,7 +18484,7 @@
}
},
{
- "__docId__": 835,
+ "__docId__": 837,
"kind": "member",
"static": false,
"variation": null,
@@ -18436,7 +18504,7 @@
}
},
{
- "__docId__": 836,
+ "__docId__": 838,
"kind": "member",
"static": false,
"variation": null,
@@ -18456,7 +18524,7 @@
}
},
{
- "__docId__": 837,
+ "__docId__": 839,
"kind": "member",
"static": false,
"variation": null,
@@ -18476,7 +18544,7 @@
}
},
{
- "__docId__": 838,
+ "__docId__": 840,
"kind": "member",
"static": false,
"variation": null,
@@ -18496,7 +18564,7 @@
}
},
{
- "__docId__": 839,
+ "__docId__": 841,
"kind": "member",
"static": false,
"variation": null,
@@ -18516,7 +18584,7 @@
}
},
{
- "__docId__": 840,
+ "__docId__": 842,
"kind": "member",
"static": false,
"variation": null,
@@ -18536,7 +18604,7 @@
}
},
{
- "__docId__": 841,
+ "__docId__": 843,
"kind": "member",
"static": false,
"variation": null,
@@ -18556,7 +18624,7 @@
}
},
{
- "__docId__": 842,
+ "__docId__": 844,
"kind": "member",
"static": false,
"variation": null,
@@ -18576,7 +18644,7 @@
}
},
{
- "__docId__": 843,
+ "__docId__": 845,
"kind": "member",
"static": false,
"variation": null,
@@ -18596,7 +18664,7 @@
}
},
{
- "__docId__": 844,
+ "__docId__": 846,
"kind": "member",
"static": false,
"variation": null,
@@ -18616,7 +18684,7 @@
}
},
{
- "__docId__": 845,
+ "__docId__": 847,
"kind": "member",
"static": false,
"variation": null,
@@ -18636,7 +18704,7 @@
}
},
{
- "__docId__": 846,
+ "__docId__": 848,
"kind": "member",
"static": false,
"variation": null,
@@ -18656,7 +18724,7 @@
}
},
{
- "__docId__": 847,
+ "__docId__": 849,
"kind": "member",
"static": false,
"variation": null,
@@ -18676,7 +18744,7 @@
}
},
{
- "__docId__": 848,
+ "__docId__": 850,
"kind": "member",
"static": false,
"variation": null,
@@ -18696,7 +18764,7 @@
}
},
{
- "__docId__": 849,
+ "__docId__": 851,
"kind": "member",
"static": false,
"variation": null,
@@ -18716,7 +18784,7 @@
}
},
{
- "__docId__": 850,
+ "__docId__": 852,
"kind": "member",
"static": false,
"variation": null,
@@ -18736,7 +18804,7 @@
}
},
{
- "__docId__": 851,
+ "__docId__": 853,
"kind": "member",
"static": false,
"variation": null,
@@ -18756,7 +18824,7 @@
}
},
{
- "__docId__": 852,
+ "__docId__": 854,
"kind": "member",
"static": false,
"variation": null,
@@ -18776,7 +18844,7 @@
}
},
{
- "__docId__": 853,
+ "__docId__": 855,
"kind": "member",
"static": false,
"variation": null,
@@ -18796,7 +18864,7 @@
}
},
{
- "__docId__": 854,
+ "__docId__": 856,
"kind": "member",
"static": false,
"variation": null,
@@ -18816,7 +18884,7 @@
}
},
{
- "__docId__": 855,
+ "__docId__": 857,
"kind": "member",
"static": false,
"variation": null,
@@ -18836,7 +18904,7 @@
}
},
{
- "__docId__": 856,
+ "__docId__": 858,
"kind": "member",
"static": false,
"variation": null,
@@ -18856,7 +18924,7 @@
}
},
{
- "__docId__": 857,
+ "__docId__": 859,
"kind": "member",
"static": false,
"variation": null,
@@ -18876,7 +18944,7 @@
}
},
{
- "__docId__": 858,
+ "__docId__": 860,
"kind": "member",
"static": false,
"variation": null,
@@ -18896,7 +18964,7 @@
}
},
{
- "__docId__": 859,
+ "__docId__": 861,
"kind": "member",
"static": false,
"variation": null,
@@ -18916,7 +18984,7 @@
}
},
{
- "__docId__": 860,
+ "__docId__": 862,
"kind": "member",
"static": false,
"variation": null,
@@ -18936,7 +19004,7 @@
}
},
{
- "__docId__": 861,
+ "__docId__": 863,
"kind": "member",
"static": false,
"variation": null,
@@ -18956,7 +19024,7 @@
}
},
{
- "__docId__": 862,
+ "__docId__": 864,
"kind": "member",
"static": false,
"variation": null,
@@ -18976,7 +19044,7 @@
}
},
{
- "__docId__": 863,
+ "__docId__": 865,
"kind": "member",
"static": false,
"variation": null,
@@ -18996,7 +19064,7 @@
}
},
{
- "__docId__": 864,
+ "__docId__": 866,
"kind": "member",
"static": false,
"variation": null,
@@ -19016,7 +19084,7 @@
}
},
{
- "__docId__": 865,
+ "__docId__": 867,
"kind": "member",
"static": false,
"variation": null,
@@ -19037,7 +19105,7 @@
}
},
{
- "__docId__": 866,
+ "__docId__": 868,
"kind": "member",
"static": false,
"variation": null,
@@ -19057,7 +19125,7 @@
}
},
{
- "__docId__": 867,
+ "__docId__": 869,
"kind": "member",
"static": false,
"variation": null,
@@ -19077,7 +19145,7 @@
}
},
{
- "__docId__": 868,
+ "__docId__": 870,
"kind": "member",
"static": false,
"variation": null,
@@ -19097,7 +19165,7 @@
}
},
{
- "__docId__": 869,
+ "__docId__": 871,
"kind": "member",
"static": false,
"variation": null,
@@ -19117,7 +19185,7 @@
}
},
{
- "__docId__": 870,
+ "__docId__": 872,
"kind": "member",
"static": false,
"variation": null,
@@ -19137,7 +19205,7 @@
}
},
{
- "__docId__": 871,
+ "__docId__": 873,
"kind": "member",
"static": false,
"variation": null,
@@ -19157,7 +19225,7 @@
}
},
{
- "__docId__": 872,
+ "__docId__": 874,
"kind": "member",
"static": false,
"variation": null,
@@ -19177,7 +19245,7 @@
}
},
{
- "__docId__": 873,
+ "__docId__": 875,
"kind": "member",
"static": false,
"variation": null,
@@ -19197,7 +19265,7 @@
}
},
{
- "__docId__": 874,
+ "__docId__": 876,
"kind": "member",
"static": false,
"variation": null,
@@ -19217,7 +19285,7 @@
}
},
{
- "__docId__": 875,
+ "__docId__": 877,
"kind": "member",
"static": false,
"variation": null,
@@ -19237,7 +19305,7 @@
}
},
{
- "__docId__": 876,
+ "__docId__": 878,
"kind": "member",
"static": false,
"variation": null,
@@ -19258,7 +19326,7 @@
}
},
{
- "__docId__": 877,
+ "__docId__": 879,
"kind": "member",
"static": false,
"variation": null,
@@ -19278,7 +19346,7 @@
}
},
{
- "__docId__": 878,
+ "__docId__": 880,
"kind": "member",
"static": false,
"variation": null,
@@ -19298,7 +19366,7 @@
}
},
{
- "__docId__": 879,
+ "__docId__": 881,
"kind": "member",
"static": false,
"variation": null,
@@ -19318,7 +19386,7 @@
}
},
{
- "__docId__": 880,
+ "__docId__": 882,
"kind": "member",
"static": false,
"variation": null,
@@ -19338,7 +19406,7 @@
}
},
{
- "__docId__": 881,
+ "__docId__": 883,
"kind": "member",
"static": false,
"variation": null,
@@ -19358,7 +19426,7 @@
}
},
{
- "__docId__": 882,
+ "__docId__": 884,
"kind": "member",
"static": false,
"variation": null,
@@ -19379,7 +19447,7 @@
}
},
{
- "__docId__": 883,
+ "__docId__": 885,
"kind": "member",
"static": false,
"variation": null,
@@ -19399,7 +19467,7 @@
}
},
{
- "__docId__": 884,
+ "__docId__": 886,
"kind": "member",
"static": false,
"variation": null,
@@ -19419,7 +19487,7 @@
}
},
{
- "__docId__": 885,
+ "__docId__": 887,
"kind": "member",
"static": false,
"variation": null,
@@ -19439,7 +19507,7 @@
}
},
{
- "__docId__": 886,
+ "__docId__": 888,
"kind": "member",
"static": false,
"variation": null,
@@ -19459,7 +19527,7 @@
}
},
{
- "__docId__": 887,
+ "__docId__": 889,
"kind": "member",
"static": false,
"variation": null,
@@ -19479,7 +19547,7 @@
}
},
{
- "__docId__": 888,
+ "__docId__": 890,
"kind": "member",
"static": false,
"variation": null,
@@ -19500,7 +19568,7 @@
}
},
{
- "__docId__": 889,
+ "__docId__": 891,
"kind": "member",
"static": false,
"variation": null,
@@ -19520,7 +19588,7 @@
}
},
{
- "__docId__": 890,
+ "__docId__": 892,
"kind": "member",
"static": false,
"variation": null,
@@ -19540,7 +19608,7 @@
}
},
{
- "__docId__": 891,
+ "__docId__": 893,
"kind": "member",
"static": false,
"variation": null,
@@ -19560,7 +19628,7 @@
}
},
{
- "__docId__": 892,
+ "__docId__": 894,
"kind": "member",
"static": false,
"variation": null,
@@ -19580,7 +19648,7 @@
}
},
{
- "__docId__": 893,
+ "__docId__": 895,
"kind": "member",
"static": false,
"variation": null,
@@ -19600,7 +19668,7 @@
}
},
{
- "__docId__": 894,
+ "__docId__": 896,
"kind": "member",
"static": false,
"variation": null,
@@ -19620,7 +19688,7 @@
}
},
{
- "__docId__": 895,
+ "__docId__": 897,
"kind": "member",
"static": false,
"variation": null,
@@ -19640,7 +19708,7 @@
}
},
{
- "__docId__": 896,
+ "__docId__": 898,
"kind": "member",
"static": false,
"variation": null,
@@ -19660,7 +19728,7 @@
}
},
{
- "__docId__": 897,
+ "__docId__": 899,
"kind": "member",
"static": false,
"variation": null,
@@ -19680,7 +19748,7 @@
}
},
{
- "__docId__": 898,
+ "__docId__": 900,
"kind": "member",
"static": false,
"variation": null,
@@ -19700,7 +19768,7 @@
}
},
{
- "__docId__": 899,
+ "__docId__": 901,
"kind": "member",
"static": false,
"variation": null,
@@ -19720,7 +19788,7 @@
}
},
{
- "__docId__": 900,
+ "__docId__": 902,
"kind": "member",
"static": false,
"variation": null,
@@ -19740,7 +19808,7 @@
}
},
{
- "__docId__": 901,
+ "__docId__": 903,
"kind": "member",
"static": false,
"variation": null,
@@ -19760,7 +19828,7 @@
}
},
{
- "__docId__": 902,
+ "__docId__": 904,
"kind": "member",
"static": false,
"variation": null,
@@ -19780,7 +19848,7 @@
}
},
{
- "__docId__": 903,
+ "__docId__": 905,
"kind": "member",
"static": false,
"variation": null,
@@ -19800,7 +19868,7 @@
}
},
{
- "__docId__": 904,
+ "__docId__": 906,
"kind": "member",
"static": false,
"variation": null,
@@ -19820,7 +19888,7 @@
}
},
{
- "__docId__": 905,
+ "__docId__": 907,
"kind": "member",
"static": false,
"variation": null,
@@ -19840,7 +19908,7 @@
}
},
{
- "__docId__": 906,
+ "__docId__": 908,
"kind": "member",
"static": false,
"variation": null,
@@ -19860,7 +19928,7 @@
}
},
{
- "__docId__": 907,
+ "__docId__": 909,
"kind": "member",
"static": false,
"variation": null,
@@ -19880,7 +19948,7 @@
}
},
{
- "__docId__": 908,
+ "__docId__": 910,
"kind": "member",
"static": false,
"variation": null,
@@ -19900,7 +19968,7 @@
}
},
{
- "__docId__": 909,
+ "__docId__": 911,
"kind": "member",
"static": false,
"variation": null,
@@ -19920,7 +19988,7 @@
}
},
{
- "__docId__": 910,
+ "__docId__": 912,
"kind": "member",
"static": false,
"variation": null,
@@ -19940,7 +20008,7 @@
}
},
{
- "__docId__": 911,
+ "__docId__": 913,
"kind": "member",
"static": false,
"variation": null,
@@ -19961,7 +20029,7 @@
}
},
{
- "__docId__": 912,
+ "__docId__": 914,
"kind": "member",
"static": false,
"variation": null,
@@ -19982,7 +20050,7 @@
}
},
{
- "__docId__": 913,
+ "__docId__": 915,
"kind": "member",
"static": false,
"variation": null,
@@ -20003,7 +20071,7 @@
}
},
{
- "__docId__": 914,
+ "__docId__": 916,
"kind": "member",
"static": false,
"variation": null,
@@ -20023,7 +20091,7 @@
}
},
{
- "__docId__": 915,
+ "__docId__": 917,
"kind": "member",
"static": false,
"variation": null,
@@ -20043,7 +20111,7 @@
}
},
{
- "__docId__": 916,
+ "__docId__": 918,
"kind": "member",
"static": false,
"variation": null,
@@ -20063,7 +20131,7 @@
}
},
{
- "__docId__": 917,
+ "__docId__": 919,
"kind": "member",
"static": false,
"variation": null,
@@ -20083,7 +20151,7 @@
}
},
{
- "__docId__": 918,
+ "__docId__": 920,
"kind": "member",
"static": false,
"variation": null,
@@ -20103,7 +20171,7 @@
}
},
{
- "__docId__": 919,
+ "__docId__": 921,
"kind": "member",
"static": false,
"variation": null,
@@ -20123,7 +20191,7 @@
}
},
{
- "__docId__": 920,
+ "__docId__": 922,
"kind": "member",
"static": false,
"variation": null,
@@ -20144,7 +20212,7 @@
}
},
{
- "__docId__": 921,
+ "__docId__": 923,
"kind": "member",
"static": false,
"variation": null,
@@ -20164,7 +20232,7 @@
}
},
{
- "__docId__": 922,
+ "__docId__": 924,
"kind": "member",
"static": false,
"variation": null,
@@ -20184,7 +20252,7 @@
}
},
{
- "__docId__": 923,
+ "__docId__": 925,
"kind": "member",
"static": false,
"variation": null,
@@ -20204,7 +20272,7 @@
}
},
{
- "__docId__": 924,
+ "__docId__": 926,
"kind": "member",
"static": false,
"variation": null,
@@ -20224,7 +20292,7 @@
}
},
{
- "__docId__": 925,
+ "__docId__": 927,
"kind": "member",
"static": false,
"variation": null,
@@ -20244,7 +20312,7 @@
}
},
{
- "__docId__": 926,
+ "__docId__": 928,
"kind": "member",
"static": false,
"variation": null,
@@ -20264,7 +20332,7 @@
}
},
{
- "__docId__": 927,
+ "__docId__": 929,
"kind": "member",
"static": false,
"variation": null,
@@ -20285,7 +20353,7 @@
}
},
{
- "__docId__": 928,
+ "__docId__": 930,
"kind": "member",
"static": false,
"variation": null,
@@ -20306,7 +20374,7 @@
}
},
{
- "__docId__": 929,
+ "__docId__": 931,
"kind": "member",
"static": false,
"variation": null,
@@ -20326,7 +20394,7 @@
}
},
{
- "__docId__": 930,
+ "__docId__": 932,
"kind": "member",
"static": false,
"variation": null,
@@ -20346,7 +20414,7 @@
}
},
{
- "__docId__": 931,
+ "__docId__": 933,
"kind": "member",
"static": false,
"variation": null,
@@ -20366,7 +20434,7 @@
}
},
{
- "__docId__": 932,
+ "__docId__": 934,
"kind": "member",
"static": false,
"variation": null,
@@ -20386,7 +20454,7 @@
}
},
{
- "__docId__": 933,
+ "__docId__": 935,
"kind": "member",
"static": false,
"variation": null,
@@ -20406,7 +20474,7 @@
}
},
{
- "__docId__": 934,
+ "__docId__": 936,
"kind": "member",
"static": false,
"variation": null,
@@ -20423,7 +20491,7 @@
}
},
{
- "__docId__": 935,
+ "__docId__": 937,
"kind": "member",
"static": false,
"variation": null,
@@ -20440,7 +20508,7 @@
}
},
{
- "__docId__": 936,
+ "__docId__": 938,
"kind": "member",
"static": false,
"variation": null,
@@ -20457,7 +20525,7 @@
}
},
{
- "__docId__": 937,
+ "__docId__": 939,
"kind": "member",
"static": false,
"variation": null,
@@ -20474,7 +20542,7 @@
}
},
{
- "__docId__": 938,
+ "__docId__": 940,
"kind": "member",
"static": false,
"variation": null,
@@ -20491,7 +20559,7 @@
}
},
{
- "__docId__": 939,
+ "__docId__": 941,
"kind": "member",
"static": false,
"variation": null,
@@ -20508,7 +20576,7 @@
}
},
{
- "__docId__": 940,
+ "__docId__": 942,
"kind": "member",
"static": false,
"variation": null,
@@ -20525,7 +20593,7 @@
}
},
{
- "__docId__": 941,
+ "__docId__": 943,
"kind": "member",
"static": false,
"variation": null,
@@ -20542,7 +20610,7 @@
}
},
{
- "__docId__": 942,
+ "__docId__": 944,
"kind": "member",
"static": false,
"variation": null,
@@ -20562,7 +20630,7 @@
}
},
{
- "__docId__": 943,
+ "__docId__": 945,
"kind": "member",
"static": false,
"variation": null,
@@ -20582,7 +20650,7 @@
}
},
{
- "__docId__": 944,
+ "__docId__": 946,
"kind": "member",
"static": false,
"variation": null,
@@ -20602,7 +20670,7 @@
}
},
{
- "__docId__": 945,
+ "__docId__": 947,
"kind": "member",
"static": false,
"variation": null,
@@ -20622,7 +20690,7 @@
}
},
{
- "__docId__": 946,
+ "__docId__": 948,
"kind": "member",
"static": false,
"variation": null,
@@ -20642,7 +20710,7 @@
}
},
{
- "__docId__": 947,
+ "__docId__": 949,
"kind": "member",
"static": false,
"variation": null,
@@ -20662,7 +20730,7 @@
}
},
{
- "__docId__": 948,
+ "__docId__": 950,
"kind": "member",
"static": false,
"variation": null,
@@ -20679,7 +20747,7 @@
}
},
{
- "__docId__": 949,
+ "__docId__": 951,
"kind": "member",
"static": false,
"variation": null,
@@ -20696,7 +20764,7 @@
}
},
{
- "__docId__": 950,
+ "__docId__": 952,
"kind": "method",
"static": false,
"variation": null,
@@ -20710,7 +20778,7 @@
"generator": false
},
{
- "__docId__": 951,
+ "__docId__": 953,
"kind": "member",
"static": false,
"variation": null,
@@ -20728,7 +20796,7 @@
}
},
{
- "__docId__": 952,
+ "__docId__": 954,
"kind": "member",
"static": false,
"variation": null,
@@ -20746,7 +20814,7 @@
}
},
{
- "__docId__": 953,
+ "__docId__": 955,
"kind": "member",
"static": false,
"variation": null,
@@ -20764,7 +20832,7 @@
}
},
{
- "__docId__": 954,
+ "__docId__": 956,
"kind": "method",
"static": false,
"variation": null,
@@ -20789,7 +20857,7 @@
"generator": false
},
{
- "__docId__": 955,
+ "__docId__": 957,
"kind": "member",
"static": false,
"variation": null,
@@ -20807,7 +20875,7 @@
}
},
{
- "__docId__": 956,
+ "__docId__": 958,
"kind": "member",
"static": false,
"variation": null,
@@ -20825,7 +20893,7 @@
}
},
{
- "__docId__": 957,
+ "__docId__": 959,
"kind": "method",
"static": false,
"variation": null,
@@ -20850,7 +20918,7 @@
"generator": false
},
{
- "__docId__": 958,
+ "__docId__": 960,
"kind": "member",
"static": false,
"variation": null,
@@ -20868,7 +20936,7 @@
}
},
{
- "__docId__": 959,
+ "__docId__": 961,
"kind": "member",
"static": false,
"variation": null,
@@ -20886,7 +20954,7 @@
}
},
{
- "__docId__": 960,
+ "__docId__": 962,
"kind": "member",
"static": false,
"variation": null,
@@ -20904,7 +20972,7 @@
}
},
{
- "__docId__": 961,
+ "__docId__": 963,
"kind": "member",
"static": false,
"variation": null,
@@ -20922,7 +20990,7 @@
}
},
{
- "__docId__": 962,
+ "__docId__": 964,
"kind": "member",
"static": false,
"variation": null,
@@ -20940,7 +21008,7 @@
}
},
{
- "__docId__": 963,
+ "__docId__": 965,
"kind": "method",
"static": false,
"variation": null,
@@ -20954,7 +21022,7 @@
"generator": false
},
{
- "__docId__": 964,
+ "__docId__": 966,
"kind": "member",
"static": false,
"variation": null,
@@ -20972,7 +21040,7 @@
}
},
{
- "__docId__": 965,
+ "__docId__": 967,
"kind": "method",
"static": false,
"variation": null,
@@ -20997,7 +21065,7 @@
"generator": false
},
{
- "__docId__": 966,
+ "__docId__": 968,
"kind": "method",
"static": false,
"variation": null,
@@ -21011,7 +21079,7 @@
"generator": false
},
{
- "__docId__": 967,
+ "__docId__": 969,
"kind": "member",
"static": false,
"variation": null,
@@ -21029,7 +21097,7 @@
}
},
{
- "__docId__": 968,
+ "__docId__": 970,
"kind": "method",
"static": false,
"variation": null,
@@ -21048,7 +21116,7 @@
"generator": false
},
{
- "__docId__": 969,
+ "__docId__": 971,
"kind": "method",
"static": false,
"variation": null,
@@ -21062,7 +21130,7 @@
"generator": false
},
{
- "__docId__": 970,
+ "__docId__": 972,
"kind": "member",
"static": false,
"variation": null,
@@ -21080,7 +21148,7 @@
}
},
{
- "__docId__": 971,
+ "__docId__": 973,
"kind": "member",
"static": false,
"variation": null,
@@ -21098,7 +21166,7 @@
}
},
{
- "__docId__": 972,
+ "__docId__": 974,
"kind": "method",
"static": false,
"variation": null,
@@ -21143,7 +21211,7 @@
"generator": false
},
{
- "__docId__": 973,
+ "__docId__": 975,
"kind": "method",
"static": false,
"variation": null,
@@ -21168,7 +21236,7 @@
"generator": false
},
{
- "__docId__": 974,
+ "__docId__": 976,
"kind": "method",
"static": false,
"variation": null,
@@ -21195,7 +21263,7 @@
"generator": false
},
{
- "__docId__": 975,
+ "__docId__": 977,
"kind": "method",
"static": false,
"variation": null,
@@ -21222,7 +21290,7 @@
"generator": false
},
{
- "__docId__": 976,
+ "__docId__": 978,
"kind": "method",
"static": false,
"variation": null,
@@ -21255,7 +21323,7 @@
"generator": false
},
{
- "__docId__": 977,
+ "__docId__": 979,
"kind": "method",
"static": false,
"variation": null,
@@ -21269,7 +21337,7 @@
"generator": false
},
{
- "__docId__": 978,
+ "__docId__": 980,
"kind": "method",
"static": false,
"variation": null,
@@ -21294,7 +21362,7 @@
"generator": false
},
{
- "__docId__": 979,
+ "__docId__": 981,
"kind": "method",
"static": false,
"variation": null,
@@ -21327,7 +21395,7 @@
"generator": false
},
{
- "__docId__": 980,
+ "__docId__": 982,
"kind": "method",
"static": false,
"variation": null,
@@ -21360,7 +21428,7 @@
"generator": false
},
{
- "__docId__": 981,
+ "__docId__": 983,
"kind": "method",
"static": false,
"variation": null,
@@ -21395,7 +21463,7 @@
"generator": false
},
{
- "__docId__": 982,
+ "__docId__": 984,
"kind": "method",
"static": false,
"variation": null,
@@ -21409,7 +21477,7 @@
"generator": false
},
{
- "__docId__": 983,
+ "__docId__": 985,
"kind": "method",
"static": false,
"variation": null,
@@ -21423,7 +21491,7 @@
"generator": false
},
{
- "__docId__": 984,
+ "__docId__": 986,
"kind": "member",
"static": false,
"variation": null,
@@ -21441,7 +21509,7 @@
}
},
{
- "__docId__": 985,
+ "__docId__": 987,
"kind": "method",
"static": false,
"variation": null,
@@ -21473,7 +21541,7 @@
"generator": false
},
{
- "__docId__": 986,
+ "__docId__": 988,
"kind": "method",
"static": false,
"variation": null,
@@ -21487,7 +21555,7 @@
"generator": false
},
{
- "__docId__": 987,
+ "__docId__": 989,
"kind": "member",
"static": false,
"variation": null,
@@ -21505,7 +21573,7 @@
}
},
{
- "__docId__": 988,
+ "__docId__": 990,
"kind": "member",
"static": false,
"variation": null,
@@ -21523,7 +21591,7 @@
}
},
{
- "__docId__": 989,
+ "__docId__": 991,
"kind": "member",
"static": false,
"variation": null,
@@ -21541,7 +21609,7 @@
}
},
{
- "__docId__": 990,
+ "__docId__": 992,
"kind": "member",
"static": false,
"variation": null,
@@ -21559,7 +21627,7 @@
}
},
{
- "__docId__": 991,
+ "__docId__": 993,
"kind": "method",
"static": false,
"variation": null,
@@ -21573,7 +21641,7 @@
"generator": false
},
{
- "__docId__": 992,
+ "__docId__": 994,
"kind": "member",
"static": false,
"variation": null,
@@ -21591,7 +21659,7 @@
}
},
{
- "__docId__": 993,
+ "__docId__": 995,
"kind": "member",
"static": false,
"variation": null,
@@ -21609,7 +21677,7 @@
}
},
{
- "__docId__": 994,
+ "__docId__": 996,
"kind": "member",
"static": false,
"variation": null,
@@ -21627,7 +21695,7 @@
}
},
{
- "__docId__": 995,
+ "__docId__": 997,
"kind": "member",
"static": false,
"variation": null,
@@ -21645,7 +21713,7 @@
}
},
{
- "__docId__": 996,
+ "__docId__": 998,
"kind": "method",
"static": false,
"variation": null,
@@ -21659,7 +21727,7 @@
"generator": false
},
{
- "__docId__": 997,
+ "__docId__": 999,
"kind": "member",
"static": false,
"variation": null,
@@ -21677,7 +21745,7 @@
}
},
{
- "__docId__": 998,
+ "__docId__": 1000,
"kind": "method",
"static": false,
"variation": null,
@@ -21691,7 +21759,7 @@
"generator": false
},
{
- "__docId__": 999,
+ "__docId__": 1001,
"kind": "method",
"static": false,
"variation": null,
@@ -21724,7 +21792,7 @@
"generator": false
},
{
- "__docId__": 1000,
+ "__docId__": 1002,
"kind": "method",
"static": false,
"variation": null,
@@ -21757,7 +21825,7 @@
"generator": false
},
{
- "__docId__": 1001,
+ "__docId__": 1003,
"kind": "method",
"static": false,
"variation": null,
@@ -21771,7 +21839,7 @@
"generator": false
},
{
- "__docId__": 1002,
+ "__docId__": 1004,
"kind": "member",
"static": false,
"variation": null,
@@ -21789,7 +21857,7 @@
}
},
{
- "__docId__": 1003,
+ "__docId__": 1005,
"kind": "member",
"static": false,
"variation": null,
@@ -21807,7 +21875,7 @@
}
},
{
- "__docId__": 1004,
+ "__docId__": 1006,
"kind": "method",
"static": false,
"variation": null,
@@ -21860,7 +21928,7 @@
"generator": false
},
{
- "__docId__": 1005,
+ "__docId__": 1007,
"kind": "method",
"static": false,
"variation": null,
@@ -21917,7 +21985,7 @@
"generator": false
},
{
- "__docId__": 1006,
+ "__docId__": 1008,
"kind": "method",
"static": false,
"variation": null,
@@ -21974,7 +22042,7 @@
"generator": false
},
{
- "__docId__": 1007,
+ "__docId__": 1009,
"kind": "method",
"static": false,
"variation": null,
@@ -22043,7 +22111,7 @@
"generator": false
},
{
- "__docId__": 1008,
+ "__docId__": 1010,
"kind": "method",
"static": false,
"variation": null,
@@ -22076,7 +22144,7 @@
"generator": false
},
{
- "__docId__": 1009,
+ "__docId__": 1011,
"kind": "method",
"static": false,
"variation": null,
@@ -22098,7 +22166,7 @@
"generator": false
},
{
- "__docId__": 1010,
+ "__docId__": 1012,
"kind": "method",
"static": false,
"variation": null,
@@ -22131,7 +22199,7 @@
"generator": false
},
{
- "__docId__": 1011,
+ "__docId__": 1013,
"kind": "method",
"static": false,
"variation": null,
@@ -22174,7 +22242,7 @@
"generator": false
},
{
- "__docId__": 1012,
+ "__docId__": 1014,
"kind": "method",
"static": false,
"variation": null,
@@ -22207,7 +22275,7 @@
"generator": false
},
{
- "__docId__": 1013,
+ "__docId__": 1015,
"kind": "method",
"static": false,
"variation": null,
@@ -22240,7 +22308,7 @@
"generator": false
},
{
- "__docId__": 1014,
+ "__docId__": 1016,
"kind": "method",
"static": false,
"variation": null,
@@ -22273,7 +22341,7 @@
"generator": false
},
{
- "__docId__": 1015,
+ "__docId__": 1017,
"kind": "method",
"static": false,
"variation": null,
@@ -22306,7 +22374,7 @@
"generator": false
},
{
- "__docId__": 1016,
+ "__docId__": 1018,
"kind": "method",
"static": false,
"variation": null,
@@ -22341,7 +22409,7 @@
"generator": false
},
{
- "__docId__": 1017,
+ "__docId__": 1019,
"kind": "method",
"static": false,
"variation": null,
@@ -22388,7 +22456,7 @@
"generator": false
},
{
- "__docId__": 1018,
+ "__docId__": 1020,
"kind": "method",
"static": false,
"variation": null,
@@ -22435,7 +22503,7 @@
"generator": false
},
{
- "__docId__": 1019,
+ "__docId__": 1021,
"kind": "method",
"static": false,
"variation": null,
@@ -22494,7 +22562,7 @@
"generator": false
},
{
- "__docId__": 1020,
+ "__docId__": 1022,
"kind": "method",
"static": false,
"variation": null,
@@ -22541,7 +22609,7 @@
"generator": false
},
{
- "__docId__": 1021,
+ "__docId__": 1023,
"kind": "method",
"static": false,
"variation": null,
@@ -22588,7 +22656,7 @@
"generator": false
},
{
- "__docId__": 1022,
+ "__docId__": 1024,
"kind": "method",
"static": false,
"variation": null,
@@ -22647,7 +22715,7 @@
"generator": false
},
{
- "__docId__": 1023,
+ "__docId__": 1025,
"kind": "method",
"static": false,
"variation": null,
@@ -22704,7 +22772,7 @@
"generator": false
},
{
- "__docId__": 1024,
+ "__docId__": 1026,
"kind": "method",
"static": false,
"variation": null,
@@ -22761,7 +22829,7 @@
"generator": false
},
{
- "__docId__": 1025,
+ "__docId__": 1027,
"kind": "method",
"static": false,
"variation": null,
@@ -22818,7 +22886,7 @@
"generator": false
},
{
- "__docId__": 1026,
+ "__docId__": 1028,
"kind": "method",
"static": false,
"variation": null,
@@ -22875,7 +22943,7 @@
"generator": false
},
{
- "__docId__": 1027,
+ "__docId__": 1029,
"kind": "method",
"static": false,
"variation": null,
@@ -22956,7 +23024,7 @@
"generator": false
},
{
- "__docId__": 1028,
+ "__docId__": 1030,
"kind": "method",
"static": false,
"variation": null,
@@ -22989,7 +23057,7 @@
"generator": false
},
{
- "__docId__": 1029,
+ "__docId__": 1031,
"kind": "method",
"static": false,
"variation": null,
@@ -23024,7 +23092,7 @@
"generator": false
},
{
- "__docId__": 1030,
+ "__docId__": 1032,
"kind": "method",
"static": false,
"variation": null,
@@ -23038,7 +23106,7 @@
"generator": false
},
{
- "__docId__": 1031,
+ "__docId__": 1033,
"kind": "member",
"static": false,
"variation": null,
@@ -23056,7 +23124,7 @@
}
},
{
- "__docId__": 1032,
+ "__docId__": 1034,
"kind": "method",
"static": false,
"variation": null,
@@ -23091,7 +23159,7 @@
"generator": false
},
{
- "__docId__": 1033,
+ "__docId__": 1035,
"kind": "method",
"static": false,
"variation": null,
@@ -23116,7 +23184,7 @@
"generator": false
},
{
- "__docId__": 1034,
+ "__docId__": 1036,
"kind": "method",
"static": false,
"variation": null,
@@ -23130,7 +23198,7 @@
"generator": false
},
{
- "__docId__": 1035,
+ "__docId__": 1037,
"kind": "method",
"static": false,
"variation": null,
@@ -23144,7 +23212,7 @@
"generator": false
},
{
- "__docId__": 1036,
+ "__docId__": 1038,
"kind": "method",
"static": false,
"variation": null,
@@ -23166,7 +23234,7 @@
"generator": false
},
{
- "__docId__": 1037,
+ "__docId__": 1039,
"kind": "method",
"static": false,
"variation": null,
@@ -23191,7 +23259,7 @@
"generator": false
},
{
- "__docId__": 1038,
+ "__docId__": 1040,
"kind": "member",
"static": false,
"variation": null,
@@ -23209,7 +23277,7 @@
}
},
{
- "__docId__": 1039,
+ "__docId__": 1041,
"kind": "method",
"static": false,
"variation": null,
@@ -23244,7 +23312,7 @@
"generator": false
},
{
- "__docId__": 1040,
+ "__docId__": 1042,
"kind": "method",
"static": false,
"variation": null,
@@ -23277,7 +23345,7 @@
"generator": false
},
{
- "__docId__": 1041,
+ "__docId__": 1043,
"kind": "method",
"static": false,
"variation": null,
@@ -23305,7 +23373,7 @@
"generator": false
},
{
- "__docId__": 1042,
+ "__docId__": 1044,
"kind": "method",
"static": false,
"variation": null,
@@ -23333,7 +23401,7 @@
"generator": false
},
{
- "__docId__": 1043,
+ "__docId__": 1045,
"kind": "method",
"static": false,
"variation": null,
@@ -23361,7 +23429,7 @@
"generator": false
},
{
- "__docId__": 1044,
+ "__docId__": 1046,
"kind": "method",
"static": false,
"variation": null,
@@ -23389,7 +23457,7 @@
"generator": false
},
{
- "__docId__": 1045,
+ "__docId__": 1047,
"kind": "method",
"static": false,
"variation": null,
@@ -23414,7 +23482,7 @@
"generator": false
},
{
- "__docId__": 1046,
+ "__docId__": 1048,
"kind": "method",
"static": false,
"variation": null,
@@ -23428,7 +23496,7 @@
"generator": false
},
{
- "__docId__": 1047,
+ "__docId__": 1049,
"kind": "method",
"static": false,
"variation": null,
@@ -23461,7 +23529,7 @@
"generator": false
},
{
- "__docId__": 1048,
+ "__docId__": 1050,
"kind": "method",
"static": false,
"variation": null,
@@ -23494,7 +23562,7 @@
"generator": false
},
{
- "__docId__": 1049,
+ "__docId__": 1051,
"kind": "method",
"static": false,
"variation": null,
@@ -23527,7 +23595,7 @@
"generator": false
},
{
- "__docId__": 1050,
+ "__docId__": 1052,
"kind": "method",
"static": false,
"variation": null,
@@ -23560,7 +23628,7 @@
"generator": false
},
{
- "__docId__": 1051,
+ "__docId__": 1053,
"kind": "method",
"static": false,
"variation": null,
@@ -23593,7 +23661,7 @@
"generator": false
},
{
- "__docId__": 1052,
+ "__docId__": 1054,
"kind": "method",
"static": false,
"variation": null,
@@ -23636,7 +23704,7 @@
"generator": false
},
{
- "__docId__": 1053,
+ "__docId__": 1055,
"kind": "method",
"static": false,
"variation": null,
@@ -23691,7 +23759,7 @@
"generator": false
},
{
- "__docId__": 1054,
+ "__docId__": 1056,
"kind": "method",
"static": false,
"variation": null,
@@ -23713,7 +23781,7 @@
"generator": false
},
{
- "__docId__": 1055,
+ "__docId__": 1057,
"kind": "method",
"static": false,
"variation": null,
@@ -23735,7 +23803,7 @@
"generator": false
},
{
- "__docId__": 1056,
+ "__docId__": 1058,
"kind": "method",
"static": false,
"variation": null,
@@ -23768,7 +23836,7 @@
"generator": false
},
{
- "__docId__": 1057,
+ "__docId__": 1059,
"kind": "member",
"static": false,
"variation": null,
@@ -23786,7 +23854,7 @@
}
},
{
- "__docId__": 1058,
+ "__docId__": 1060,
"kind": "method",
"static": false,
"variation": null,
@@ -23808,7 +23876,7 @@
"generator": false
},
{
- "__docId__": 1059,
+ "__docId__": 1061,
"kind": "method",
"static": false,
"variation": null,
@@ -23830,7 +23898,7 @@
"generator": false
},
{
- "__docId__": 1060,
+ "__docId__": 1062,
"kind": "method",
"static": false,
"variation": null,
@@ -23852,7 +23920,7 @@
"generator": false
},
{
- "__docId__": 1061,
+ "__docId__": 1063,
"kind": "method",
"static": false,
"variation": null,
@@ -23874,7 +23942,7 @@
"generator": false
},
{
- "__docId__": 1062,
+ "__docId__": 1064,
"kind": "method",
"static": false,
"variation": null,
@@ -23919,7 +23987,7 @@
"generator": false
},
{
- "__docId__": 1063,
+ "__docId__": 1065,
"kind": "method",
"static": false,
"variation": null,
@@ -23952,7 +24020,7 @@
"generator": false
},
{
- "__docId__": 1064,
+ "__docId__": 1066,
"kind": "method",
"static": false,
"variation": null,
@@ -23985,7 +24053,7 @@
"generator": false
},
{
- "__docId__": 1065,
+ "__docId__": 1067,
"kind": "method",
"static": false,
"variation": null,
@@ -24018,7 +24086,7 @@
"generator": false
},
{
- "__docId__": 1066,
+ "__docId__": 1068,
"kind": "method",
"static": false,
"variation": null,
@@ -24040,7 +24108,7 @@
"generator": false
},
{
- "__docId__": 1067,
+ "__docId__": 1069,
"kind": "method",
"static": false,
"variation": null,
@@ -24075,7 +24143,7 @@
"generator": false
},
{
- "__docId__": 1068,
+ "__docId__": 1070,
"kind": "method",
"static": false,
"variation": null,
@@ -24097,7 +24165,7 @@
"generator": false
},
{
- "__docId__": 1069,
+ "__docId__": 1071,
"kind": "method",
"static": false,
"variation": null,
@@ -24136,7 +24204,7 @@
"generator": false
},
{
- "__docId__": 1070,
+ "__docId__": 1072,
"kind": "method",
"static": false,
"variation": null,
@@ -24158,7 +24226,7 @@
"generator": false
},
{
- "__docId__": 1071,
+ "__docId__": 1073,
"kind": "file",
"static": true,
"variation": null,
@@ -24171,7 +24239,7 @@
"content": "\n/**\n * Types utilities\n */\n\nconst UNDEFINED = void 0;\n\n/**\n * Return an empty function\n * @return {Function}\n */\nexport const EMPTY_FN = function() {};\n\n/**\n * Check passed argument is an object\n * @param {Object} obj\n * @return {Boolean}\n */\nexport const isObj =\n (obj) => Object.prototype.toString.call(obj) === '[object Object]';\n\n/**\n * Check passed argument is a function\n * @param {Function} obj\n * @return {Boolean}\n */\nexport const isFn =\n (obj) => Object.prototype.toString.call(obj) === '[object Function]';\n\n/**\n * Check passed argument is an array\n * @param {Array} obj\n * @return {Boolean}\n */\nexport const isArray =\n (obj) => Object.prototype.toString.call(obj) === '[object Array]';\n\n/**\n * Check passed argument is a string\n * @param {String} obj obj\n * @returns {Boolean}\n */\nexport const isString =\n (obj) => Object.prototype.toString.call(obj) === '[object String]';\n\n/**\n * Check passed argument is a number\n * @param {Number} obj\n * @returns {Boolean}\n */\nexport const isNumber =\n (obj) => Object.prototype.toString.call(obj) === '[object Number]';\n\n/**\n * Check passed argument is a boolean\n * @param {Boolean} obj\n * @returns {Boolean}\n */\nexport const isBoolean =\n (obj) => Object.prototype.toString.call(obj) === '[object Boolean]';\n\n/**\n * Check passed argument is undefined\n * @param {Any} obj\n * @return {Boolean}\n */\nexport const isUndef = (obj) => obj === UNDEFINED;\n\n/**\n * Check passed argument is null\n * @param {Any} obj\n * @return {Boolean}\n */\nexport const isNull = (obj) => obj === null;\n\n/**\n * Check passed argument is empty (undefined, null or empty string)\n * @param {Any} obj\n * @return {Boolean}\n */\nexport const isEmpty = (obj) => isUndef(obj) || isNull(obj) || obj.length === 0;\n"
},
{
- "__docId__": 1072,
+ "__docId__": 1074,
"kind": "variable",
"static": true,
"variation": null,
@@ -24191,7 +24259,7 @@
}
},
{
- "__docId__": 1073,
+ "__docId__": 1075,
"kind": "function",
"static": true,
"variation": null,
@@ -24216,7 +24284,7 @@
"generator": false
},
{
- "__docId__": 1074,
+ "__docId__": 1076,
"kind": "variable",
"static": true,
"variation": null,
@@ -24256,7 +24324,7 @@
}
},
{
- "__docId__": 1075,
+ "__docId__": 1077,
"kind": "variable",
"static": true,
"variation": null,
@@ -24296,7 +24364,7 @@
}
},
{
- "__docId__": 1076,
+ "__docId__": 1078,
"kind": "variable",
"static": true,
"variation": null,
@@ -24336,7 +24404,7 @@
}
},
{
- "__docId__": 1077,
+ "__docId__": 1079,
"kind": "variable",
"static": true,
"variation": null,
@@ -24382,7 +24450,7 @@
}
},
{
- "__docId__": 1078,
+ "__docId__": 1080,
"kind": "variable",
"static": true,
"variation": null,
@@ -24428,7 +24496,7 @@
}
},
{
- "__docId__": 1079,
+ "__docId__": 1081,
"kind": "variable",
"static": true,
"variation": null,
@@ -24474,7 +24542,7 @@
}
},
{
- "__docId__": 1080,
+ "__docId__": 1082,
"kind": "variable",
"static": true,
"variation": null,
@@ -24514,7 +24582,7 @@
}
},
{
- "__docId__": 1081,
+ "__docId__": 1083,
"kind": "variable",
"static": true,
"variation": null,
@@ -24554,7 +24622,7 @@
}
},
{
- "__docId__": 1082,
+ "__docId__": 1084,
"kind": "variable",
"static": true,
"variation": null,
@@ -24594,7 +24662,7 @@
}
},
{
- "__docId__": 1084,
+ "__docId__": 1086,
"kind": "external",
"static": true,
"variation": null,
@@ -24607,7 +24675,7 @@
"builtinExternal": true
},
{
- "__docId__": 1085,
+ "__docId__": 1087,
"kind": "external",
"static": true,
"variation": null,
@@ -24620,7 +24688,7 @@
"builtinExternal": true
},
{
- "__docId__": 1086,
+ "__docId__": 1088,
"kind": "external",
"static": true,
"variation": null,
@@ -24633,7 +24701,7 @@
"builtinExternal": true
},
{
- "__docId__": 1087,
+ "__docId__": 1089,
"kind": "external",
"static": true,
"variation": null,
@@ -24646,7 +24714,7 @@
"builtinExternal": true
},
{
- "__docId__": 1088,
+ "__docId__": 1090,
"kind": "external",
"static": true,
"variation": null,
@@ -24659,7 +24727,7 @@
"builtinExternal": true
},
{
- "__docId__": 1089,
+ "__docId__": 1091,
"kind": "external",
"static": true,
"variation": null,
@@ -24672,7 +24740,7 @@
"builtinExternal": true
},
{
- "__docId__": 1090,
+ "__docId__": 1092,
"kind": "external",
"static": true,
"variation": null,
@@ -24685,7 +24753,7 @@
"builtinExternal": true
},
{
- "__docId__": 1091,
+ "__docId__": 1093,
"kind": "external",
"static": true,
"variation": null,
@@ -24698,7 +24766,7 @@
"builtinExternal": true
},
{
- "__docId__": 1092,
+ "__docId__": 1094,
"kind": "external",
"static": true,
"variation": null,
@@ -24711,7 +24779,7 @@
"builtinExternal": true
},
{
- "__docId__": 1093,
+ "__docId__": 1095,
"kind": "external",
"static": true,
"variation": null,
@@ -24724,7 +24792,7 @@
"builtinExternal": true
},
{
- "__docId__": 1094,
+ "__docId__": 1096,
"kind": "external",
"static": true,
"variation": null,
@@ -24737,7 +24805,7 @@
"builtinExternal": true
},
{
- "__docId__": 1095,
+ "__docId__": 1097,
"kind": "external",
"static": true,
"variation": null,
@@ -24750,7 +24818,7 @@
"builtinExternal": true
},
{
- "__docId__": 1096,
+ "__docId__": 1098,
"kind": "external",
"static": true,
"variation": null,
@@ -24763,7 +24831,7 @@
"builtinExternal": true
},
{
- "__docId__": 1097,
+ "__docId__": 1099,
"kind": "external",
"static": true,
"variation": null,
@@ -24776,7 +24844,7 @@
"builtinExternal": true
},
{
- "__docId__": 1098,
+ "__docId__": 1100,
"kind": "external",
"static": true,
"variation": null,
@@ -24789,7 +24857,7 @@
"builtinExternal": true
},
{
- "__docId__": 1099,
+ "__docId__": 1101,
"kind": "external",
"static": true,
"variation": null,
@@ -24802,7 +24870,7 @@
"builtinExternal": true
},
{
- "__docId__": 1100,
+ "__docId__": 1102,
"kind": "external",
"static": true,
"variation": null,
@@ -24815,7 +24883,7 @@
"builtinExternal": true
},
{
- "__docId__": 1101,
+ "__docId__": 1103,
"kind": "external",
"static": true,
"variation": null,
@@ -24828,7 +24896,7 @@
"builtinExternal": true
},
{
- "__docId__": 1102,
+ "__docId__": 1104,
"kind": "external",
"static": true,
"variation": null,
@@ -24841,7 +24909,7 @@
"builtinExternal": true
},
{
- "__docId__": 1103,
+ "__docId__": 1105,
"kind": "external",
"static": true,
"variation": null,
@@ -24854,7 +24922,7 @@
"builtinExternal": true
},
{
- "__docId__": 1104,
+ "__docId__": 1106,
"kind": "external",
"static": true,
"variation": null,
@@ -24867,7 +24935,7 @@
"builtinExternal": true
},
{
- "__docId__": 1105,
+ "__docId__": 1107,
"kind": "external",
"static": true,
"variation": null,
@@ -24880,7 +24948,7 @@
"builtinExternal": true
},
{
- "__docId__": 1106,
+ "__docId__": 1108,
"kind": "external",
"static": true,
"variation": null,
@@ -24893,7 +24961,7 @@
"builtinExternal": true
},
{
- "__docId__": 1107,
+ "__docId__": 1109,
"kind": "external",
"static": true,
"variation": null,
@@ -24906,7 +24974,7 @@
"builtinExternal": true
},
{
- "__docId__": 1108,
+ "__docId__": 1110,
"kind": "external",
"static": true,
"variation": null,
@@ -24919,7 +24987,7 @@
"builtinExternal": true
},
{
- "__docId__": 1109,
+ "__docId__": 1111,
"kind": "external",
"static": true,
"variation": null,
@@ -24932,7 +25000,7 @@
"builtinExternal": true
},
{
- "__docId__": 1110,
+ "__docId__": 1112,
"kind": "external",
"static": true,
"variation": null,
@@ -24945,7 +25013,7 @@
"builtinExternal": true
},
{
- "__docId__": 1111,
+ "__docId__": 1113,
"kind": "external",
"static": true,
"variation": null,
@@ -24958,7 +25026,7 @@
"builtinExternal": true
},
{
- "__docId__": 1112,
+ "__docId__": 1114,
"kind": "external",
"static": true,
"variation": null,
@@ -24971,7 +25039,7 @@
"builtinExternal": true
},
{
- "__docId__": 1113,
+ "__docId__": 1115,
"kind": "external",
"static": true,
"variation": null,
@@ -24984,7 +25052,7 @@
"builtinExternal": true
},
{
- "__docId__": 1114,
+ "__docId__": 1116,
"kind": "external",
"static": true,
"variation": null,
@@ -24997,7 +25065,7 @@
"builtinExternal": true
},
{
- "__docId__": 1115,
+ "__docId__": 1117,
"kind": "external",
"static": true,
"variation": null,
@@ -25010,7 +25078,7 @@
"builtinExternal": true
},
{
- "__docId__": 1116,
+ "__docId__": 1118,
"kind": "external",
"static": true,
"variation": null,
@@ -25023,7 +25091,7 @@
"builtinExternal": true
},
{
- "__docId__": 1117,
+ "__docId__": 1119,
"kind": "external",
"static": true,
"variation": null,
@@ -25036,7 +25104,7 @@
"builtinExternal": true
},
{
- "__docId__": 1118,
+ "__docId__": 1120,
"kind": "external",
"static": true,
"variation": null,
@@ -25049,7 +25117,7 @@
"builtinExternal": true
},
{
- "__docId__": 1119,
+ "__docId__": 1121,
"kind": "external",
"static": true,
"variation": null,
@@ -25062,7 +25130,7 @@
"builtinExternal": true
},
{
- "__docId__": 1120,
+ "__docId__": 1122,
"kind": "external",
"static": true,
"variation": null,
@@ -25075,7 +25143,7 @@
"builtinExternal": true
},
{
- "__docId__": 1121,
+ "__docId__": 1123,
"kind": "external",
"static": true,
"variation": null,
@@ -25088,7 +25156,7 @@
"builtinExternal": true
},
{
- "__docId__": 1122,
+ "__docId__": 1124,
"kind": "external",
"static": true,
"variation": null,
@@ -25101,7 +25169,7 @@
"builtinExternal": true
},
{
- "__docId__": 1123,
+ "__docId__": 1125,
"kind": "external",
"static": true,
"variation": null,
@@ -25114,7 +25182,7 @@
"builtinExternal": true
},
{
- "__docId__": 1124,
+ "__docId__": 1126,
"kind": "external",
"static": true,
"variation": null,
@@ -25127,7 +25195,7 @@
"builtinExternal": true
},
{
- "__docId__": 1125,
+ "__docId__": 1127,
"kind": "external",
"static": true,
"variation": null,
@@ -25140,7 +25208,7 @@
"builtinExternal": true
},
{
- "__docId__": 1126,
+ "__docId__": 1128,
"kind": "external",
"static": true,
"variation": null,
@@ -25153,7 +25221,7 @@
"builtinExternal": true
},
{
- "__docId__": 1127,
+ "__docId__": 1129,
"kind": "external",
"static": true,
"variation": null,
@@ -25166,7 +25234,7 @@
"builtinExternal": true
},
{
- "__docId__": 1128,
+ "__docId__": 1130,
"kind": "external",
"static": true,
"variation": null,
@@ -25179,7 +25247,7 @@
"builtinExternal": true
},
{
- "__docId__": 1129,
+ "__docId__": 1131,
"kind": "external",
"static": true,
"variation": null,
@@ -25192,7 +25260,7 @@
"builtinExternal": true
},
{
- "__docId__": 1130,
+ "__docId__": 1132,
"kind": "external",
"static": true,
"variation": null,
@@ -25205,7 +25273,7 @@
"builtinExternal": true
},
{
- "__docId__": 1132,
+ "__docId__": 1134,
"kind": "external",
"static": true,
"variation": null,
@@ -25218,7 +25286,7 @@
"builtinExternal": true
},
{
- "__docId__": 1133,
+ "__docId__": 1135,
"kind": "external",
"static": true,
"variation": null,
@@ -25231,7 +25299,7 @@
"builtinExternal": true
},
{
- "__docId__": 1134,
+ "__docId__": 1136,
"kind": "external",
"static": true,
"variation": null,
@@ -25244,7 +25312,7 @@
"builtinExternal": true
},
{
- "__docId__": 1135,
+ "__docId__": 1137,
"kind": "external",
"static": true,
"variation": null,
@@ -25257,7 +25325,7 @@
"builtinExternal": true
},
{
- "__docId__": 1136,
+ "__docId__": 1138,
"kind": "external",
"static": true,
"variation": null,
@@ -25270,7 +25338,7 @@
"builtinExternal": true
},
{
- "__docId__": 1137,
+ "__docId__": 1139,
"kind": "external",
"static": true,
"variation": null,
@@ -25283,7 +25351,7 @@
"builtinExternal": true
},
{
- "__docId__": 1138,
+ "__docId__": 1140,
"kind": "external",
"static": true,
"variation": null,
@@ -25296,7 +25364,7 @@
"builtinExternal": true
},
{
- "__docId__": 1139,
+ "__docId__": 1141,
"kind": "external",
"static": true,
"variation": null,
diff --git a/docs/file/src/array.js.html b/docs/file/src/array.js.html
index 06dbb297..485e3963 100644
--- a/docs/file/src/array.js.html
+++ b/docs/file/src/array.js.html
@@ -3,7 +3,7 @@
src/array.js | tablefilter v0.5.41 API Document
+ src/array.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/const.js.html b/docs/file/src/const.js.html
index 74a0ca7b..b14e3554 100644
--- a/docs/file/src/const.js.html
+++ b/docs/file/src/const.js.html
@@ -3,7 +3,7 @@
src/const.js | tablefilter v0.5.41 API Document
+ src/const.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/cookie.js.html b/docs/file/src/cookie.js.html
index 1f7a92c5..0e27c46f 100644
--- a/docs/file/src/cookie.js.html
+++ b/docs/file/src/cookie.js.html
@@ -3,7 +3,7 @@
src/cookie.js | tablefilter v0.5.41 API Document
+ src/cookie.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/dom.js.html b/docs/file/src/dom.js.html
index 9c222d9d..1b1e3269 100644
--- a/docs/file/src/dom.js.html
+++ b/docs/file/src/dom.js.html
@@ -3,7 +3,7 @@
src/dom.js | tablefilter v0.5.41 API Document
+ src/dom.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/emitter.js.html b/docs/file/src/emitter.js.html
index 45e025a4..131965c3 100644
--- a/docs/file/src/emitter.js.html
+++ b/docs/file/src/emitter.js.html
@@ -3,7 +3,7 @@
src/emitter.js | tablefilter v0.5.41 API Document
+ src/emitter.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/event.js.html b/docs/file/src/event.js.html
index 2b098525..36ba9871 100644
--- a/docs/file/src/event.js.html
+++ b/docs/file/src/event.js.html
@@ -3,7 +3,7 @@
src/event.js | tablefilter v0.5.41 API Document
+ src/event.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
index 460c0ec2..5739fd96 100644
--- a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
+++ b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.5.41 API Document
+ src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
index 4fb8d061..99a22f66 100644
--- a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
+++ b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.5.41 API Document
+ src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/extensions/colOps/colOps.js.html b/docs/file/src/extensions/colOps/colOps.js.html
index 6ef3f1b3..08cfe531 100644
--- a/docs/file/src/extensions/colOps/colOps.js.html
+++ b/docs/file/src/extensions/colOps/colOps.js.html
@@ -3,7 +3,7 @@
src/extensions/colOps/colOps.js | tablefilter v0.5.41 API Document
+ src/extensions/colOps/colOps.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
index 0b39df6e..94b8c664 100644
--- a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
+++ b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
@@ -3,7 +3,7 @@
src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.5.41 API Document
+ src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.5.42 API Document
@@ -135,15 +135,14 @@
<, <=, >, ' +\n '>=, =, *, !, {, }, ' +\n '||,&&, [empty], [nonempty], ' +\n 'rgx:
' +\n 'Learn more
';\n\n /**\n * Instructions HTML\n * @type {String}\n */\n this.instrHtml = defaultsStr(f.html, null);\n\n /**\n * Help button text ('?')\n * @type {String}\n */\n this.btnText = defaultsStr(f.btn_text, '?');\n\n /**\n * Custom help button HTML\n * @type {String}\n */\n this.btnHtml = defaultsStr(f.btn_html, null);\n\n /**\n * Css class for help button\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'helpBtn');\n\n /**\n * Css class for help container element\n * @type {String}\n */\n this.contCssClass = defaultsStr(f.container_css_class, 'helpCont');\n\n /**\n * Button DOM element\n * @type {DOMElement}\n */\n this.btn = null;\n\n /**\n * Help container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Bound mouseup wrapper\n * @private\n */\n this.boundMouseup = null;\n\n /**\n * Default HTML appended to instructions text\n * @type {String}\n */\n this.defaultHtml = '';\n\n this.emitter.on(['init-help'], () => this.init());\n }\n\n /**\n * Mouse-up event handler handling popup auto-close behaviour\n * @private\n */\n onMouseup(evt) {\n let targetElm = targetEvt(evt);\n\n while (targetElm && targetElm !== this.cont && targetElm !== this.btn) {\n targetElm = targetElm.parentNode;\n }\n\n if (targetElm !== this.cont && targetElm !== this.btn) {\n this.toggle();\n }\n\n return;\n }\n\n /**\n * Initialise Help instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n\n let btn = createElm('span');\n let cont = createElm('div');\n\n this.boundMouseup = this.onMouseup.bind(this);\n\n //help button is added to defined element\n if (!this.tgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.tgtId ? tf.rDiv : elm(this.tgtId);\n targetEl.appendChild(btn);\n\n let divContainer = !this.contTgtId ? btn : elm(this.contTgtId);\n\n if (!this.btnHtml) {\n divContainer.appendChild(cont);\n let helplink = createElm('a', ['href', 'javascript:void(0);']);\n helplink.className = this.btnCssClass;\n helplink.appendChild(createText(this.btnText));\n btn.appendChild(helplink);\n addEvt(helplink, 'click', () => this.toggle());\n } else {\n btn.innerHTML = this.btnHtml;\n let helpEl = btn.firstChild;\n addEvt(helpEl, 'click', () => this.toggle());\n divContainer.appendChild(cont);\n }\n\n if (!this.instrHtml) {\n cont.innerHTML = this.instrText;\n cont.className = this.contCssClass;\n } else {\n if (this.contTgtId) {\n divContainer.appendChild(cont);\n }\n cont.innerHTML = this.instrHtml;\n if (!this.contTgtId) {\n cont.className = this.contCssClass;\n }\n }\n cont.innerHTML += this.defaultHtml;\n addEvt(cont, 'click', () => this.toggle());\n\n this.cont = cont;\n this.btn = btn;\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Toggle help pop-up\n */\n toggle() {\n // check only if explicitily disabled as in this case undefined\n // signifies the help feature is enabled by default\n if (!this.isEnabled()) {\n return;\n }\n\n // ensure mouseup event handler is removed\n removeEvt(root, 'mouseup', this.boundMouseup);\n\n let divDisplay = this.cont.style.display;\n if (divDisplay === '' || divDisplay === NONE) {\n this.cont.style.display = 'inline';\n addEvt(root, 'mouseup', this.boundMouseup);\n } else {\n this.cont.style.display = NONE;\n }\n }\n\n /**\n * Remove help UI\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.btn);\n this.btn = null;\n\n removeElm(this.cont);\n this.cont = null;\n\n this.boundMouseup = null;\n this.initialized = false;\n }\n\n}\n" }, { - "__docId__": 422, + "__docId__": 424, "kind": "variable", "static": true, "variation": null, @@ -9742,7 +9810,7 @@ } }, { - "__docId__": 423, + "__docId__": 425, "kind": "variable", "static": true, "variation": null, @@ -9763,7 +9831,7 @@ } }, { - "__docId__": 424, + "__docId__": 426, "kind": "class", "static": true, "variation": null, @@ -9782,7 +9850,7 @@ ] }, { - "__docId__": 425, + "__docId__": 427, "kind": "constructor", "static": false, "variation": null, @@ -9807,7 +9875,7 @@ "generator": false }, { - "__docId__": 426, + "__docId__": 428, "kind": "member", "static": false, "variation": null, @@ -9827,7 +9895,7 @@ } }, { - "__docId__": 427, + "__docId__": 429, "kind": "member", "static": false, "variation": null, @@ -9847,7 +9915,7 @@ } }, { - "__docId__": 428, + "__docId__": 430, "kind": "member", "static": false, "variation": null, @@ -9867,7 +9935,7 @@ } }, { - "__docId__": 429, + "__docId__": 431, "kind": "member", "static": false, "variation": null, @@ -9887,7 +9955,7 @@ } }, { - "__docId__": 430, + "__docId__": 432, "kind": "member", "static": false, "variation": null, @@ -9907,7 +9975,7 @@ } }, { - "__docId__": 431, + "__docId__": 433, "kind": "member", "static": false, "variation": null, @@ -9927,7 +9995,7 @@ } }, { - "__docId__": 432, + "__docId__": 434, "kind": "member", "static": false, "variation": null, @@ -9947,7 +10015,7 @@ } }, { - "__docId__": 433, + "__docId__": 435, "kind": "member", "static": false, "variation": null, @@ -9967,7 +10035,7 @@ } }, { - "__docId__": 434, + "__docId__": 436, "kind": "member", "static": false, "variation": null, @@ -9987,7 +10055,7 @@ } }, { - "__docId__": 435, + "__docId__": 437, "kind": "member", "static": false, "variation": null, @@ -10007,7 +10075,7 @@ } }, { - "__docId__": 436, + "__docId__": 438, "kind": "member", "static": false, "variation": null, @@ -10024,7 +10092,7 @@ } }, { - "__docId__": 437, + "__docId__": 439, "kind": "member", "static": false, "variation": null, @@ -10044,7 +10112,7 @@ } }, { - "__docId__": 438, + "__docId__": 440, "kind": "method", "static": false, "variation": null, @@ -10065,7 +10133,7 @@ "generator": false }, { - "__docId__": 439, + "__docId__": 441, "kind": "method", "static": false, "variation": null, @@ -10079,7 +10147,7 @@ "generator": false }, { - "__docId__": 440, + "__docId__": 442, "kind": "member", "static": false, "variation": null, @@ -10097,7 +10165,7 @@ } }, { - "__docId__": 441, + "__docId__": 443, "kind": "member", "static": false, "variation": null, @@ -10115,7 +10183,7 @@ } }, { - "__docId__": 442, + "__docId__": 444, "kind": "member", "static": false, "variation": null, @@ -10133,7 +10201,7 @@ } }, { - "__docId__": 443, + "__docId__": 445, "kind": "member", "static": false, "variation": null, @@ -10156,7 +10224,7 @@ } }, { - "__docId__": 444, + "__docId__": 446, "kind": "method", "static": false, "variation": null, @@ -10170,7 +10238,7 @@ "generator": false }, { - "__docId__": 445, + "__docId__": 447, "kind": "method", "static": false, "variation": null, @@ -10184,7 +10252,7 @@ "generator": false }, { - "__docId__": 446, + "__docId__": 448, "kind": "member", "static": false, "variation": null, @@ -10202,7 +10270,7 @@ } }, { - "__docId__": 447, + "__docId__": 449, "kind": "member", "static": false, "variation": null, @@ -10220,7 +10288,7 @@ } }, { - "__docId__": 448, + "__docId__": 450, "kind": "member", "static": false, "variation": null, @@ -10238,7 +10306,7 @@ } }, { - "__docId__": 449, + "__docId__": 451, "kind": "member", "static": false, "variation": null, @@ -10256,7 +10324,7 @@ } }, { - "__docId__": 450, + "__docId__": 452, "kind": "file", "static": true, "variation": null, @@ -10269,7 +10337,7 @@ "content": "import {createText, createElm, getText} from '../dom';\nimport {isArray} from '../types';\nimport {rgxEsc} from '../string';\nimport {defaultsStr} from '../settings';\n\n/**\n * Highlight matched keywords upon filtering\n *\n * @export\n * @class HighlightKeyword\n */\nexport class HighlightKeyword {\n\n /**\n * Creates an instance of HighlightKeyword\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n let f = tf.config();\n\n /**\n * Css class for highlighted term\n * @type {String}\n */\n this.highlightCssClass = defaultsStr(f.highlight_css_class, 'keyword');\n\n /**\n * TableFilter instance\n * @type {TableFilter}\n */\n this.tf = tf;\n\n /**\n * TableFilter's emitter instance\n * @type {Emitter}\n */\n this.emitter = tf.emitter;\n }\n\n /**\n * Initializes HighlightKeyword instance\n */\n init() {\n this.emitter.on(\n ['before-filtering', 'destroy'],\n () => this.unhighlightAll()\n );\n this.emitter.on(\n ['highlight-keyword'],\n (tf, cell, term) => this._processTerm(cell, term)\n );\n }\n\n /**\n * Highlight occurences of searched term in passed node\n * @param {Node} node\n * @param {String} term Searched term\n * @param {String} cssClass Css class name\n *\n * TODO: refactor this method\n */\n highlight(node, term, cssClass) {\n // Iterate into this nodes childNodes\n if (node.hasChildNodes) {\n let children = node.childNodes;\n for (let i = 0; i < children.length; i++) {\n this.highlight(children[i], term, cssClass);\n }\n }\n\n if (node.nodeType === 3) {\n let nodeVal = node.nodeValue.toLowerCase();\n let termIdx = nodeVal.indexOf(term.toLowerCase());\n\n if (termIdx !== -1) {\n let pn = node.parentNode;\n if (pn && pn.className !== cssClass) {\n // term not highlighted yet\n let nv = node.nodeValue,\n // Create a load of replacement nodes\n before = createText(nv.substr(0, termIdx)),\n value = nv.substr(termIdx, term.length),\n after = createText(nv.substr(termIdx + term.length)),\n text = createText(value),\n container = createElm('span');\n container.className = cssClass;\n container.appendChild(text);\n pn.insertBefore(before, node);\n pn.insertBefore(container, node);\n pn.insertBefore(after, node);\n pn.removeChild(node);\n }\n }\n }\n }\n\n /**\n * Removes highlight to nodes matching passed string\n * @param {String} term\n * @param {String} cssClass Css class to remove\n */\n unhighlight(term, cssClass) {\n let highlightedNodes = this.tf.dom().querySelectorAll(`.${cssClass}`);\n for (let i = 0; i < highlightedNodes.length; i++) {\n let n = highlightedNodes[i];\n let nodeVal = getText(n);\n\n if (nodeVal.toLowerCase().indexOf(term.toLowerCase()) !== -1) {\n let parentNode = n.parentNode;\n parentNode.replaceChild(createText(nodeVal), n);\n parentNode.normalize();\n }\n }\n }\n\n /**\n * Clear all occurrences of highlighted nodes\n */\n unhighlightAll() {\n if (!this.tf.highlightKeywords) {\n return;\n }\n // iterate filters values to unhighlight all values\n this.tf.getFiltersValue().forEach((val) => {\n if (isArray(val)) {\n val.forEach((item) =>\n this.unhighlight(item, this.highlightCssClass));\n } else {\n this.unhighlight(val, this.highlightCssClass);\n }\n });\n }\n\n /** Remove feature */\n destroy() {\n this.emitter.off(\n ['before-filtering', 'destroy'],\n () => this.unhighlightAll()\n );\n this.emitter.off(\n ['highlight-keyword'],\n (tf, cell, term) => this._processTerm(cell, term)\n );\n }\n\n /**\n * Ensure filtering operators are handled before highlighting any match\n * @param {any} Table cell to look searched term into\n * @param {any} Searched termIdx\n */\n _processTerm(cell, term) {\n let tf = this.tf;\n let reLk = new RegExp(rgxEsc(tf.lkOperator));\n let reEq = new RegExp(tf.eqOperator);\n let reSt = new RegExp(tf.stOperator);\n let reEn = new RegExp(tf.enOperator);\n let reLe = new RegExp(tf.leOperator);\n let reGe = new RegExp(tf.geOperator);\n let reL = new RegExp(tf.lwOperator);\n let reG = new RegExp(tf.grOperator);\n let reD = new RegExp(tf.dfOperator);\n\n term = term\n .replace(reLk, '')\n .replace(reEq, '')\n .replace(reSt, '')\n .replace(reEn, '');\n\n if (reLe.test(term) || reGe.test(term) || reL.test(term) ||\n reG.test(term) || reD.test(term)) {\n term = getText(cell);\n }\n\n if (term === '') {\n return;\n }\n\n this.highlight(cell, term, this.highlightCssClass);\n }\n}\n" }, { - "__docId__": 451, + "__docId__": 453, "kind": "class", "static": true, "variation": null, @@ -10295,7 +10363,7 @@ "interface": false }, { - "__docId__": 452, + "__docId__": 454, "kind": "constructor", "static": false, "variation": null, @@ -10320,7 +10388,7 @@ "generator": false }, { - "__docId__": 453, + "__docId__": 455, "kind": "member", "static": false, "variation": null, @@ -10340,7 +10408,7 @@ } }, { - "__docId__": 454, + "__docId__": 456, "kind": "member", "static": false, "variation": null, @@ -10360,7 +10428,7 @@ } }, { - "__docId__": 455, + "__docId__": 457, "kind": "member", "static": false, "variation": null, @@ -10380,7 +10448,7 @@ } }, { - "__docId__": 456, + "__docId__": 458, "kind": "method", "static": false, "variation": null, @@ -10394,7 +10462,7 @@ "generator": false }, { - "__docId__": 457, + "__docId__": 459, "kind": "method", "static": false, "variation": null, @@ -10439,7 +10507,7 @@ "generator": false }, { - "__docId__": 458, + "__docId__": 460, "kind": "method", "static": false, "variation": null, @@ -10474,7 +10542,7 @@ "generator": false }, { - "__docId__": 459, + "__docId__": 461, "kind": "method", "static": false, "variation": null, @@ -10488,7 +10556,7 @@ "generator": false }, { - "__docId__": 460, + "__docId__": 462, "kind": "method", "static": false, "variation": null, @@ -10502,7 +10570,7 @@ "generator": false }, { - "__docId__": 461, + "__docId__": 463, "kind": "method", "static": false, "variation": null, @@ -10537,7 +10605,7 @@ "generator": false }, { - "__docId__": 462, + "__docId__": 464, "kind": "file", "static": true, "variation": null, @@ -10550,7 +10618,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, createText, elm, removeElm} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {root} from '../root';\nimport {NONE} from '../const';\nimport {defaultsStr, defaultsFn} from '../settings';\n\nconst EVENTS = [\n 'before-filtering',\n 'before-populating-filter',\n 'before-page-change',\n 'before-clearing-filters',\n 'before-page-length-change',\n 'before-reset-page',\n 'before-reset-page-length',\n 'before-loading-extensions',\n 'before-loading-themes'\n];\n\n/**\n * Activity indicator\n *\n * @export\n * @class Loader\n * @extends {Feature}\n */\nexport class Loader extends Feature {\n\n /**\n * Creates an instance of Loader.\n *\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'loader');\n\n let f = this.config.loader || {};\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.targetId = defaultsStr(f.target_id, null);\n\n /**\n * Loader container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Text displayed when indicator is visible\n * @type {String}\n */\n this.text = defaultsStr(f.text, 'Loading...');\n\n /**\n * Custom HTML injected in Loader's container element\n * @type {String}\n */\n this.html = defaultsStr(f.html, null);\n\n /**\n * Css class for Loader's container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'loader');\n\n /**\n * Close delay in milliseconds\n * @type {Number}\n */\n this.closeDelay = 250;\n\n /**\n * Callback fired when loader is displayed\n * @type {Function}\n */\n this.onShow = defaultsFn(f.on_show_loader, EMPTY_FN);\n\n /**\n * Callback fired when loader is closed\n * @type {Function}\n */\n this.onHide = defaultsFn(f.on_hide_loader, EMPTY_FN);\n }\n\n /**\n * Initializes Loader instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n let tf = this.tf;\n let emitter = this.emitter;\n\n let containerDiv = createElm('div');\n containerDiv.className = this.cssClass;\n\n let targetEl = !this.targetId ?\n tf.dom().parentNode : elm(this.targetId);\n if (!this.targetId) {\n targetEl.insertBefore(containerDiv, tf.dom());\n } else {\n targetEl.appendChild(containerDiv);\n }\n this.cont = containerDiv;\n if (!this.html) {\n this.cont.appendChild(createText(this.text));\n } else {\n this.cont.innerHTML = this.html;\n }\n\n this.show(NONE);\n\n // Subscribe to events\n emitter.on(EVENTS, () => this.show(''));\n emitter.on(EVENTS, () => this.show(NONE));\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Shows or hides activity indicator\n * @param {String} Two possible values: '' or 'none'\n */\n show(p) {\n if (!this.isEnabled()) {\n return;\n }\n\n let displayLoader = () => {\n if (!this.cont) {\n return;\n }\n if (p !== NONE) {\n this.onShow(this);\n }\n this.cont.style.display = p;\n if (p === NONE) {\n this.onHide(this);\n }\n };\n\n let t = p === NONE ? this.closeDelay : 1;\n root.setTimeout(displayLoader, t);\n }\n\n /**\n * Removes feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let emitter = this.emitter;\n\n removeElm(this.cont);\n this.cont = null;\n\n // Unsubscribe to events\n emitter.off(EVENTS, () => this.show(''));\n emitter.off(EVENTS, () => this.show(NONE));\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 463, + "__docId__": 465, "kind": "variable", "static": true, "variation": null, @@ -10571,7 +10639,7 @@ } }, { - "__docId__": 464, + "__docId__": 466, "kind": "class", "static": true, "variation": null, @@ -10600,7 +10668,7 @@ ] }, { - "__docId__": 465, + "__docId__": 467, "kind": "constructor", "static": false, "variation": null, @@ -10625,7 +10693,7 @@ "generator": false }, { - "__docId__": 466, + "__docId__": 468, "kind": "member", "static": false, "variation": null, @@ -10645,7 +10713,7 @@ } }, { - "__docId__": 467, + "__docId__": 469, "kind": "member", "static": false, "variation": null, @@ -10665,7 +10733,7 @@ } }, { - "__docId__": 468, + "__docId__": 470, "kind": "member", "static": false, "variation": null, @@ -10685,7 +10753,7 @@ } }, { - "__docId__": 469, + "__docId__": 471, "kind": "member", "static": false, "variation": null, @@ -10705,7 +10773,7 @@ } }, { - "__docId__": 470, + "__docId__": 472, "kind": "member", "static": false, "variation": null, @@ -10725,7 +10793,7 @@ } }, { - "__docId__": 471, + "__docId__": 473, "kind": "member", "static": false, "variation": null, @@ -10745,7 +10813,7 @@ } }, { - "__docId__": 472, + "__docId__": 474, "kind": "member", "static": false, "variation": null, @@ -10765,7 +10833,7 @@ } }, { - "__docId__": 473, + "__docId__": 475, "kind": "member", "static": false, "variation": null, @@ -10785,7 +10853,7 @@ } }, { - "__docId__": 474, + "__docId__": 476, "kind": "method", "static": false, "variation": null, @@ -10799,7 +10867,7 @@ "generator": false }, { - "__docId__": 475, + "__docId__": 477, "kind": "member", "static": false, "variation": null, @@ -10817,7 +10885,7 @@ } }, { - "__docId__": 476, + "__docId__": 478, "kind": "member", "static": false, "variation": null, @@ -10840,7 +10908,7 @@ } }, { - "__docId__": 477, + "__docId__": 479, "kind": "method", "static": false, "variation": null, @@ -10865,7 +10933,7 @@ "generator": false }, { - "__docId__": 478, + "__docId__": 480, "kind": "method", "static": false, "variation": null, @@ -10879,7 +10947,7 @@ "generator": false }, { - "__docId__": 479, + "__docId__": 481, "kind": "member", "static": false, "variation": null, @@ -10897,7 +10965,7 @@ } }, { - "__docId__": 480, + "__docId__": 482, "kind": "member", "static": false, "variation": null, @@ -10915,7 +10983,7 @@ } }, { - "__docId__": 481, + "__docId__": 483, "kind": "file", "static": true, "variation": null, @@ -10928,7 +10996,7 @@ "content": "import {Feature} from '../feature';\nimport {addClass, removeClass, hasClass} from '../dom';\nimport {EMPTY_FN} from '../types';\nimport {defaultsStr, defaultsFn} from '../settings';\n\n/**\n * Visual indicator for filtered columns\n * @export\n * @class MarkActiveColumns\n * @extends {Feature}\n */\nexport class MarkActiveColumns extends Feature {\n\n /**\n * Create an instance of MarkActiveColumns\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'markActiveColumns');\n\n let config = this.config.mark_active_columns || {};\n\n /**\n * Css class for filtered (active) columns\n * @type {String}\n */\n this.headerCssClass = defaultsStr(config.header_css_class,\n 'activeHeader');\n\n /**\n * Callback fired before a column is marked as filtered\n * @type {Function}\n */\n this.onBeforeActiveColumn = defaultsFn(config.on_before_active_column,\n EMPTY_FN);\n\n /**\n * Callback fired after a column is marked as filtered\n * @type {Function}\n */\n this.onAfterActiveColumn = defaultsFn(config.on_after_active_column,\n EMPTY_FN);\n }\n\n /**\n * Initialise MarkActiveColumns instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n\n this.emitter.on(['before-filtering'], () => this.clearActiveColumns());\n this.emitter.on(\n ['cell-processed'],\n (tf, colIndex) => this.markActiveColumn(colIndex)\n );\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Clear filtered columns visual indicator (background color)\n */\n clearActiveColumns() {\n let tf = this.tf;\n let len = tf.getCellsNb();\n for (let i = 0; i < len; i++) {\n removeClass(tf.getHeaderElement(i), this.headerCssClass);\n }\n }\n\n /**\n * Mark currently filtered column\n * @param {Number} colIndex Column index\n */\n markActiveColumn(colIndex) {\n let header = this.tf.getHeaderElement(colIndex);\n if (hasClass(header, this.headerCssClass)) {\n return;\n }\n this.onBeforeActiveColumn(this, colIndex);\n\n addClass(header, this.headerCssClass);\n\n this.onAfterActiveColumn(this, colIndex);\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n this.clearActiveColumns();\n this.emitter.off(['before-filtering'], () => this.clearActiveColumns());\n this.emitter.off(\n ['cell-processed'],\n (tf, colIndex) => this.markActiveColumn(colIndex)\n );\n\n /** @inherited */\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 482, + "__docId__": 484, "kind": "class", "static": true, "variation": null, @@ -10957,7 +11025,7 @@ ] }, { - "__docId__": 483, + "__docId__": 485, "kind": "constructor", "static": false, "variation": null, @@ -10982,7 +11050,7 @@ "generator": false }, { - "__docId__": 484, + "__docId__": 486, "kind": "member", "static": false, "variation": null, @@ -11002,7 +11070,7 @@ } }, { - "__docId__": 485, + "__docId__": 487, "kind": "member", "static": false, "variation": null, @@ -11022,7 +11090,7 @@ } }, { - "__docId__": 486, + "__docId__": 488, "kind": "member", "static": false, "variation": null, @@ -11042,7 +11110,7 @@ } }, { - "__docId__": 487, + "__docId__": 489, "kind": "method", "static": false, "variation": null, @@ -11056,7 +11124,7 @@ "generator": false }, { - "__docId__": 488, + "__docId__": 490, "kind": "member", "static": false, "variation": null, @@ -11079,7 +11147,7 @@ } }, { - "__docId__": 489, + "__docId__": 491, "kind": "method", "static": false, "variation": null, @@ -11093,7 +11161,7 @@ "generator": false }, { - "__docId__": 490, + "__docId__": 492, "kind": "method", "static": false, "variation": null, @@ -11118,7 +11186,7 @@ "generator": false }, { - "__docId__": 491, + "__docId__": 493, "kind": "method", "static": false, "variation": null, @@ -11132,7 +11200,7 @@ "generator": false }, { - "__docId__": 492, + "__docId__": 494, "kind": "member", "static": false, "variation": null, @@ -11155,7 +11223,7 @@ } }, { - "__docId__": 493, + "__docId__": 495, "kind": "file", "static": true, "variation": null, @@ -11168,7 +11236,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, elm, removeElm} from '../dom';\nimport {isEmpty, EMPTY_FN} from '../types';\nimport {NONE} from '../const';\nimport {defaultsStr, defaultsFn} from '../settings';\n\n/**\n * UI when filtering yields no matches\n * @export\n * @class NoResults\n * @extends {Feature}\n */\nexport class NoResults extends Feature {\n\n /**\n * Creates an instance of NoResults\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message || {};\n\n /**\n * Text (accepts HTML)\n * @type {String}\n */\n this.content = defaultsStr(f.content, 'No results');\n\n /**\n * Custom container DOM element\n * @type {DOMElement}\n */\n this.customContainer = defaultsStr(f.custom_container, null);\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.customContainerId = defaultsStr(f.custom_container_id, null);\n\n /**\n * Indicates if UI is contained in a external element\n * @type {Boolean}\n * @private\n */\n this.isExternal = !isEmpty(this.customContainer) ||\n !isEmpty(this.customContainerId);\n\n /**\n * Css class assigned to container element\n * @type {String}\n */\n this.cssClass = defaultsStr(f.css_class, 'no-results');\n\n /**\n * Stores container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Callback fired before the message is displayed\n * @type {Function}\n */\n this.onBeforeShow = defaultsFn(f.on_before_show_msg, EMPTY_FN);\n\n /**\n * Callback fired after the message is displayed\n * @type {Function}\n */\n this.onAfterShow = defaultsFn(f.on_after_show_msg, EMPTY_FN);\n\n /**\n * Callback fired before the message is hidden\n * @type {Function}\n */\n this.onBeforeHide = defaultsFn(f.on_before_hide_msg, EMPTY_FN);\n\n /**\n * Callback fired after the message is hidden\n * @type {Function}\n */\n this.onAfterHide = defaultsFn(f.on_after_hide_msg, EMPTY_FN);\n }\n\n /**\n * Initializes NoResults instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || elm(this.customContainerId) ||\n tf.dom();\n\n //container\n let cont = createElm('div');\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if (this.isExternal) {\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n\n // subscribe to after-filtering event\n this.emitter.on(['after-filtering'], () => this.toggle());\n\n /** @inherited */\n this.initialized = true;\n\n this.hide();\n }\n\n /**\n * Toggle no results message\n */\n toggle() {\n if (this.tf.getValidRowsNb() > 0) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n /**\n * Show no results message\n */\n show() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n this.onBeforeShow(this.tf, this);\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n this.onAfterShow(this.tf, this);\n }\n\n /**\n * Hide no results message\n */\n hide() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n this.onBeforeHide(this.tf, this);\n\n this.cont.style.display = NONE;\n\n this.onAfterHide(this.tf, this);\n }\n\n /**\n * Sets no results container width\n * @private\n */\n setWidth() {\n if (!this.initialized || this.isExternal || !this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n if (tf.gridLayout) {\n let gridLayout = tf.feature('gridLayout');\n this.cont.style.width = gridLayout.headTbl.clientWidth + 'px';\n } else {\n this.cont.style.width = (tf.dom().tHead ?\n tf.dom().tHead.clientWidth :\n tf.dom().tBodies[0].clientWidth) + 'px';\n }\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.cont);\n this.cont = null;\n // unsubscribe to after-filtering event\n this.emitter.off(['after-filtering'], () => this.toggle());\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 494, + "__docId__": 496, "kind": "class", "static": true, "variation": null, @@ -11197,7 +11265,7 @@ ] }, { - "__docId__": 495, + "__docId__": 497, "kind": "constructor", "static": false, "variation": null, @@ -11222,7 +11290,7 @@ "generator": false }, { - "__docId__": 496, + "__docId__": 498, "kind": "member", "static": false, "variation": null, @@ -11242,7 +11310,7 @@ } }, { - "__docId__": 497, + "__docId__": 499, "kind": "member", "static": false, "variation": null, @@ -11262,7 +11330,7 @@ } }, { - "__docId__": 498, + "__docId__": 500, "kind": "member", "static": false, "variation": null, @@ -11282,7 +11350,7 @@ } }, { - "__docId__": 499, + "__docId__": 501, "kind": "member", "static": false, "variation": null, @@ -11302,7 +11370,7 @@ } }, { - "__docId__": 500, + "__docId__": 502, "kind": "member", "static": false, "variation": null, @@ -11322,7 +11390,7 @@ } }, { - "__docId__": 501, + "__docId__": 503, "kind": "member", "static": false, "variation": null, @@ -11342,7 +11410,7 @@ } }, { - "__docId__": 502, + "__docId__": 504, "kind": "member", "static": false, "variation": null, @@ -11362,7 +11430,7 @@ } }, { - "__docId__": 503, + "__docId__": 505, "kind": "member", "static": false, "variation": null, @@ -11382,7 +11450,7 @@ } }, { - "__docId__": 504, + "__docId__": 506, "kind": "member", "static": false, "variation": null, @@ -11402,7 +11470,7 @@ } }, { - "__docId__": 505, + "__docId__": 507, "kind": "member", "static": false, "variation": null, @@ -11422,7 +11490,7 @@ } }, { - "__docId__": 506, + "__docId__": 508, "kind": "method", "static": false, "variation": null, @@ -11436,7 +11504,7 @@ "generator": false }, { - "__docId__": 507, + "__docId__": 509, "kind": "member", "static": false, "variation": null, @@ -11454,7 +11522,7 @@ } }, { - "__docId__": 508, + "__docId__": 510, "kind": "member", "static": false, "variation": null, @@ -11477,7 +11545,7 @@ } }, { - "__docId__": 509, + "__docId__": 511, "kind": "method", "static": false, "variation": null, @@ -11491,7 +11559,7 @@ "generator": false }, { - "__docId__": 510, + "__docId__": 512, "kind": "method", "static": false, "variation": null, @@ -11505,7 +11573,7 @@ "generator": false }, { - "__docId__": 511, + "__docId__": 513, "kind": "method", "static": false, "variation": null, @@ -11519,7 +11587,7 @@ "generator": false }, { - "__docId__": 512, + "__docId__": 514, "kind": "method", "static": false, "variation": null, @@ -11533,7 +11601,7 @@ "generator": false }, { - "__docId__": 513, + "__docId__": 515, "kind": "method", "static": false, "variation": null, @@ -11547,7 +11615,7 @@ "generator": false }, { - "__docId__": 514, + "__docId__": 516, "kind": "member", "static": false, "variation": null, @@ -11565,7 +11633,7 @@ } }, { - "__docId__": 515, + "__docId__": 517, "kind": "member", "static": false, "variation": null, @@ -11583,7 +11651,7 @@ } }, { - "__docId__": 516, + "__docId__": 518, "kind": "file", "static": true, "variation": null, @@ -11596,7 +11664,7 @@ "content": "import {Feature} from '../feature';\nimport {createElm, createOpt, createText, elm, removeElm} from '../dom';\nimport {isArray, isNull, EMPTY_FN} from '../types';\nimport {addEvt, keyCode, removeEvt} from '../event';\nimport {INPUT, SELECT, NONE, ENTER_KEY} from '../const';\nimport {\n defaultsStr, defaultsNb, defaultsBool, defaultsArr, defaultsFn\n} from '../settings';\n\n/**\n * Paging UI component\n * @export\n * @class Paging\n * @extends {Feature}\n */\nexport class Paging extends Feature {\n\n /**\n * Creates an instance of Paging\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'paging');\n\n // Configuration object\n let f = this.config.paging || {};\n\n /**\n * Css class for the paging buttons (previous, next, etc.)\n * @type {String}\n */\n this.btnCssClass = defaultsStr(f.btn_css_class, 'pgInp');\n\n /**\n * Main select DOM element\n * @type {DOMElement}\n */\n this.pageSlc = null;\n\n /**\n * Results per page select DOM element\n * @type {DOMElement}\n */\n this.pageLengthSlc = null;\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.tgtId = defaultsStr(f.target_id, null);\n\n /**\n * Number of rows contained in a page\n * @type {Number}\n */\n this.pageLength = defaultsNb(f.length, 10);\n\n /**\n * ID of custom container element for the results per page selector\n * @type {String}\n */\n this.pageLengthTgtId = defaultsStr(f.results_per_page_target_id, null);\n\n /**\n * Css class for the paging select element\n * @type {String}\n */\n this.pgSlcCssClass = defaultsStr(f.slc_css_class, 'pgSlc');\n\n /**\n * Css class for the paging input element\n * @type {String}\n */\n this.pgInpCssClass = defaultsStr(f.inp_css_class, 'pgNbInp');\n\n /**\n * Label and values for the results per page select, example of usage:\n * ['Records: ', [10,25,50,100]]\n * @type {Array}\n */\n this.resultsPerPage = defaultsArr(f.results_per_page, null);\n\n /**\n * Determines if results per page is configured\n * @type {Boolean}\n */\n this.hasResultsPerPage = isArray(this.resultsPerPage);\n\n /**\n * Css class for the results per page select\n * @type {String}\n */\n this.resultsSlcCssClass = defaultsStr(f.results_slc_css_class, 'rspg');\n\n /**\n * Css class for the label preceding results per page select\n * @type {String}\n */\n this.resultsSpanCssClass = defaultsStr(f.results_span_css_class,\n 'rspgSpan');\n\n /**\n * Index of the first row of current page\n * @type {Number}\n * @private\n */\n this.startPagingRow = 0;\n\n /**\n * Total number of pages\n * @type {Number}\n * @private\n */\n this.nbPages = 0;\n\n /**\n * Current page number\n * @type {Number}\n * @private\n */\n this.currentPageNb = 1;\n\n /**\n * Next page button text\n * @type {String}\n */\n this.btnNextPageText = defaultsStr(f.btn_next_page_text, '>');\n\n /**\n * Previous page button text\n * @type {String}\n */\n this.btnPrevPageText = defaultsStr(f.btn_prev_page_text, '<');\n\n /**\n * Last page button text\n * @type {String}\n */\n this.btnLastPageText = defaultsStr(f.btn_last_page_text, '>|');\n\n /**\n * First page button text\n * @type {String}\n */\n this.btnFirstPageText = defaultsStr(f.btn_first_page_text, '|<');\n\n /**\n * Next page button HTML\n * @type {String}\n */\n this.btnNextPageHtml = defaultsStr(f.btn_next_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Previous page button HTML\n * @type {String}\n */\n this.btnPrevPageHtml = defaultsStr(f.btn_prev_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * First page button HTML\n * @type {String}\n */\n this.btnFirstPageHtml = defaultsStr(f.btn_first_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Last page button HTML\n * @type {String}\n */\n this.btnLastPageHtml = defaultsStr(f.btn_last_page_html,\n (!tf.enableIcons ? null :\n ''));\n\n /**\n * Text preceeding page selector drop-down\n * @type {String}\n */\n this.pageText = defaultsStr(f.page_text, ' Page ');\n\n /**\n * Text after page selector drop-down\n * @type {String}\n */\n this.ofText = defaultsStr(f.of_text, ' of ');\n\n /**\n * Css class for the span containing total number of pages\n * @type {String}\n */\n this.nbPgSpanCssClass = defaultsStr(f.nb_pages_css_class, 'nbpg');\n\n /**\n * Determines if paging buttons are enabled (default: true)\n * @type {Boolean}\n */\n this.hasBtns = defaultsBool(f.btns, true);\n\n /**\n * Defines page selector type, two possible values: 'select', 'input'\n * @type {String}\n */\n this.pageSelectorType = defaultsStr(f.page_selector_type, SELECT);\n\n /**\n * Callback fired before the page is changed\n * @type {Function}\n */\n this.onBeforeChangePage = defaultsFn(f.on_before_change_page, EMPTY_FN);\n\n /**\n * Callback fired after the page is changed\n * @type {Function}\n */\n this.onAfterChangePage = defaultsFn(f.on_after_change_page, EMPTY_FN);\n\n /**\n * Label preciding results per page select\n * @type {DOMElement}\n * @private\n */\n this.slcResultsTxt = null;\n /**\n * Span containing next page button\n * @type {DOMElement}\n * @private\n */\n this.btnNextCont = null;\n /**\n * Span containing previous page button\n * @type {DOMElement}\n * @private\n */\n this.btnPrevCont = null;\n /**\n * Span containing last page button\n * @type {DOMElement}\n * @private\n */\n this.btnLastCont = null;\n /**\n * Span containing first page button\n * @type {DOMElement}\n * @private\n */\n this.btnFirstCont = null;\n /**\n * Span for tot nb pages\n * @type {DOMElement}\n * @private\n */\n this.pgCont = null;\n /**\n * Span preceding pages select (contains 'Page')\n * @type {DOMElement}\n * @private\n */\n this.pgBefore = null;\n /**\n * Span following pages select (contains ' of ')\n * @type {DOMElement}\n * @private\n */\n this.pgAfter = null;\n\n let startRow = tf.refRow;\n let nrows = tf.getRowsNb(true);\n //calculates page nb\n this.nbPages = Math.ceil((nrows - startRow) / this.pageLength);\n\n let o = this;\n /**\n * Paging DOM events handlers\n * @type {String}\n * @private\n */\n this.evt = {\n slcIndex() {\n return (o.pageSelectorType === SELECT) ?\n o.pageSlc.options.selectedIndex :\n parseInt(o.pageSlc.value, 10) - 1;\n },\n nbOpts() {\n return (o.pageSelectorType === SELECT) ?\n parseInt(o.pageSlc.options.length, 10) - 1 :\n (o.nbPages - 1);\n },\n next() {\n let nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex() + 1 : 0;\n o.changePage(nextIndex);\n },\n prev() {\n let prevIndex = o.evt.slcIndex() > 0 ?\n o.evt.slcIndex() - 1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last() {\n o.changePage(o.evt.nbOpts());\n },\n first() {\n o.changePage(0);\n },\n _detectKey(e) {\n let key = keyCode(e);\n if (key === ENTER_KEY) {\n if (tf.sorted) {\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else {\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init() {\n let slcPages;\n let tf = this.tf;\n let evt = this.evt;\n\n if (this.initialized) {\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if (this.hasResultsPerPage) {\n if (this.resultsPerPage.length < 2) {\n this.hasResultsPerPage = false;\n } else {\n this.pageLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n let slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if (this.pageSelectorType === SELECT) {\n slcPages = createElm(SELECT);\n slcPages.className = this.pgSlcCssClass;\n addEvt(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if (this.pageSelectorType === INPUT) {\n slcPages = createElm(INPUT, ['value', this.currentPageNb]);\n slcPages.className = this.pgInpCssClass;\n addEvt(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n let btnNextSpan = createElm('span');\n let btnPrevSpan = createElm('span');\n let btnLastSpan = createElm('span');\n let btnFirstSpan = createElm('span');\n\n if (this.hasBtns) {\n // Next button\n if (!this.btnNextPageHtml) {\n let btnNext = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btnNext.className = this.btnCssClass;\n addEvt(btnNext, 'click', evt.next);\n btnNextSpan.appendChild(btnNext);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n addEvt(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if (!this.btnPrevPageHtml) {\n let btnPrev = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btnPrev.className = this.btnCssClass;\n addEvt(btnPrev, 'click', evt.prev);\n btnPrevSpan.appendChild(btnPrev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n addEvt(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if (!this.btnLastPageHtml) {\n let btnLast = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btnLast.className = this.btnCssClass;\n addEvt(btnLast, 'click', evt.last);\n btnLastSpan.appendChild(btnLast);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n addEvt(btnLastSpan, 'click', evt.last);\n }\n // First button\n if (!this.btnFirstPageHtml) {\n let btnFirst = createElm(INPUT,\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btnFirst.className = this.btnCssClass;\n addEvt(btnFirst, 'click', evt.first);\n btnFirstSpan.appendChild(btnFirst);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n addEvt(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if (!this.tgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.tgtId ? tf.mDiv : elm(this.tgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n let pgBeforeSpan = createElm('span');\n pgBeforeSpan.appendChild(createText(this.pageText));\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n let pgAfterSpan = createElm('span');\n pgAfterSpan.appendChild(createText(this.ofText));\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n let pgSpan = createElm('span');\n pgSpan.className = this.nbPgSpanCssClass;\n pgSpan.appendChild(createText(' ' + this.nbPages + ' '));\n targetEl.appendChild(pgSpan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n\n this.btnNextCont = btnNextSpan;\n this.btnPrevCont = btnPrevSpan;\n this.btnLastCont = btnLastSpan;\n this.btnFirstCont = btnFirstSpan;\n this.pgCont = pgSpan;\n this.pgBefore = pgBeforeSpan;\n this.pgAfter = pgAfterSpan;\n this.pageSlc = slcPages;\n\n this.setPagingInfo();\n\n if (!tf.fltGrid) {\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.on(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.on(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n /** @inherited */\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable = false) {\n this.enable();\n this.init();\n\n if (filterTable) {\n this.tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo() {\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows) {\n let tf = this.tf;\n let mdiv = !this.tgtId ? tf.mDiv : elm(this.tgtId);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pageLength);\n //refresh page nb span\n this.pgCont.innerHTML = this.nbPages;\n //select clearing shortcut\n if (this.pageSelectorType === SELECT) {\n this.pageSlc.innerHTML = '';\n }\n\n if (this.nbPages > 0) {\n mdiv.style.visibility = 'visible';\n if (this.pageSelectorType === SELECT) {\n for (let z = 0; z < this.nbPages; z++) {\n let opt = createOpt(z + 1, z * this.pageLength, false);\n this.pageSlc.options[z] = opt;\n }\n } else {\n //input type\n this.pageSlc.value = this.currentPageNb;\n }\n\n } else {\n /*** if no results paging select and buttons are hidden ***/\n mdiv.style.visibility = 'hidden';\n }\n this.groupByPage(tf.validRowsIndex);\n }\n\n /**\n * Group table rows by page and display valid rows\n * @param {Array} validRows Collection of valid rows\n */\n groupByPage(validRows) {\n let tf = this.tf;\n let rows = tf.dom().rows;\n let startPagingRow = parseInt(this.startPagingRow, 10);\n let endPagingRow = startPagingRow + parseInt(this.pageLength, 10);\n\n //store valid rows indexes\n if (validRows) {\n tf.validRowsIndex = validRows;\n }\n\n //this loop shows valid rows of current page\n for (let h = 0, len = tf.getValidRowsNb(true); h < len; h++) {\n let validRowIdx = tf.validRowsIndex[h];\n let r = rows[validRowIdx];\n let isRowValid = r.getAttribute('validRow');\n let rowDisplayed = false;\n\n if (h >= startPagingRow && h < endPagingRow) {\n if (isNull(isRowValid) || Boolean(isRowValid === 'true')) {\n r.style.display = '';\n rowDisplayed = true;\n }\n } else {\n r.style.display = NONE;\n }\n this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed);\n }\n\n // broadcast grouping by page\n this.emitter.emit('grouped-by-page', tf, this);\n }\n\n /**\n * Return the current page number\n * @return {Number} Page number\n */\n getPage() {\n return this.currentPageNb;\n }\n\n /**\n * Show page defined by passed argument (string or number):\n * @param {String}/{Number} cmd possible string values: 'next',\n * 'previous', 'last', 'first' or page number as per param\n */\n setPage(cmd) {\n let tf = this.tf;\n if (!tf.isInitialized() || !this.isEnabled()) {\n return;\n }\n let btnEvt = this.evt,\n cmdtype = typeof cmd;\n if (cmdtype === 'string') {\n switch (cmd.toLowerCase()) {\n case 'next':\n btnEvt.next();\n break;\n case 'previous':\n btnEvt.prev();\n break;\n case 'last':\n btnEvt.last();\n break;\n case 'first':\n btnEvt.first();\n break;\n default:\n btnEvt.next();\n break;\n }\n }\n else if (cmdtype === 'number') {\n this.changePage(cmd - 1);\n }\n }\n\n /**\n * Generates UI elements for the number of results per page drop-down\n */\n setResultsPerPage() {\n let tf = this.tf;\n let evt = this.evt;\n\n if (this.pageLengthSlc || !this.resultsPerPage) {\n return;\n }\n\n evt.slcResultsChange = (ev) => {\n this.onChangeResultsPerPage();\n ev.target.blur();\n };\n\n let slcR = createElm(SELECT);\n slcR.className = this.resultsSlcCssClass;\n let slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n let slcRSpan = createElm('span');\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if (!this.pageLengthTgtId) {\n tf.setToolbar();\n }\n let targetEl = !this.pageLengthTgtId ?\n tf.rDiv : elm(this.pageLengthTgtId);\n slcRSpan.appendChild(createText(slcRText));\n\n let help = tf.feature('help');\n if (help && help.btn) {\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for (let r = 0; r < slcROpts.length; r++) {\n let currOpt = new Option(slcROpts[r], slcROpts[r], false, false);\n slcR.options[r] = currOpt;\n }\n addEvt(slcR, 'change', evt.slcResultsChange);\n this.slcResultsTxt = slcRSpan;\n this.pageLengthSlc = slcR;\n }\n\n /**\n * Remove number of results per page UI elements\n */\n removeResultsPerPage() {\n let tf = this.tf;\n if (!tf.isInitialized() || !this.pageLengthSlc ||\n !this.resultsPerPage) {\n return;\n }\n if (this.pageLengthSlc) {\n removeElm(this.pageLengthSlc);\n }\n if (this.slcResultsTxt) {\n removeElm(this.slcResultsTxt);\n }\n this.pageLengthSlc = null;\n this.slcResultsTxt = null;\n }\n\n /**\n * Change the page based on passed index\n * @param {Number} index Index of the page (0-n)\n */\n changePage(index) {\n let tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-change', tf, (index + 1));\n\n if (index === null) {\n index = this.pageSelectorType === SELECT ?\n this.pageSlc.options.selectedIndex : this.pageSlc.value - 1;\n }\n if (index >= 0 && index <= (this.nbPages - 1)) {\n this.onBeforeChangePage(this, (index + 1));\n\n this.currentPageNb = parseInt(index, 10) + 1;\n if (this.pageSelectorType === SELECT) {\n this.pageSlc.options[index].selected = true;\n } else {\n this.pageSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === SELECT) ?\n this.pageSlc.value : (index * this.pageLength);\n\n this.groupByPage();\n\n this.onAfterChangePage(this, (index + 1));\n }\n\n this.emitter.emit('after-page-change', tf, (index + 1));\n }\n\n /**\n * Change the number of results per page based on passed value\n * @param {String} val The number of results per page\n */\n changeResultsPerPage(val) {\n if (!this.isEnabled() || isNaN(val)) {\n return;\n }\n\n this.pageLengthSlc.value = val;\n this.onChangeResultsPerPage();\n }\n\n /**\n * Change rows according to page results drop-down\n */\n onChangeResultsPerPage() {\n let tf = this.tf;\n\n if (!this.isEnabled() || tf.getValidRowsNb() === 0) {\n return;\n }\n\n let {\n pageLengthSlc: slcR, pageSelectorType, pageSlc, emitter\n } = this;\n\n emitter.emit('before-page-length-change', tf);\n\n let slcIndex = slcR.selectedIndex;\n let slcPagesSelIndex = (pageSelectorType === SELECT) ?\n pageSlc.selectedIndex : parseInt(pageSlc.value - 1, 10);\n this.pageLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pageLength * slcPagesSelIndex;\n\n if (!isNaN(this.pageLength)) {\n if (this.startPagingRow >= tf.nbFilterableRows) {\n this.startPagingRow = (tf.nbFilterableRows - this.pageLength);\n }\n this.setPagingInfo();\n\n if (pageSelectorType === SELECT) {\n let slcIdx = (pageSlc.options.length - 1 <= slcPagesSelIndex) ?\n (pageSlc.options.length - 1) :\n slcPagesSelIndex;\n pageSlc.options[slcIdx].selected = true;\n }\n }\n\n emitter.emit('after-page-length-change', tf, this.pageLength);\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage() {\n let tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n let pgNb = tf.feature('store').getPageNb();\n if (pgNb !== '') {\n this.changePage((pgNb - 1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength() {\n let tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n let pglenIndex = tf.feature('store').getPageLength();\n\n if (pglenIndex !== '') {\n this.pageLengthSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n\n let evt = this.evt;\n\n if (this.pageSlc) {\n if (this.pageSelectorType === SELECT) {\n removeEvt(this.pageSlc, 'change', evt.slcPagesChange);\n }\n else if (this.pageSelectorType === INPUT) {\n removeEvt(this.pageSlc, 'keypress', evt._detectKey);\n }\n removeElm(this.pageSlc);\n }\n\n if (this.btnNextCont) {\n removeEvt(this.btnNextCont, 'click', evt.next);\n removeElm(this.btnNextCont);\n this.btnNextCont = null;\n }\n\n if (this.btnPrevCont) {\n removeEvt(this.btnPrevCont, 'click', evt.prev);\n removeElm(this.btnPrevCont);\n this.btnPrevCont = null;\n }\n\n if (this.btnLastCont) {\n removeEvt(this.btnLastCont, 'click', evt.last);\n removeElm(this.btnLastCont);\n this.btnLastCont = null;\n }\n\n if (this.btnFirstCont) {\n removeEvt(this.btnFirstCont, 'click', evt.first);\n removeElm(this.btnFirstCont);\n this.btnFirstCont = null;\n }\n\n if (this.pgBefore) {\n removeElm(this.pgBefore);\n this.pgBefore = null;\n }\n\n if (this.pgAfter) {\n removeElm(this.pgAfter);\n this.pgAfter = null;\n }\n\n if (this.pgCont) {\n removeElm(this.pgCont);\n this.pgCont = null;\n }\n\n if (this.hasResultsPerPage) {\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.off(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.off(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.pageSlc = null;\n this.nbPages = 0;\n\n this.initialized = false;\n }\n}\n" }, { - "__docId__": 517, + "__docId__": 519, "kind": "class", "static": true, "variation": null, @@ -11625,7 +11693,7 @@ ] }, { - "__docId__": 518, + "__docId__": 520, "kind": "constructor", "static": false, "variation": null, @@ -11650,7 +11718,7 @@ "generator": false }, { - "__docId__": 519, + "__docId__": 521, "kind": "member", "static": false, "variation": null, @@ -11670,7 +11738,7 @@ } }, { - "__docId__": 520, + "__docId__": 522, "kind": "member", "static": false, "variation": null, @@ -11690,7 +11758,7 @@ } }, { - "__docId__": 521, + "__docId__": 523, "kind": "member", "static": false, "variation": null, @@ -11710,7 +11778,7 @@ } }, { - "__docId__": 522, + "__docId__": 524, "kind": "member", "static": false, "variation": null, @@ -11730,7 +11798,7 @@ } }, { - "__docId__": 523, + "__docId__": 525, "kind": "member", "static": false, "variation": null, @@ -11750,7 +11818,7 @@ } }, { - "__docId__": 524, + "__docId__": 526, "kind": "member", "static": false, "variation": null, @@ -11770,7 +11838,7 @@ } }, { - "__docId__": 525, + "__docId__": 527, "kind": "member", "static": false, "variation": null, @@ -11790,7 +11858,7 @@ } }, { - "__docId__": 526, + "__docId__": 528, "kind": "member", "static": false, "variation": null, @@ -11810,7 +11878,7 @@ } }, { - "__docId__": 527, + "__docId__": 529, "kind": "member", "static": false, "variation": null, @@ -11830,7 +11898,7 @@ } }, { - "__docId__": 528, + "__docId__": 530, "kind": "member", "static": false, "variation": null, @@ -11850,7 +11918,7 @@ } }, { - "__docId__": 529, + "__docId__": 531, "kind": "member", "static": false, "variation": null, @@ -11870,7 +11938,7 @@ } }, { - "__docId__": 530, + "__docId__": 532, "kind": "member", "static": false, "variation": null, @@ -11890,7 +11958,7 @@ } }, { - "__docId__": 531, + "__docId__": 533, "kind": "member", "static": false, "variation": null, @@ -11910,7 +11978,7 @@ } }, { - "__docId__": 532, + "__docId__": 534, "kind": "member", "static": false, "variation": null, @@ -11930,7 +11998,7 @@ } }, { - "__docId__": 533, + "__docId__": 535, "kind": "member", "static": false, "variation": null, @@ -11950,7 +12018,7 @@ } }, { - "__docId__": 534, + "__docId__": 536, "kind": "member", "static": false, "variation": null, @@ -11970,7 +12038,7 @@ } }, { - "__docId__": 535, + "__docId__": 537, "kind": "member", "static": false, "variation": null, @@ -11990,7 +12058,7 @@ } }, { - "__docId__": 536, + "__docId__": 538, "kind": "member", "static": false, "variation": null, @@ -12010,7 +12078,7 @@ } }, { - "__docId__": 537, + "__docId__": 539, "kind": "member", "static": false, "variation": null, @@ -12030,7 +12098,7 @@ } }, { - "__docId__": 538, + "__docId__": 540, "kind": "member", "static": false, "variation": null, @@ -12050,7 +12118,7 @@ } }, { - "__docId__": 539, + "__docId__": 541, "kind": "member", "static": false, "variation": null, @@ -12070,7 +12138,7 @@ } }, { - "__docId__": 540, + "__docId__": 542, "kind": "member", "static": false, "variation": null, @@ -12090,7 +12158,7 @@ } }, { - "__docId__": 541, + "__docId__": 543, "kind": "member", "static": false, "variation": null, @@ -12110,7 +12178,7 @@ } }, { - "__docId__": 542, + "__docId__": 544, "kind": "member", "static": false, "variation": null, @@ -12130,7 +12198,7 @@ } }, { - "__docId__": 543, + "__docId__": 545, "kind": "member", "static": false, "variation": null, @@ -12150,7 +12218,7 @@ } }, { - "__docId__": 544, + "__docId__": 546, "kind": "member", "static": false, "variation": null, @@ -12170,7 +12238,7 @@ } }, { - "__docId__": 545, + "__docId__": 547, "kind": "member", "static": false, "variation": null, @@ -12190,7 +12258,7 @@ } }, { - "__docId__": 546, + "__docId__": 548, "kind": "member", "static": false, "variation": null, @@ -12210,7 +12278,7 @@ } }, { - "__docId__": 547, + "__docId__": 549, "kind": "member", "static": false, "variation": null, @@ -12230,7 +12298,7 @@ } }, { - "__docId__": 548, + "__docId__": 550, "kind": "member", "static": false, "variation": null, @@ -12250,7 +12318,7 @@ } }, { - "__docId__": 549, + "__docId__": 551, "kind": "member", "static": false, "variation": null, @@ -12270,7 +12338,7 @@ } }, { - "__docId__": 550, + "__docId__": 552, "kind": "member", "static": false, "variation": null, @@ -12290,7 +12358,7 @@ } }, { - "__docId__": 551, + "__docId__": 553, "kind": "member", "static": false, "variation": null, @@ -12310,7 +12378,7 @@ } }, { - "__docId__": 552, + "__docId__": 554, "kind": "member", "static": false, "variation": null, @@ -12330,7 +12398,7 @@ } }, { - "__docId__": 553, + "__docId__": 555, "kind": "member", "static": false, "variation": null, @@ -12350,7 +12418,7 @@ } }, { - "__docId__": 554, + "__docId__": 556, "kind": "member", "static": false, "variation": null, @@ -12370,7 +12438,7 @@ } }, { - "__docId__": 555, + "__docId__": 557, "kind": "member", "static": false, "variation": null, @@ -12390,7 +12458,7 @@ } }, { - "__docId__": 556, + "__docId__": 558, "kind": "member", "static": false, "variation": null, @@ -12410,7 +12478,7 @@ } }, { - "__docId__": 557, + "__docId__": 559, "kind": "member", "static": false, "variation": null, @@ -12428,7 +12496,7 @@ } }, { - "__docId__": 558, + "__docId__": 560, "kind": "member", "static": false, "variation": null, @@ -12448,7 +12516,7 @@ } }, { - "__docId__": 559, + "__docId__": 561, "kind": "method", "static": false, "variation": null, @@ -12462,7 +12530,7 @@ "generator": false }, { - "__docId__": 560, + "__docId__": 562, "kind": "member", "static": false, "variation": null, @@ -12480,7 +12548,7 @@ } }, { - "__docId__": 561, + "__docId__": 563, "kind": "member", "static": false, "variation": null, @@ -12498,7 +12566,7 @@ } }, { - "__docId__": 562, + "__docId__": 564, "kind": "member", "static": false, "variation": null, @@ -12516,7 +12584,7 @@ } }, { - "__docId__": 563, + "__docId__": 565, "kind": "member", "static": false, "variation": null, @@ -12534,7 +12602,7 @@ } }, { - "__docId__": 564, + "__docId__": 566, "kind": "member", "static": false, "variation": null, @@ -12552,7 +12620,7 @@ } }, { - "__docId__": 565, + "__docId__": 567, "kind": "member", "static": false, "variation": null, @@ -12570,7 +12638,7 @@ } }, { - "__docId__": 566, + "__docId__": 568, "kind": "member", "static": false, "variation": null, @@ -12588,7 +12656,7 @@ } }, { - "__docId__": 567, + "__docId__": 569, "kind": "member", "static": false, "variation": null, @@ -12606,7 +12674,7 @@ } }, { - "__docId__": 568, + "__docId__": 570, "kind": "member", "static": false, "variation": null, @@ -12624,7 +12692,7 @@ } }, { - "__docId__": 569, + "__docId__": 571, "kind": "member", "static": false, "variation": null, @@ -12642,7 +12710,7 @@ } }, { - "__docId__": 570, + "__docId__": 572, "kind": "member", "static": false, "variation": null, @@ -12665,7 +12733,7 @@ } }, { - "__docId__": 571, + "__docId__": 573, "kind": "method", "static": false, "variation": null, @@ -12690,7 +12758,7 @@ "generator": false }, { - "__docId__": 572, + "__docId__": 574, "kind": "method", "static": false, "variation": null, @@ -12704,7 +12772,7 @@ "generator": false }, { - "__docId__": 573, + "__docId__": 575, "kind": "member", "static": false, "variation": null, @@ -12722,7 +12790,7 @@ } }, { - "__docId__": 574, + "__docId__": 576, "kind": "member", "static": false, "variation": null, @@ -12740,7 +12808,7 @@ } }, { - "__docId__": 575, + "__docId__": 577, "kind": "method", "static": false, "variation": null, @@ -12765,7 +12833,7 @@ "generator": false }, { - "__docId__": 576, + "__docId__": 578, "kind": "member", "static": false, "variation": null, @@ -12783,7 +12851,7 @@ } }, { - "__docId__": 577, + "__docId__": 579, "kind": "method", "static": false, "variation": null, @@ -12808,7 +12876,7 @@ "generator": false }, { - "__docId__": 578, + "__docId__": 580, "kind": "method", "static": false, "variation": null, @@ -12830,7 +12898,7 @@ "generator": false }, { - "__docId__": 579, + "__docId__": 581, "kind": "method", "static": false, "variation": null, @@ -12855,7 +12923,7 @@ "generator": false }, { - "__docId__": 580, + "__docId__": 582, "kind": "method", "static": false, "variation": null, @@ -12869,7 +12937,7 @@ "generator": false }, { - "__docId__": 581, + "__docId__": 583, "kind": "member", "static": false, "variation": null, @@ -12887,7 +12955,7 @@ } }, { - "__docId__": 582, + "__docId__": 584, "kind": "member", "static": false, "variation": null, @@ -12905,7 +12973,7 @@ } }, { - "__docId__": 583, + "__docId__": 585, "kind": "method", "static": false, "variation": null, @@ -12919,7 +12987,7 @@ "generator": false }, { - "__docId__": 584, + "__docId__": 586, "kind": "member", "static": false, "variation": null, @@ -12937,7 +13005,7 @@ } }, { - "__docId__": 585, + "__docId__": 587, "kind": "member", "static": false, "variation": null, @@ -12955,7 +13023,7 @@ } }, { - "__docId__": 586, + "__docId__": 588, "kind": "method", "static": false, "variation": null, @@ -12980,7 +13048,7 @@ "generator": false }, { - "__docId__": 587, + "__docId__": 589, "kind": "member", "static": false, "variation": null, @@ -12998,7 +13066,7 @@ } }, { - "__docId__": 588, + "__docId__": 590, "kind": "member", "static": false, "variation": null, @@ -13016,7 +13084,7 @@ } }, { - "__docId__": 589, + "__docId__": 591, "kind": "method", "static": false, "variation": null, @@ -13041,7 +13109,7 @@ "generator": false }, { - "__docId__": 590, + "__docId__": 592, "kind": "method", "static": false, "variation": null, @@ -13055,7 +13123,7 @@ "generator": false }, { - "__docId__": 591, + "__docId__": 593, "kind": "member", "static": false, "variation": null, @@ -13073,7 +13141,7 @@ } }, { - "__docId__": 592, + "__docId__": 594, "kind": "member", "static": false, "variation": null, @@ -13091,7 +13159,7 @@ } }, { - "__docId__": 593, + "__docId__": 595, "kind": "member", "static": false, "variation": null, @@ -13109,7 +13177,7 @@ } }, { - "__docId__": 594, + "__docId__": 596, "kind": "method", "static": false, "variation": null, @@ -13123,7 +13191,7 @@ "generator": false }, { - "__docId__": 595, + "__docId__": 597, "kind": "method", "static": false, "variation": null, @@ -13137,7 +13205,7 @@ "generator": false }, { - "__docId__": 596, + "__docId__": 598, "kind": "method", "static": false, "variation": null, @@ -13151,7 +13219,7 @@ "generator": false }, { - "__docId__": 597, + "__docId__": 599, "kind": "member", "static": false, "variation": null, @@ -13169,7 +13237,7 @@ } }, { - "__docId__": 598, + "__docId__": 600, "kind": "member", "static": false, "variation": null, @@ -13187,7 +13255,7 @@ } }, { - "__docId__": 599, + "__docId__": 601, "kind": "member", "static": false, "variation": null, @@ -13205,7 +13273,7 @@ } }, { - "__docId__": 600, + "__docId__": 602, "kind": "member", "static": false, "variation": null, @@ -13223,7 +13291,7 @@ } }, { - "__docId__": 601, + "__docId__": 603, "kind": "member", "static": false, "variation": null, @@ -13241,7 +13309,7 @@ } }, { - "__docId__": 602, + "__docId__": 604, "kind": "member", "static": false, "variation": null, @@ -13259,7 +13327,7 @@ } }, { - "__docId__": 603, + "__docId__": 605, "kind": "member", "static": false, "variation": null, @@ -13277,7 +13345,7 @@ } }, { - "__docId__": 604, + "__docId__": 606, "kind": "member", "static": false, "variation": null, @@ -13295,7 +13363,7 @@ } }, { - "__docId__": 605, + "__docId__": 607, "kind": "member", "static": false, "variation": null, @@ -13313,7 +13381,7 @@ } }, { - "__docId__": 606, + "__docId__": 608, "kind": "member", "static": false, "variation": null, @@ -13331,7 +13399,7 @@ } }, { - "__docId__": 607, + "__docId__": 609, "kind": "file", "static": true, "variation": null, @@ -13344,7 +13412,7 @@ "content": "import {Feature} from '../feature';\nimport {isUndef, EMPTY_FN} from '../types';\nimport {createElm, removeElm} from '../dom';\nimport {addEvt, cancelEvt, stopEvt, targetEvt, removeEvt} from '../event';\nimport {INPUT, NONE, CHECKLIST, MULTIPLE} from '../const';\nimport {root} from '../root';\nimport {defaultsStr, defaultsBool, defaultsArr, defaultsFn} from '../settings';\n\n/**\n * Pop-up filter component\n * @export\n * @class PopupFilter\n * @extends {Feature}\n */\nexport class PopupFilter extends Feature {\n\n /**\n * Creates an instance of PopupFilter\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'popupFilters');\n\n // Configuration object\n let f = this.config.popup_filters || {};\n\n /**\n * Close active popup filter upon filtering, enabled by default\n * @type {Boolean}\n */\n this.closeOnFiltering = defaultsBool(f.close_on_filtering, true);\n\n /**\n * Filter icon path\n * @type {String}\n */\n this.iconPath = defaultsStr(f.image, tf.themesPath + 'icn_filter.gif');\n\n /**\n * Active filter icon path\n * @type {string}\n */\n this.activeIconPath = defaultsStr(f.image_active,\n tf.themesPath + 'icn_filterActive.gif');\n\n /**\n * HTML for the filter icon\n * @type {string}\n */\n this.iconHtml = defaultsStr(f.image_html,\n '
import {Feature} from '../../feature';
import {
addClass, removeClass, createCheckItem, createElm, elm, removeElm,
- getText
+ getText, tag
} from '../../dom';
import {isUndef, EMPTY_FN} from '../../types';
import {addEvt, targetEvt, removeEvt} from '../../event';
import {root} from '../../root';
import {NONE} from '../../const';
import {
- defaultsBool, defaultsStr, defaultsFn,
- defaultsNb, defaultsArr
+ defaultsBool, defaultsStr, defaultsFn, defaultsNb, defaultsArr
} from '../../settings';
/**
@@ -673,14 +672,13 @@ export default class ColsVisibility extends Feature {
if (hide) {
this.onBeforeColHidden(this, colIndex);
- }
- if (!hide) {
+ } else {
this.onBeforeColDisplayed(this, colIndex);
}
- this._hideCells(tbl, colIndex, hide);
+ this._hideElements(tbl, colIndex, hide);
if (this.headersTbl) {
- this._hideCells(this.headersTbl, colIndex, hide);
+ this._hideElements(this.headersTbl, colIndex, hide);
}
let hiddenCols = this.hiddenCols;
@@ -699,9 +697,7 @@ export default class ColsVisibility extends Feature {
this.onAfterColHidden(this, colIndex);
this.emitter.emit('column-hidden', tf, this, colIndex,
this.hiddenCols);
- }
-
- if (!hide) {
+ } else {
this.onAfterColDisplayed(this, colIndex);
this.emitter.emit('column-shown', tf, this, colIndex,
this.hiddenCols);
@@ -822,16 +818,29 @@ export default class ColsVisibility extends Feature {
return '';
}
- _hideCells(tbl, colIndex, hide) {
+ _hideElements(tbl, colIdx, hide) {
+ this._hideCells(tbl, colIdx, hide);
+ this._hideCol(tbl, colIdx, hide);
+ }
+
+ _hideCells(tbl, colIdx, hide) {
for (let i = 0; i < tbl.rows.length; i++) {
let row = tbl.rows[i];
- let cell = row.cells[colIndex];
+ let cell = row.cells[colIdx];
if (cell) {
cell.style.display = hide ? NONE : '';
}
}
}
+ _hideCol(tbl, colIdx, hide) {
+ let colElms = tag(this.tf.dom(), 'col');
+ if (colElms.length === 0) {
+ return;
+ }
+ colElms[colIdx].style.display = hide ? NONE : '';
+ }
+
_hideAtStart() {
this.atStart.forEach((colIdx) => {
this.hideCol(colIdx);
diff --git a/docs/file/src/extensions/sort/adapterSortabletable.js.html b/docs/file/src/extensions/sort/adapterSortabletable.js.html
index ece0ef64..95406ee2 100644
--- a/docs/file/src/extensions/sort/adapterSortabletable.js.html
+++ b/docs/file/src/extensions/sort/adapterSortabletable.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/adapterSortabletable.js | tablefilter v0.5.41 API Document
+ src/extensions/sort/adapterSortabletable.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/extensions/sort/sort.js.html b/docs/file/src/extensions/sort/sort.js.html
index 5efd43ad..304843a2 100644
--- a/docs/file/src/extensions/sort/sort.js.html
+++ b/docs/file/src/extensions/sort/sort.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/sort.js | tablefilter v0.5.41 API Document
+ src/extensions/sort/sort.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/feature.js.html b/docs/file/src/feature.js.html
index 5b7f292f..d6af061c 100644
--- a/docs/file/src/feature.js.html
+++ b/docs/file/src/feature.js.html
@@ -3,7 +3,7 @@
src/feature.js | tablefilter v0.5.41 API Document
+ src/feature.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/alternateRows.js.html b/docs/file/src/modules/alternateRows.js.html
index d585daf1..dc93cf7a 100644
--- a/docs/file/src/modules/alternateRows.js.html
+++ b/docs/file/src/modules/alternateRows.js.html
@@ -3,7 +3,7 @@
src/modules/alternateRows.js | tablefilter v0.5.41 API Document
+ src/modules/alternateRows.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/baseDropdown.js.html b/docs/file/src/modules/baseDropdown.js.html
index fae05af8..948d3e2d 100644
--- a/docs/file/src/modules/baseDropdown.js.html
+++ b/docs/file/src/modules/baseDropdown.js.html
@@ -3,7 +3,7 @@
src/modules/baseDropdown.js | tablefilter v0.5.41 API Document
+ src/modules/baseDropdown.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/checkList.js.html b/docs/file/src/modules/checkList.js.html
index 8e45a465..6502ba11 100644
--- a/docs/file/src/modules/checkList.js.html
+++ b/docs/file/src/modules/checkList.js.html
@@ -3,7 +3,7 @@
src/modules/checkList.js | tablefilter v0.5.41 API Document
+ src/modules/checkList.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/clearButton.js.html b/docs/file/src/modules/clearButton.js.html
index 27aee160..2ce5879d 100644
--- a/docs/file/src/modules/clearButton.js.html
+++ b/docs/file/src/modules/clearButton.js.html
@@ -3,7 +3,7 @@
src/modules/clearButton.js | tablefilter v0.5.41 API Document
+ src/modules/clearButton.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/dateType.js.html b/docs/file/src/modules/dateType.js.html
index 5c3efd01..daba5528 100644
--- a/docs/file/src/modules/dateType.js.html
+++ b/docs/file/src/modules/dateType.js.html
@@ -3,7 +3,7 @@
src/modules/dateType.js | tablefilter v0.5.41 API Document
+ src/modules/dateType.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/dropdown.js.html b/docs/file/src/modules/dropdown.js.html
index 524c9b15..b812b0ae 100644
--- a/docs/file/src/modules/dropdown.js.html
+++ b/docs/file/src/modules/dropdown.js.html
@@ -3,7 +3,7 @@
src/modules/dropdown.js | tablefilter v0.5.41 API Document
+ src/modules/dropdown.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/gridLayout.js.html b/docs/file/src/modules/gridLayout.js.html
index 1035f4c2..a9ab2d4a 100644
--- a/docs/file/src/modules/gridLayout.js.html
+++ b/docs/file/src/modules/gridLayout.js.html
@@ -3,7 +3,7 @@
src/modules/gridLayout.js | tablefilter v0.5.41 API Document
+ src/modules/gridLayout.js | tablefilter v0.5.42 API Document
@@ -303,9 +303,6 @@ export class GridLayout extends Feature {
// Assign default column widths
this.setDefaultColWidths();
- // Initial table width
- let tblW = this.initialTableWidth();
-
//Main container: it will contain all the elements
this.tblMainCont = this.createContainer(
'div', this.mainContCssClass);
@@ -326,6 +323,7 @@ export class GridLayout extends Feature {
//In case table width is expressed in %
if (tbl.style.width === '') {
+ let tblW = this.initialTableWidth();
tbl.style.width = (contains('%', tblW) ?
tbl.clientWidth : tblW) + 'px';
}
diff --git a/docs/file/src/modules/hash.js.html b/docs/file/src/modules/hash.js.html
index 51ed8f22..3e739fc9 100644
--- a/docs/file/src/modules/hash.js.html
+++ b/docs/file/src/modules/hash.js.html
@@ -3,7 +3,7 @@
src/modules/hash.js | tablefilter v0.5.41 API Document
+ src/modules/hash.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/help.js.html b/docs/file/src/modules/help.js.html
index 1056b86b..c3e49f41 100644
--- a/docs/file/src/modules/help.js.html
+++ b/docs/file/src/modules/help.js.html
@@ -3,7 +3,7 @@
src/modules/help.js | tablefilter v0.5.41 API Document
+ src/modules/help.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/highlightKeywords.js.html b/docs/file/src/modules/highlightKeywords.js.html
index e142ce69..54111562 100644
--- a/docs/file/src/modules/highlightKeywords.js.html
+++ b/docs/file/src/modules/highlightKeywords.js.html
@@ -3,7 +3,7 @@
src/modules/highlightKeywords.js | tablefilter v0.5.41 API Document
+ src/modules/highlightKeywords.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/loader.js.html b/docs/file/src/modules/loader.js.html
index 2e987505..c4493ddd 100644
--- a/docs/file/src/modules/loader.js.html
+++ b/docs/file/src/modules/loader.js.html
@@ -3,7 +3,7 @@
src/modules/loader.js | tablefilter v0.5.41 API Document
+ src/modules/loader.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/markActiveColumns.js.html b/docs/file/src/modules/markActiveColumns.js.html
index 2bbfa308..b0359b24 100644
--- a/docs/file/src/modules/markActiveColumns.js.html
+++ b/docs/file/src/modules/markActiveColumns.js.html
@@ -3,7 +3,7 @@
src/modules/markActiveColumns.js | tablefilter v0.5.41 API Document
+ src/modules/markActiveColumns.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/noResults.js.html b/docs/file/src/modules/noResults.js.html
index 4e2d9752..1c07ed8c 100644
--- a/docs/file/src/modules/noResults.js.html
+++ b/docs/file/src/modules/noResults.js.html
@@ -3,7 +3,7 @@
src/modules/noResults.js | tablefilter v0.5.41 API Document
+ src/modules/noResults.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/paging.js.html b/docs/file/src/modules/paging.js.html
index b7470732..f26cce5e 100644
--- a/docs/file/src/modules/paging.js.html
+++ b/docs/file/src/modules/paging.js.html
@@ -3,7 +3,7 @@
src/modules/paging.js | tablefilter v0.5.41 API Document
+ src/modules/paging.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/popupFilter.js.html b/docs/file/src/modules/popupFilter.js.html
index 98d9ddea..2a834ff8 100644
--- a/docs/file/src/modules/popupFilter.js.html
+++ b/docs/file/src/modules/popupFilter.js.html
@@ -3,7 +3,7 @@
src/modules/popupFilter.js | tablefilter v0.5.41 API Document
+ src/modules/popupFilter.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/rowsCounter.js.html b/docs/file/src/modules/rowsCounter.js.html
index 36294af3..ebd66d24 100644
--- a/docs/file/src/modules/rowsCounter.js.html
+++ b/docs/file/src/modules/rowsCounter.js.html
@@ -3,7 +3,7 @@
src/modules/rowsCounter.js | tablefilter v0.5.41 API Document
+ src/modules/rowsCounter.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/state.js.html b/docs/file/src/modules/state.js.html
index 479d5477..6d56bed6 100644
--- a/docs/file/src/modules/state.js.html
+++ b/docs/file/src/modules/state.js.html
@@ -3,7 +3,7 @@
src/modules/state.js | tablefilter v0.5.41 API Document
+ src/modules/state.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/statusBar.js.html b/docs/file/src/modules/statusBar.js.html
index 548be5cd..b337530b 100644
--- a/docs/file/src/modules/statusBar.js.html
+++ b/docs/file/src/modules/statusBar.js.html
@@ -3,7 +3,7 @@
src/modules/statusBar.js | tablefilter v0.5.41 API Document
+ src/modules/statusBar.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/modules/storage.js.html b/docs/file/src/modules/storage.js.html
index de5e2106..aa6e1d03 100644
--- a/docs/file/src/modules/storage.js.html
+++ b/docs/file/src/modules/storage.js.html
@@ -3,7 +3,7 @@
src/modules/storage.js | tablefilter v0.5.41 API Document
+ src/modules/storage.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/number.js.html b/docs/file/src/number.js.html
index bde6fc35..67477f93 100644
--- a/docs/file/src/number.js.html
+++ b/docs/file/src/number.js.html
@@ -3,7 +3,7 @@
src/number.js | tablefilter v0.5.41 API Document
+ src/number.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/root.js.html b/docs/file/src/root.js.html
index 426cf47d..3f2aa5af 100644
--- a/docs/file/src/root.js.html
+++ b/docs/file/src/root.js.html
@@ -3,7 +3,7 @@
src/root.js | tablefilter v0.5.41 API Document
+ src/root.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/settings.js.html b/docs/file/src/settings.js.html
index 8cf16326..fcf829f4 100644
--- a/docs/file/src/settings.js.html
+++ b/docs/file/src/settings.js.html
@@ -3,7 +3,7 @@
src/settings.js | tablefilter v0.5.41 API Document
+ src/settings.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/sort.js.html b/docs/file/src/sort.js.html
index 3f6825c9..0382850a 100644
--- a/docs/file/src/sort.js.html
+++ b/docs/file/src/sort.js.html
@@ -3,7 +3,7 @@
src/sort.js | tablefilter v0.5.41 API Document
+ src/sort.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/string.js.html b/docs/file/src/string.js.html
index 76649432..71a00902 100644
--- a/docs/file/src/string.js.html
+++ b/docs/file/src/string.js.html
@@ -3,7 +3,7 @@
src/string.js | tablefilter v0.5.41 API Document
+ src/string.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/tablefilter.js.html b/docs/file/src/tablefilter.js.html
index 3a9b4aee..083dd316 100644
--- a/docs/file/src/tablefilter.js.html
+++ b/docs/file/src/tablefilter.js.html
@@ -3,7 +3,7 @@
src/tablefilter.js | tablefilter v0.5.41 API Document
+ src/tablefilter.js | tablefilter v0.5.42 API Document
diff --git a/docs/file/src/types.js.html b/docs/file/src/types.js.html
index 081d7648..e8702094 100644
--- a/docs/file/src/types.js.html
+++ b/docs/file/src/types.js.html
@@ -3,7 +3,7 @@
src/types.js | tablefilter v0.5.41 API Document
+ src/types.js | tablefilter v0.5.42 API Document
diff --git a/docs/function/index.html b/docs/function/index.html
index 33be1fe5..5261bbe0 100644
--- a/docs/function/index.html
+++ b/docs/function/index.html
@@ -3,7 +3,7 @@
Function | tablefilter v0.5.41 API Document
+ Function | tablefilter v0.5.42 API Document
diff --git a/docs/identifiers.html b/docs/identifiers.html
index 74081a39..a9c5c4a2 100644
--- a/docs/identifiers.html
+++ b/docs/identifiers.html
@@ -3,7 +3,7 @@
Index | tablefilter v0.5.41 API Document
+ Index | tablefilter v0.5.42 API Document
diff --git a/docs/index.html b/docs/index.html
index 52b25199..7454e7d0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
tablefilter v0.5.41 API Document
+ tablefilter v0.5.42 API Document
diff --git a/docs/package.json b/docs/package.json
index fbe4d08f..7613e894 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "tablefilter",
- "version": "0.5.41",
+ "version": "0.5.42",
"description": "A Javascript library making HTML tables filterable and a bit more",
"license": "MIT",
"author": {
@@ -65,7 +65,7 @@
"script-loader": "^0.7.0",
"string-replace-webpack-plugin": "^0.1.3",
"sugar-date": "2.0.4",
- "webpack": "^3.6.0",
+ "webpack": "^3.0.0",
"webpack-dev-server": "^2.4.5"
},
"dependencies": {},
diff --git a/docs/source.html b/docs/source.html
index 636c9a73..221e72e7 100644
--- a/docs/source.html
+++ b/docs/source.html
@@ -3,7 +3,7 @@
Source | tablefilter v0.5.41 API Document
+ Source | tablefilter v0.5.42 API Document
@@ -152,7 +152,7 @@
100 %1/1
-
+
src/const.js
@@ -178,7 +178,7 @@
100 %19/19
-
+
src/cookie.js
@@ -186,7 +186,7 @@
-
-
+
src/dom.js
@@ -205,7 +205,7 @@
100 %12/12
-
+
src/emitter.js
@@ -213,7 +213,7 @@
100 %6/6
-
+
src/event.js
@@ -226,7 +226,7 @@
100 %6/6
-
+
src/extensions/advancedGrid/adapterEzEditTable.js
@@ -234,7 +234,7 @@
100 %13/13
-
+
src/extensions/advancedGrid/advancedGrid.js
@@ -242,7 +242,7 @@
-
-
+
src/extensions/colOps/colOps.js
@@ -250,15 +250,15 @@
100 %26/26
-
+
src/extensions/colsVisibility/colsVisibility.js
ColsVisibility
100 %49/49
-
-
-
+
+
+
src/extensions/sort/adapterSortabletable.js
@@ -266,7 +266,7 @@
100 %23/23
-
+
src/extensions/sort/sort.js
@@ -274,7 +274,7 @@
-
-
+
src/feature.js
@@ -282,7 +282,7 @@
100 %14/14
-
+
src/modules/alternateRows.js
@@ -290,7 +290,7 @@
100 %9/9
-
+
src/modules/baseDropdown.js
@@ -298,7 +298,7 @@
100 %4/4
-
+
src/modules/checkList.js
@@ -306,7 +306,7 @@
100 %21/21
-
+
src/modules/clearButton.js
@@ -314,7 +314,7 @@
100 %10/10
-
+
src/modules/dateType.js
@@ -322,7 +322,7 @@
100 %12/12
-
+
src/modules/dropdown.js
@@ -330,15 +330,15 @@
100 %17/17
-
+
src/modules/gridLayout.js
GridLayout
100 %16/16
-
-
-
+
+
+
src/modules/hash.js
@@ -347,7 +347,7 @@
100 %10/10
-
+
src/modules/help.js
@@ -355,7 +355,7 @@
100 %17/17
-
+
src/modules/highlightKeywords.js
@@ -363,7 +363,7 @@
100 %10/10
-
+
src/modules/loader.js
@@ -371,7 +371,7 @@
100 %14/14
-
+
src/modules/markActiveColumns.js
@@ -379,7 +379,7 @@
100 %10/10
-
+
src/modules/noResults.js
@@ -387,7 +387,7 @@
100 %17/17
-
+
src/modules/paging.js
@@ -395,7 +395,7 @@
100 %45/45
-
+
src/modules/popupFilter.js
@@ -403,7 +403,7 @@
100 %27/27
-
+
src/modules/rowsCounter.js
@@ -411,7 +411,7 @@
100 %13/13
-
+
src/modules/state.js
@@ -419,7 +419,7 @@
100 %24/24
-
+
src/modules/statusBar.js
@@ -427,7 +427,7 @@
100 %22/22
-
+
src/modules/storage.js
@@ -436,7 +436,7 @@
100 %10/10
-
+
src/number.js
@@ -444,7 +444,7 @@
100 %1/1
-
+
src/root.js
@@ -452,7 +452,7 @@
100 %1/1
-
+
src/settings.js
@@ -464,7 +464,7 @@
100 %5/5
-
+
src/sort.js
@@ -478,7 +478,7 @@
100 %7/7
-
+
src/string.js
@@ -490,7 +490,7 @@
100 %5/5
-
+
src/tablefilter.js
@@ -498,7 +498,7 @@
100 %172/172
-
+
src/types.js
@@ -515,7 +515,7 @@
100 %10/10
-
+
diff --git a/docs/variable/index.html b/docs/variable/index.html
index 2318bfb3..2159ae69 100644
--- a/docs/variable/index.html
+++ b/docs/variable/index.html
@@ -3,7 +3,7 @@
Variable | tablefilter v0.5.41 API Document
+ Variable | tablefilter v0.5.42 API Document