primevue 2.9.2 → 2.10.0

package/datatable/columnfilter.common.js

@@ -1612,6 +1612,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":
@@ -2277,28 +2288,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});
 
 /***/ }),
 
@@ -3950,17 +3960,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":
@@ -4850,21 +4849,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":
@@ -5054,12 +5038,251 @@ 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/ColumnFilter.vue?vue&type=template&id=4cde618a&
-var 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 staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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 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 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");
@@ -5821,10 +6044,156 @@ 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":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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&
 
@@ -6208,49 +6577,6 @@ function Dropdownvue_type_script_lang_js_unsupportedIterableToArray(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; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -6749,8 +7075,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: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -6759,20 +7085,19 @@ var Dropdownvue_type_style_index_0_lang_css_ = __webpack_require__("bded");
 // 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) {
@@ -6792,7 +7117,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -6818,11 +7144,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
   }
 
@@ -6833,16 +7159,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]
     }
   }
 
@@ -6873,24 +7197,39 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var 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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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=3d0cb6ac&
+// 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: {
@@ -6910,6 +7249,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: {
@@ -6922,7 +7269,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,
@@ -6951,8 +7298,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,
@@ -6972,63 +7319,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -7159,7 +7449,7 @@ var ColumnFilterTemplate = {
   },
   selfClick: false,
   overlayEventListener: null,
-  beforeUnmount: function beforeUnmount() {
+  beforeDestroy: function beforeDestroy() {
     if (this.overlayEventListener) {
       OverlayEventBus.off('overlay-click', this.overlayEventListener);
       this.overlayEventListener = null;
@@ -7611,6 +7901,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"];