primevue 2.9.2 → 2.10.1

package/datatable/tableheader.umd.js

@@ -1685,6 +1685,17 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ "3a7c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_id_0ebc4c6d_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fe6a");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_id_0ebc4c6d_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_id_0ebc4c6d_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3b2b":
@@ -2454,28 +2465,27 @@ module.exports = function (key) {
 
 /***/ }),
 
-/***/ "584a":
-/***/ (function(module, exports) {
+/***/ "5613":
+/***/ (function(module, exports, __webpack_require__) {
 
-var core = module.exports = { version: '2.6.12' };
-if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
+exports = module.exports = __webpack_require__("2350")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".p-dropdown{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.p-dropdown-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.p-dropdown-label{display:block;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;visibility:hidden}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;font-weight:400;white-space:nowrap;position:relative;overflow:hidden}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}", ""]);
+
+// exports
 
 
 /***/ }),
 
-/***/ "5b03":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "584a":
+/***/ (function(module, exports) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+var core = module.exports = { version: '2.6.12' };
+if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
 
-// load the styles
-var content = __webpack_require__("edaf");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0b056525", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -4175,17 +4185,6 @@ module.exports = function (it) {
 module.exports = true;
 
 
-/***/ }),
-
-/***/ "bded":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5b03");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Dropdown_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "be13":
@@ -5085,21 +5084,6 @@ var meta = module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "edaf":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("2350")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".p-dropdown{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-dropdown-clear-icon{position:absolute;top:50%;margin-top:-.5rem}.p-dropdown-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.p-dropdown-label{display:block;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;text-overflow:ellipsis;cursor:pointer}.p-dropdown-label-empty{overflow:hidden;visibility:hidden}input.p-dropdown-label{cursor:default}.p-dropdown .p-dropdown-panel{min-width:100%}.p-dropdown-panel{position:absolute;top:0;left:0}.p-dropdown-items-wrapper{overflow:auto}.p-dropdown-item{cursor:pointer;font-weight:400;white-space:nowrap;position:relative;overflow:hidden}.p-dropdown-items{margin:0;padding:0;list-style-type:none}.p-dropdown-filter{width:100%}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex}.p-fluid .p-dropdown .p-dropdown-label{width:1%}", ""]);
-
-// exports
-
-
 /***/ }),
 
 /***/ "f1ae":
@@ -5298,10 +5282,212 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/TableHeader.vue?vue&type=template&id=254d7ebe&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',{staticClass:"p-datatable-thead",attrs:{"role":"rowgroup"}},[(!_vm.columnGroup)?[_c('tr',{attrs:{"role":"row"}},[_vm._l((_vm.columns),function(col,i){return [(!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || (_vm.groupRowsBy !== _vm.columnProp(col, 'field'))))?_c('DTHeaderCell',{key:_vm.columnProp(col, 'columnKey')+i||_vm.columnProp(col, 'field')+i||i,attrs:{"column":col,"groupRowsBy":_vm.groupRowsBy,"groupRowSortField":_vm.groupRowSortField,"resizableColumns":_vm.resizableColumns,"sortMode":_vm.sortMode,"sortField":_vm.sortField,"sortOrder":_vm.sortOrder,"multiSortMeta":_vm.multiSortMeta,"allRowsSelected":_vm.allRowsSelected,"empty":_vm.empty,"filters":_vm.filters,"filterDisplay":_vm.filterDisplay,"filtersStore":_vm.filtersStore},on:{"column-click":function($event){return _vm.$emit('column-click', $event)},"column-mousedown":function($event){return _vm.$emit('column-mousedown', $event)},"column-dragstart":function($event){return _vm.$emit('column-dragstart', $event)},"column-dragover":function($event){return _vm.$emit('column-dragover', $event)},"column-dragleave":function($event){return _vm.$emit('column-dragleave', $event)},"column-drop":function($event){return _vm.$emit('column-drop', $event)},"column-resizestart":function($event){return _vm.$emit('column-resizestart', $event)},"checkbox-change":function($event){return _vm.$emit('checkbox-change', $event)},"filter-change":function($event){return _vm.$emit('filter-change', $event)},"filter-apply":function($event){return _vm.$emit('filter-apply')},"operator-change":function($event){return _vm.$emit('operator-change',$event)},"matchmode-change":function($event){return _vm.$emit('matchmode-change', $event)},"constraint-add":function($event){return _vm.$emit('constraint-add', $event)},"constraint-remove":function($event){return _vm.$emit('constraint-remove', $event)},"apply-click":function($event){return _vm.$emit('apply-click',$event)}}}):_vm._e()]})],2),(_vm.filterDisplay === 'row')?_c('tr',{attrs:{"role":"row"}},[_vm._l((_vm.columns),function(col,i){return [(!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || (_vm.groupRowsBy !== _vm.columnProp(col, 'field'))))?_c('th',{key:_vm.columnProp(col, 'columnKey')||_vm.columnProp(col, 'field')||i,class:_vm.getFilterColumnHeaderClass(col),style:(_vm.getFilterColumnHeaderStyle(col))},[(_vm.columnProp(col, 'selectionMode') ==='multiple')?_c('DTHeaderCheckbox',{attrs:{"checked":_vm.allRowsSelected,"disabled":_vm.empty},on:{"change":function($event){return _vm.$emit('checkbox-change', $event)}}}):_vm._e(),(col.$scopedSlots && col.$scopedSlots.filter)?_c('DTColumnFilter',{attrs:{"field":_vm.columnProp(col,'filterField')||_vm.columnProp(col,'field'),"type":_vm.columnProp(col,'dataType'),"display":"row","showMenu":_vm.columnProp(col,'showFilterMenu'),"filterElement":col.$scopedSlots && col.$scopedSlots.filter,"templates":col.$scopedSlots,"filterHeaderTemplate":col.$scopedSlots && col.$scopedSlots.filterheader,"filterFooterTemplate":col.$scopedSlots && col.$scopedSlots.filterfooter,"filterClearTemplate":col.$scopedSlots && col.$scopedSlots.filterclear,"filterApplyTemplate":col.$scopedSlots && col.$scopedSlots.filterapply,"filters":_vm.filters,"filtersStore":_vm.filtersStore,"filterMenuStyle":_vm.columnProp(col,'filterMenuStyle'),"filterMenuClass":_vm.columnProp(col,'filterMenuClass'),"showOperator":_vm.columnProp(col,'showFilterOperator'),"showClearButton":_vm.columnProp(col,'showClearButton'),"showApplyButton":_vm.columnProp(col,'showApplyButton'),"showMatchModes":_vm.columnProp(col,'showFilterMatchModes'),"showAddButton":_vm.columnProp(col,'showAddButton'),"matchModeOptions":_vm.columnProp(col,'filterMatchModeOptions'),"maxConstraints":_vm.columnProp(col,'maxConstraints')},on:{"filter-change":function($event){return _vm.$emit('filter-change', $event)},"filter-apply":function($event){return _vm.$emit('filter-apply')},"operator-change":function($event){return _vm.$emit('operator-change',$event)},"matchmode-change":function($event){return _vm.$emit('matchmode-change', $event)},"constraint-add":function($event){return _vm.$emit('constraint-add', $event)},"constraint-remove":function($event){return _vm.$emit('constraint-remove', $event)},"apply-click":function($event){return _vm.$emit('apply-click',$event)}}}):_vm._e()],1):_vm._e()]})],2):_vm._e()]:_vm._l((_vm.columnGroup.$scopedSlots.default()),function(row,i){return _c('tr',{key:_vm.ariaId + i,attrs:{"role":"row"}},[_vm._l((_vm.getHeaderColumns(row)),function(col,j){return [(!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || (_vm.groupRowsBy !== _vm.columnProp(col, 'field'))) && (typeof col.children !== 'string'))?_c('DTHeaderCell',{key:_vm.columnProp(col, 'columnKey')+j||_vm.columnProp(col, 'field')+j||j,attrs:{"column":col.child,"groupRowsBy":_vm.groupRowsBy,"groupRowSortField":_vm.groupRowSortField,"sortMode":_vm.sortMode,"sortField":_vm.sortField,"sortOrder":_vm.sortOrder,"multiSortMeta":_vm.multiSortMeta,"allRowsSelected":_vm.allRowsSelected,"empty":_vm.empty,"filters":_vm.filters,"filterDisplay":_vm.filterDisplay,"filtersStore":_vm.filtersStore},on:{"column-click":function($event){return _vm.$emit('column-click', $event)},"column-mousedown":function($event){return _vm.$emit('column-mousedown', $event)},"checkbox-change":function($event){return _vm.$emit('checkbox-change', $event)},"filter-change":function($event){return _vm.$emit('filter-change', $event)},"filter-apply":function($event){return _vm.$emit('filter-apply')},"operator-change":function($event){return _vm.$emit('operator-change',$event)},"matchmode-change":function($event){return _vm.$emit('matchmode-change', $event)},"constraint-add":function($event){return _vm.$emit('constraint-add', $event)},"constraint-remove":function($event){return _vm.$emit('constraint-remove', $event)},"apply-click":function($event){return _vm.$emit('apply-click',$event)}}}):_vm._e()]})],2)})],2)}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/TableHeader.vue?vue&type=template&id=254d7ebe&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('thead', {
+    staticClass: "p-datatable-thead",
+    attrs: {
+      "role": "rowgroup"
+    }
+  }, [!_vm.columnGroup ? [_c('tr', {
+    attrs: {
+      "role": "row"
+    }
+  }, [_vm._l(_vm.columns, function (col, i) {
+    return [!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || _vm.groupRowsBy !== _vm.columnProp(col, 'field')) ? _c('DTHeaderCell', {
+      key: _vm.columnProp(col, 'columnKey') + i || _vm.columnProp(col, 'field') + i || i,
+      attrs: {
+        "column": col,
+        "groupRowsBy": _vm.groupRowsBy,
+        "groupRowSortField": _vm.groupRowSortField,
+        "resizableColumns": _vm.resizableColumns,
+        "sortMode": _vm.sortMode,
+        "sortField": _vm.sortField,
+        "sortOrder": _vm.sortOrder,
+        "multiSortMeta": _vm.multiSortMeta,
+        "allRowsSelected": _vm.allRowsSelected,
+        "empty": _vm.empty,
+        "filters": _vm.filters,
+        "filterDisplay": _vm.filterDisplay,
+        "filtersStore": _vm.filtersStore
+      },
+      on: {
+        "column-click": function columnClick($event) {
+          return _vm.$emit('column-click', $event);
+        },
+        "column-mousedown": function columnMousedown($event) {
+          return _vm.$emit('column-mousedown', $event);
+        },
+        "column-dragstart": function columnDragstart($event) {
+          return _vm.$emit('column-dragstart', $event);
+        },
+        "column-dragover": function columnDragover($event) {
+          return _vm.$emit('column-dragover', $event);
+        },
+        "column-dragleave": function columnDragleave($event) {
+          return _vm.$emit('column-dragleave', $event);
+        },
+        "column-drop": function columnDrop($event) {
+          return _vm.$emit('column-drop', $event);
+        },
+        "column-resizestart": function columnResizestart($event) {
+          return _vm.$emit('column-resizestart', $event);
+        },
+        "checkbox-change": function checkboxChange($event) {
+          return _vm.$emit('checkbox-change', $event);
+        },
+        "filter-change": function filterChange($event) {
+          return _vm.$emit('filter-change', $event);
+        },
+        "filter-apply": function filterApply($event) {
+          return _vm.$emit('filter-apply');
+        },
+        "operator-change": function operatorChange($event) {
+          return _vm.$emit('operator-change', $event);
+        },
+        "matchmode-change": function matchmodeChange($event) {
+          return _vm.$emit('matchmode-change', $event);
+        },
+        "constraint-add": function constraintAdd($event) {
+          return _vm.$emit('constraint-add', $event);
+        },
+        "constraint-remove": function constraintRemove($event) {
+          return _vm.$emit('constraint-remove', $event);
+        },
+        "apply-click": function applyClick($event) {
+          return _vm.$emit('apply-click', $event);
+        }
+      }
+    }) : _vm._e()];
+  })], 2), _vm.filterDisplay === 'row' ? _c('tr', {
+    attrs: {
+      "role": "row"
+    }
+  }, [_vm._l(_vm.columns, function (col, i) {
+    return [!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || _vm.groupRowsBy !== _vm.columnProp(col, 'field')) ? _c('th', {
+      key: _vm.columnProp(col, 'columnKey') || _vm.columnProp(col, 'field') || i,
+      class: _vm.getFilterColumnHeaderClass(col),
+      style: _vm.getFilterColumnHeaderStyle(col)
+    }, [_vm.columnProp(col, 'selectionMode') === 'multiple' ? _c('DTHeaderCheckbox', {
+      attrs: {
+        "checked": _vm.allRowsSelected,
+        "disabled": _vm.empty
+      },
+      on: {
+        "change": function change($event) {
+          return _vm.$emit('checkbox-change', $event);
+        }
+      }
+    }) : _vm._e(), col.$scopedSlots && col.$scopedSlots.filter ? _c('DTColumnFilter', {
+      attrs: {
+        "field": _vm.columnProp(col, 'filterField') || _vm.columnProp(col, 'field'),
+        "type": _vm.columnProp(col, 'dataType'),
+        "display": "row",
+        "showMenu": _vm.columnProp(col, 'showFilterMenu'),
+        "filterElement": col.$scopedSlots && col.$scopedSlots.filter,
+        "templates": col.$scopedSlots,
+        "filterHeaderTemplate": col.$scopedSlots && col.$scopedSlots.filterheader,
+        "filterFooterTemplate": col.$scopedSlots && col.$scopedSlots.filterfooter,
+        "filterClearTemplate": col.$scopedSlots && col.$scopedSlots.filterclear,
+        "filterApplyTemplate": col.$scopedSlots && col.$scopedSlots.filterapply,
+        "filters": _vm.filters,
+        "filtersStore": _vm.filtersStore,
+        "filterMenuStyle": _vm.columnProp(col, 'filterMenuStyle'),
+        "filterMenuClass": _vm.columnProp(col, 'filterMenuClass'),
+        "showOperator": _vm.columnProp(col, 'showFilterOperator'),
+        "showClearButton": _vm.columnProp(col, 'showClearButton'),
+        "showApplyButton": _vm.columnProp(col, 'showApplyButton'),
+        "showMatchModes": _vm.columnProp(col, 'showFilterMatchModes'),
+        "showAddButton": _vm.columnProp(col, 'showAddButton'),
+        "matchModeOptions": _vm.columnProp(col, 'filterMatchModeOptions'),
+        "maxConstraints": _vm.columnProp(col, 'maxConstraints')
+      },
+      on: {
+        "filter-change": function filterChange($event) {
+          return _vm.$emit('filter-change', $event);
+        },
+        "filter-apply": function filterApply($event) {
+          return _vm.$emit('filter-apply');
+        },
+        "operator-change": function operatorChange($event) {
+          return _vm.$emit('operator-change', $event);
+        },
+        "matchmode-change": function matchmodeChange($event) {
+          return _vm.$emit('matchmode-change', $event);
+        },
+        "constraint-add": function constraintAdd($event) {
+          return _vm.$emit('constraint-add', $event);
+        },
+        "constraint-remove": function constraintRemove($event) {
+          return _vm.$emit('constraint-remove', $event);
+        },
+        "apply-click": function applyClick($event) {
+          return _vm.$emit('apply-click', $event);
+        }
+      }
+    }) : _vm._e()], 1) : _vm._e()];
+  })], 2) : _vm._e()] : _vm._l(_vm.columnGroup.$scopedSlots.default(), function (row, i) {
+    return _c('tr', {
+      key: _vm.ariaId + i,
+      attrs: {
+        "role": "row"
+      }
+    }, [_vm._l(_vm.getHeaderColumns(row), function (col, j) {
+      return [!_vm.columnProp(col, 'hidden') && (_vm.rowGroupMode !== 'subheader' || _vm.groupRowsBy !== _vm.columnProp(col, 'field')) && typeof col.children !== 'string' ? _c('DTHeaderCell', {
+        key: _vm.columnProp(col, 'columnKey') + j || _vm.columnProp(col, 'field') + j || j,
+        attrs: {
+          "column": col.child,
+          "groupRowsBy": _vm.groupRowsBy,
+          "groupRowSortField": _vm.groupRowSortField,
+          "sortMode": _vm.sortMode,
+          "sortField": _vm.sortField,
+          "sortOrder": _vm.sortOrder,
+          "multiSortMeta": _vm.multiSortMeta,
+          "allRowsSelected": _vm.allRowsSelected,
+          "empty": _vm.empty,
+          "filters": _vm.filters,
+          "filterDisplay": _vm.filterDisplay,
+          "filtersStore": _vm.filtersStore
+        },
+        on: {
+          "column-click": function columnClick($event) {
+            return _vm.$emit('column-click', $event);
+          },
+          "column-mousedown": function columnMousedown($event) {
+            return _vm.$emit('column-mousedown', $event);
+          },
+          "checkbox-change": function checkboxChange($event) {
+            return _vm.$emit('checkbox-change', $event);
+          },
+          "filter-change": function filterChange($event) {
+            return _vm.$emit('filter-change', $event);
+          },
+          "filter-apply": function filterApply($event) {
+            return _vm.$emit('filter-apply');
+          },
+          "operator-change": function operatorChange($event) {
+            return _vm.$emit('operator-change', $event);
+          },
+          "matchmode-change": function matchmodeChange($event) {
+            return _vm.$emit('matchmode-change', $event);
+          },
+          "constraint-add": function constraintAdd($event) {
+            return _vm.$emit('constraint-add', $event);
+          },
+          "constraint-remove": function constraintRemove($event) {
+            return _vm.$emit('constraint-remove', $event);
+          },
+          "apply-click": function applyClick($event) {
+            return _vm.$emit('apply-click', $event);
+          }
+        }
+      }) : _vm._e()];
+    })], 2);
+  })], 2);
+};
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/datatable/TableHeader.vue?vue&type=template&id=254d7ebe&
 
@@ -5312,11 +5498,9 @@ var is_array_default = /*#__PURE__*/__webpack_require__.n(is_array);
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/arrayWithoutHoles.js
@@ -5373,10 +5557,106 @@ var web_dom_iterable = __webpack_require__("ac6a");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
 var es6_number_constructor = __webpack_require__("c5f6");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCell.vue?vue&type=template&id=46783914&
-var HeaderCellvue_type_template_id_46783914_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{class:_vm.containerClass,style:(_vm.containerStyle),attrs:{"tabindex":_vm.columnProp('sortable') ? '0' : null,"role":"cell","colspan":_vm.columnProp('colspan'),"rowspan":_vm.columnProp('rowspan'),"aria-sort":_vm.ariaSort},on:{"click":_vm.onClick,"keydown":_vm.onKeyDown,"mousedown":_vm.onMouseDown,"dragstart":_vm.onDragStart,"dragover":_vm.onDragOver,"dragleave":_vm.onDragLeave,"drop":_vm.onDrop}},[(_vm.resizableColumns && !_vm.columnProp('frozen'))?_c('span',{staticClass:"p-column-resizer",on:{"mousedown":_vm.onResizeStart}}):_vm._e(),_c('div',{staticClass:"p-column-header-content"},[(_vm.column.$scopedSlots && _vm.column.$scopedSlots.header)?_c('ColumnSlot',{attrs:{"data":_vm.column.$scopedSlots.header,"column":_vm.column,"type":"header"}}):_vm._e(),(_vm.columnProp('header'))?_c('span',{staticClass:"p-column-title"},[_vm._v(_vm._s(_vm.columnProp('header')))]):_vm._e(),(_vm.columnProp('sortable'))?_c('span',{class:_vm.sortableColumnIcon}):_vm._e(),(_vm.isMultiSorted())?_c('span',{staticClass:"p-sortable-column-badge"},[_vm._v(_vm._s(_vm.getBadgeValue()))]):_vm._e(),(_vm.columnProp('selectionMode') ==='multiple' && _vm.filterDisplay !== 'row')?_c('DTHeaderCheckbox',{attrs:{"checked":_vm.allRowsSelected,"disabled":_vm.empty},on:{"change":_vm.onHeaderCheckboxChange}}):_vm._e(),(_vm.filterDisplay === 'menu' && _vm.column.$scopedSlots.filter)?_c('DTColumnFilter',{attrs:{"field":_vm.columnProp('filterField')||_vm.columnProp('field'),"type":_vm.columnProp('dataType'),"display":"menu","showMenu":_vm.columnProp('showFilterMenu'),"filterElement":_vm.column.$scopedSlots.filter,"templates":_vm.column.$scopedSlots,"filterHeaderTemplate":_vm.column.$scopedSlots.filterheader,"filterFooterTemplate":_vm.column.$scopedSlots.filterfooter,"filterClearTemplate":_vm.column.$scopedSlots.filterclear,"filterApplyTemplate":_vm.column.$scopedSlots.filterapply,"filters":_vm.filters,"filtersStore":_vm.filtersStore,"filterMenuStyle":_vm.columnProp('filterMenuStyle'),"filterMenuClass":_vm.columnProp('filterMenuClass'),"showOperator":_vm.columnProp('showFilterOperator'),"showClearButton":_vm.columnProp('showClearButton'),"showApplyButton":_vm.columnProp('showApplyButton'),"showMatchModes":_vm.columnProp('showFilterMatchModes'),"showAddButton":_vm.columnProp('showAddButton'),"matchModeOptions":_vm.columnProp('filterMatchModeOptions'),"maxConstraints":_vm.columnProp('maxConstraints')},on:{"filter-change":function($event){return _vm.$emit('filter-change', $event)},"filter-apply":function($event){return _vm.$emit('filter-apply')},"operator-change":function($event){return _vm.$emit('operator-change',$event)},"matchmode-change":function($event){return _vm.$emit('matchmode-change', $event)},"constraint-add":function($event){return _vm.$emit('constraint-add', $event)},"constraint-remove":function($event){return _vm.$emit('constraint-remove', $event)},"apply-click":function($event){return _vm.$emit('apply-click',$event)}}}):_vm._e()],1)])}
-var HeaderCellvue_type_template_id_46783914_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCell.vue?vue&type=template&id=46783914&
+var HeaderCellvue_type_template_id_46783914_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('th', {
+    class: _vm.containerClass,
+    style: _vm.containerStyle,
+    attrs: {
+      "tabindex": _vm.columnProp('sortable') ? '0' : null,
+      "role": "cell",
+      "colspan": _vm.columnProp('colspan'),
+      "rowspan": _vm.columnProp('rowspan'),
+      "aria-sort": _vm.ariaSort
+    },
+    on: {
+      "click": _vm.onClick,
+      "keydown": _vm.onKeyDown,
+      "mousedown": _vm.onMouseDown,
+      "dragstart": _vm.onDragStart,
+      "dragover": _vm.onDragOver,
+      "dragleave": _vm.onDragLeave,
+      "drop": _vm.onDrop
+    }
+  }, [_vm.resizableColumns && !_vm.columnProp('frozen') ? _c('span', {
+    staticClass: "p-column-resizer",
+    on: {
+      "mousedown": _vm.onResizeStart
+    }
+  }) : _vm._e(), _c('div', {
+    staticClass: "p-column-header-content"
+  }, [_vm.column.$scopedSlots && _vm.column.$scopedSlots.header ? _c('ColumnSlot', {
+    attrs: {
+      "data": _vm.column.$scopedSlots.header,
+      "column": _vm.column,
+      "type": "header"
+    }
+  }) : _vm._e(), _vm.columnProp('header') ? _c('span', {
+    staticClass: "p-column-title"
+  }, [_vm._v(_vm._s(_vm.columnProp('header')))]) : _vm._e(), _vm.columnProp('sortable') ? _c('span', {
+    class: _vm.sortableColumnIcon
+  }) : _vm._e(), _vm.isMultiSorted() ? _c('span', {
+    staticClass: "p-sortable-column-badge"
+  }, [_vm._v(_vm._s(_vm.getBadgeValue()))]) : _vm._e(), _vm.columnProp('selectionMode') === 'multiple' && _vm.filterDisplay !== 'row' ? _c('DTHeaderCheckbox', {
+    attrs: {
+      "checked": _vm.allRowsSelected,
+      "disabled": _vm.empty
+    },
+    on: {
+      "change": _vm.onHeaderCheckboxChange
+    }
+  }) : _vm._e(), _vm.filterDisplay === 'menu' && _vm.column.$scopedSlots.filter ? _c('DTColumnFilter', {
+    attrs: {
+      "field": _vm.columnProp('filterField') || _vm.columnProp('field'),
+      "type": _vm.columnProp('dataType'),
+      "display": "menu",
+      "showMenu": _vm.columnProp('showFilterMenu'),
+      "filterElement": _vm.column.$scopedSlots.filter,
+      "templates": _vm.column.$scopedSlots,
+      "filterHeaderTemplate": _vm.column.$scopedSlots.filterheader,
+      "filterFooterTemplate": _vm.column.$scopedSlots.filterfooter,
+      "filterClearTemplate": _vm.column.$scopedSlots.filterclear,
+      "filterApplyTemplate": _vm.column.$scopedSlots.filterapply,
+      "filters": _vm.filters,
+      "filtersStore": _vm.filtersStore,
+      "filterMenuStyle": _vm.columnProp('filterMenuStyle'),
+      "filterMenuClass": _vm.columnProp('filterMenuClass'),
+      "showOperator": _vm.columnProp('showFilterOperator'),
+      "showClearButton": _vm.columnProp('showClearButton'),
+      "showApplyButton": _vm.columnProp('showApplyButton'),
+      "showMatchModes": _vm.columnProp('showFilterMatchModes'),
+      "showAddButton": _vm.columnProp('showAddButton'),
+      "matchModeOptions": _vm.columnProp('filterMatchModeOptions'),
+      "maxConstraints": _vm.columnProp('maxConstraints')
+    },
+    on: {
+      "filter-change": function filterChange($event) {
+        return _vm.$emit('filter-change', $event);
+      },
+      "filter-apply": function filterApply($event) {
+        return _vm.$emit('filter-apply');
+      },
+      "operator-change": function operatorChange($event) {
+        return _vm.$emit('operator-change', $event);
+      },
+      "matchmode-change": function matchmodeChange($event) {
+        return _vm.$emit('matchmode-change', $event);
+      },
+      "constraint-add": function constraintAdd($event) {
+        return _vm.$emit('constraint-add', $event);
+      },
+      "constraint-remove": function constraintRemove($event) {
+        return _vm.$emit('constraint-remove', $event);
+      },
+      "apply-click": function applyClick($event) {
+        return _vm.$emit('apply-click', $event);
+      }
+    }
+  }) : _vm._e()], 1)]);
+};
+var HeaderCellvue_type_template_id_46783914_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/datatable/HeaderCell.vue?vue&type=template&id=46783914&
 
@@ -5425,26 +5705,21 @@ var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/createClass.js
 
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-
     define_property_default()(target, descriptor.key, descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
-
   define_property_default()(Constructor, "prototype", {
     writable: false
   });
-
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -5460,18 +5735,13 @@ function _createClass(Constructor, protoProps, staticProps) {
 
 
 
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = DomHandler_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function DomHandler_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return DomHandler_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return DomHandler_arrayLikeToArray(o, minLen); }
-
 function DomHandler_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var DomHandler_DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-
   _createClass(DomHandler, null, [{
     key: "innerWidth",
     value: function innerWidth(el) {
@@ -5505,12 +5775,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterWidth(el, margin) {
       if (el) {
         var width = el.offsetWidth;
-
         if (margin) {
           var style = getComputedStyle(el);
           width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
-
         return width;
       } else {
         return 0;
@@ -5521,12 +5789,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterHeight(el, margin) {
       if (el) {
         var height = el.offsetHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -5537,12 +5803,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getClientHeight(el, margin) {
       if (el) {
         var height = el.clientHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -5552,11 +5816,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getViewport",
     value: function getViewport() {
       var win = window,
-          d = document,
-          e = d.documentElement,
-          g = d.getElementsByTagName('body')[0],
-          w = win.innerWidth || e.clientWidth || g.clientWidth,
-          h = win.innerHeight || e.clientHeight || g.clientHeight;
+        d = document,
+        e = d.documentElement,
+        g = d.getElementsByTagName('body')[0],
+        w = win.innerWidth || e.clientWidth || g.clientWidth,
+        h = win.innerHeight || e.clientHeight || g.clientHeight;
       return {
         width: w,
         height: h
@@ -5587,12 +5851,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function index(element) {
       var children = element.parentNode.childNodes;
       var num = 0;
-
       for (var i = 0; i < children.length; i++) {
         if (children[i] === element) return num;
         if (children[i].nodeType === 1) num++;
       }
-
       return -1;
     }
   }, {
@@ -5600,13 +5862,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function addMultipleClasses(element, className) {
       if (element.classList) {
         var styles = className.split(' ');
-
         for (var i = 0; i < styles.length; i++) {
           element.classList.add(styles[i]);
         }
       } else {
         var _styles = className.split(' ');
-
         for (var _i = 0; _i < _styles.length; _i++) {
           element.className += ' ' + _styles[_i];
         }
@@ -5628,7 +5888,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (element) {
         if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
-
       return false;
     }
   }, {
@@ -5673,11 +5932,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var windowScrollLeft = this.getWindowScrollLeft();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
         top = targetOffset.top + windowScrollTop - elementOuterHeight;
         element.style.transformOrigin = 'bottom';
-
         if (top < 0) {
           top = windowScrollTop;
         }
@@ -5685,7 +5942,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetOuterHeight + targetOffset.top + windowScrollTop;
         element.style.transformOrigin = 'top';
       }
-
       if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
       element.style.top = top + 'px';
       element.style.left = left + 'px';
@@ -5701,11 +5957,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var targetOffset = target.getBoundingClientRect();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
         top = -1 * elementDimensions.height;
         element.style.transformOrigin = 'bottom';
-
         if (targetOffset.top + top < 0) {
           top = -1 * targetOffset.top;
         }
@@ -5713,7 +5967,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetHeight;
         element.style.transformOrigin = 'top';
       }
-
       if (elementDimensions.width > viewport.width) {
         // element wider then viewport and cannot fit on screen (align at left side of viewport)
         left = targetOffset.left * -1;
@@ -5724,7 +5977,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         // element fits on screen (align with target)
         left = 0;
       }
-
       element.style.top = top + 'px';
       element.style.left = left + 'px';
     }
@@ -5738,35 +5990,27 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
       var scrollableParents = [];
-
       if (element) {
         var parents = this.getParents(element);
         var overflowRegex = /(auto|scroll)/;
-
         var overflowCheck = function overflowCheck(node) {
           var styleDeclaration = window['getComputedStyle'](node, null);
           return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
         };
-
         var _iterator = _createForOfIteratorHelper(parents),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var parent = _step.value;
             var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
-
               var _iterator2 = _createForOfIteratorHelper(selectors),
-                  _step2;
-
+                _step2;
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
-
                   if (el && overflowCheck(el)) {
                     scrollableParents.push(el);
                   }
@@ -5784,7 +6028,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -5825,34 +6068,29 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       element.style.opacity = 0;
       var last = +new Date();
       var opacity = 0;
-
       var tick = function tick() {
         opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
         element.style.opacity = opacity;
         last = +new Date();
-
         if (+opacity < 1) {
           window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);
         }
       };
-
       tick();
     }
   }, {
     key: "fadeOut",
     value: function fadeOut(element, ms) {
       var opacity = 1,
-          interval = 50,
-          duration = ms,
-          gap = interval / duration;
+        interval = 50,
+        duration = ms,
+        gap = interval / duration;
       var fading = setInterval(function () {
         opacity -= gap;
-
         if (opacity <= 0) {
           opacity = 0;
           clearInterval(fading);
         }
-
         element.style.opacity = opacity;
       }, interval);
     }
@@ -5879,7 +6117,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var scroll = container.scrollTop;
       var elementHeight = container.clientHeight;
       var itemHeight = this.getOuterHeight(item);
-
       if (offset < 0) {
         container.scrollTop = scroll + offset;
       } else if (offset + itemHeight > elementHeight) {
@@ -5898,7 +6135,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } else if (document['selection'] && document['selection'].empty) {
         try {
           document['selection'].empty();
-        } catch (error) {//ignore IE bug
+        } catch (error) {
+          //ignore IE bug
         }
       }
     }
@@ -5920,19 +6158,16 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (!this.browser) {
         var matched = this.resolveUserAgent();
         this.browser = {};
-
         if (matched.browser) {
           this.browser[matched.browser] = true;
           this.browser['version'] = matched.version;
         }
-
         if (this.browser['chrome']) {
           this.browser['webkit'] = true;
         } else if (this.browser['webkit']) {
           this.browser['safari'] = true;
         }
       }
-
       return this.browser;
     }
   }, {
@@ -5960,10 +6195,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getFocusableElements(element) {
       var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
       var visibleFocusableElements = [];
-
       var _iterator3 = _createForOfIteratorHelper(focusableElements),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
@@ -5974,7 +6207,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -6017,11 +6249,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     }
   }]);
-
   return DomHandler;
 }();
 
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.search.js
 var es6_regexp_search = __webpack_require__("386d");
 
@@ -6060,18 +6290,13 @@ function _typeof(obj) {
 
 
 
-
 function ObjectUtils_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = ObjectUtils_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function ObjectUtils_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return ObjectUtils_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ObjectUtils_arrayLikeToArray(o, minLen); }
-
 function ObjectUtils_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck(this, ObjectUtils);
   }
-
   _createClass(ObjectUtils, null, [{
     key: "equals",
     value: function equals(obj1, obj2, field) {
@@ -6081,50 +6306,41 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     key: "deepEquals",
     value: function deepEquals(a, b) {
       if (a === b) return true;
-
       if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
         var arrA = Array.isArray(a),
-            arrB = Array.isArray(b),
-            i,
-            length,
-            key;
-
+          arrB = Array.isArray(b),
+          i,
+          length,
+          key;
         if (arrA && arrB) {
           length = a.length;
           if (length != b.length) return false;
-
           for (i = length; i-- !== 0;) {
             if (!this.deepEquals(a[i], b[i])) return false;
           }
-
           return true;
         }
-
         if (arrA != arrB) return false;
         var dateA = a instanceof Date,
-            dateB = b instanceof Date;
+          dateB = b instanceof Date;
         if (dateA != dateB) return false;
         if (dateA && dateB) return a.getTime() == b.getTime();
         var regexpA = a instanceof RegExp,
-            regexpB = b instanceof RegExp;
+          regexpB = b instanceof RegExp;
         if (regexpA != regexpB) return false;
         if (regexpA && regexpB) return a.toString() == b.toString();
         var keys = Object.keys(a);
         length = keys.length;
         if (length !== Object.keys(b).length) return false;
-
         for (i = length; i-- !== 0;) {
           if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
         }
-
         for (i = length; i-- !== 0;) {
           key = keys[i];
           if (!this.deepEquals(a[key], b[key])) return false;
         }
-
         return true;
       }
-
       return a !== a && b !== b;
     }
   }, {
@@ -6138,15 +6354,12 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
         } else {
           var fields = field.split('.');
           var value = data;
-
           for (var i = 0, len = fields.length; i < len; ++i) {
             if (value == null) {
               return null;
             }
-
             value = value[fields[i]];
           }
-
           return value;
         }
       } else {
@@ -6162,22 +6375,17 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     key: "filter",
     value: function filter(value, fields, filterValue) {
       var filteredItems = [];
-
       if (value) {
         var _iterator = ObjectUtils_createForOfIteratorHelper(value),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var item = _step.value;
-
             var _iterator2 = ObjectUtils_createForOfIteratorHelper(fields),
-                _step2;
-
+              _step2;
             try {
               for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                 var field = _step2.value;
-
                 if (String(this.resolveFieldData(item, field)).toLowerCase().indexOf(filterValue.toLowerCase()) > -1) {
                   filteredItems.push(item);
                   break;
@@ -6195,23 +6403,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return filteredItems;
     }
   }, {
     key: "reorderArray",
     value: function reorderArray(value, from, to) {
       var target;
-
       if (value && from !== to) {
         if (to >= value.length) {
           target = to - value.length;
-
           while (target-- + 1) {
             value.push(undefined);
           }
         }
-
         value.splice(to, 0, value.splice(from, 1)[0]);
       }
     }
@@ -6219,7 +6423,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     key: "findIndexInList",
     value: function findIndexInList(value, list) {
       var index = -1;
-
       if (list) {
         for (var i = 0; i < list.length; i++) {
           if (list[i] === value) {
@@ -6228,7 +6431,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
           }
         }
       }
-
       return index;
     }
   }, {
@@ -6236,8 +6438,7 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     value: function contains(value, list) {
       if (value != null && list && list.length) {
         var _iterator3 = ObjectUtils_createForOfIteratorHelper(list),
-            _step3;
-
+          _step3;
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
             var val = _step3.value;
@@ -6249,7 +6450,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
           _iterator3.f();
         }
       }
-
       return false;
     }
   }, {
@@ -6257,17 +6457,14 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     value: function insertIntoOrderedArray(item, index, arr, sourceArr) {
       if (arr.length > 0) {
         var injected = false;
-
         for (var i = 0; i < arr.length; i++) {
           var currentItemIndex = this.findIndexInList(arr[i], sourceArr);
-
           if (currentItemIndex > index) {
             arr.splice(i, 0, item);
             injected = true;
             break;
           }
         }
-
         if (!injected) {
           arr.push(item);
         }
@@ -6281,28 +6478,23 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
       if (str && str.search(/[\xC0-\xFF]/g) > -1) {
         str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
       }
-
       return str;
     }
   }, {
     key: "getVNodeProp",
     value: function getVNodeProp(vnode, prop) {
       var props = vnode._props;
-
       if (props) {
         var kebapProp = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
         var propName = Object.prototype.hasOwnProperty.call(props, kebapProp) ? kebapProp : prop;
         return props[propName];
       }
-
       return null;
     }
   }]);
-
   return ObjectUtils;
 }();
 
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/ColumnSlot.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var ColumnSlotvue_type_script_lang_js_ = ({
@@ -6378,20 +6570,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -6411,7 +6602,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -6437,11 +6629,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -6452,16 +6644,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -6491,29 +6681,57 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var ColumnSlot = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCheckbox.vue?vue&type=template&id=32dfd044&
-var HeaderCheckboxvue_type_template_id_32dfd044_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['p-checkbox p-component', {'p-checkbox-focused': _vm.focused}],on:{"click":_vm.onClick}},[_c('div',{staticClass:"p-hidden-accessible"},[_c('input',{ref:"input",attrs:{"type":"checkbox","disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)}}})]),_c('div',{ref:"box",class:['p-checkbox-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.$attrs.disabled, 'p-focus': _vm.focused}],attrs:{"role":"checkbox","aria-checked":_vm.checked}},[_c('span',{class:['p-checkbox-icon', {'pi pi-check': _vm.checked}]})])])}
-var HeaderCheckboxvue_type_template_id_32dfd044_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCheckbox.vue?vue&type=template&id=4d23eb83&
+var HeaderCheckboxvue_type_template_id_4d23eb83_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: ['p-checkbox p-component', {
+      'p-checkbox-focused': _vm.focused,
+      'p-disabled': _vm.$attrs.disabled
+    }],
+    on: {
+      "click": _vm.onClick,
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
+        $event.preventDefault();
+        return _vm.onClick.apply(null, arguments);
+      }
+    }
+  }, [_c('div', {
+    ref: "box",
+    class: ['p-checkbox-box p-component', {
+      'p-highlight': _vm.checked,
+      'p-disabled': _vm.$attrs.disabled,
+      'p-focus': _vm.focused
+    }],
+    attrs: {
+      "role": "checkbox",
+      "aria-checked": _vm.checked,
+      "tabindex": _vm.$attrs.disabled ? null : '0'
+    },
+    on: {
+      "focus": function focus($event) {
+        return _vm.onFocus($event);
+      },
+      "blur": function blur($event) {
+        return _vm.onBlur($event);
+      }
+    }
+  }, [_c('span', {
+    class: ['p-checkbox-icon', {
+      'pi pi-check': _vm.checked
+    }]
+  })])]);
+};
+var HeaderCheckboxvue_type_template_id_4d23eb83_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/datatable/HeaderCheckbox.vue?vue&type=template&id=32dfd044&
+// CONCATENATED MODULE: ./src/components/datatable/HeaderCheckbox.vue?vue&type=template&id=4d23eb83&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCheckbox.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var HeaderCheckboxvue_type_script_lang_js_ = ({
   inheritAttrs: false,
   props: {
-    disabled: null,
     checked: null
   },
   data: function data() {
@@ -6523,7 +6741,7 @@ var HeaderCheckboxvue_type_template_id_32dfd044_staticRenderFns = []
   },
   methods: {
     onClick: function onClick(event) {
-      if (!this.disabled) {
+      if (!this.$attrs.disabled) {
         this.focused = true;
         this.$emit('change', {
           originalEvent: event,
@@ -6551,8 +6769,8 @@ var HeaderCheckboxvue_type_template_id_32dfd044_staticRenderFns = []
 
 var HeaderCheckbox_component = normalizeComponent(
   datatable_HeaderCheckboxvue_type_script_lang_js_,
-  HeaderCheckboxvue_type_template_id_32dfd044_render,
-  HeaderCheckboxvue_type_template_id_32dfd044_staticRenderFns,
+  HeaderCheckboxvue_type_template_id_4d23eb83_render,
+  HeaderCheckboxvue_type_template_id_4d23eb83_staticRenderFns,
   false,
   null,
   null,
@@ -6561,12 +6779,249 @@ var HeaderCheckbox_component = normalizeComponent(
 )
 
 /* harmony default export */ var HeaderCheckbox = (HeaderCheckbox_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/ColumnFilter.vue?vue&type=template&id=4cde618a&
-var ColumnFiltervue_type_template_id_4cde618a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(_vm.display === 'row')?_c('div',{staticClass:"p-fluid p-column-filter-element"},[_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterElement,"field":_vm.field,"filterModel":_vm.filters[_vm.field],"filterCallback":_vm.filterCallback,"type":"filter"}})],1):_vm._e(),(_vm.showMenuButton)?_c('button',{ref:"icon",staticClass:"p-column-filter-menu-button p-link",class:{'p-column-filter-menu-button-open': _vm.overlayVisible, 'p-column-filter-menu-button-active': _vm.hasFilter()},attrs:{"type":"button","aria-haspopup":"true","aria-expanded":_vm.overlayVisible},on:{"click":function($event){return _vm.toggleMenu()},"keydown":function($event){return _vm.onToggleButtonKeyDown($event)}}},[_c('span',{staticClass:"pi pi-filter-icon pi-filter"})]):_vm._e(),(_vm.showClearButton && _vm.display === 'row')?_c('button',{staticClass:"p-column-filter-clear-button p-link",class:{'p-hidden-space': !_vm.hasRowFilter()},attrs:{"type":"button"},on:{"click":function($event){return _vm.clearFilter()}}},[_c('span',{staticClass:"pi pi-filter-slash"})]):_vm._e(),_c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onOverlayEnter,"leave":_vm.onOverlayLeave}},[(_vm.overlayVisible)?_c('div',{ref:"overlay",class:_vm.overlayClass,on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.onEscape.apply(null, arguments)},"click":_vm.onContentClick,"mousedown":_vm.onContentMouseDown}},[_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterHeaderTemplate,"field":_vm.field,"filterModel":_vm.filters[_vm.field],"filterCallback":_vm.filterCallback,"type":"filterheader"}}),(_vm.display === 'row')?[_c('ul',{staticClass:"p-column-filter-row-items"},[_vm._l((_vm.matchModes),function(matchMode,i){return _c('li',{key:matchMode.label,staticClass:"p-column-filter-row-item",class:{'p-highlight': _vm.isRowMatchModeSelected(matchMode.value)},attrs:{"tabindex":i === 0 ? '0' : null},on:{"click":function($event){return _vm.onRowMatchModeChange(matchMode.value)},"keydown":[function($event){return _vm.onRowMatchModeKeyDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onRowMatchModeChange(matchMode.value)}]}},[_vm._v(_vm._s(matchMode.label))])}),_c('li',{staticClass:"p-column-filter-separator"}),_c('li',{staticClass:"p-column-filter-row-item",on:{"click":function($event){return _vm.clearFilter()},"keydown":[function($event){return _vm.onRowMatchModeKeyDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onRowClearItemClick()}]}},[_vm._v(_vm._s(_vm.noFilterLabel))])],2)]:[(_vm.isShowOperator)?_c('div',{staticClass:"p-column-filter-operator"},[_c('CFDropdown',{staticClass:"p-column-filter-operator-dropdown",attrs:{"a":"","options":_vm.operatorOptions,"value":_vm.operator,"optionLabel":"label","optionValue":"value"},on:{"input":function($event){return _vm.onOperatorChange($event)}}})],1):_vm._e(),_c('div',{staticClass:"p-column-filter-constraints"},_vm._l((_vm.fieldConstraints),function(fieldConstraint,i){return _c('div',{key:i,staticClass:"p-column-filter-constraint"},[(_vm.isShowMatchModes)?_c('CFDropdown',{staticClass:"p-column-filter-matchmode-dropdown",attrs:{"options":_vm.matchModes,"value":fieldConstraint.matchMode,"optionLabel":"label","optionValue":"value"},on:{"input":function($event){return _vm.onMenuMatchModeChange($event, i)}}}):_vm._e(),(_vm.display === 'menu')?_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterElement,"field":_vm.field,"filterModel":fieldConstraint,"filterCallback":_vm.filterCallback,"type":"filter"}}):_vm._e(),_c('div',[(_vm.showRemoveIcon)?_c('CFButton',{staticClass:"p-column-filter-remove-button p-button-text p-button-danger p-button-sm",attrs:{"type":"button","icon":"pi pi-trash","label":_vm.removeRuleButtonLabel},on:{"click":function($event){return _vm.removeConstraint(i)}}}):_vm._e()],1)],1)}),0),(_vm.isShowAddConstraint)?_c('div',{staticClass:"p-column-filter-add-rule"},[_c('CFButton',{staticClass:"p-column-filter-add-button p-button-text p-button-sm",attrs:{"type":"button","label":_vm.addRuleButtonLabel,"icon":"pi pi-plus"},on:{"click":function($event){return _vm.addConstraint()}}})],1):_vm._e(),_c('div',{staticClass:"p-column-filter-buttonbar"},[(!_vm.filterClearTemplate && _vm.showClearButton)?_c('CFButton',{staticClass:"p-button-outlined p-button-sm",attrs:{"type":"button","label":_vm.clearButtonLabel},on:{"click":function($event){return _vm.clearFilter()}}}):_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterClearTemplate,"field":_vm.field,"filterModel":_vm.filters[_vm.field],"filterCallback":_vm.clearFilter,"type":"filterclear"}}),(_vm.showApplyButton)?[(!_vm.filterApplyTemplate)?_c('CFButton',{staticClass:"p-button-sm",attrs:{"type":"button","label":_vm.applyButtonLabel},on:{"click":function($event){return _vm.applyFilter()}}}):_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterApplyTemplate,"field":_vm.field,"filterModel":_vm.filters[_vm.field],"filterCallback":_vm.applyFilter,"type":"filterapply"}})]:_vm._e()],2)],_c('ColumnFilterTemplate',{attrs:{"data":_vm.filterFooterTemplate,"field":_vm.field,"filterModel":_vm.filters[_vm.field],"filterCallback":_vm.filterCallback,"type":"filterfooter"}})],2):_vm._e()])],1)}
-var ColumnFiltervue_type_template_id_4cde618a_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/ColumnFilter.vue?vue&type=template&id=08fae6e4&
+var ColumnFiltervue_type_template_id_08fae6e4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: _vm.containerClass
+  }, [_vm.display === 'row' ? _c('div', {
+    staticClass: "p-fluid p-column-filter-element"
+  }, [_c('ColumnFilterTemplate', {
+    attrs: {
+      "data": _vm.filterElement,
+      "field": _vm.field,
+      "filterModel": _vm.filters[_vm.field],
+      "filterCallback": _vm.filterCallback,
+      "type": "filter"
+    }
+  })], 1) : _vm._e(), _vm.showMenuButton ? _c('button', {
+    ref: "icon",
+    staticClass: "p-column-filter-menu-button p-link",
+    class: {
+      'p-column-filter-menu-button-open': _vm.overlayVisible,
+      'p-column-filter-menu-button-active': _vm.hasFilter()
+    },
+    attrs: {
+      "type": "button",
+      "aria-haspopup": "true",
+      "aria-expanded": _vm.overlayVisible
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.toggleMenu();
+      },
+      "keydown": function keydown($event) {
+        return _vm.onToggleButtonKeyDown($event);
+      }
+    }
+  }, [_c('span', {
+    staticClass: "pi pi-filter-icon pi-filter"
+  })]) : _vm._e(), _vm.showClearButton && _vm.display === 'row' ? _c('button', {
+    staticClass: "p-column-filter-clear-button p-link",
+    class: {
+      'p-hidden-space': !_vm.hasRowFilter()
+    },
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.clearFilter();
+      }
+    }
+  }, [_c('span', {
+    staticClass: "pi pi-filter-slash"
+  })]) : _vm._e(), _c('transition', {
+    attrs: {
+      "name": "p-connected-overlay"
+    },
+    on: {
+      "enter": _vm.onOverlayEnter,
+      "leave": _vm.onOverlayLeave
+    }
+  }, [_vm.overlayVisible ? _c('div', {
+    ref: "overlay",
+    class: _vm.overlayClass,
+    on: {
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "escape", undefined, $event.key, undefined)) return null;
+        return _vm.onEscape.apply(null, arguments);
+      },
+      "click": _vm.onContentClick,
+      "mousedown": _vm.onContentMouseDown
+    }
+  }, [_c('ColumnFilterTemplate', {
+    attrs: {
+      "data": _vm.filterHeaderTemplate,
+      "field": _vm.field,
+      "filterModel": _vm.filters[_vm.field],
+      "filterCallback": _vm.filterCallback,
+      "type": "filterheader"
+    }
+  }), _vm.display === 'row' ? [_c('ul', {
+    staticClass: "p-column-filter-row-items"
+  }, [_vm._l(_vm.matchModes, function (matchMode, i) {
+    return _c('li', {
+      key: matchMode.label,
+      staticClass: "p-column-filter-row-item",
+      class: {
+        'p-highlight': _vm.isRowMatchModeSelected(matchMode.value)
+      },
+      attrs: {
+        "tabindex": i === 0 ? '0' : null
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.onRowMatchModeChange(matchMode.value);
+        },
+        "keydown": [function ($event) {
+          return _vm.onRowMatchModeKeyDown($event);
+        }, function ($event) {
+          if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+          $event.preventDefault();
+          return _vm.onRowMatchModeChange(matchMode.value);
+        }]
+      }
+    }, [_vm._v(_vm._s(matchMode.label))]);
+  }), _c('li', {
+    staticClass: "p-column-filter-separator"
+  }), _c('li', {
+    staticClass: "p-column-filter-row-item",
+    on: {
+      "click": function click($event) {
+        return _vm.clearFilter();
+      },
+      "keydown": [function ($event) {
+        return _vm.onRowMatchModeKeyDown($event);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.onRowClearItemClick();
+      }]
+    }
+  }, [_vm._v(_vm._s(_vm.noFilterLabel))])], 2)] : [_vm.isShowOperator ? _c('div', {
+    staticClass: "p-column-filter-operator"
+  }, [_c('CFDropdown', {
+    staticClass: "p-column-filter-operator-dropdown",
+    attrs: {
+      "a": "",
+      "options": _vm.operatorOptions,
+      "value": _vm.operator,
+      "optionLabel": "label",
+      "optionValue": "value"
+    },
+    on: {
+      "input": function input($event) {
+        return _vm.onOperatorChange($event);
+      }
+    }
+  })], 1) : _vm._e(), _c('div', {
+    staticClass: "p-column-filter-constraints"
+  }, _vm._l(_vm.fieldConstraints, function (fieldConstraint, i) {
+    return _c('div', {
+      key: i,
+      staticClass: "p-column-filter-constraint"
+    }, [_vm.isShowMatchModes ? _c('CFDropdown', {
+      staticClass: "p-column-filter-matchmode-dropdown",
+      attrs: {
+        "options": _vm.matchModes,
+        "value": fieldConstraint.matchMode,
+        "optionLabel": "label",
+        "optionValue": "value"
+      },
+      on: {
+        "input": function input($event) {
+          return _vm.onMenuMatchModeChange($event, i);
+        }
+      }
+    }) : _vm._e(), _vm.display === 'menu' ? _c('ColumnFilterTemplate', {
+      attrs: {
+        "data": _vm.filterElement,
+        "field": _vm.field,
+        "filterModel": fieldConstraint,
+        "filterCallback": _vm.filterCallback,
+        "type": "filter"
+      }
+    }) : _vm._e(), _c('div', [_vm.showRemoveIcon ? _c('CFButton', {
+      staticClass: "p-column-filter-remove-button p-button-text p-button-danger p-button-sm",
+      attrs: {
+        "type": "button",
+        "icon": "pi pi-trash",
+        "label": _vm.removeRuleButtonLabel
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.removeConstraint(i);
+        }
+      }
+    }) : _vm._e()], 1)], 1);
+  }), 0), _vm.isShowAddConstraint ? _c('div', {
+    staticClass: "p-column-filter-add-rule"
+  }, [_c('CFButton', {
+    staticClass: "p-column-filter-add-button p-button-text p-button-sm",
+    attrs: {
+      "type": "button",
+      "label": _vm.addRuleButtonLabel,
+      "icon": "pi pi-plus"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.addConstraint();
+      }
+    }
+  })], 1) : _vm._e(), _c('div', {
+    staticClass: "p-column-filter-buttonbar"
+  }, [!_vm.filterClearTemplate && _vm.showClearButton ? _c('CFButton', {
+    staticClass: "p-button-outlined p-button-sm",
+    attrs: {
+      "type": "button",
+      "label": _vm.clearButtonLabel
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.clearFilter();
+      }
+    }
+  }) : _c('ColumnFilterTemplate', {
+    attrs: {
+      "data": _vm.filterClearTemplate,
+      "field": _vm.field,
+      "filterModel": _vm.filters[_vm.field],
+      "filterCallback": _vm.clearFilter,
+      "type": "filterclear"
+    }
+  }), _vm.showApplyButton ? [!_vm.filterApplyTemplate ? _c('CFButton', {
+    staticClass: "p-button-sm",
+    attrs: {
+      "type": "button",
+      "label": _vm.applyButtonLabel
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.applyFilter();
+      }
+    }
+  }) : _c('ColumnFilterTemplate', {
+    attrs: {
+      "data": _vm.filterApplyTemplate,
+      "field": _vm.field,
+      "filterModel": _vm.filters[_vm.field],
+      "filterCallback": _vm.applyFilter,
+      "type": "filterapply"
+    }
+  })] : _vm._e()], 2)], _c('ColumnFilterTemplate', {
+    attrs: {
+      "data": _vm.filterFooterTemplate,
+      "field": _vm.field,
+      "filterModel": _vm.filters[_vm.field],
+      "filterCallback": _vm.filterCallback,
+      "type": "filterfooter"
+    }
+  })], 2) : _vm._e()])], 1);
+};
+var ColumnFiltervue_type_template_id_08fae6e4_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/datatable/ColumnFilter.vue?vue&type=template&id=4cde618a&
+// CONCATENATED MODULE: ./src/components/datatable/ColumnFilter.vue?vue&type=template&id=08fae6e4&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js
 var es7_object_get_own_property_descriptors = __webpack_require__("8e6e");
@@ -6584,29 +7039,23 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 // CONCATENATED MODULE: ./src/components/utils/ConnectedOverlayScrollHandler.js
 
 
 
-
 var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   function ConnectedOverlayScrollHandler(element) {
     var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-
     _classCallCheck(this, ConnectedOverlayScrollHandler);
-
     this.element = element;
     this.listener = listener;
   }
-
   _createClass(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
       this.scrollableParents = DomHandler_DomHandler.getScrollableParents(this.element);
-
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -6629,11 +7078,9 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       this.scrollableParents = null;
     }
   }]);
-
   return ConnectedOverlayScrollHandler;
 }();
 
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.map.js
 var es6_map = __webpack_require__("f400");
 
@@ -6652,14 +7099,12 @@ var es6_map = __webpack_require__("f400");
     },
     off: function off(type, handler) {
       var handlers = allHandlers.get(type);
-
       if (handlers) {
         handlers.splice(handlers.indexOf(handler) >>> 0, 1);
       }
     },
     emit: function emit(type, evt) {
       var handlers = allHandlers.get(type);
-
       if (handlers) {
         handlers.slice().map(function (handler) {
           handler(evt);
@@ -6677,10 +7122,154 @@ var FilterOperator = {
   OR: 'or'
 };
 /* harmony default export */ var api_FilterOperator = (FilterOperator);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dropdown/Dropdown.vue?vue&type=template&id=0ebc4c6d&
-var Dropdownvue_type_template_id_0ebc4c6d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass,on:{"click":function($event){return _vm.onClick($event)}}},[_c('div',{staticClass:"p-hidden-accessible"},[_c('input',{ref:"focusInput",attrs:{"type":"text","id":_vm.inputId,"readonly":"","disabled":_vm.disabled,"tabindex":_vm.tabindex,"aria-haspopup":"listbox","aria-expanded":_vm.overlayVisible,"aria-labelledby":_vm.ariaLabelledBy},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"keydown":_vm.onKeyDown}})]),(_vm.editable)?_c('input',{staticClass:"p-dropdown-label p-inputtext",attrs:{"type":"text","disabled":_vm.disabled,"placeholder":_vm.placeholder,"aria-haspopup":"listbox","aria-expanded":_vm.overlayVisible},domProps:{"value":_vm.editableInputValue},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"input":_vm.onEditableInput}}):_vm._e(),(!_vm.editable)?_c('span',{class:_vm.labelClass},[_vm._t("value",function(){return [_vm._v("\n            "+_vm._s(_vm.label)+"\n        ")]},{"value":_vm.value,"placeholder":_vm.placeholder})],2):_vm._e(),(_vm.showClear && _vm.value != null)?_c('i',{staticClass:"p-dropdown-clear-icon pi pi-times",on:{"click":function($event){return _vm.onClearClick($event)}}}):_vm._e(),_c('div',{staticClass:"p-dropdown-trigger",attrs:{"role":"button","aria-haspopup":"listbox","aria-expanded":_vm.overlayVisible}},[_vm._t("indicator",function(){return [_c('span',{staticClass:"p-dropdown-trigger-icon pi pi-chevron-down"})]})],2),_c('transition',{attrs:{"name":"p-connected-overlay"},on:{"enter":_vm.onOverlayEnter,"leave":_vm.onOverlayLeave}},[(_vm.overlayVisible)?_c('div',{ref:"overlay",staticClass:"p-dropdown-panel p-component"},[(_vm.filter)?_c('div',{staticClass:"p-dropdown-header"},[_c('div',{staticClass:"p-dropdown-filter-container"},[_c('input',{ref:"filterInput",staticClass:"p-dropdown-filter p-inputtext p-component",attrs:{"type":"text","autoComplete":"off","placeholder":_vm.filterPlaceholder},domProps:{"value":_vm.filterValue},on:{"keydown":_vm.onFilterKeyDown,"input":_vm.onFilterChange}}),_c('span',{staticClass:"p-dropdown-filter-icon pi pi-search"})])]):_vm._e(),_c('div',{ref:"itemsWrapper",staticClass:"p-dropdown-items-wrapper",style:({'max-height': _vm.scrollHeight})},[_c('ul',{staticClass:"p-dropdown-items",attrs:{"role":"listbox"}},[_vm._l((_vm.visibleOptions),function(option,i){return _c('li',{directives:[{name:"ripple",rawName:"v-ripple"}],key:_vm.getOptionRenderKey(option),class:['p-dropdown-item', {'p-highlight': _vm.isSelected(option), 'p-disabled': _vm.isOptionDisabled(option)}],attrs:{"aria-label":_vm.getOptionLabel(option),"role":"option","aria-selected":_vm.isSelected(option)},on:{"click":function($event){return _vm.onOptionSelect($event, option)}}},[_vm._t("option",function(){return [_vm._v("\n                            "+_vm._s(_vm.getOptionLabel(option))+"\n                        ")]},{"option":option,"index":i})],2)}),(_vm.filterValue && (!_vm.visibleOptions || (_vm.visibleOptions && _vm.visibleOptions.length === 0)))?_c('li',{staticClass:"p-dropdown-empty-message"},[_vm._v(_vm._s(_vm.emptyFilterMessage))]):_vm._e()],2)])]):_vm._e()])],1)}
-var Dropdownvue_type_template_id_0ebc4c6d_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/dropdown/Dropdown.vue?vue&type=template&id=0ebc4c6d&
+var Dropdownvue_type_template_id_0ebc4c6d_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "container",
+    class: _vm.containerClass,
+    on: {
+      "click": function click($event) {
+        return _vm.onClick($event);
+      }
+    }
+  }, [_c('div', {
+    staticClass: "p-hidden-accessible"
+  }, [_c('input', {
+    ref: "focusInput",
+    attrs: {
+      "type": "text",
+      "id": _vm.inputId,
+      "readonly": "",
+      "disabled": _vm.disabled,
+      "tabindex": _vm.tabindex,
+      "aria-haspopup": "listbox",
+      "aria-expanded": _vm.overlayVisible,
+      "aria-labelledby": _vm.ariaLabelledBy
+    },
+    on: {
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "keydown": _vm.onKeyDown
+    }
+  })]), _vm.editable ? _c('input', {
+    staticClass: "p-dropdown-label p-inputtext",
+    attrs: {
+      "type": "text",
+      "disabled": _vm.disabled,
+      "placeholder": _vm.placeholder,
+      "aria-haspopup": "listbox",
+      "aria-expanded": _vm.overlayVisible
+    },
+    domProps: {
+      "value": _vm.editableInputValue
+    },
+    on: {
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "input": _vm.onEditableInput
+    }
+  }) : _vm._e(), !_vm.editable ? _c('span', {
+    class: _vm.labelClass
+  }, [_vm._t("value", function () {
+    return [_vm._v("\n            " + _vm._s(_vm.label) + "\n        ")];
+  }, {
+    "value": _vm.value,
+    "placeholder": _vm.placeholder
+  })], 2) : _vm._e(), _vm.showClear && _vm.value != null ? _c('i', {
+    staticClass: "p-dropdown-clear-icon pi pi-times",
+    on: {
+      "click": function click($event) {
+        return _vm.onClearClick($event);
+      }
+    }
+  }) : _vm._e(), _c('div', {
+    staticClass: "p-dropdown-trigger",
+    attrs: {
+      "role": "button",
+      "aria-haspopup": "listbox",
+      "aria-expanded": _vm.overlayVisible
+    }
+  }, [_vm._t("indicator", function () {
+    return [_c('span', {
+      staticClass: "p-dropdown-trigger-icon pi pi-chevron-down"
+    })];
+  })], 2), _c('transition', {
+    attrs: {
+      "name": "p-connected-overlay"
+    },
+    on: {
+      "enter": _vm.onOverlayEnter,
+      "leave": _vm.onOverlayLeave
+    }
+  }, [_vm.overlayVisible ? _c('div', {
+    ref: "overlay",
+    staticClass: "p-dropdown-panel p-component"
+  }, [_vm.filter ? _c('div', {
+    staticClass: "p-dropdown-header"
+  }, [_c('div', {
+    staticClass: "p-dropdown-filter-container"
+  }, [_c('input', {
+    ref: "filterInput",
+    staticClass: "p-dropdown-filter p-inputtext p-component",
+    attrs: {
+      "type": "text",
+      "autoComplete": "off",
+      "placeholder": _vm.filterPlaceholder
+    },
+    domProps: {
+      "value": _vm.filterValue
+    },
+    on: {
+      "keydown": _vm.onFilterKeyDown,
+      "input": _vm.onFilterChange
+    }
+  }), _c('span', {
+    staticClass: "p-dropdown-filter-icon pi pi-search"
+  })])]) : _vm._e(), _c('div', {
+    ref: "itemsWrapper",
+    staticClass: "p-dropdown-items-wrapper",
+    style: {
+      'max-height': _vm.scrollHeight
+    }
+  }, [_c('ul', {
+    staticClass: "p-dropdown-items",
+    attrs: {
+      "role": "listbox"
+    }
+  }, [_vm._l(_vm.visibleOptions, function (option, i) {
+    return _c('li', {
+      directives: [{
+        name: "ripple",
+        rawName: "v-ripple"
+      }],
+      key: _vm.getOptionRenderKey(option),
+      class: ['p-dropdown-item', {
+        'p-highlight': _vm.isSelected(option),
+        'p-disabled': _vm.isOptionDisabled(option)
+      }],
+      attrs: {
+        "aria-label": _vm.getOptionLabel(option),
+        "role": "option",
+        "aria-selected": _vm.isSelected(option)
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.onOptionSelect($event, option);
+        }
+      }
+    }, [_vm._t("option", function () {
+      return [_vm._v("\n                            " + _vm._s(_vm.getOptionLabel(option)) + "\n                        ")];
+    }, {
+      "option": option,
+      "index": i
+    })], 2);
+  }), _vm.filterValue && (!_vm.visibleOptions || _vm.visibleOptions && _vm.visibleOptions.length === 0) ? _c('li', {
+    staticClass: "p-dropdown-empty-message"
+  }, [_vm._v(_vm._s(_vm.emptyFilterMessage))]) : _vm._e()], 2)])]) : _vm._e()])], 1);
+};
+var Dropdownvue_type_template_id_0ebc4c6d_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/dropdown/Dropdown.vue?vue&type=template&id=0ebc4c6d&
 
@@ -6689,48 +7278,38 @@ var es6_string_starts_with = __webpack_require__("f559");
 
 // CONCATENATED MODULE: ./src/components/ripple/Ripple.js
 
-
 function bindEvents(el) {
   el.addEventListener('mousedown', onMouseDown);
 }
-
 function unbindEvents(el) {
   el.removeEventListener('mousedown', onMouseDown);
 }
-
 function create(el) {
   var ink = document.createElement('span');
   ink.className = 'p-ink';
   el.appendChild(ink);
   ink.addEventListener('animationend', onAnimationEnd);
 }
-
 function remove(el) {
   var ink = getInk(el);
-
   if (ink) {
     unbindEvents(el);
     ink.removeEventListener('animationend', onAnimationEnd);
     ink.remove();
   }
 }
-
 function onMouseDown(event) {
   var target = event.currentTarget;
   var ink = getInk(target);
-
   if (!ink || getComputedStyle(ink, null).display === 'none') {
     return;
   }
-
   DomHandler_DomHandler.removeClass(ink, 'p-ink-active');
-
   if (!DomHandler_DomHandler.getHeight(ink) && !DomHandler_DomHandler.getWidth(ink)) {
     var d = Math.max(DomHandler_DomHandler.getOuterWidth(target), DomHandler_DomHandler.getOuterHeight(target));
     ink.style.height = d + 'px';
     ink.style.width = d + 'px';
   }
-
   var offset = DomHandler_DomHandler.getOffset(target);
   var x = event.pageX - offset.left + document.body.scrollTop - DomHandler_DomHandler.getWidth(ink) / 2;
   var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler_DomHandler.getHeight(ink) / 2;
@@ -6738,21 +7317,17 @@ function onMouseDown(event) {
   ink.style.left = x + 'px';
   DomHandler_DomHandler.addClass(ink, 'p-ink-active');
 }
-
 function onAnimationEnd(event) {
   DomHandler_DomHandler.removeClass(event.currentTarget, 'p-ink-active');
 }
-
 function getInk(el) {
   for (var i = 0; i < el.children.length; i++) {
     if (typeof el.children[i].className === 'string' && el.children[i].className.indexOf('p-ink') !== -1) {
       return el.children[i];
     }
   }
-
   return null;
 }
-
 var Ripple = {
   inserted: function inserted(el, binding, vnode) {
     if (vnode.context.$primevue && vnode.context.$primevue.config.ripple) {
@@ -6774,57 +7349,10 @@ var Ripple = {
 
 
 
-
 function Dropdownvue_type_script_lang_js_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = Dropdownvue_type_script_lang_js_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function Dropdownvue_type_script_lang_js_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Dropdownvue_type_script_lang_js_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Dropdownvue_type_script_lang_js_arrayLikeToArray(o, minLen); }
-
 function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -6883,7 +7411,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     if (this.overlayVisible && this.isModelValueChanged) {
       this.scrollValueInView();
     }
-
     this.isModelValueChanged = false;
     this.onFilterUpdated();
   },
@@ -6891,7 +7418,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     this.restoreAppend();
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
-
     if (this.scrollHandler) {
       this.scrollHandler.destroy();
       this.scrollHandler = null;
@@ -6912,15 +7438,12 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     getSelectedOption: function getSelectedOption() {
       var selectedOption;
-
       if (this.value != null && this.options) {
         var _iterator = Dropdownvue_type_script_lang_js_createForOfIteratorHelper(this.options),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var option = _step.value;
-
             if (ObjectUtils_ObjectUtils.equals(this.value, this.getOptionValue(option), this.equalityKey)) {
               selectedOption = option;
               break;
@@ -6932,7 +7455,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           _iterator.f();
         }
       }
-
       return selectedOption;
     },
     isSelected: function isSelected(option) {
@@ -6940,7 +7462,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     getSelectedOptionIndex: function getSelectedOptionIndex() {
       var selectedOptionIndex = -1;
-
       if (this.value != null && this.visibleOptions) {
         for (var i = 0; i < this.visibleOptions.length; i++) {
           if (ObjectUtils_ObjectUtils.equals(this.value, this.getOptionValue(this.visibleOptions[i]), this.equalityKey)) {
@@ -6949,7 +7470,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           }
         }
       }
-
       return selectedOptionIndex;
     },
     show: function show() {
@@ -6972,36 +7492,33 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         case 40:
           this.onDownKey(event);
           break;
-        //up
 
+        //up
         case 38:
           this.onUpKey(event);
           break;
-        //space
 
+        //space
         case 32:
           if (!this.overlayVisible) {
             this.show();
             event.preventDefault();
           }
-
           break;
-        //enter and escape
 
+        //enter and escape
         case 13:
         case 27:
           if (this.overlayVisible) {
             this.hide();
             event.preventDefault();
           }
-
           break;
-        //tab
 
+        //tab
         case 9:
           this.hide();
           break;
-
         default:
           this.search(event);
           break;
@@ -7013,19 +7530,18 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
         case 40:
           this.onDownKey(event);
           break;
-        //up
 
+        //up
         case 38:
           this.onUpKey(event);
           break;
-        //enter and escape
 
+        //enter and escape
         case 13:
         case 27:
           this.overlayVisible = false;
           event.preventDefault();
           break;
-
         default:
           break;
       }
@@ -7036,43 +7552,35 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           this.show();
         } else {
           var nextOption = this.findNextOption(this.getSelectedOptionIndex());
-
           if (nextOption) {
             this.updateModel(event, this.getOptionValue(nextOption));
           }
         }
       }
-
       event.preventDefault();
     },
     onUpKey: function onUpKey(event) {
       if (this.visibleOptions) {
         var prevOption = this.findPrevOption(this.getSelectedOptionIndex());
-
         if (prevOption) {
           this.updateModel(event, this.getOptionValue(prevOption));
         }
       }
-
       event.preventDefault();
     },
     findNextOption: function findNextOption(index) {
       var i = index + 1;
-
       if (i === this.visibleOptions.length) {
         return null;
       }
-
       var option = this.visibleOptions[i];
       if (this.isOptionDisabled(option)) return this.findNextOption(i);else return option;
     },
     findPrevOption: function findPrevOption(index) {
       var i = index - 1;
-
       if (i < 0) {
         return null;
       }
-
       var option = this.visibleOptions[i];
       if (this.isOptionDisabled(option)) return this.findPrevOption(i);else return option;
     },
@@ -7083,7 +7591,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       if (this.disabled) {
         return;
       }
-
       if (DomHandler_DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
         return;
       } else if (!this.$refs.overlay || !this.$refs.overlay.contains(event.target)) {
@@ -7093,7 +7600,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     onOptionSelect: function onOptionSelect(event, option) {
       var _this = this;
-
       var value = this.getOptionValue(option);
       this.updateModel(event, value);
       this.$refs.focusInput.focus();
@@ -7111,11 +7617,9 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
       this.bindOutsideClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
-
       if (this.filter) {
         this.$refs.filterInput.focus();
       }
-
       this.$emit('show');
     },
     onOverlayLeave: function onOverlayLeave() {
@@ -7141,14 +7645,12 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
       var _this2 = this;
-
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
           if (_this2.overlayVisible && _this2.$refs.overlay && !_this2.$refs.container.contains(event.target) && !_this2.$refs.overlay.contains(event.target)) {
             _this2.hide();
           }
         };
-
         document.addEventListener('click', this.outsideClickListener);
       }
     },
@@ -7160,7 +7662,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     bindScrollListener: function bindScrollListener() {
       var _this3 = this;
-
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler(this.$el, function () {
           if (_this3.overlayVisible) {
@@ -7168,7 +7669,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           }
         });
       }
-
       this.scrollHandler.bindScrollListener();
     },
     unbindScrollListener: function unbindScrollListener() {
@@ -7178,14 +7678,12 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     bindResizeListener: function bindResizeListener() {
       var _this4 = this;
-
       if (!this.resizeListener) {
         this.resizeListener = function () {
           if (_this4.overlayVisible && !DomHandler_DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
-
         window.addEventListener('resize', this.resizeListener);
       }
     },
@@ -7197,53 +7695,43 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     },
     search: function search(event) {
       var _this5 = this;
-
       if (!this.visibleOptions) {
         return;
       }
-
       if (this.searchTimeout) {
         clearTimeout(this.searchTimeout);
       }
-
       var char = event.key;
       this.previousSearchChar = this.currentSearchChar;
       this.currentSearchChar = char;
       if (this.previousSearchChar === this.currentSearchChar) this.searchValue = this.currentSearchChar;else this.searchValue = this.searchValue ? this.searchValue + char : char;
       var searchIndex = this.getSelectedOptionIndex();
       var newOption = this.searchOption(++searchIndex);
-
       if (newOption) {
         this.updateModel(event, this.getOptionValue(newOption));
       }
-
       this.searchTimeout = setTimeout(function () {
         _this5.searchValue = null;
       }, 250);
     },
     searchOption: function searchOption(index) {
       var option;
-
       if (this.searchValue) {
         option = this.searchOptionInRange(index, this.visibleOptions.length);
-
         if (!option) {
           option = this.searchOptionInRange(0, index);
         }
       }
-
       return option;
     },
     searchOptionInRange: function searchOptionInRange(start, end) {
       for (var i = start; i < end; i++) {
         var opt = this.visibleOptions[i];
         var label = this.getOptionLabel(opt).toLocaleLowerCase(this.filterLocale);
-
         if (label.startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale))) {
           return opt;
         }
       }
-
       return null;
     },
     appendContainer: function appendContainer() {
@@ -7271,7 +7759,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     scrollValueInView: function scrollValueInView() {
       if (this.$refs.overlay) {
         var selectedItem = DomHandler_DomHandler.findSingle(this.$refs.overlay, 'li.p-highlight');
-
         if (selectedItem) {
           selectedItem.scrollIntoView({
             block: 'nearest',
@@ -7284,7 +7771,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
   computed: {
     visibleOptions: function visibleOptions() {
       var _this6 = this;
-
       if (this.filterValue && this.filterValue.trim().length > 0) return this.options.filter(function (option) {
         return _this6.getOptionLabel(option).toLocaleLowerCase(_this6.filterLocale).indexOf(_this6.filterValue.toLocaleLowerCase(_this6.filterLocale)) > -1;
       });else return this.options;
@@ -7322,8 +7808,8 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
 });
 // CONCATENATED MODULE: ./src/components/dropdown/Dropdown.vue?vue&type=script&lang=js&
  /* harmony default export */ var dropdown_Dropdownvue_type_script_lang_js_ = (Dropdownvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/dropdown/Dropdown.vue?vue&type=style&index=0&lang=css&
-var Dropdownvue_type_style_index_0_lang_css_ = __webpack_require__("bded");
+// EXTERNAL MODULE: ./src/components/dropdown/Dropdown.vue?vue&type=style&index=0&id=0ebc4c6d&prod&lang=css&
+var Dropdownvue_type_style_index_0_id_0ebc4c6d_prod_lang_css_ = __webpack_require__("3a7c");
 
 // CONCATENATED MODULE: ./src/components/dropdown/Dropdown.vue
 
@@ -7346,24 +7832,37 @@ var Dropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var Dropdown = (Dropdown_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/Button.vue?vue&type=template&id=3d0cb6ac&
-var Buttonvue_type_template_id_3d0cb6ac_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
-var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/Button.vue?vue&type=template&id=44f787be&
+var Buttonvue_type_template_id_44f787be_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('button', _vm._g({
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    class: _vm.buttonClass,
+    attrs: {
+      "type": "button"
+    }
+  }, _vm.$listeners), [_vm._t("default", function () {
+    return [_vm.loading && !_vm.icon ? _c('span', {
+      class: _vm.iconClass
+    }) : _vm._e(), _vm.icon ? _c('span', {
+      class: _vm.iconClass
+    }) : _vm._e(), _c('span', {
+      staticClass: "p-button-label"
+    }, [_vm._v(_vm._s(_vm.label || ' '))]), _vm.badge ? _c('span', {
+      staticClass: "p-badge",
+      class: _vm.badgeStyleClass
+    }, [_vm._v(_vm._s(_vm.badge))]) : _vm._e()];
+  })], 2);
+};
+var Buttonvue_type_template_id_44f787be_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/button/Button.vue?vue&type=template&id=44f787be&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/button/Button.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* harmony default export */ var Buttonvue_type_script_lang_js_ = ({
   props: {
@@ -7383,6 +7882,14 @@ var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
     badgeClass: {
       type: String,
       default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingIcon: {
+      type: String,
+      default: 'pi pi-spinner pi-spin'
     }
   },
   computed: {
@@ -7395,7 +7902,7 @@ var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
       };
     },
     iconClass: function iconClass() {
-      return [this.icon, 'p-button-icon', {
+      return [this.loading ? this.loadingIcon : this.icon, 'p-button-icon', {
         'p-button-icon-left': this.iconPos === 'left' && this.label,
         'p-button-icon-right': this.iconPos === 'right' && this.label,
         'p-button-icon-top': this.iconPos === 'top' && this.label,
@@ -7424,8 +7931,8 @@ var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
 
 var Button_component = normalizeComponent(
   button_Buttonvue_type_script_lang_js_,
-  Buttonvue_type_template_id_3d0cb6ac_render,
-  Buttonvue_type_template_id_3d0cb6ac_staticRenderFns,
+  Buttonvue_type_template_id_44f787be_render,
+  Buttonvue_type_template_id_44f787be_staticRenderFns,
   false,
   null,
   null,
@@ -7440,69 +7947,9 @@ var Button_component = normalizeComponent(
 
 
 
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -7534,7 +7981,6 @@ var ColumnFilterTemplate = {
   },
   render: function render(createElement, context) {
     var content = null;
-
     if (context.props.data) {
       content = context.props.data({
         // 'data': data,
@@ -7543,7 +7989,6 @@ var ColumnFilterTemplate = {
         'filterCallback': context.props.filterCallback
       });
     }
-
     return [content];
   }
 };
@@ -7632,12 +8077,11 @@ var ColumnFilterTemplate = {
   },
   selfClick: false,
   overlayEventListener: null,
-  beforeUnmount: function beforeUnmount() {
+  beforeDestroy: function beforeDestroy() {
     if (this.overlayEventListener) {
       OverlayEventBus.off('overlay-click', this.overlayEventListener);
       this.overlayEventListener = null;
     }
-
     if (this.$refs.overlay) {
       this.onOverlayHide();
     }
@@ -7645,7 +8089,6 @@ var ColumnFilterTemplate = {
   mounted: function mounted() {
     if (this.filters && this.filters[this.field]) {
       var fieldFilters = this.filters[this.field];
-
       if (fieldFilters.operator) {
         this.defaultMatchMode = fieldFilters.constraints[0].matchMode;
         this.defaultOperator = fieldFilters.operator;
@@ -7657,10 +8100,8 @@ var ColumnFilterTemplate = {
   methods: {
     clearFilter: function clearFilter() {
       var _filters = _objectSpread({}, this.filters);
-
       if (_filters[this.field].operator) {
         _filters[this.field].constraints.splice(1);
-
         _filters[this.field].operator = this.defaultOperator;
         _filters[this.field].constraints[0] = {
           value: null,
@@ -7670,7 +8111,6 @@ var ColumnFilterTemplate = {
         _filters[this.field].value = null;
         _filters[this.field].matchMode = this.defaultMatchMode;
       }
-
       this.$emit('filter-clear');
       this.$emit('filter-change', _filters);
       this.$emit('filter-apply');
@@ -7687,12 +8127,10 @@ var ColumnFilterTemplate = {
     hasFilter: function hasFilter() {
       if (this.filtersStore) {
         var fieldFilter = this.filtersStore[this.field];
-
         if (fieldFilter) {
           if (fieldFilter.operator) return !this.isFilterBlank(fieldFilter.constraints[0].value);else return !this.isFilterBlank(fieldFilter.value);
         }
       }
-
       return false;
     },
     hasRowFilter: function hasRowFilter() {
@@ -7702,7 +8140,6 @@ var ColumnFilterTemplate = {
       if (filter !== null && filter !== undefined) {
         if (typeof filter === 'string' && filter.trim().length == 0 || filter instanceof Array && filter.length == 0) return true;else return false;
       }
-
       return true;
     },
     toggleMenu: function toggleMenu() {
@@ -7714,34 +8151,28 @@ var ColumnFilterTemplate = {
         case 'Tab':
           this.overlayVisible = false;
           break;
-
         case 'ArrowDown':
           if (this.overlayVisible) {
             var focusable = DomHandler_DomHandler.getFocusableElements(this.$refs.overlay);
-
             if (focusable) {
               focusable[0].focus();
             }
-
             event.preventDefault();
           } else if (event.altKey) {
             this.overlayVisible = true;
             event.preventDefault();
           }
-
           break;
       }
     },
     onEscape: function onEscape() {
       this.overlayVisible = false;
-
       if (this.$refs.icon) {
         this.$refs.icon.focus();
       }
     },
     onRowMatchModeChange: function onRowMatchModeChange(matchMode) {
       var _filters = _objectSpread({}, this.filters);
-
       _filters[this.field].matchMode = matchMode;
       this.$emit('matchmode-change', {
         field: this.field,
@@ -7753,29 +8184,23 @@ var ColumnFilterTemplate = {
     },
     onRowMatchModeKeyDown: function onRowMatchModeKeyDown(event) {
       var item = event.target;
-
       switch (event.key) {
         case 'ArrowDown':
           var nextItem = this.findNextItem(item);
-
           if (nextItem) {
             item.removeAttribute('tabindex');
             nextItem.tabIndex = '0';
             nextItem.focus();
           }
-
           event.preventDefault();
           break;
-
         case 'ArrowUp':
           var prevItem = this.findPrevItem(item);
-
           if (prevItem) {
             item.removeAttribute('tabindex');
             prevItem.tabIndex = '0';
             prevItem.focus();
           }
-
           event.preventDefault();
           break;
       }
@@ -7785,63 +8210,52 @@ var ColumnFilterTemplate = {
     },
     onOperatorChange: function onOperatorChange(value) {
       var _filters = _objectSpread({}, this.filters);
-
       _filters[this.field].operator = value;
       this.$emit('filter-change', _filters);
       this.$emit('operator-change', {
         field: this.field,
         operator: value
       });
-
       if (!this.showApplyButton) {
         this.$emit('filter-apply');
       }
     },
     onMenuMatchModeChange: function onMenuMatchModeChange(value, index) {
       var _filters = _objectSpread({}, this.filters);
-
       _filters[this.field].constraints[index].matchMode = value;
       this.$emit('matchmode-change', {
         field: this.field,
         matchMode: value,
         index: index
       });
-
       if (!this.showApplyButton) {
         this.$emit('filter-apply');
       }
     },
     addConstraint: function addConstraint() {
       var _filters = _objectSpread({}, this.filters);
-
       var newConstraint = {
         value: null,
         matchMode: this.defaultMatchMode
       };
-
       _filters[this.field].constraints.push(newConstraint);
-
       this.$emit('constraint-add', {
         field: this.field,
         constraing: newConstraint
       });
       this.$emit('filter-change', _filters);
-
       if (!this.showApplyButton) {
         this.$emit('filter-apply');
       }
     },
     removeConstraint: function removeConstraint(index) {
       var _filters = _objectSpread({}, this.filters);
-
       var removedConstraint = _filters[this.field].constraints.splice(index, 1);
-
       this.$emit('constraint-remove', {
         field: this.field,
         constraing: removedConstraint
       });
       this.$emit('filter-change', _filters);
-
       if (!this.showApplyButton) {
         this.$emit('filter-apply');
       }
@@ -7872,24 +8286,20 @@ var ColumnFilterTemplate = {
     },
     onOverlayEnter: function onOverlayEnter() {
       var _this = this;
-
       if (this.filterMenuStyle) {
         DomHandler_DomHandler.applyStyle(this.$refs.overlay, this.filterMenuStyle);
       }
-
       this.$refs.overlay.style.zIndex = String(DomHandler_DomHandler.generateZIndex());
       document.body.appendChild(this.$refs.overlay);
       DomHandler_DomHandler.absolutePosition(this.$refs.overlay, this.$refs.icon);
       this.bindOutsideClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
-
       this.overlayEventListener = function (e) {
         if (!_this.isOutsideClicked(e.target)) {
           _this.selfClick = true;
         }
       };
-
       OverlayEventBus.on('overlay-click', this.overlayEventListener);
     },
     onOverlayLeave: function onOverlayLeave() {
@@ -7911,16 +8321,13 @@ var ColumnFilterTemplate = {
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
       var _this2 = this;
-
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
           if (_this2.overlayVisible && !_this2.selfClick && _this2.isOutsideClicked(event.target)) {
             _this2.overlayVisible = false;
           }
-
           _this2.selfClick = false;
         };
-
         document.addEventListener('click', this.outsideClickListener);
       }
     },
@@ -7933,7 +8340,6 @@ var ColumnFilterTemplate = {
     },
     bindScrollListener: function bindScrollListener() {
       var _this3 = this;
-
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler(this.$refs.icon, function () {
           if (_this3.overlayVisible) {
@@ -7941,7 +8347,6 @@ var ColumnFilterTemplate = {
           }
         });
       }
-
       this.scrollHandler.bindScrollListener();
     },
     unbindScrollListener: function unbindScrollListener() {
@@ -7951,14 +8356,12 @@ var ColumnFilterTemplate = {
     },
     bindResizeListener: function bindResizeListener() {
       var _this4 = this;
-
       if (!this.resizeListener) {
         this.resizeListener = function () {
           if (_this4.overlayVisible) {
             _this4.hide();
           }
         };
-
         window.addEventListener('resize', this.resizeListener);
       }
     },
@@ -7989,7 +8392,6 @@ var ColumnFilterTemplate = {
     },
     matchModes: function matchModes() {
       var _this5 = this;
-
       return this.matchModeOptions || this.$primevue.config.filterMatchModeOptions[this.type].map(function (key) {
         return {
           label: _this5.$primevue.config.locale[key],
@@ -8058,8 +8460,8 @@ var ColumnFilterTemplate = {
 
 var ColumnFilter_component = normalizeComponent(
   datatable_ColumnFiltervue_type_script_lang_js_,
-  ColumnFiltervue_type_template_id_4cde618a_render,
-  ColumnFiltervue_type_template_id_4cde618a_staticRenderFns,
+  ColumnFiltervue_type_template_id_08fae6e4_render,
+  ColumnFiltervue_type_template_id_08fae6e4_staticRenderFns,
   false,
   null,
   null,
@@ -8071,30 +8473,6 @@ var ColumnFilter_component = normalizeComponent(
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/HeaderCell.vue?vue&type=script&lang=js&
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -8218,7 +8596,6 @@ var ColumnFilter_component = normalizeComponent(
     },
     getMultiSortMetaIndex: function getMultiSortMetaIndex() {
       var _this = this;
-
       return this.multiSortMeta.findIndex(function (meta) {
         return meta.field === _this.columnProp('field') || meta.field === _this.columnProp('sortField');
       });
@@ -8236,29 +8613,22 @@ var ColumnFilter_component = normalizeComponent(
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
-
         if (align === 'right') {
           var right = 0;
           var next = this.$el.nextElementSibling;
-
           if (next) {
             right = DomHandler_DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
-
           this.styleObject.right = right + 'px';
         } else {
           var left = 0;
           var prev = this.$el.previousElementSibling;
-
           if (prev) {
             left = DomHandler_DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
-
           this.styleObject.left = left + 'px';
         }
-
         var filterRow = this.$el.parentElement.nextElementSibling;
-
         if (filterRow) {
           var index = DomHandler_DomHandler.index(this.$el);
           filterRow.children[index].style.left = this.styleObject.left;
@@ -8288,19 +8658,16 @@ var ColumnFilter_component = normalizeComponent(
     sortableColumnIcon: function sortableColumnIcon() {
       var sorted = false;
       var sortOrder = null;
-
       if (this.sortMode === 'single') {
         sorted = this.sortField && (this.sortField === this.columnProp('field') || this.sortField === this.columnProp('sortField'));
         sortOrder = sorted ? this.sortOrder : 0;
       } else if (this.sortMode === 'multiple') {
         var metaIndex = this.getMultiSortMetaIndex();
-
         if (metaIndex > -1) {
           sorted = true;
           sortOrder = this.multiSortMeta[metaIndex].order;
         }
       }
-
       return ['p-sortable-column-icon pi pi-fw', {
         'pi-sort-alt': !sorted,
         'pi-sort-amount-up-alt': sorted && sortOrder > 0,
@@ -8355,55 +8722,6 @@ var lastId = 0;
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -8486,7 +8804,6 @@ var lastId = 0;
     },
     getHeaderColumns: function getHeaderColumns(row) {
       var cols = [];
-
       if (row.child && row.child.$scopedSlots.default) {
         row.child.$scopedSlots.default().forEach(function (child) {
           if (child.child && child.child.children && child.child.children instanceof Array) cols = [].concat(_toConsumableArray(cols), _toConsumableArray(child.child.children));else if (child.componentOptions && child.componentOptions.tag === 'Column') cols.push(child);
@@ -8544,6 +8861,22 @@ module.exports = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u20
   '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 
+/***/ }),
+
+/***/ "fe6a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("5613");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("546a818b", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ })
 
 /******/ })["default"];