primevue 2.9.2 → 2.10.1

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,249 @@ 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":"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 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");
@@ -5087,7 +5308,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
@@ -5131,26 +5351,21 @@ function _classCallCheck(instance, Constructor) {
 }
 // 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
@@ -5166,18 +5381,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 = _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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _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 _arrayLikeToArray(o, minLen); }
-
 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; }
-
 var DomHandler_DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-
   _createClass(DomHandler, null, [{
     key: "innerWidth",
     value: function innerWidth(el) {
@@ -5211,12 +5421,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;
@@ -5227,12 +5435,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;
@@ -5243,12 +5449,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;
@@ -5258,11 +5462,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
@@ -5293,12 +5497,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;
     }
   }, {
@@ -5306,13 +5508,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];
         }
@@ -5334,7 +5534,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;
     }
   }, {
@@ -5379,11 +5578,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;
         }
@@ -5391,7 +5588,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';
@@ -5407,11 +5603,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;
         }
@@ -5419,7 +5613,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;
@@ -5430,7 +5623,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';
     }
@@ -5444,35 +5636,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);
                   }
@@ -5490,7 +5674,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -5531,34 +5714,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);
     }
@@ -5585,7 +5763,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) {
@@ -5604,7 +5781,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
         }
       }
     }
@@ -5626,19 +5804,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;
     }
   }, {
@@ -5666,10 +5841,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;
@@ -5680,7 +5853,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -5723,31 +5895,24 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     }
   }]);
-
   return DomHandler;
 }();
 
-
 // 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);
       }
@@ -5770,11 +5935,9 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
       this.scrollableParents = null;
     }
   }]);
-
   return ConnectedOverlayScrollHandler;
 }();
 
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
 var es6_array_iterator = __webpack_require__("cadf");
 
@@ -5796,14 +5959,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);
@@ -5821,10 +5982,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&
 
@@ -5871,18 +6176,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) {
@@ -5892,50 +6192,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;
     }
   }, {
@@ -5949,15 +6240,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 {
@@ -5973,22 +6261,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;
@@ -6006,23 +6289,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]);
       }
     }
@@ -6030,7 +6309,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) {
@@ -6039,7 +6317,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
           }
         }
       }
-
       return index;
     }
   }, {
@@ -6047,8 +6324,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;
@@ -6060,7 +6336,6 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
           _iterator3.f();
         }
       }
-
       return false;
     }
   }, {
@@ -6068,17 +6343,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);
         }
@@ -6092,72 +6364,57 @@ 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: ./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;
@@ -6165,21 +6422,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) {
@@ -6201,57 +6454,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; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -6310,7 +6516,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
     if (this.overlayVisible && this.isModelValueChanged) {
       this.scrollValueInView();
     }
-
     this.isModelValueChanged = false;
     this.onFilterUpdated();
   },
@@ -6318,7 +6523,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;
@@ -6339,15 +6543,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;
@@ -6359,7 +6560,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           _iterator.f();
         }
       }
-
       return selectedOption;
     },
     isSelected: function isSelected(option) {
@@ -6367,7 +6567,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)) {
@@ -6376,7 +6575,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           }
         }
       }
-
       return selectedOptionIndex;
     },
     show: function show() {
@@ -6399,36 +6597,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;
@@ -6440,19 +6635,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;
       }
@@ -6463,43 +6657,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;
     },
@@ -6510,7 +6696,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)) {
@@ -6520,7 +6705,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();
@@ -6538,11 +6722,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() {
@@ -6568,14 +6750,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);
       }
     },
@@ -6587,7 +6767,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) {
@@ -6595,7 +6774,6 @@ function Dropdownvue_type_script_lang_js_arrayLikeToArray(arr, len) { if (len ==
           }
         });
       }
-
       this.scrollHandler.bindScrollListener();
     },
     unbindScrollListener: function unbindScrollListener() {
@@ -6605,14 +6783,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);
       }
     },
@@ -6624,53 +6800,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() {
@@ -6698,7 +6864,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',
@@ -6711,7 +6876,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;
@@ -6749,8 +6913,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 +6923,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 +6955,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -6818,11 +6982,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 +6997,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 +7035,37 @@ 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: ./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: {
@@ -6910,6 +7085,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 +7105,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 +7134,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,
@@ -6967,69 +7150,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; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
 
 
@@ -7061,7 +7184,6 @@ var ColumnFilterTemplate = {
   },
   render: function render(createElement, context) {
     var content = null;
-
     if (context.props.data) {
       content = context.props.data({
         // 'data': data,
@@ -7070,7 +7192,6 @@ var ColumnFilterTemplate = {
         'filterCallback': context.props.filterCallback
       });
     }
-
     return [content];
   }
 };
@@ -7159,12 +7280,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();
     }
@@ -7172,7 +7292,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;
@@ -7184,10 +7303,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,
@@ -7197,7 +7314,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');
@@ -7214,12 +7330,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() {
@@ -7229,7 +7343,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() {
@@ -7241,34 +7354,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,
@@ -7280,29 +7387,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;
       }
@@ -7312,63 +7413,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');
       }
@@ -7399,24 +7489,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() {
@@ -7438,16 +7524,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);
       }
     },
@@ -7460,7 +7543,6 @@ var ColumnFilterTemplate = {
     },
     bindScrollListener: function bindScrollListener() {
       var _this3 = this;
-
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler(this.$refs.icon, function () {
           if (_this3.overlayVisible) {
@@ -7468,7 +7550,6 @@ var ColumnFilterTemplate = {
           }
         });
       }
-
       this.scrollHandler.bindScrollListener();
     },
     unbindScrollListener: function unbindScrollListener() {
@@ -7478,14 +7559,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);
       }
     },
@@ -7516,7 +7595,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],
@@ -7611,6 +7689,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"];