primevue 3.16.2 → 3.17.0

package/datatable/datatable.js

@@ -47,13 +47,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     function render$a(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(['p-checkbox p-component', {'p-checkbox-focused': $data.focused, 'p-disabled': _ctx.$attrs.disabled}]),
+        class: vue.normalizeClass(['p-checkbox p-component', { 'p-checkbox-focused': $data.focused, 'p-disabled': _ctx.$attrs.disabled }]),
         onClick: _cache[2] || (_cache[2] = (...args) => ($options.onClick && $options.onClick(...args))),
         onKeydown: _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers((...args) => ($options.onClick && $options.onClick(...args)), ["prevent"]), ["space"]))
       }, [
         vue.createElementVNode("div", {
           ref: "box",
-          class: vue.normalizeClass(['p-checkbox-box p-component', {'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused}]),
+          class: vue.normalizeClass(['p-checkbox-box p-component', { 'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused }]),
           role: "checkbox",
           "aria-checked": $props.checked,
           tabindex: _ctx.$attrs.disabled ? null : '0',
@@ -61,7 +61,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
           onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
         }, [
           vue.createElementVNode("span", {
-            class: vue.normalizeClass(['p-checkbox-icon', {'pi pi-check': $props.checked}])
+            class: vue.normalizeClass(['p-checkbox-icon', { 'pi pi-check': $props.checked }])
           }, null, 2)
         ], 42, _hoisted_1$a)
       ], 34))
@@ -71,7 +71,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script$9 = {
         name: 'ColumnFilter',
-        emits: ['filter-change','filter-apply','operator-change','matchmode-change','constraint-add','constraint-remove','filter-clear','apply-click'],
+        emits: ['filter-change', 'filter-apply', 'operator-change', 'matchmode-change', 'constraint-add', 'constraint-remove', 'filter-clear', 'apply-click'],
         props: {
             field: {
                 type: String,
@@ -148,7 +148,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 overlayVisible: false,
                 defaultMatchMode: null,
                 defaultOperator: null
-            }
+            };
         },
         overlay: null,
         selfClick: false,
@@ -167,24 +167,24 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         mounted() {
             if (this.filters && this.filters[this.field]) {
                 let fieldFilters = this.filters[this.field];
+
                 if (fieldFilters.operator) {
                     this.defaultMatchMode = fieldFilters.constraints[0].matchMode;
                     this.defaultOperator = fieldFilters.operator;
-                }
-                else {
+                } else {
                     this.defaultMatchMode = this.filters[this.field].matchMode;
                 }
             }
         },
         methods: {
             clearFilter() {
-                let _filters = {...this.filters};
+                let _filters = { ...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, matchMode: this.defaultMatchMode};
-                }
-                else {
+                    _filters[this.field].constraints[0] = { value: null, matchMode: this.defaultMatchMode };
+                } else {
                     _filters[this.field].value = null;
                     _filters[this.field].matchMode = this.defaultMatchMode;
                 }
@@ -195,18 +195,17 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 this.hide();
             },
             applyFilter() {
-                this.$emit('apply-click', {field: this.field, constraints: this.filters[this.field]});
+                this.$emit('apply-click', { field: this.field, constraints: this.filters[this.field] });
                 this.$emit('filter-apply');
                 this.hide();
             },
             hasFilter() {
                 if (this.filtersStore) {
                     let fieldFilter = this.filtersStore[this.field];
+
                     if (fieldFilter) {
-                        if (fieldFilter.operator)
-                            return !this.isFilterBlank(fieldFilter.constraints[0].value);
-                        else
-                            return !this.isFilterBlank(fieldFilter.value);
+                        if (fieldFilter.operator) return !this.isFilterBlank(fieldFilter.constraints[0].value);
+                        else return !this.isFilterBlank(fieldFilter.value);
                     }
                 }
 
@@ -217,48 +216,51 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             isFilterBlank(filter) {
                 if (filter !== null && filter !== undefined) {
-                    if ((typeof filter === 'string' && filter.trim().length == 0) || (filter instanceof Array && filter.length == 0))
-                        return true;
-                    else
-                        return false;
+                    if ((typeof filter === 'string' && filter.trim().length == 0) || (filter instanceof Array && filter.length == 0)) return true;
+                    else return false;
                 }
+
                 return true;
             },
             toggleMenu() {
                 this.overlayVisible = !this.overlayVisible;
             },
             onToggleButtonKeyDown(event) {
-                switch(event.key) {
+                switch (event.key) {
                     case 'Escape':
                     case 'Tab':
                         this.overlayVisible = false;
-                    break;
+                        break;
 
                     case 'ArrowDown':
                         if (this.overlayVisible) {
                             let focusable = utils.DomHandler.getFocusableElements(this.overlay);
+
                             if (focusable) {
                                 focusable[0].focus();
                             }
+
                             event.preventDefault();
-                        }
-                        else if (event.altKey) {
+                        } else if (event.altKey) {
                             this.overlayVisible = true;
                             event.preventDefault();
                         }
-                    break;
+
+                        break;
                 }
             },
             onEscape() {
                 this.overlayVisible = false;
+
                 if (this.$refs.icon) {
                     this.$refs.icon.focus();
                 }
             },
             onRowMatchModeChange(matchMode) {
-                let _filters = {...this.filters};
+                let _filters = { ...this.filters };
+
                 _filters[this.field].matchMode = matchMode;
-                this.$emit('matchmode-change', {field: this.field, matchMode: matchMode});
+                this.$emit('matchmode-change', { field: this.field, matchMode: matchMode });
                 this.$emit('filter-change', _filters);
                 this.$emit('filter-apply');
                 this.hide();
@@ -266,9 +268,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             onRowMatchModeKeyDown(event) {
                 let item = event.target;
 
-                switch(event.key) {
+                switch (event.key) {
                     case 'ArrowDown':
                         var nextItem = this.findNextItem(item);
+
                         if (nextItem) {
                             item.removeAttribute('tabindex');
                             nextItem.tabIndex = '0';
@@ -276,10 +279,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'ArrowUp':
                         var prevItem = this.findPrevItem(item);
+
                         if (prevItem) {
                             item.removeAttribute('tabindex');
                             prevItem.tabIndex = '0';
@@ -287,36 +291,40 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
                 }
             },
             isRowMatchModeSelected(matchMode) {
-                return (this.filters[this.field]).matchMode === matchMode;
+                return this.filters[this.field].matchMode === matchMode;
             },
             onOperatorChange(value) {
-                let _filters = {...this.filters};
+                let _filters = { ...this.filters };
+
                 _filters[this.field].operator = value;
                 this.$emit('filter-change', _filters);
 
-                this.$emit('operator-change', {field: this.field, operator: value});
+                this.$emit('operator-change', { field: this.field, operator: value });
+
                 if (!this.showApplyButton) {
                     this.$emit('filter-apply');
                 }
             },
             onMenuMatchModeChange(value, index) {
-                let _filters = {...this.filters};
+                let _filters = { ...this.filters };
+
                 _filters[this.field].constraints[index].matchMode = value;
-                this.$emit('matchmode-change', {field: this.field, matchMode: value, index: index});
+                this.$emit('matchmode-change', { field: this.field, matchMode: value, index: index });
 
                 if (!this.showApplyButton) {
                     this.$emit('filter-apply');
                 }
             },
             addConstraint() {
-                let _filters = {...this.filters};
-                let newConstraint = {value: null, matchMode: this.defaultMatchMode};
+                let _filters = { ...this.filters };
+                let newConstraint = { value: null, matchMode: this.defaultMatchMode };
+
                 _filters[this.field].constraints.push(newConstraint);
-                this.$emit('constraint-add', {field: this.field, constraing: newConstraint});
+                this.$emit('constraint-add', { field: this.field, constraing: newConstraint });
                 this.$emit('filter-change', _filters);
 
                 if (!this.showApplyButton) {
@@ -324,9 +332,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 }
             },
             removeConstraint(index) {
-                let _filters = {...this.filters};
+                let _filters = { ...this.filters };
                 let removedConstraint = _filters[this.field].constraints.splice(index, 1);
-                this.$emit('constraint-remove', {field: this.field, constraing: removedConstraint});
+
+                this.$emit('constraint-remove', { field: this.field, constraing: removedConstraint });
                 this.$emit('filter-change', _filters);
 
                 if (!this.showApplyButton) {
@@ -339,18 +348,14 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             findNextItem(item) {
                 let nextItem = item.nextElementSibling;
 
-                if (nextItem)
-                    return utils.DomHandler.hasClass(nextItem, 'p-column-filter-separator')  ? this.findNextItem(nextItem) : nextItem;
-                else
-                    return item.parentElement.firstElementChild;
+                if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-column-filter-separator') ? this.findNextItem(nextItem) : nextItem;
+                else return item.parentElement.firstElementChild;
             },
             findPrevItem(item) {
                 let prevItem = item.previousElementSibling;
 
-                if (prevItem)
-                    utils.DomHandler.hasClass(prevItem, 'p-column-filter-separator')  ? this.findPrevItem(prevItem) : prevItem;
-                else
-                    return item.parentElement.lastElementChild;
+                if (prevItem) utils.DomHandler.hasClass(prevItem, 'p-column-filter-separator') ? this.findPrevItem(prevItem) : prevItem;
+                else return item.parentElement.lastElementChild;
             },
             hide() {
                 this.overlayVisible = false;
@@ -370,6 +375,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (this.filterMenuStyle) {
                     utils.DomHandler.applyStyle(this.overlay, this.filterMenuStyle);
                 }
+
                 utils.ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
                 utils.DomHandler.absolutePosition(this.overlay, this.$refs.icon);
                 this.bindOutsideClickListener();
@@ -381,6 +387,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         this.selfClick = true;
                     }
                 };
+
                 OverlayEventBus__default["default"].on('overlay-click', this.overlayEventListener);
             },
             onOverlayLeave() {
@@ -412,8 +419,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         if (this.overlayVisible && !this.selfClick && this.isOutsideClicked(event.target)) {
                             this.overlayVisible = false;
                         }
+
                         this.selfClick = false;
                     };
+
                     document.addEventListener('click', this.outsideClickListener);
                 }
             },
@@ -447,6 +456,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                             this.hide();
                         }
                     };
+
                     window.addEventListener('resize', this.resizeListener);
                 }
             },
@@ -459,35 +469,43 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         },
         computed: {
             containerClass() {
-                return ['p-column-filter p-fluid', {
-                    'p-column-filter-row': this.display === 'row',
-                    'p-column-filter-menu': this.display === 'menu'
-                }];
+                return [
+                    'p-column-filter p-fluid',
+                    {
+                        'p-column-filter-row': this.display === 'row',
+                        'p-column-filter-menu': this.display === 'menu'
+                    }
+                ];
             },
             overlayClass() {
-                return [this.filterMenuClass, {
-                    'p-column-filter-overlay p-component p-fluid': true,
-                    'p-column-filter-overlay-menu': this.display === 'menu',
-                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                    'p-ripple-disabled': this.$primevue.config.ripple === false
-                }];
+                return [
+                    this.filterMenuClass,
+                    {
+                        'p-column-filter-overlay p-component p-fluid': true,
+                        'p-column-filter-overlay-menu': this.display === 'menu',
+                        'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                        'p-ripple-disabled': this.$primevue.config.ripple === false
+                    }
+                ];
             },
             showMenuButton() {
-                return this.showMenu && (this.display === 'row' ? this.type !== 'boolean': true);
+                return this.showMenu && (this.display === 'row' ? this.type !== 'boolean' : true);
             },
             matchModes() {
-                return this.matchModeOptions ||
-                    this.$primevue.config.filterMatchModeOptions[this.type].map(key => {
-                        return {label: this.$primevue.config.locale[key], value: key}
-                    });
+                return (
+                    this.matchModeOptions ||
+                    this.$primevue.config.filterMatchModeOptions[this.type].map((key) => {
+                        return { label: this.$primevue.config.locale[key], value: key };
+                    })
+                );
             },
             isShowMatchModes() {
                 return this.type !== 'boolean' && this.showMatchModes && this.matchModes;
             },
             operatorOptions() {
                 return [
-                    {label: this.$primevue.config.locale.matchAll, value: api.FilterOperator.AND},
-                    {label: this.$primevue.config.locale.matchAny, value: api.FilterOperator.OR}
+                    { label: this.$primevue.config.locale.matchAll, value: api.FilterOperator.AND },
+                    { label: this.$primevue.config.locale.matchAny, value: api.FilterOperator.OR }
                 ];
             },
             noFilterLabel() {
@@ -512,7 +530,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return this.$primevue.config.locale.addRule;
             },
             isShowAddConstraint() {
-                return this.showAddButton && this.filters[this.field].operator && (this.fieldConstraints && this.fieldConstraints.length < this.maxConstraints);
+                return this.showAddButton && this.filters[this.field].operator && this.fieldConstraints && this.fieldConstraints.length < this.maxConstraints;
             },
             clearButtonLabel() {
                 return this.$primevue.config.locale.clear;
@@ -522,9 +540,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             }
         },
         components: {
-            'CFDropdown': Dropdown__default["default"],
-            'CFButton': Button__default["default"],
-            'Portal': Portal__default["default"]
+            CFDropdown: Dropdown__default["default"],
+            CFButton: Button__default["default"],
+            Portal: Portal__default["default"]
         }
     };
 
@@ -580,7 +598,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
               key: 1,
               ref: "icon",
               type: "button",
-              class: vue.normalizeClass(["p-column-filter-menu-button p-link", {'p-column-filter-menu-button-open': $data.overlayVisible, 'p-column-filter-menu-button-active': $options.hasFilter()}]),
+              class: vue.normalizeClass(["p-column-filter-menu-button p-link", { 'p-column-filter-menu-button-open': $data.overlayVisible, 'p-column-filter-menu-button-active': $options.hasFilter() }]),
               "aria-haspopup": "true",
               "aria-expanded": $data.overlayVisible,
               onClick: _cache[0] || (_cache[0] = $event => ($options.toggleMenu())),
@@ -590,7 +608,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         ($props.showClearButton && $props.display === 'row')
           ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
-              class: vue.normalizeClass([{'p-hidden-space': !$options.hasRowFilter()}, "p-column-filter-clear-button p-link"]),
+              class: vue.normalizeClass([{ 'p-hidden-space': !$options.hasRowFilter() }, "p-column-filter-clear-button p-link"]),
               type: "button",
               onClick: _cache[2] || (_cache[2] = $event => ($options.clearFilter()))
             }, _hoisted_6$3, 2))
@@ -622,8 +640,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_7$1, [
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.matchModes, (matchMode, i) => {
                               return (vue.openBlock(), vue.createElementBlock("li", {
-                                class: vue.normalizeClass(["p-column-filter-row-item", {'p-highlight': $options.isRowMatchModeSelected(matchMode.value)}]),
                                 key: matchMode.label,
+                                class: vue.normalizeClass(["p-column-filter-row-item", { 'p-highlight': $options.isRowMatchModeSelected(matchMode.value) }]),
                                 onClick: $event => ($options.onRowMatchModeChange(matchMode.value)),
                                 onKeydown: [
                                   _cache[3] || (_cache[3] = $event => ($options.onRowMatchModeKeyDown($event))),
@@ -761,9 +779,24 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script$8 = {
         name: 'HeaderCell',
-        emits: ['column-click', 'column-mousedown', 'column-dragstart', 'column-dragover', 'column-dragleave', 'column-drop',
-                'column-resizestart', 'checkbox-change', 'filter-change', 'filter-apply',
-                'operator-change', 'matchmode-change', 'constraint-add', 'constraint-remove', 'filter-clear', 'apply-click'],
+        emits: [
+            'column-click',
+            'column-mousedown',
+            'column-dragstart',
+            'column-dragover',
+            'column-dragleave',
+            'column-drop',
+            'column-resizestart',
+            'checkbox-change',
+            'filter-change',
+            'filter-apply',
+            'operator-change',
+            'matchmode-change',
+            'constraint-add',
+            'constraint-remove',
+            'filter-clear',
+            'apply-click'
+        ],
         props: {
             column: {
                 type: Object,
@@ -774,7 +807,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: false
             },
             groupRowsBy: {
-                type: [Array,String],
+                type: [Array, String],
                 default: null
             },
             sortMode: {
@@ -829,7 +862,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         data() {
             return {
                 styleObject: {}
-            }
+            };
         },
         mounted() {
             if (this.columnProp('frozen')) {
@@ -846,15 +879,15 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return utils.ObjectUtils.getVNodeProp(this.column, prop);
             },
             onClick(event) {
-                this.$emit('column-click', {originalEvent: event, column: this.column});
+                this.$emit('column-click', { originalEvent: event, column: this.column });
             },
             onKeyDown(event) {
                 if (event.which === 13 && event.currentTarget.nodeName === 'TH' && utils.DomHandler.hasClass(event.currentTarget, 'p-sortable-column')) {
-                    this.$emit('column-click', {originalEvent: event, column: this.column});
+                    this.$emit('column-click', { originalEvent: event, column: this.column });
                 }
             },
             onMouseDown(event) {
-                this.$emit('column-mousedown', {originalEvent: event, column: this.column});
+                this.$emit('column-mousedown', { originalEvent: event, column: this.column });
             },
             onDragStart(event) {
                 this.$emit('column-dragstart', event);
@@ -872,42 +905,48 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 this.$emit('column-resizestart', event);
             },
             getMultiSortMetaIndex() {
-                return this.multiSortMeta.findIndex(meta => (meta.field === this.columnProp('field') || meta.field === this.columnProp('sortField')));
+                return this.multiSortMeta.findIndex((meta) => meta.field === this.columnProp('field') || meta.field === this.columnProp('sortField'));
             },
             getBadgeValue() {
                 let index = this.getMultiSortMetaIndex();
 
-                return (this.groupRowsBy && this.groupRowsBy === this.groupRowSortField) && index > -1 ? index : index + 1;
+                return this.groupRowsBy && this.groupRowsBy === this.groupRowSortField && index > -1 ? index : index + 1;
             },
             isMultiSorted() {
-                return this.sortMode === 'multiple' && this.columnProp('sortable') && this.getMultiSortMetaIndex() > -1
+                return this.sortMode === 'multiple' && this.columnProp('sortable') && this.getMultiSortMetaIndex() > -1;
             },
             isColumnSorted() {
-                return this.sortMode === 'single' ? (this.sortField && (this.sortField === this.columnProp('field') || this.sortField === this.columnProp('sortField'))) : this.isMultiSorted();
+                return this.sortMode === 'single' ? this.sortField && (this.sortField === this.columnProp('field') || this.sortField === this.columnProp('sortField')) : this.isMultiSorted();
             },
             updateStickyPosition() {
                 if (this.columnProp('frozen')) {
                     let align = this.columnProp('alignFrozen');
+
                     if (align === 'right') {
                         let right = 0;
                         let next = this.$el.nextElementSibling;
+
                         if (next) {
                             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
                         }
+
                         this.styleObject.right = right + 'px';
-                    }
-                    else {
+                    } else {
                         let left = 0;
                         let prev = this.$el.previousElementSibling;
+
                         if (prev) {
                             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
                         }
+
                         this.styleObject.left = left + 'px';
                     }
 
                     let filterRow = this.$el.parentElement.nextElementSibling;
+
                     if (filterRow) {
                         let index = utils.DomHandler.index(this.$el);
+
                         filterRow.children[index].style.left = this.styleObject.left;
                         filterRow.children[index].style.right = this.styleObject.right;
                     }
@@ -919,20 +958,24 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         },
         computed: {
             containerClass() {
-                return [this.filterColumn ? this.columnProp('filterHeaderClass') : this.columnProp('headerClass'), this.columnProp('class'), {
+                return [
+                    this.filterColumn ? this.columnProp('filterHeaderClass') : this.columnProp('headerClass'),
+                    this.columnProp('class'),
+                    {
                         'p-sortable-column': this.columnProp('sortable'),
                         'p-resizable-column': this.resizableColumns,
                         'p-highlight': this.isColumnSorted(),
                         'p-filter-column': this.filterColumn,
                         'p-frozen-column': this.columnProp('frozen'),
                         'p-reorderable-column': this.reorderableColumns
-                }];
+                    }
+                ];
             },
             containerStyle() {
-                let headerStyle = this.filterColumn ? this.columnProp('filterHeaderStyle'): this.columnProp('headerStyle');
+                let headerStyle = this.filterColumn ? this.columnProp('filterHeaderStyle') : this.columnProp('headerStyle');
                 let columnStyle = this.columnProp('style');
 
-                return this.columnProp('frozen') ? [columnStyle, headerStyle, this.styleObject]: [columnStyle, headerStyle];
+                return this.columnProp('frozen') ? [columnStyle, headerStyle, this.styleObject] : [columnStyle, headerStyle];
             },
             sortableColumnIcon() {
                 let sorted = false;
@@ -940,10 +983,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.sortMode === 'single') {
                     sorted = this.sortField && (this.sortField === this.columnProp('field') || this.sortField === this.columnProp('sortField'));
-                    sortOrder = sorted ? this.sortOrder: 0;
-                }
-                else if (this.sortMode === 'multiple') {
+                    sortOrder = sorted ? this.sortOrder : 0;
+                } else if (this.sortMode === 'multiple') {
                     let metaIndex = this.getMultiSortMetaIndex();
+
                     if (metaIndex > -1) {
                         sorted = true;
                         sortOrder = this.multiSortMeta[metaIndex].order;
@@ -951,7 +994,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 }
 
                 return [
-                    'p-sortable-column-icon pi pi-fw', {
+                    'p-sortable-column-icon pi pi-fw',
+                    {
                         'pi-sort-alt': !sorted,
                         'pi-sort-amount-up-alt': sorted && sortOrder > 0,
                         'pi-sort-amount-down': sorted && sortOrder < 0
@@ -961,21 +1005,18 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             ariaSort() {
                 if (this.columnProp('sortable')) {
                     const sortIcon = this.sortableColumnIcon;
-                    if (sortIcon[1]['pi-sort-amount-down'])
-                        return 'descending';
-                    else if (sortIcon[1]['pi-sort-amount-up-alt'])
-                        return 'ascending';
-                    else
-                        return 'none';
-                }
-                else {
+
+                    if (sortIcon[1]['pi-sort-amount-down']) return 'descending';
+                    else if (sortIcon[1]['pi-sort-amount-up-alt']) return 'ascending';
+                    else return 'none';
+                } else {
                     return null;
                 }
             }
         },
         components: {
-            'DTHeaderCheckbox': script$a,
-            'DTColumnFilter': script$9
+            DTHeaderCheckbox: script$a,
+            DTColumnFilter: script$9
         }
     };
 
@@ -1036,7 +1077,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
           ($options.isMultiSorted())
             ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString($options.getBadgeValue()), 1))
             : vue.createCommentVNode("", true),
-          ($options.columnProp('selectionMode') ==='multiple' && $props.filterDisplay !== 'row')
+          ($options.columnProp('selectionMode') === 'multiple' && $props.filterDisplay !== 'row')
             ? (vue.openBlock(), vue.createBlock(_component_DTHeaderCheckbox, {
                 key: 4,
                 checked: $props.allRowsSelected,
@@ -1047,7 +1088,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
           ($props.filterDisplay === 'menu' && $props.column.children && $props.column.children.filter)
             ? (vue.openBlock(), vue.createBlock(_component_DTColumnFilter, {
                 key: 5,
-                field: $options.columnProp('filterField')||$options.columnProp('field'),
+                field: $options.columnProp('filterField') || $options.columnProp('field'),
                 type: $options.columnProp('dataType'),
                 display: "menu",
                 showMenu: $options.columnProp('showFilterMenu'),
@@ -1069,11 +1110,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 showAddButton: $options.columnProp('showAddButton'),
                 matchModeOptions: $options.columnProp('filterMatchModeOptions'),
                 maxConstraints: $options.columnProp('maxConstraints'),
-                onOperatorChange: _cache[3] || (_cache[3] = $event => (_ctx.$emit('operator-change',$event))),
+                onOperatorChange: _cache[3] || (_cache[3] = $event => (_ctx.$emit('operator-change', $event))),
                 onMatchmodeChange: _cache[4] || (_cache[4] = $event => (_ctx.$emit('matchmode-change', $event))),
                 onConstraintAdd: _cache[5] || (_cache[5] = $event => (_ctx.$emit('constraint-add', $event))),
                 onConstraintRemove: _cache[6] || (_cache[6] = $event => (_ctx.$emit('constraint-remove', $event))),
-                onApplyClick: _cache[7] || (_cache[7] = $event => (_ctx.$emit('apply-click',$event)))
+                onApplyClick: _cache[7] || (_cache[7] = $event => (_ctx.$emit('apply-click', $event)))
               }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filters", "filtersStore", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints"]))
             : vue.createCommentVNode("", true)
         ])
@@ -1084,11 +1125,26 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script$7 = {
         name: 'TableHeader',
-        emits: ['column-click', 'column-mousedown', 'column-dragstart', 'column-dragover', 'column-dragleave', 'column-drop',
-                'column-resizestart', 'checkbox-change', 'filter-change', 'filter-apply',
-                'operator-change', 'matchmode-change', 'constraint-add', 'constraint-remove', 'filter-clear', 'apply-click'],
+        emits: [
+            'column-click',
+            'column-mousedown',
+            'column-dragstart',
+            'column-dragover',
+            'column-dragleave',
+            'column-drop',
+            'column-resizestart',
+            'checkbox-change',
+            'filter-change',
+            'filter-apply',
+            'operator-change',
+            'matchmode-change',
+            'constraint-add',
+            'constraint-remove',
+            'filter-clear',
+            'apply-click'
+        ],
         props: {
-    		columnGroup: {
+            columnGroup: {
                 type: null,
                 default: null
             },
@@ -1101,7 +1157,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: null
             },
             groupRowsBy: {
-                type: [Array,String],
+                type: [Array, String],
                 default: null
             },
             resizableColumns: {
@@ -1158,9 +1214,14 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return utils.ObjectUtils.getVNodeProp(col, prop);
             },
             getFilterColumnHeaderClass(column) {
-                return ['p-filter-column', this.columnProp(column, 'filterHeaderClass'), this.columnProp(column, 'class'), {
-                    'p-frozen-column': this.columnProp(column, 'frozen')
-                }];
+                return [
+                    'p-filter-column',
+                    this.columnProp(column, 'filterHeaderClass'),
+                    this.columnProp(column, 'class'),
+                    {
+                        'p-frozen-column': this.columnProp(column, 'frozen')
+                    }
+                ];
             },
             getFilterColumnHeaderStyle(column) {
                 return [this.columnProp(column, 'filterHeaderStyle'), this.columnProp(column, 'style')];
@@ -1169,12 +1230,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let rows = [];
 
                 let columnGroup = this.columnGroup;
+
                 if (columnGroup.children && columnGroup.children.default) {
                     for (let child of columnGroup.children.default()) {
                         if (child.type.name === 'Row') {
                             rows.push(child);
-                        }
-                        else if (child.children && child.children instanceof Array) {
+                        } else if (child.children && child.children instanceof Array) {
                             rows = child.children;
                         }
                     }
@@ -1182,15 +1243,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     return rows;
                 }
             },
-            getHeaderColumns(row){
+            getHeaderColumns(row) {
                 let cols = [];
 
                 if (row.children && row.children.default) {
-                    row.children.default().forEach(child => {
-                        if (child.children && child.children instanceof Array)
-                            cols = [...cols, ...child.children];
-                        else if (child.type.name === 'Column')
-                            cols.push(child);
+                    row.children.default().forEach((child) => {
+                        if (child.children && child.children instanceof Array) cols = [...cols, ...child.children];
+                        else if (child.type.name === 'Column') cols.push(child);
                     });
 
                     return cols;
@@ -1198,9 +1257,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             }
         },
         components: {
-            'DTHeaderCell': script$8,
-            'DTHeaderCheckbox': script$a,
-            'DTColumnFilter': script$9
+            DTHeaderCell: script$8,
+            DTHeaderCheckbox: script$a,
+            DTColumnFilter: script$9
         }
     };
 
@@ -1225,9 +1284,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
               vue.createElementVNode("tr", _hoisted_2$5, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, (col, i) => {
                   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                    key: $options.columnProp(col, 'columnKey')||$options.columnProp(col, 'field')||i
+                    key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
                   }, [
-                    (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || ($props.groupRowsBy !== $options.columnProp(col, 'field'))))
+                    (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || $props.groupRowsBy !== $options.columnProp(col, 'field')))
                       ? (vue.openBlock(), vue.createBlock(_component_DTHeaderCell, {
                           key: 0,
                           column: col,
@@ -1254,11 +1313,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                           filtersStore: $props.filtersStore,
                           onFilterChange: _cache[8] || (_cache[8] = $event => (_ctx.$emit('filter-change', $event))),
                           onFilterApply: _cache[9] || (_cache[9] = $event => (_ctx.$emit('filter-apply'))),
-                          onOperatorChange: _cache[10] || (_cache[10] = $event => (_ctx.$emit('operator-change',$event))),
+                          onOperatorChange: _cache[10] || (_cache[10] = $event => (_ctx.$emit('operator-change', $event))),
                           onMatchmodeChange: _cache[11] || (_cache[11] = $event => (_ctx.$emit('matchmode-change', $event))),
                           onConstraintAdd: _cache[12] || (_cache[12] = $event => (_ctx.$emit('constraint-add', $event))),
                           onConstraintRemove: _cache[13] || (_cache[13] = $event => (_ctx.$emit('constraint-remove', $event))),
-                          onApplyClick: _cache[14] || (_cache[14] = $event => (_ctx.$emit('apply-click',$event)))
+                          onApplyClick: _cache[14] || (_cache[14] = $event => (_ctx.$emit('apply-click', $event)))
                         }, null, 8, ["column", "groupRowsBy", "groupRowSortField", "reorderableColumns", "resizableColumns", "sortMode", "sortField", "sortOrder", "multiSortMeta", "allRowsSelected", "empty", "filters", "filterDisplay", "filtersStore"]))
                       : vue.createCommentVNode("", true)
                   ], 64))
@@ -1268,15 +1327,15 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_3$4, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, (col, i) => {
                       return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                        key: $options.columnProp(col, 'columnKey')||$options.columnProp(col, 'field')||i
+                        key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
                       }, [
-                        (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || ($props.groupRowsBy !== $options.columnProp(col, 'field'))))
+                        (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || $props.groupRowsBy !== $options.columnProp(col, 'field')))
                           ? (vue.openBlock(), vue.createElementBlock("th", {
                               key: 0,
                               style: vue.normalizeStyle($options.getFilterColumnHeaderStyle(col)),
                               class: vue.normalizeClass($options.getFilterColumnHeaderClass(col))
                             }, [
-                              ($options.columnProp(col, 'selectionMode') ==='multiple')
+                              ($options.columnProp(col, 'selectionMode') === 'multiple')
                                 ? (vue.openBlock(), vue.createBlock(_component_DTHeaderCheckbox, {
                                     key: 0,
                                     checked: $props.allRowsSelected,
@@ -1287,10 +1346,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                               (col.children && col.children.filter)
                                 ? (vue.openBlock(), vue.createBlock(_component_DTColumnFilter, {
                                     key: 1,
-                                    field: $options.columnProp(col,'filterField')||$options.columnProp(col,'field'),
-                                    type: $options.columnProp(col,'dataType'),
+                                    field: $options.columnProp(col, 'filterField') || $options.columnProp(col, 'field'),
+                                    type: $options.columnProp(col, 'dataType'),
                                     display: "row",
-                                    showMenu: $options.columnProp(col,'showFilterMenu'),
+                                    showMenu: $options.columnProp(col, 'showFilterMenu'),
                                     filterElement: col.children && col.children.filter,
                                     filterHeaderTemplate: col.children && col.children.filterheader,
                                     filterFooterTemplate: col.children && col.children.filterfooter,
@@ -1300,20 +1359,20 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                                     filtersStore: $props.filtersStore,
                                     onFilterChange: _cache[16] || (_cache[16] = $event => (_ctx.$emit('filter-change', $event))),
                                     onFilterApply: _cache[17] || (_cache[17] = $event => (_ctx.$emit('filter-apply'))),
-                                    filterMenuStyle: $options.columnProp(col,'filterMenuStyle'),
-                                    filterMenuClass: $options.columnProp(col,'filterMenuClass'),
-                                    showOperator: $options.columnProp(col,'showFilterOperator'),
-                                    showClearButton: $options.columnProp(col,'showClearButton'),
-                                    showApplyButton: $options.columnProp(col,'showApplyButton'),
-                                    showMatchModes: $options.columnProp(col,'showFilterMatchModes'),
-                                    showAddButton: $options.columnProp(col,'showAddButton'),
-                                    matchModeOptions: $options.columnProp(col,'filterMatchModeOptions'),
-                                    maxConstraints: $options.columnProp(col,'maxConstraints'),
-                                    onOperatorChange: _cache[18] || (_cache[18] = $event => (_ctx.$emit('operator-change',$event))),
+                                    filterMenuStyle: $options.columnProp(col, 'filterMenuStyle'),
+                                    filterMenuClass: $options.columnProp(col, 'filterMenuClass'),
+                                    showOperator: $options.columnProp(col, 'showFilterOperator'),
+                                    showClearButton: $options.columnProp(col, 'showClearButton'),
+                                    showApplyButton: $options.columnProp(col, 'showApplyButton'),
+                                    showMatchModes: $options.columnProp(col, 'showFilterMatchModes'),
+                                    showAddButton: $options.columnProp(col, 'showAddButton'),
+                                    matchModeOptions: $options.columnProp(col, 'filterMatchModeOptions'),
+                                    maxConstraints: $options.columnProp(col, 'maxConstraints'),
+                                    onOperatorChange: _cache[18] || (_cache[18] = $event => (_ctx.$emit('operator-change', $event))),
                                     onMatchmodeChange: _cache[19] || (_cache[19] = $event => (_ctx.$emit('matchmode-change', $event))),
                                     onConstraintAdd: _cache[20] || (_cache[20] = $event => (_ctx.$emit('constraint-add', $event))),
                                     onConstraintRemove: _cache[21] || (_cache[21] = $event => (_ctx.$emit('constraint-remove', $event))),
-                                    onApplyClick: _cache[22] || (_cache[22] = $event => (_ctx.$emit('apply-click',$event)))
+                                    onApplyClick: _cache[22] || (_cache[22] = $event => (_ctx.$emit('apply-click', $event)))
                                   }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filters", "filtersStore", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints"]))
                                 : vue.createCommentVNode("", true)
                             ], 6))
@@ -1330,9 +1389,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.getHeaderColumns(row), (col, j) => {
                   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                    key: $options.columnProp(col, 'columnKey')||$options.columnProp(col, 'field')||j
+                    key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || j
                   }, [
-                    (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || ($props.groupRowsBy !== $options.columnProp(col, 'field'))) && (typeof col.children !== 'string'))
+                    (!$options.columnProp(col, 'hidden') && ($props.rowGroupMode !== 'subheader' || $props.groupRowsBy !== $options.columnProp(col, 'field')) && typeof col.children !== 'string')
                       ? (vue.openBlock(), vue.createBlock(_component_DTHeaderCell, {
                           key: 0,
                           column: col,
@@ -1352,11 +1411,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                           filtersStore: $props.filtersStore,
                           onFilterChange: _cache[26] || (_cache[26] = $event => (_ctx.$emit('filter-change', $event))),
                           onFilterApply: _cache[27] || (_cache[27] = $event => (_ctx.$emit('filter-apply'))),
-                          onOperatorChange: _cache[28] || (_cache[28] = $event => (_ctx.$emit('operator-change',$event))),
+                          onOperatorChange: _cache[28] || (_cache[28] = $event => (_ctx.$emit('operator-change', $event))),
                           onMatchmodeChange: _cache[29] || (_cache[29] = $event => (_ctx.$emit('matchmode-change', $event))),
                           onConstraintAdd: _cache[30] || (_cache[30] = $event => (_ctx.$emit('constraint-add', $event))),
                           onConstraintRemove: _cache[31] || (_cache[31] = $event => (_ctx.$emit('constraint-remove', $event))),
-                          onApplyClick: _cache[32] || (_cache[32] = $event => (_ctx.$emit('apply-click',$event)))
+                          onApplyClick: _cache[32] || (_cache[32] = $event => (_ctx.$emit('apply-click', $event)))
                         }, null, 8, ["column", "groupRowsBy", "groupRowSortField", "sortMode", "sortField", "sortOrder", "multiSortMeta", "allRowsSelected", "empty", "filters", "filterDisplay", "filtersStore"]))
                       : vue.createCommentVNode("", true)
                   ], 64))
@@ -1373,7 +1432,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         inheritAttrs: false,
         emits: ['change'],
         props: {
-    		value: null,
+            value: null,
             checked: null
         },
         data() {
@@ -1409,7 +1468,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(['p-radiobutton p-component', {'p-radiobutton-focused': $data.focused}]),
+        class: vue.normalizeClass(['p-radiobutton p-component', { 'p-radiobutton-focused': $data.focused }]),
         onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
         tabindex: "0",
         onFocus: _cache[1] || (_cache[1] = $event => ($options.onFocus($event))),
@@ -1418,7 +1477,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
       }, [
         vue.createElementVNode("div", {
           ref: "box",
-          class: vue.normalizeClass(['p-radiobutton-box p-component', {'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused}]),
+          class: vue.normalizeClass(['p-radiobutton-box p-component', { 'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused }]),
           role: "radio",
           "aria-checked": $props.checked
         }, _hoisted_3$3, 10, _hoisted_1$6)
@@ -1432,7 +1491,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         inheritAttrs: false,
         emits: ['change'],
         props: {
-    		value: null,
+            value: null,
             checked: null
         },
         data() {
@@ -1463,12 +1522,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(['p-checkbox p-component', {'p-checkbox-focused': $data.focused}]),
+        class: vue.normalizeClass(['p-checkbox p-component', { 'p-checkbox-focused': $data.focused }]),
         onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => ($options.onClick && $options.onClick(...args)), ["stop","prevent"]))
       }, [
         vue.createElementVNode("div", {
           ref: "box",
-          class: vue.normalizeClass(['p-checkbox-box p-component', {'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused}]),
+          class: vue.normalizeClass(['p-checkbox-box p-component', { 'p-highlight': $props.checked, 'p-disabled': _ctx.$attrs.disabled, 'p-focus': $data.focused }]),
           role: "checkbox",
           "aria-checked": $props.checked,
           tabindex: _ctx.$attrs.disabled ? null : '0',
@@ -1477,7 +1536,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
           onBlur: _cache[2] || (_cache[2] = $event => ($options.onBlur($event)))
         }, [
           vue.createElementVNode("span", {
-            class: vue.normalizeClass(['p-checkbox-icon', {'pi pi-check': $props.checked}])
+            class: vue.normalizeClass(['p-checkbox-icon', { 'pi pi-check': $props.checked }])
           }, null, 2)
         ], 42, _hoisted_1$5)
       ], 2))
@@ -1487,8 +1546,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script$4 = {
         name: 'BodyCell',
-        emits: ['cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'row-edit-init', 'row-edit-save', 'row-edit-cancel',
-                'row-toggle', 'radio-change', 'checkbox-change', 'editing-meta-change'],
+        emits: ['cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'row-edit-init', 'row-edit-save', 'row-edit-cancel', 'row-toggle', 'radio-change', 'checkbox-change', 'editing-meta-change'],
         props: {
             rowData: {
                 type: Object,
@@ -1546,14 +1604,14 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             return {
                 d_editing: this.editing,
                 styleObject: {}
-            }
+            };
         },
         watch: {
             editing(newValue) {
                 this.d_editing = newValue;
             },
-            '$data.d_editing': function(newValue) {
-                this.$emit('editing-meta-change', {data: this.rowData, field: (this.field || `field_${this.index}`), index: this.rowIndex, editing: newValue});
+            '$data.d_editing': function (newValue) {
+                this.$emit('editing-meta-change', { data: this.rowData, field: this.field || `field_${this.index}`, index: this.rowIndex, editing: newValue });
             }
         },
         mounted() {
@@ -1568,6 +1626,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
             if (this.d_editing && (this.editMode === 'cell' || (this.editMode === 'row' && this.columnProp('rowEditor')))) {
                 const focusableEl = utils.DomHandler.getFirstFocusableElement(this.$el);
+
                 focusableEl && focusableEl.focus();
             }
         },
@@ -1591,7 +1650,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 });
             },
             toggleRowWithRadio(event, index) {
-                this.$emit('radio-change', { originalEvent: event.originalEvent, index: index, data: event.data});
+                this.$emit('radio-change', { originalEvent: event.originalEvent, index: index, data: event.data });
             },
             toggleRowWithCheckbox(event, index) {
                 this.$emit('checkbox-change', { originalEvent: event.originalEvent, index: index, data: event.data });
@@ -1605,6 +1664,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         if (!this.selfClick) {
                             this.completeEdit(event, 'outside');
                         }
+
                         this.selfClick = false;
                     };
 
@@ -1631,13 +1691,14 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     if (!this.d_editing) {
                         this.d_editing = true;
                         this.bindDocumentEditListener();
-                        this.$emit('cell-edit-init', {originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex});
+                        this.$emit('cell-edit-init', { originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex });
 
                         this.overlayEventListener = (e) => {
                             if (this.$el && this.$el.contains(e.target)) {
                                 this.selfClick = true;
                             }
                         };
+
                         OverlayEventBus__default["default"].on('overlay-click', this.overlayEventListener);
                     }
                 }
@@ -1653,7 +1714,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     index: this.rowIndex,
                     type: type,
                     defaultPrevented: false,
-                    preventDefault: function() {
+                    preventDefault: function () {
                         this.defaultPrevented = true;
                     }
                 };
@@ -1669,21 +1730,19 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     switch (event.which) {
                         case 13:
                             this.completeEdit(event, 'enter');
-                        break;
+                            break;
 
                         case 27:
                             this.switchCellToViewMode();
-                            this.$emit('cell-edit-cancel', {originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex});
-                        break;
+                            this.$emit('cell-edit-cancel', { originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex });
+                            break;
 
                         case 9:
                             this.completeEdit(event, 'tab');
 
-                            if (event.shiftKey)
-                                this.moveToPreviousCell(event);
-                            else
-                                this.moveToNextCell(event);
-                        break;
+                            if (event.shiftKey) this.moveToPreviousCell(event);
+                            else this.moveToNextCell(event);
+                            break;
                     }
                 }
             },
@@ -1708,13 +1767,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             findCell(element) {
                 if (element) {
                     let cell = element;
+
                     while (cell && !utils.DomHandler.hasClass(cell, 'p-cell-editing')) {
                         cell = cell.parentElement;
                     }
 
                     return cell;
-                }
-                else {
+                } else {
                     return null;
                 }
             },
@@ -1723,18 +1782,16 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (!prevCell) {
                     let previousRow = cell.parentElement.previousElementSibling;
+
                     if (previousRow) {
                         prevCell = previousRow.lastElementChild;
                     }
                 }
 
                 if (prevCell) {
-                    if (utils.DomHandler.hasClass(prevCell, 'p-editable-column'))
-                        return prevCell;
-                    else
-                        return this.findPreviousEditableColumn(prevCell);
-                }
-                else {
+                    if (utils.DomHandler.hasClass(prevCell, 'p-editable-column')) return prevCell;
+                    else return this.findPreviousEditableColumn(prevCell);
+                } else {
                     return null;
                 }
             },
@@ -1743,68 +1800,70 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (!nextCell) {
                     let nextRow = cell.parentElement.nextElementSibling;
+
                     if (nextRow) {
                         nextCell = nextRow.firstElementChild;
                     }
                 }
 
                 if (nextCell) {
-                    if (utils.DomHandler.hasClass(nextCell, 'p-editable-column'))
-                        return nextCell;
-                    else
-                        return this.findNextEditableColumn(nextCell);
-                }
-                else {
+                    if (utils.DomHandler.hasClass(nextCell, 'p-editable-column')) return nextCell;
+                    else return this.findNextEditableColumn(nextCell);
+                } else {
                     return null;
                 }
             },
             isEditingCellValid() {
-                return (utils.DomHandler.find(this.$el, '.p-invalid').length === 0);
+                return utils.DomHandler.find(this.$el, '.p-invalid').length === 0;
             },
             onRowEditInit(event) {
-                this.$emit('row-edit-init', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                this.$emit('row-edit-init', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
             },
             onRowEditSave(event) {
-                this.$emit('row-edit-save', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                this.$emit('row-edit-save', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
             },
             onRowEditCancel(event) {
-                this.$emit('row-edit-cancel', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                this.$emit('row-edit-cancel', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
             },
             editorInitCallback(event) {
-                this.$emit('row-edit-init', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                this.$emit('row-edit-init', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
             },
             editorSaveCallback(event) {
                 if (this.editMode === 'row') {
-                    this.$emit('row-edit-save', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                    this.$emit('row-edit-save', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
                 } else {
                     this.completeEdit(event, 'enter');
                 }
             },
             editorCancelCallback(event) {
                 if (this.editMode === 'row') {
-                    this.$emit('row-edit-cancel', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+                    this.$emit('row-edit-cancel', { originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex });
                 } else {
                     this.switchCellToViewMode();
-                    this.$emit('cell-edit-cancel', {originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex});
+                    this.$emit('cell-edit-cancel', { originalEvent: event, data: this.rowData, field: this.field, index: this.rowIndex });
                 }
             },
             updateStickyPosition() {
                 if (this.columnProp('frozen')) {
                     let align = this.columnProp('alignFrozen');
+
                     if (align === 'right') {
                         let right = 0;
                         let next = this.$el.nextElementSibling;
+
                         if (next) {
                             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
                         }
+
                         this.styleObject.right = right + 'px';
-                    }
-                    else {
+                    } else {
                         let left = 0;
                         let prev = this.$el.previousElementSibling;
+
                         if (prev) {
                             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
                         }
+
                         this.styleObject.left = left + 'px';
                     }
                 }
@@ -1821,41 +1880,49 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return this.columnProp('field');
             },
             containerClass() {
-                return [this.columnProp('bodyClass'), this.columnProp('class'), {
-                    'p-selection-column': this.columnProp('selectionMode') != null,
-                    'p-editable-column': this.isEditable(),
-                    'p-cell-editing': this.d_editing,
-                    'p-frozen-column': this.columnProp('frozen')
-                }];
+                return [
+                    this.columnProp('bodyClass'),
+                    this.columnProp('class'),
+                    {
+                        'p-selection-column': this.columnProp('selectionMode') != null,
+                        'p-editable-column': this.isEditable(),
+                        'p-cell-editing': this.d_editing,
+                        'p-frozen-column': this.columnProp('frozen')
+                    }
+                ];
             },
             containerStyle() {
                 let bodyStyle = this.columnProp('bodyStyle');
                 let columnStyle = this.columnProp('style');
 
-                return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject]: [columnStyle, bodyStyle];
+                return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject] : [columnStyle, bodyStyle];
             },
             loading() {
                 return this.getVirtualScrollerProp('loading');
             },
             loadingOptions() {
                 const getLoaderOptions = this.getVirtualScrollerProp('getLoaderOptions');
-                return getLoaderOptions && getLoaderOptions(this.rowIndex, {
-                    cellIndex: this.index,
-                    cellFirst: this.index === 0,
-                    cellLast: this.index === (this.getVirtualScrollerProp('columns').length - 1),
-                    cellEven: this.index % 2 === 0,
-                    cellOdd: this.index % 2 !== 0,
-                    column: this.column,
-                    field: this.field
-                });
+
+                return (
+                    getLoaderOptions &&
+                    getLoaderOptions(this.rowIndex, {
+                        cellIndex: this.index,
+                        cellFirst: this.index === 0,
+                        cellLast: this.index === this.getVirtualScrollerProp('columns').length - 1,
+                        cellEven: this.index % 2 === 0,
+                        cellOdd: this.index % 2 !== 0,
+                        column: this.column,
+                        field: this.field
+                    })
+                );
             }
         },
         components: {
-            'DTRadioButton': script$6,
-            'DTCheckbox': script$5
+            DTRadioButton: script$6,
+            DTCheckbox: script$5
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -1946,7 +2013,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                               checked: $props.selected,
                               onChange: _cache[0] || (_cache[0] = $event => ($options.toggleRowWithRadio($event, $props.rowIndex)))
                             }, null, 8, ["value", "checked"]))
-                          : ($options.columnProp('selectionMode') ==='multiple')
+                          : ($options.columnProp('selectionMode') === 'multiple')
                             ? (vue.openBlock(), vue.createBlock(_component_DTCheckbox, {
                                 key: 1,
                                 value: $props.rowData,
@@ -1958,7 +2025,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     : ($options.columnProp('rowReorder'))
                       ? (vue.openBlock(), vue.createElementBlock("i", {
                           key: 5,
-                          class: vue.normalizeClass(['p-datatable-reorderablerow-handle', ($options.columnProp('rowReorderIcon') || 'pi pi-bars')])
+                          class: vue.normalizeClass(['p-datatable-reorderablerow-handle', $options.columnProp('rowReorderIcon') || 'pi pi-bars'])
                         }, null, 2))
                       : ($options.columnProp('expander'))
                         ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
@@ -2016,10 +2083,30 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script$3 = {
         name: 'TableBody',
-        emits: ['rowgroup-toggle', 'row-click', 'row-dblclick', 'row-rightclick', 'row-touchend', 'row-keydown', 'row-mousedown',
-            'row-dragstart', 'row-dragover', 'row-dragleave', 'row-dragend', 'row-drop', 'row-toggle',
-            'radio-change', 'checkbox-change', 'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel',
-            'row-edit-init', 'row-edit-save', 'row-edit-cancel', 'editing-meta-change'],
+        emits: [
+            'rowgroup-toggle',
+            'row-click',
+            'row-dblclick',
+            'row-rightclick',
+            'row-touchend',
+            'row-keydown',
+            'row-mousedown',
+            'row-dragstart',
+            'row-dragover',
+            'row-dragleave',
+            'row-dragend',
+            'row-drop',
+            'row-toggle',
+            'radio-change',
+            'checkbox-change',
+            'cell-edit-init',
+            'cell-edit-complete',
+            'cell-edit-cancel',
+            'row-edit-init',
+            'row-edit-save',
+            'row-edit-cancel',
+            'editing-meta-change'
+        ],
         props: {
             value: {
                 type: Array,
@@ -2042,7 +2129,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: null
             },
             groupRowsBy: {
-                type: [Array,String],
+                type: [Array, String],
                 default: null
             },
             expandableRowGroups: {
@@ -2074,7 +2161,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: null
             },
             selection: {
-                type: [Array,Object],
+                type: [Array, Object],
                 default: null
             },
             selectionKeys: {
@@ -2142,6 +2229,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: false
             }
         },
+        data() {
+            return {
+                rowGroupHeaderStyleObject: {}
+            };
+        },
         watch: {
             virtualScrollerContentProps(newValue, oldValue) {
                 if (!this.isVirtualScrollerDisabled && this.getVirtualScrollerProp('vertical') && this.getVirtualScrollerProp('itemSize', oldValue) !== this.getVirtualScrollerProp('itemSize', newValue)) {
@@ -2171,11 +2263,6 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 this.updateFrozenRowGroupHeaderStickyPosition();
             }
         },
-        data() {
-            return {
-                rowGroupHeaderStyleObject: {}
-            }
-        },
         methods: {
             columnProp(col, prop) {
                 return utils.ObjectUtils.getVNodeProp(col, prop);
@@ -2183,25 +2270,28 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             shouldRenderRowGroupHeader(value, rowData, i) {
                 let currentRowFieldData = utils.ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);
                 let prevRowData = value[i - 1];
+
                 if (prevRowData) {
                     let previousRowFieldData = utils.ObjectUtils.resolveFieldData(prevRowData, this.groupRowsBy);
+
                     return currentRowFieldData !== previousRowFieldData;
-                }
-                else {
+                } else {
                     return true;
                 }
             },
             getRowKey(rowData, index) {
-                return this.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, this.dataKey): index;
+                return this.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, this.dataKey) : index;
             },
             getRowIndex(index) {
                 const getItemOptions = this.getVirtualScrollerProp('getItemOptions');
+
                 return getItemOptions ? getItemOptions(index).index : index;
             },
             getRowClass(rowData) {
                 let rowStyleClass = [];
+
                 if (this.selectionMode) {
-                     rowStyleClass.push('p-selectable-row');
+                    rowStyleClass.push('p-selectable-row');
                 }
 
                 if (this.selection) {
@@ -2229,15 +2319,15 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             shouldRenderRowGroupFooter(value, rowData, i) {
                 if (this.expandableRowGroups && !this.isRowGroupExpanded(rowData)) {
                     return false;
-                }
-                else {
+                } else {
                     let currentRowFieldData = utils.ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);
                     let nextRowData = value[i + 1];
+
                     if (nextRowData) {
                         let nextRowFieldData = utils.ObjectUtils.resolveFieldData(nextRowData, this.groupRowsBy);
+
                         return currentRowFieldData !== nextRowFieldData;
-                    }
-                    else {
+                    } else {
                         return true;
                     }
                 }
@@ -2246,25 +2336,23 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (this.rowGroupMode) {
                     if (this.rowGroupMode === 'subheader') {
                         return this.groupRowsBy !== this.columnProp(column, 'field');
-                    }
-                    else if (this.rowGroupMode === 'rowspan') {
+                    } else if (this.rowGroupMode === 'rowspan') {
                         if (this.isGrouped(column)) {
                             let prevRowData = value[i - 1];
+
                             if (prevRowData) {
                                 let currentRowFieldData = utils.ObjectUtils.resolveFieldData(value[i], this.columnProp(column, 'field'));
                                 let previousRowFieldData = utils.ObjectUtils.resolveFieldData(prevRowData, this.columnProp(column, 'field'));
+
                                 return currentRowFieldData !== previousRowFieldData;
-                            }
-                            else {
+                            } else {
                                 return true;
                             }
-                        }
-                        else {
+                        } else {
                             return true;
                         }
                     }
-                }
-                else {
+                } else {
                     return !this.columnProp(column, 'hidden');
                 }
             },
@@ -2277,55 +2365,49 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     while (currentRowFieldData === nextRowFieldData) {
                         groupRowSpan++;
                         let nextRowData = value[++index];
+
                         if (nextRowData) {
                             nextRowFieldData = utils.ObjectUtils.resolveFieldData(nextRowData, this.columnProp(column, 'field'));
-                        }
-                        else {
+                        } else {
                             break;
                         }
                     }
 
                     return groupRowSpan === 1 ? null : groupRowSpan;
-                }
-                else {
+                } else {
                     return null;
                 }
             },
             rowTogglerIcon(rowData) {
                 const icon = this.isRowExpanded(rowData) ? this.expandedRowIcon : this.collapsedRowIcon;
+
                 return ['p-row-toggler-icon pi', icon];
             },
             rowGroupTogglerIcon(rowData) {
                 const icon = this.isRowGroupExpanded(rowData) ? this.expandedRowIcon : this.collapsedRowIcon;
+
                 return ['p-row-toggler-icon pi', icon];
             },
             isGrouped(column) {
                 if (this.groupRowsBy && this.columnProp(column, 'field')) {
-                    if (Array.isArray(this.groupRowsBy))
-                        return this.groupRowsBy.indexOf(column.props.field) > -1;
-                    else
-                        return this.groupRowsBy === column.props.field;
-                }
-                else {
+                    if (Array.isArray(this.groupRowsBy)) return this.groupRowsBy.indexOf(column.props.field) > -1;
+                    else return this.groupRowsBy === column.props.field;
+                } else {
                     return false;
                 }
             },
             isRowEditing(rowData) {
                 if (rowData && this.editingRows) {
-                    if (this.dataKey)
-                        return this.editingRowKeys ? this.editingRowKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
-                    else
-                        return this.findIndex(rowData, this.editingRows) > -1;
+                    if (this.dataKey) return this.editingRowKeys ? this.editingRowKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
+                    else return this.findIndex(rowData, this.editingRows) > -1;
                 }
 
                 return false;
             },
             isRowExpanded(rowData) {
                 if (rowData && this.expandedRows) {
-                    if (this.dataKey)
-                        return this.expandedRowKeys ? this.expandedRowKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
-                    else
-                        return this.findIndex(rowData, this.expandedRows) > -1;
+                    if (this.dataKey) return this.expandedRowKeys ? this.expandedRowKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
+                    else return this.findIndex(rowData, this.expandedRows) > -1;
                 }
 
                 return false;
@@ -2333,20 +2415,19 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             isRowGroupExpanded(rowData) {
                 if (this.expandableRowGroups && this.expandedRowGroups) {
                     let groupFieldValue = utils.ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);
+
                     return this.expandedRowGroups.indexOf(groupFieldValue) > -1;
                 }
+
                 return false;
             },
             isSelected(rowData) {
                 if (rowData && this.selection) {
                     if (this.dataKey) {
                         return this.selectionKeys ? this.selectionKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
-                    }
-                    else {
-                        if (this.selection instanceof Array)
-                            return this.findIndexInSelection(rowData) > -1;
-                        else
-                            return this.equals(rowData, this.selection);
+                    } else {
+                        if (this.selection instanceof Array) return this.findIndexInSelection(rowData) > -1;
+                        else return this.equals(rowData, this.selection);
                     }
                 }
 
@@ -2364,6 +2445,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             findIndex(rowData, collection) {
                 let index = -1;
+
                 if (collection && collection.length) {
                     for (let i = 0; i < collection.length; i++) {
                         if (this.equals(rowData, collection[i])) {
@@ -2376,34 +2458,34 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return index;
             },
             equals(data1, data2) {
-                return this.compareSelectionBy === 'equals' ? (data1 === data2) : utils.ObjectUtils.equals(data1, data2, this.dataKey);
+                return this.compareSelectionBy === 'equals' ? data1 === data2 : utils.ObjectUtils.equals(data1, data2, this.dataKey);
             },
             onRowGroupToggle(event, data) {
-                this.$emit('rowgroup-toggle', {originalEvent: event, data: data});
+                this.$emit('rowgroup-toggle', { originalEvent: event, data: data });
             },
             onRowClick(event, rowData, rowIndex) {
-                this.$emit('row-click', {originalEvent: event, data: rowData, index: rowIndex});
+                this.$emit('row-click', { originalEvent: event, data: rowData, index: rowIndex });
             },
             onRowDblClick(event, rowData, rowIndex) {
-                this.$emit('row-dblclick', {originalEvent: event, data: rowData, index: rowIndex});
+                this.$emit('row-dblclick', { originalEvent: event, data: rowData, index: rowIndex });
             },
             onRowRightClick(event, rowData, rowIndex) {
-                this.$emit('row-rightclick', {originalEvent: event, data: rowData, index: rowIndex});
+                this.$emit('row-rightclick', { originalEvent: event, data: rowData, index: rowIndex });
             },
             onRowTouchEnd(event) {
                 this.$emit('row-touchend', event);
             },
             onRowKeyDown(event, rowData, rowIndex) {
-                this.$emit('row-keydown', {originalEvent: event, data: rowData, index: rowIndex});
+                this.$emit('row-keydown', { originalEvent: event, data: rowData, index: rowIndex });
             },
             onRowMouseDown(event) {
                 this.$emit('row-mousedown', event);
             },
             onRowDragStart(event, rowIndex) {
-                this.$emit('row-dragstart', {originalEvent: event, index: rowIndex});
+                this.$emit('row-dragstart', { originalEvent: event, index: rowIndex });
             },
             onRowDragOver(event, rowIndex) {
-                this.$emit('row-dragover', {originalEvent: event, index: rowIndex});
+                this.$emit('row-dragover', { originalEvent: event, index: rowIndex });
             },
             onRowDragLeave(event) {
                 this.$emit('row-dragleave', event);
@@ -2449,19 +2531,23 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             updateFrozenRowGroupHeaderStickyPosition() {
                 let tableHeaderHeight = utils.DomHandler.getOuterHeight(this.$el.previousElementSibling);
+
                 this.rowGroupHeaderStyleObject.top = tableHeaderHeight + 'px';
             },
             updateVirtualScrollerPosition() {
                 const tableHeaderHeight = utils.DomHandler.getOuterHeight(this.$el.previousElementSibling);
+
                 this.$el.style.top = (this.$el.style.top || 0) + tableHeaderHeight + 'px';
             },
             getVirtualScrollerProp(option, options) {
                 options = options || this.virtualScrollerContentProps;
+
                 return options ? options[option] : null;
             },
             bodyRef(el) {
                 // For VirtualScroller
                 const contentRef = this.getVirtualScrollerProp('contentRef');
+
                 contentRef && contentRef(el);
             }
         },
@@ -2469,15 +2555,15 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             columnsLength() {
                 let hiddenColLength = 0;
 
-                this.columns.forEach(column => {
-                    if(this.columnProp(column, 'hidden')) hiddenColLength++;
+                this.columns.forEach((column) => {
+                    if (this.columnProp(column, 'hidden')) hiddenColLength++;
                 });
 
                 return this.columns ? this.columns.length - hiddenColLength : 0;
             },
             rowGroupHeaderStyle() {
                 if (this.scrollable) {
-                    return {top: this.rowGroupHeaderStyleObject.top};
+                    return { top: this.rowGroupHeaderStyleObject.top };
                 }
 
                 return null;
@@ -2487,7 +2573,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             }
         },
         components: {
-            'DTBodyCell': script$4
+            DTBodyCell: script$4
         }
     };
 
@@ -2545,11 +2631,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                       ], 8, _hoisted_1$3)
                     ], 4))
                   : vue.createCommentVNode("", true),
-                ($props.expandableRowGroups ? $options.isRowGroupExpanded(rowData): true)
+                ($props.expandableRowGroups ? $options.isRowGroupExpanded(rowData) : true)
                   ? (vue.openBlock(), vue.createElementBlock("tr", {
+                      key: $options.getRowKey(rowData, $options.getRowIndex(index)),
                       class: vue.normalizeClass($options.getRowClass(rowData)),
                       style: vue.normalizeStyle($props.rowStyle),
-                      key: $options.getRowKey(rowData, $options.getRowIndex(index)),
                       onClick: $event => ($options.onRowClick($event, rowData, $options.getRowIndex(index))),
                       onDblclick: $event => ($options.onRowDblClick($event, rowData, $options.getRowIndex(index))),
                       onContextmenu: $event => ($options.onRowRightClick($event, rowData, $options.getRowIndex(index))),
@@ -2566,7 +2652,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     }, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, (col, i) => {
                         return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                          key: $options.columnProp(col,'columnKey')||$options.columnProp(col,'field')||i
+                          key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
                         }, [
                           ($options.shouldRenderBodyCell($props.value, col, $options.getRowIndex(index)))
                             ? (vue.openBlock(), vue.createBlock(_component_DTBodyCell, {
@@ -2576,7 +2662,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                                 rowIndex: $options.getRowIndex(index),
                                 index: i,
                                 selected: $options.isSelected(rowData),
-                                rowTogglerIcon: $options.columnProp(col,'expander') ? $options.rowTogglerIcon(rowData): null,
+                                rowTogglerIcon: $options.columnProp(col, 'expander') ? $options.rowTogglerIcon(rowData) : null,
                                 frozenRow: $props.frozenRow,
                                 rowspan: $props.rowGroupMode === 'rowspan' ? $options.calculateRowGroupSize($props.value, col, $options.getRowIndex(index)) : null,
                                 editMode: $props.editMode,
@@ -2602,8 +2688,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                   : vue.createCommentVNode("", true),
                 ($props.templates['expansion'] && $props.expandedRows && $options.isRowExpanded(rowData))
                   ? (vue.openBlock(), vue.createElementBlock("tr", {
-                      class: "p-datatable-row-expansion",
                       key: $options.getRowKey(rowData, $options.getRowIndex(index)) + '_expansion',
+                      class: "p-datatable-row-expansion",
                       role: "row"
                     }, [
                       vue.createElementVNode("td", { colspan: $options.columnsLength }, [
@@ -2616,8 +2702,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                   : vue.createCommentVNode("", true),
                 ($props.templates['groupfooter'] && $props.rowGroupMode === 'subheader' && $options.shouldRenderRowGroupFooter($props.value, rowData, $options.getRowIndex(index)))
                   ? (vue.openBlock(), vue.createElementBlock("tr", {
-                      class: "p-rowgroup-footer",
                       key: $options.getRowKey(rowData, $options.getRowIndex(index)) + '_subfooter',
+                      class: "p-rowgroup-footer",
                       role: "row"
                     }, [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['groupfooter']), {
@@ -2651,7 +2737,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         data() {
             return {
                 styleObject: {}
-            }
+            };
         },
         mounted() {
             if (this.columnProp('frozen')) {
@@ -2670,20 +2756,24 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             updateStickyPosition() {
                 if (this.columnProp('frozen')) {
                     let align = this.columnProp('alignFrozen');
+
                     if (align === 'right') {
                         let right = 0;
                         let next = this.$el.nextElementSibling;
+
                         if (next) {
                             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.left);
                         }
+
                         this.styleObject.right = right + 'px';
-                    }
-                    else {
+                    } else {
                         let left = 0;
                         let prev = this.$el.previousElementSibling;
+
                         if (prev) {
                             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left);
                         }
+
                         this.styleObject.left = left + 'px';
                     }
                 }
@@ -2691,15 +2781,19 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         },
         computed: {
             containerClass() {
-                return [this.columnProp('footerClass'), this.columnProp('class'), {
-                    'p-frozen-column': this.columnProp('frozen')
-                }];
+                return [
+                    this.columnProp('footerClass'),
+                    this.columnProp('class'),
+                    {
+                        'p-frozen-column': this.columnProp('frozen')
+                    }
+                ];
             },
             containerStyle() {
                 let bodyStyle = this.columnProp('footerStyle');
                 let columnStyle = this.columnProp('style');
 
-                return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject]: [columnStyle, bodyStyle];
+                return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject] : [columnStyle, bodyStyle];
             }
         }
     };
@@ -2736,7 +2830,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             columns: {
                 type: null,
                 default: null
-            },
+            }
         },
         methods: {
             columnProp(col, prop) {
@@ -2746,12 +2840,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let rows = [];
 
                 let columnGroup = this.columnGroup;
+
                 if (columnGroup.children && columnGroup.children.default) {
                     for (let child of columnGroup.children.default()) {
                         if (child.type.name === 'Row') {
                             rows.push(child);
-                        }
-                        else if (child.children && child.children instanceof Array) {
+                        } else if (child.children && child.children instanceof Array) {
                             rows = child.children;
                         }
                     }
@@ -2759,15 +2853,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     return rows;
                 }
             },
-            getFooterColumns(row){
+            getFooterColumns(row) {
                 let cols = [];
 
                 if (row.children && row.children.default) {
-                    row.children.default().forEach(child => {
-                        if (child.children && child.children instanceof Array)
-                            cols = [...cols, ...child.children];
-                        else if (child.type.name === 'Column')
-                            cols.push(child);
+                    row.children.default().forEach((child) => {
+                        if (child.children && child.children instanceof Array) cols = [...cols, ...child.children];
+                        else if (child.type.name === 'Column') cols.push(child);
                     });
 
                     return cols;
@@ -2780,8 +2872,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.columnGroup) {
                     hasFooter = true;
-                }
-                else if (this.columns) {
+                } else if (this.columns) {
                     for (let col of this.columns) {
                         if (this.columnProp(col, 'footer') || (col.children && col.children.footer)) {
                             hasFooter = true;
@@ -2794,7 +2885,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             }
         },
         components: {
-            'DTFooterCell': script$2
+            DTFooterCell: script$2
         }
     };
 
@@ -2817,9 +2908,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
               ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_2$1, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, (col, i) => {
                     return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                      key: $options.columnProp(col,'columnKey')||$options.columnProp(col,'field')||i
+                      key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
                     }, [
-                      (!$options.columnProp(col,'hidden'))
+                      (!$options.columnProp(col, 'hidden'))
                         ? (vue.openBlock(), vue.createBlock(_component_DTFooterCell, {
                             key: 0,
                             column: col
@@ -2835,9 +2926,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.getFooterColumns(row), (col, j) => {
                       return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                        key: $options.columnProp(col,'columnKey')||$options.columnProp(col,'field')||j
+                        key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || j
                       }, [
-                        (!$options.columnProp(col,'hidden'))
+                        (!$options.columnProp(col, 'hidden'))
                           ? (vue.openBlock(), vue.createBlock(_component_DTFooterCell, {
                               key: 0,
                               column: col
@@ -2855,11 +2946,46 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
     var script = {
         name: 'DataTable',
-        emits: ['value-change', 'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'row-click', 'row-dblclick',
-            'update:selection', 'row-select', 'row-unselect', 'update:contextMenuSelection', 'row-contextmenu', 'row-unselect-all', 'row-select-all', 'select-all-change',
-            'column-resize-end', 'column-reorder', 'row-reorder', 'update:expandedRows', 'row-collapse', 'row-expand',
-            'update:expandedRowGroups', 'rowgroup-collapse', 'rowgroup-expand', 'update:filters', 'state-restore', 'state-save',
-            'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'update:editingRows', 'row-edit-init', 'row-edit-save', 'row-edit-cancel'],
+        emits: [
+            'value-change',
+            'update:first',
+            'update:rows',
+            'page',
+            'update:sortField',
+            'update:sortOrder',
+            'update:multiSortMeta',
+            'sort',
+            'filter',
+            'row-click',
+            'row-dblclick',
+            'update:selection',
+            'row-select',
+            'row-unselect',
+            'update:contextMenuSelection',
+            'row-contextmenu',
+            'row-unselect-all',
+            'row-select-all',
+            'select-all-change',
+            'column-resize-end',
+            'column-reorder',
+            'row-reorder',
+            'update:expandedRows',
+            'row-collapse',
+            'row-expand',
+            'update:expandedRowGroups',
+            'rowgroup-collapse',
+            'rowgroup-expand',
+            'update:filters',
+            'state-restore',
+            'state-save',
+            'cell-edit-init',
+            'cell-edit-complete',
+            'cell-edit-cancel',
+            'update:editingRows',
+            'row-edit-init',
+            'row-edit-save',
+            'row-edit-cancel'
+        ],
         props: {
             value: {
                 type: Array,
@@ -2962,7 +3088,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: undefined
             },
             selection: {
-                type: [Array,Object],
+                type: [Array, Object],
                 default: null
             },
             selectionMode: {
@@ -3038,7 +3164,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 default: null
             },
             groupRowsBy: {
-                type: [Array,String],
+                type: [Array, String],
                 default: null
             },
             expandableRowGroups: {
@@ -3079,7 +3205,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             scrollDirection: {
                 type: String,
-                default: "vertical"
+                default: 'vertical'
             },
             virtualScrollerOptions: {
                 type: Object,
@@ -3187,7 +3313,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             filters: {
                 deep: true,
-                handler: function(newValue) {
+                handler: function (newValue) {
                     this.d_filters = this.cloneFilters(newValue);
                 }
             }
@@ -3237,6 +3363,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 this.d_rows = event.rows;
 
                 let pageEvent = this.createLazyLoadEvent(event);
+
                 pageEvent.pageCount = event.pageCount;
                 pageEvent.page = event.page;
 
@@ -3253,21 +3380,24 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     const targetNode = event.target;
                     const columnField = this.columnProp(column, 'sortField') || this.columnProp(column, 'field');
 
-                    if (utils.DomHandler.hasClass(targetNode, 'p-sortable-column') || utils.DomHandler.hasClass(targetNode, 'p-column-title') || utils.DomHandler.hasClass(targetNode, 'p-column-header-content')
-                        || utils.DomHandler.hasClass(targetNode, 'p-sortable-column-icon') || utils.DomHandler.hasClass(targetNode.parentElement, 'p-sortable-column-icon')) {
+                    if (
+                        utils.DomHandler.hasClass(targetNode, 'p-sortable-column') ||
+                        utils.DomHandler.hasClass(targetNode, 'p-column-title') ||
+                        utils.DomHandler.hasClass(targetNode, 'p-column-header-content') ||
+                        utils.DomHandler.hasClass(targetNode, 'p-sortable-column-icon') ||
+                        utils.DomHandler.hasClass(targetNode.parentElement, 'p-sortable-column-icon')
+                    ) {
                         utils.DomHandler.clearSelection();
 
                         if (this.sortMode === 'single') {
                             if (this.d_sortField === columnField) {
-                                if (this.removableSort && (this.d_sortOrder * -1 === this.defaultSortOrder)) {
+                                if (this.removableSort && this.d_sortOrder * -1 === this.defaultSortOrder) {
                                     this.d_sortOrder = null;
                                     this.d_sortField = null;
-                                }
-                                else {
+                                } else {
                                     this.d_sortOrder = this.d_sortOrder * -1;
                                 }
-                            }
-                            else {
+                            } else {
                                 this.d_sortOrder = this.defaultSortOrder;
                                 this.d_sortField = columnField;
                             }
@@ -3275,11 +3405,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                             this.$emit('update:sortField', this.d_sortField);
                             this.$emit('update:sortOrder', this.d_sortOrder);
                             this.resetPage();
-                        }
-                        else if (this.sortMode === 'multiple') {
+                        } else if (this.sortMode === 'multiple') {
                             let metaKey = event.metaKey || event.ctrlKey;
+
                             if (!metaKey) {
-                                this.d_multiSortMeta =  this.d_multiSortMeta.filter(meta => meta.field === columnField);
+                                this.d_multiSortMeta = this.d_multiSortMeta.filter((meta) => meta.field === columnField);
                             }
 
                             this.addMultiSortField(columnField);
@@ -3296,8 +3426,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.groupRowsBy && this.groupRowsBy === this.sortField) {
                     this.d_multiSortMeta = [
-                        {field: this.sortField, order: this.sortOrder || this.defaultSortOrder},
-                        {field: this.d_sortField, order: this.d_sortOrder}
+                        { field: this.sortField, order: this.sortOrder || this.defaultSortOrder },
+                        { field: this.d_sortField, order: this.d_sortOrder }
                     ];
 
                     return this.sortMultiple(value);
@@ -3311,18 +3441,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                     let result = null;
 
-                    if (value1 == null && value2 != null)
-                        result = -1;
-                    else if (value1 != null && value2 == null)
-                        result = 1;
-                    else if (value1 == null && value2 == null)
-                        result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string')
-                        result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else
-                        result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
-
-                    return (this.d_sortOrder * result);
+                    if (value1 == null && value2 != null) result = -1;
+                    else if (value1 != null && value2 == null) result = 1;
+                    else if (value1 == null && value2 == null) result = 0;
+                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
+                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+
+                    return this.d_sortOrder * result;
                 });
 
                 return data;
@@ -3332,6 +3457,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.groupRowsBy && (this.d_groupRowsSortMeta || (this.d_multiSortMeta.length && this.groupRowsBy === this.d_multiSortMeta[0].field))) {
                     const firstSortMeta = this.d_multiSortMeta[0];
+
                     !this.d_groupRowsSortMeta && (this.d_groupRowsSortMeta = firstSortMeta);
 
                     if (firstSortMeta.field !== this.d_groupRowsSortMeta.field) {
@@ -3353,31 +3479,27 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let result = null;
 
                 if (typeof value1 === 'string' || value1 instanceof String) {
-                    if (value1.localeCompare && (value1 !== value2)) {
-                        return (this.d_multiSortMeta[index].order * value1.localeCompare(value2, undefined, { numeric: true }));
+                    if (value1.localeCompare && value1 !== value2) {
+                        return this.d_multiSortMeta[index].order * value1.localeCompare(value2, undefined, { numeric: true });
                     }
-                }
-                else {
-                    result = (value1 < value2) ? -1 : 1;
+                } else {
+                    result = value1 < value2 ? -1 : 1;
                 }
 
-                if (value1 === value2)  {
-                    return (this.d_multiSortMeta.length - 1) > (index) ? (this.multisortField(data1, data2, index + 1)) : 0;
+                if (value1 === value2) {
+                    return this.d_multiSortMeta.length - 1 > index ? this.multisortField(data1, data2, index + 1) : 0;
                 }
 
-                return (this.d_multiSortMeta[index].order * result);
+                return this.d_multiSortMeta[index].order * result;
             },
             addMultiSortField(field) {
-                let index =  this.d_multiSortMeta.findIndex(meta => meta.field === field);
+                let index = this.d_multiSortMeta.findIndex((meta) => meta.field === field);
 
                 if (index >= 0) {
-                    if (this.removableSort && (this.d_multiSortMeta[index].order * -1 === this.defaultSortOrder))
-                        this.d_multiSortMeta.splice(index, 1);
-                    else
-                        this.d_multiSortMeta[index] = {field: field, order: this.d_multiSortMeta[index].order * -1};
-                }
-                else {
-                    this.d_multiSortMeta.push({field: field, order: this.defaultSortOrder});
+                    if (this.removableSort && this.d_multiSortMeta[index].order * -1 === this.defaultSortOrder) this.d_multiSortMeta.splice(index, 1);
+                    else this.d_multiSortMeta[index] = { field: field, order: this.d_multiSortMeta[index].order * -1 };
+                } else {
+                    this.d_multiSortMeta.push({ field: field, order: this.defaultSortOrder });
                 }
 
                 this.d_multiSortMeta = [...this.d_multiSortMeta];
@@ -3390,8 +3512,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 this.clearEditingMetaData();
 
                 let globalFilterFieldsArray;
+
                 if (this.filters['global']) {
-                    globalFilterFieldsArray = this.globalFilterFields|| this.columns.map(col => this.columnProp(col, 'filterField') || this.columnProp(col, 'field'));
+                    globalFilterFieldsArray = this.globalFilterFields || this.columns.map((col) => this.columnProp(col, 'filterField') || this.columnProp(col, 'field'));
                 }
 
                 let filteredValue = [];
@@ -3415,8 +3538,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                                         break;
                                     }
                                 }
-                            }
-                            else {
+                            } else {
                                 localMatch = this.executeLocalFilter(filterField, data[i], filterMeta);
                             }
 
@@ -3427,8 +3549,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     }
 
                     if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) {
-                        for(let j = 0; j < globalFilterFieldsArray.length; j++) {
+                        for (let j = 0; j < globalFilterFieldsArray.length; j++) {
                             let globalFilterField = globalFilterFieldsArray[j];
+
                             globalMatch = api.FilterService.filters[this.filters['global'].matchMode || api.FilterMatchMode.CONTAINS](utils.ObjectUtils.resolveFieldData(data[i], globalFilterField), this.filters['global'].value, this.filterLocale);
 
                             if (globalMatch) {
@@ -3438,10 +3561,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     }
 
                     let matches;
+
                     if (this.filters['global']) {
-                        matches = localFiltered ? (localFiltered && localMatch && globalMatch) : globalMatch;
-                    }
-                    else {
+                        matches = localFiltered ? localFiltered && localMatch && globalMatch : globalMatch;
+                    } else {
                         matches = localFiltered && localMatch;
                     }
 
@@ -3455,6 +3578,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 }
 
                 let filterEvent = this.createLazyLoadEvent();
+
                 filterEvent.filteredValue = filteredValue;
                 this.$emit('filter', filterEvent);
                 this.$emit('value-change', filteredValue);
@@ -3471,6 +3595,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onRowClick(e) {
                 const event = e.originalEvent;
+
                 if (utils.DomHandler.isClickable(event.target)) {
                     return;
                 }
@@ -3485,10 +3610,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         utils.DomHandler.clearSelection();
                         this.rangeRowIndex = rowIndex;
                         this.selectRange(event);
-                    }
-                    else {
+                    } else {
                         const selected = this.isSelected(rowData);
                         const metaSelection = this.rowTouched ? false : this.metaKeySelection;
+
                         this.anchorRowIndex = rowIndex;
                         this.rangeRowIndex = rowIndex;
 
@@ -3496,52 +3621,49 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                             let metaKey = event.metaKey || event.ctrlKey;
 
                             if (selected && metaKey) {
-                                if(this.isSingleSelectionMode()) {
+                                if (this.isSingleSelectionMode()) {
                                     this.$emit('update:selection', null);
-                                }
-                                else {
+                                } else {
                                     const selectionIndex = this.findIndexInSelection(rowData);
-                                    const _selection = this.selection.filter((val,i) => i != selectionIndex);
+                                    const _selection = this.selection.filter((val, i) => i != selectionIndex);
+
                                     this.$emit('update:selection', _selection);
                                 }
 
-                                this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
-                            }
-                            else {
-                                if(this.isSingleSelectionMode()) {
+                                this.$emit('row-unselect', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
+                            } else {
+                                if (this.isSingleSelectionMode()) {
                                     this.$emit('update:selection', rowData);
-                                }
-                                else if (this.isMultipleSelectionMode()) {
-                                    let _selection = metaKey ? (this.selection || []) : [];
+                                } else if (this.isMultipleSelectionMode()) {
+                                    let _selection = metaKey ? this.selection || [] : [];
+
                                     _selection = [..._selection, rowData];
                                     this.$emit('update:selection', _selection);
                                 }
 
-                                this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
+                                this.$emit('row-select', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
                             }
-                        }
-                        else {
+                        } else {
                             if (this.selectionMode === 'single') {
                                 if (selected) {
                                     this.$emit('update:selection', null);
-                                    this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
-                                }
-                                else {
+                                    this.$emit('row-unselect', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
+                                } else {
                                     this.$emit('update:selection', rowData);
-                                    this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
+                                    this.$emit('row-select', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
                                 }
-                            }
-                            else if (this.selectionMode === 'multiple') {
+                            } else if (this.selectionMode === 'multiple') {
                                 if (selected) {
                                     const selectionIndex = this.findIndexInSelection(rowData);
                                     const _selection = this.selection.filter((val, i) => i != selectionIndex);
+
                                     this.$emit('update:selection', _selection);
-                                    this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
-                                }
-                                else {
+                                    this.$emit('row-unselect', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
+                                } else {
                                     const _selection = this.selection ? [...this.selection, rowData] : [rowData];
+
                                     this.$emit('update:selection', _selection);
-                                    this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
+                                    this.$emit('row-select', { originalEvent: event, data: rowData, index: rowIndex, type: 'row' });
                                 }
                             }
                         }
@@ -3552,6 +3674,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onRowDblClick(e) {
                 const event = e.originalEvent;
+
                 if (utils.DomHandler.isClickable(event.target)) {
                     return;
                 }
@@ -3580,51 +3703,49 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         //down arrow
                         case 40:
                             var nextRow = this.findNextSelectableRow(row);
+
                             if (nextRow) {
                                 nextRow.focus();
                             }
 
                             event.preventDefault();
-                        break;
+                            break;
 
                         //up arrow
                         case 38:
                             var prevRow = this.findPrevSelectableRow(row);
+
                             if (prevRow) {
                                 prevRow.focus();
                             }
 
                             event.preventDefault();
-                        break;
+                            break;
 
                         //enter
                         case 13:
-                            this.onRowClick({originalEvent: event, data: rowData, index: rowIndex});
-                        break;
+                            this.onRowClick({ originalEvent: event, data: rowData, index: rowIndex });
+                            break;
                     }
                 }
             },
             findNextSelectableRow(row) {
                 let nextRow = row.nextElementSibling;
+
                 if (nextRow) {
-                    if (utils.DomHandler.hasClass(nextRow, 'p-selectable-row'))
-                        return nextRow;
-                    else
-                        return this.findNextSelectableRow(nextRow);
-                }
-                else {
+                    if (utils.DomHandler.hasClass(nextRow, 'p-selectable-row')) return nextRow;
+                    else return this.findNextSelectableRow(nextRow);
+                } else {
                     return null;
                 }
             },
             findPrevSelectableRow(row) {
                 let prevRow = row.previousElementSibling;
+
                 if (prevRow) {
-                    if (utils.DomHandler.hasClass(prevRow, 'p-selectable-row'))
-                        return prevRow;
-                    else
-                        return this.findPrevSelectableRow(prevRow);
-                }
-                else {
+                    if (utils.DomHandler.hasClass(prevRow, 'p-selectable-row')) return prevRow;
+                    else return this.findPrevSelectableRow(prevRow);
+                } else {
                     return null;
                 }
             },
@@ -3634,8 +3755,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (this.isSelected(rowData)) {
                     this.$emit('update:selection', null);
                     this.$emit('row-unselect', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'radiobutton' });
-                }
-                else {
+                } else {
                     this.$emit('update:selection', rowData);
                     this.$emit('row-select', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'radiobutton' });
                 }
@@ -3646,11 +3766,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (this.isSelected(rowData)) {
                     const selectionIndex = this.findIndexInSelection(rowData);
                     const _selection = this.selection.filter((val, i) => i != selectionIndex);
+
                     this.$emit('update:selection', _selection);
                     this.$emit('row-unselect', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'checkbox' });
-                }
-                else {
+                } else {
                     let _selection = this.selection ? [...this.selection] : [];
+
                     _selection = [..._selection, rowData];
                     this.$emit('update:selection', _selection);
                     this.$emit('row-select', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'checkbox' });
@@ -3659,21 +3780,18 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             toggleRowsWithCheckbox(event) {
                 if (this.selectAll !== null) {
                     this.$emit('select-all-change', event);
-                }
-                else {
+                } else {
                     const { originalEvent, checked } = event;
                     let _selection = [];
 
                     if (checked) {
                         _selection = this.frozenValue ? [...this.frozenValue, ...this.processedData] : this.processedData;
-                        this.$emit('row-select-all', {originalEvent, data: _selection});
-                    }
-                    else {
-                        this.$emit('row-unselect-all', {originalEvent});
+                        this.$emit('row-select-all', { originalEvent, data: _selection });
+                    } else {
+                        this.$emit('row-unselect-all', { originalEvent });
                     }
 
                     this.$emit('update:selection', _selection);
-
                 }
             },
             isSingleSelectionMode() {
@@ -3686,12 +3804,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (rowData && this.selection) {
                     if (this.dataKey) {
                         return this.d_selectionKeys ? this.d_selectionKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
-                    }
-                    else {
-                        if (this.selection instanceof Array)
-                            return this.findIndexInSelection(rowData) > -1;
-                        else
-                            return this.equals(rowData, this.selection);
+                    } else {
+                        if (this.selection instanceof Array) return this.findIndexInSelection(rowData) > -1;
+                        else return this.equals(rowData, this.selection);
                     }
                 }
 
@@ -3702,6 +3817,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             findIndex(rowData, collection) {
                 let index = -1;
+
                 if (collection && collection.length) {
                     for (let i = 0; i < collection.length; i++) {
                         if (this.equals(rowData, collection[i])) {
@@ -3715,39 +3831,39 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             updateSelectionKeys(selection) {
                 this.d_selectionKeys = {};
+
                 if (Array.isArray(selection)) {
                     for (let data of selection) {
                         this.d_selectionKeys[String(utils.ObjectUtils.resolveFieldData(data, this.dataKey))] = 1;
                     }
-                }
-                else {
+                } else {
                     this.d_selectionKeys[String(utils.ObjectUtils.resolveFieldData(selection, this.dataKey))] = 1;
                 }
             },
             updateExpandedRowKeys(expandedRows) {
                 if (expandedRows && expandedRows.length) {
                     this.d_expandedRowKeys = {};
+
                     for (let data of expandedRows) {
                         this.d_expandedRowKeys[String(utils.ObjectUtils.resolveFieldData(data, this.dataKey))] = 1;
                     }
-                }
-                else {
+                } else {
                     this.d_expandedRowKeys = null;
                 }
             },
             updateEditingRowKeys(editingRows) {
                 if (editingRows && editingRows.length) {
                     this.d_editingRowKeys = {};
+
                     for (let data of editingRows) {
                         this.d_editingRowKeys[String(utils.ObjectUtils.resolveFieldData(data, this.dataKey))] = 1;
                     }
-                }
-                else {
+                } else {
                     this.d_editingRowKeys = null;
                 }
             },
             equals(data1, data2) {
-                return this.compareSelectionBy === 'equals' ? (data1 === data2) : utils.ObjectUtils.equals(data1, data2, this.dataKey);
+                return this.compareSelectionBy === 'equals' ? data1 === data2 : utils.ObjectUtils.equals(data1, data2, this.dataKey);
             },
             selectRange(event) {
                 let rangeStart, rangeEnd;
@@ -3755,12 +3871,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (this.rangeRowIndex > this.anchorRowIndex) {
                     rangeStart = this.anchorRowIndex;
                     rangeEnd = this.rangeRowIndex;
-                }
-                else if(this.rangeRowIndex < this.anchorRowIndex) {
+                } else if (this.rangeRowIndex < this.anchorRowIndex) {
                     rangeStart = this.rangeRowIndex;
                     rangeEnd = this.anchorRowIndex;
-                }
-                else {
+                } else {
                     rangeStart = this.rangeRowIndex;
                     rangeEnd = this.rangeRowIndex;
                 }
@@ -3772,10 +3886,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 const value = this.processedData;
                 let _selection = [];
-                for(let i = rangeStart; i <= rangeEnd; i++) {
+
+                for (let i = rangeStart; i <= rangeEnd; i++) {
                     let rangeRowData = value[i];
+
                     _selection.push(rangeRowData);
-                    this.$emit('row-select', {originalEvent: event, data: rangeRowData, type: 'row'});
+                    this.$emit('row-select', { originalEvent: event, data: rangeRowData, type: 'row' });
                 }
 
                 this.$emit('update:selection', _selection);
@@ -3786,22 +3902,19 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (!data) {
                     data = this.processedData;
 
-                    if (options && options.selectionOnly)
-                        data = this.selection || [];
-                    else if (this.frozenValue)
-                        data = data ? [...this.frozenValue, ...data] : this.frozenValue;
+                    if (options && options.selectionOnly) data = this.selection || [];
+                    else if (this.frozenValue) data = data ? [...this.frozenValue, ...data] : this.frozenValue;
                 }
 
                 //headers
                 let headerInitiated = false;
+
                 for (let i = 0; i < this.columns.length; i++) {
                     let column = this.columns[i];
 
                     if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'field')) {
-                        if (headerInitiated)
-                            csv += this.csvSeparator;
-                        else
-                            headerInitiated = true;
+                        if (headerInitiated) csv += this.csvSeparator;
+                        else headerInitiated = true;
 
                         csv += '"' + (this.columnProp(column, 'exportHeader') || this.columnProp(column, 'header') || this.columnProp(column, 'field')) + '"';
                     }
@@ -3809,16 +3922,16 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 //body
                 if (data) {
-                    data.forEach(record => {
+                    data.forEach((record) => {
                         csv += '\n';
                         let rowInitiated = false;
+
                         for (let i = 0; i < this.columns.length; i++) {
                             let column = this.columns[i];
+
                             if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'field')) {
-                                if (rowInitiated)
-                                    csv += this.csvSeparator;
-                                else
-                                    rowInitiated = true;
+                                if (rowInitiated) csv += this.csvSeparator;
+                                else rowInitiated = true;
 
                                 let cellData = utils.ObjectUtils.resolveFieldData(record, this.columnProp(column, 'field'));
 
@@ -3828,12 +3941,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                                             data: cellData,
                                             field: this.columnProp(column, 'field')
                                         });
-                                    }
-                                    else
-                                        cellData = String(cellData).replace(/"/g, '""');
-                                }
-                                else
-                                    cellData = '';
+                                    } else cellData = String(cellData).replace(/"/g, '""');
+                                } else cellData = '';
 
                                 csv += '"' + cellData + '"';
                             }
@@ -3841,19 +3950,17 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     });
                 }
 
-
                 //footers
                 let footerInitiated = false;
+
                 for (let i = 0; i < this.columns.length; i++) {
                     let column = this.columns[i];
 
                     if (i === 0) csv += '\n';
 
                     if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'field')) {
-                        if (footerInitiated)
-                            csv += this.csvSeparator;
-                        else
-                            footerInitiated = true;
+                        if (footerInitiated) csv += this.csvSeparator;
+                        else footerInitiated = true;
 
                         csv += '"' + (this.columnProp(column, 'exportFooter') || this.columnProp(column, 'footer') || this.columnProp(column, 'field')) + '"';
                     }
@@ -3867,18 +3974,20 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onColumnResizeStart(event) {
                 let containerLeft = utils.DomHandler.getOffset(this.$el).left;
+
                 this.resizeColumnElement = event.target.parentElement;
                 this.columnResizing = true;
-                this.lastResizeHelperX = (event.pageX - containerLeft + this.$el.scrollLeft);
+                this.lastResizeHelperX = event.pageX - containerLeft + this.$el.scrollLeft;
 
                 this.bindColumnResizeEvents();
             },
             onColumnResize(event) {
                 let containerLeft = utils.DomHandler.getOffset(this.$el).left;
+
                 utils.DomHandler.addClass(this.$el, 'p-unselectable-text');
                 this.$refs.resizeHelper.style.height = this.$el.offsetHeight + 'px';
                 this.$refs.resizeHelper.style.top = 0 + 'px';
-                this.$refs.resizeHelper.style.left = (event.pageX - containerLeft + this.$el.scrollLeft) + 'px';
+                this.$refs.resizeHelper.style.left = event.pageX - containerLeft + this.$el.scrollLeft + 'px';
 
                 this.$refs.resizeHelper.style.display = 'block';
             },
@@ -3886,7 +3995,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let delta = this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
                 let columnWidth = this.resizeColumnElement.offsetWidth;
                 let newColumnWidth = columnWidth + delta;
-                let minWidth = this.resizeColumnElement.style.minWidth||15;
+                let minWidth = this.resizeColumnElement.style.minWidth || 15;
 
                 if (columnWidth + delta > parseInt(minWidth, 10)) {
                     if (this.columnResizeMode === 'fit') {
@@ -3896,9 +4005,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         if (newColumnWidth > 15 && nextColumnWidth > 15) {
                             this.resizeTableCells(newColumnWidth, nextColumnWidth);
                         }
-                    }
-                    else if (this.columnResizeMode === 'expand') {
+                    } else if (this.columnResizeMode === 'expand') {
                         const tableWidth = this.$refs.table.offsetWidth + delta + 'px';
+
                         const updateTableWidth = (el) => {
                             !!el && (el.style.width = el.style.minWidth = tableWidth);
                         };
@@ -3936,15 +4045,18 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let colIndex = utils.DomHandler.index(this.resizeColumnElement);
                 let widths = [];
                 let headers = utils.DomHandler.find(this.$refs.table, '.p-datatable-thead > tr > th');
-                headers.forEach(header => widths.push(utils.DomHandler.getOuterWidth(header)));
+
+                headers.forEach((header) => widths.push(utils.DomHandler.getOuterWidth(header)));
 
                 this.destroyStyleElement();
                 this.createStyleElement();
 
                 let innerHTML = '';
+
                 widths.forEach((width, index) => {
-                    let colWidth = index === colIndex ? newColumnWidth : (nextColumnWidth && index === colIndex + 1) ? nextColumnWidth : width;
+                    let colWidth = index === colIndex ? newColumnWidth : nextColumnWidth && index === colIndex + 1 ? nextColumnWidth : width;
                     let style = this.scrollable ? `flex: 1 1 ${colWidth}px !important` : `width: ${colWidth}px !important`;
+
                     innerHTML += `
                     .p-datatable[${this.attributeSelector}] .p-datatable-thead > tr > th:nth-child(${index + 1}),
                     .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr > td:nth-child(${index + 1}),
@@ -3959,7 +4071,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             bindColumnResizeEvents() {
                 if (!this.documentColumnResizeListener) {
                     this.documentColumnResizeListener = document.addEventListener('mousemove', () => {
-                        if(this.columnResizing) {
+                        if (this.columnResizing) {
                             this.onColumnResize(event);
                         }
                     });
@@ -3967,13 +4079,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (!this.documentColumnResizeEndListener) {
                     this.documentColumnResizeEndListener = document.addEventListener('mouseup', () => {
-                        if(this.columnResizing) {
+                        if (this.columnResizing) {
                             this.columnResizing = false;
                             this.onColumnResizeEnd();
                         }
                     });
                 }
-
             },
             unbindColumnResizeEvents() {
                 if (this.documentColumnResizeListener) {
@@ -3991,15 +4102,14 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 const column = e.column;
 
                 if (this.reorderableColumns && this.columnProp(column, 'reorderableColumn') !== false) {
-                    if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || utils.DomHandler.hasClass(event.target, 'p-column-resizer'))
-                        event.currentTarget.draggable = false;
-                    else
-                        event.currentTarget.draggable = true;
+                    if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || utils.DomHandler.hasClass(event.target, 'p-column-resizer')) event.currentTarget.draggable = false;
+                    else event.currentTarget.draggable = true;
                 }
             },
             onColumnHeaderDragStart(event) {
                 if (this.columnResizing) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -4011,26 +4121,26 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onColumnHeaderDragOver(event) {
                 let dropHeader = this.findParentHeader(event.target);
-                if(this.reorderableColumns && this.draggedColumn && dropHeader) {
+
+                if (this.reorderableColumns && this.draggedColumn && dropHeader) {
                     event.preventDefault();
                     let containerOffset = utils.DomHandler.getOffset(this.$el);
                     let dropHeaderOffset = utils.DomHandler.getOffset(dropHeader);
 
                     if (this.draggedColumn !== dropHeader) {
-                        let targetLeft =  dropHeaderOffset.left - containerOffset.left;
+                        let targetLeft = dropHeaderOffset.left - containerOffset.left;
                         let columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
 
                         this.$refs.reorderIndicatorUp.style.top = dropHeaderOffset.top - containerOffset.top - (this.colReorderIconHeight - 1) + 'px';
                         this.$refs.reorderIndicatorDown.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';
 
-                        if(event.pageX > columnCenter) {
-                            this.$refs.reorderIndicatorUp.style.left = (targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2)) + 'px';
-                            this.$refs.reorderIndicatorDown.style.left = (targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2))+ 'px';
+                        if (event.pageX > columnCenter) {
+                            this.$refs.reorderIndicatorUp.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2) + 'px';
+                            this.$refs.reorderIndicatorDown.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(this.colReorderIconWidth / 2) + 'px';
                             this.dropPosition = 1;
-                        }
-                        else {
-                            this.$refs.reorderIndicatorUp.style.left = (targetLeft - Math.ceil(this.colReorderIconWidth / 2)) + 'px';
-                            this.$refs.reorderIndicatorDown.style.left = (targetLeft - Math.ceil(this.colReorderIconWidth / 2))+ 'px';
+                        } else {
+                            this.$refs.reorderIndicatorUp.style.left = targetLeft - Math.ceil(this.colReorderIconWidth / 2) + 'px';
+                            this.$refs.reorderIndicatorDown.style.left = targetLeft - Math.ceil(this.colReorderIconWidth / 2) + 'px';
                             this.dropPosition = -1;
                         }
 
@@ -4040,7 +4150,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 }
             },
             onColumnHeaderDragLeave(event) {
-                if(this.reorderableColumns && this.draggedColumn) {
+                if (this.reorderableColumns && this.draggedColumn) {
                     event.preventDefault();
                     this.$refs.reorderIndicatorUp.style.display = 'none';
                     this.$refs.reorderIndicatorDown.style.display = 'none';
@@ -4048,10 +4158,12 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onColumnHeaderDrop(event) {
                 event.preventDefault();
+
                 if (this.draggedColumn) {
                     let dragIndex = utils.DomHandler.index(this.draggedColumn);
                     let dropIndex = utils.DomHandler.index(this.findParentHeader(event.target));
-                    let allowDrop = (dragIndex !== dropIndex);
+                    let allowDrop = dragIndex !== dropIndex;
+
                     if (allowDrop && ((dropIndex - dragIndex === 1 && this.dropPosition === -1) || (dropIndex - dragIndex === -1 && this.dropPosition === 1))) {
                         allowDrop = false;
                     }
@@ -4075,15 +4187,16 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 }
             },
             findParentHeader(element) {
-                if(element.nodeName === 'TH') {
+                if (element.nodeName === 'TH') {
                     return element;
-                }
-                else {
+                } else {
                     let parent = element.parentElement;
-                    while(parent.nodeName !== 'TH') {
+
+                    while (parent.nodeName !== 'TH') {
                         parent = parent.parentElement;
                         if (!parent) break;
                     }
+
                     return parent;
                 }
             },
@@ -4091,6 +4204,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (columns && columns.length) {
                     for (let i = 0; i < columns.length; i++) {
                         let column = columns[i];
+
                         if (this.columnProp(column, 'columnKey') === key || this.columnProp(column, 'field') === key) {
                             return column;
                         }
@@ -4100,17 +4214,16 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 return null;
             },
             onRowMouseDown(event) {
-                if (utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle'))
-                    event.currentTarget.draggable = true;
-                else
-                    event.currentTarget.draggable = false;
+                if (utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) event.currentTarget.draggable = true;
+                else event.currentTarget.draggable = false;
             },
             onRowDragStart(e) {
                 const event = e.originalEvent;
                 const index = e.index;
+
                 this.rowDragging = true;
                 this.draggedRowIndex = index;
-                event.dataTransfer.setData('text', 'b');    // For firefox
+                event.dataTransfer.setData('text', 'b'); // For firefox
             },
             onRowDragOver(e) {
                 const event = e.originalEvent;
@@ -4127,16 +4240,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         utils.DomHandler.removeClass(rowElement, 'p-datatable-dragpoint-bottom');
 
                         this.droppedRowIndex = index;
-                        if (prevRowElement)
-                            utils.DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                        else
-                            utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
-                    }
-                    else {
-                        if (prevRowElement)
-                            utils.DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
-                        else
-                            utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                        if (prevRowElement) utils.DomHandler.addClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+                        else utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
+                    } else {
+                        if (prevRowElement) utils.DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
+                        else utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
 
                         this.droppedRowIndex = index + 1;
                         utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
@@ -4148,6 +4256,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             onRowDragLeave(event) {
                 let rowElement = event.currentTarget;
                 let prevRowElement = rowElement.previousElementSibling;
+
                 if (prevRowElement) {
                     utils.DomHandler.removeClass(prevRowElement, 'p-datatable-dragpoint-bottom');
                 }
@@ -4163,8 +4272,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onRowDrop(event) {
                 if (this.droppedRowIndex != null) {
-                    let dropIndex = (this.draggedRowIndex > this.droppedRowIndex) ? this.droppedRowIndex : (this.droppedRowIndex === 0) ? 0 : this.droppedRowIndex - 1;
+                    let dropIndex = this.draggedRowIndex > this.droppedRowIndex ? this.droppedRowIndex : this.droppedRowIndex === 0 ? 0 : this.droppedRowIndex - 1;
                     let processedData = [...this.processedData];
+
                     utils.ObjectUtils.reorderArray(processedData, this.draggedRowIndex, dropIndex);
 
                     this.$emit('row-reorder', {
@@ -4188,8 +4298,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.dataKey) {
                     expanded = this.d_expandedRowKeys ? this.d_expandedRowKeys[utils.ObjectUtils.resolveFieldData(rowData, this.dataKey)] !== undefined : false;
-                }
-                else {
+                } else {
                     expandedRowIndex = this.findIndex(rowData, this.expandedRows);
                     expanded = expandedRowIndex > -1;
                 }
@@ -4198,11 +4307,11 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     if (expandedRowIndex == null) {
                         expandedRowIndex = this.findIndex(rowData, this.expandedRows);
                     }
+
                     _expandedRows.splice(expandedRowIndex, 1);
                     this.$emit('update:expandedRows', _expandedRows);
                     this.$emit('row-collapse', event);
-                }
-                else {
+                } else {
                     _expandedRows.push(rowData);
                     this.$emit('update:expandedRows', _expandedRows);
                     this.$emit('row-expand', event);
@@ -4215,28 +4324,29 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 let _expandedRowGroups = this.expandedRowGroups ? [...this.expandedRowGroups] : [];
 
                 if (this.isRowGroupExpanded(data)) {
-                    _expandedRowGroups = _expandedRowGroups.filter(group => group !== groupFieldValue);
+                    _expandedRowGroups = _expandedRowGroups.filter((group) => group !== groupFieldValue);
                     this.$emit('update:expandedRowGroups', _expandedRowGroups);
-                    this.$emit('rowgroup-collapse', {originalEvent: event, data: groupFieldValue});
-                }
-                else {
+                    this.$emit('rowgroup-collapse', { originalEvent: event, data: groupFieldValue });
+                } else {
                     _expandedRowGroups.push(groupFieldValue);
                     this.$emit('update:expandedRowGroups', _expandedRowGroups);
-                    this.$emit('rowgroup-expand', {originalEvent: event, data: groupFieldValue});
+                    this.$emit('rowgroup-expand', { originalEvent: event, data: groupFieldValue });
                 }
             },
             isRowGroupExpanded(rowData) {
                 if (this.expandableRowGroups && this.expandedRowGroups) {
                     let groupFieldValue = utils.ObjectUtils.resolveFieldData(rowData, this.groupRowsBy);
+
                     return this.expandedRowGroups.indexOf(groupFieldValue) > -1;
                 }
+
                 return false;
             },
             isStateful() {
                 return this.stateKey != null;
             },
             getStorage() {
-                switch(this.stateStorage) {
+                switch (this.stateStorage) {
                     case 'local':
                         return window.localStorage;
 
@@ -4301,8 +4411,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 const storage = this.getStorage();
                 const stateString = storage.getItem(this.stateKey);
                 const dateFormat = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/;
-                const reviver = function(key, value) {
-                    if (typeof value === "string" && dateFormat.test(value)) {
+
+                const reviver = function (key, value) {
+                    if (typeof value === 'string' && dateFormat.test(value)) {
                         return new Date(value);
                     }
 
@@ -4359,7 +4470,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             saveColumnWidths(state) {
                 let widths = [];
                 let headers = utils.DomHandler.find(this.$el, '.p-datatable-thead > tr > th');
-                headers.forEach(header => widths.push(utils.DomHandler.getOuterWidth(header)));
+
+                headers.forEach((header) => widths.push(utils.DomHandler.getOuterWidth(header)));
                 state.columnWidths = widths.join(',');
 
                 if (this.columnResizeMode === 'expand') {
@@ -4380,8 +4492,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         this.createStyleElement();
 
                         let innerHTML = '';
+
                         widths.forEach((width, index) => {
                             let style = this.scrollable ? `flex: 1 1 ${width}px !important` : `width: ${width}px !important`;
+
                             innerHTML += `
                             .p-datatable[${this.attributeSelector}] .p-datatable-thead > tr > th:nth-child(${index + 1}),
                             .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr > td:nth-child(${index + 1}),
@@ -4406,18 +4520,21 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             onRowEditInit(event) {
                 let _editingRows = this.editingRows ? [...this.editingRows] : [];
+
                 _editingRows.push(event.data);
                 this.$emit('update:editingRows', _editingRows);
                 this.$emit('row-edit-init', event);
             },
             onRowEditSave(event) {
                 let _editingRows = [...this.editingRows];
+
                 _editingRows.splice(this.findIndex(event.data, _editingRows), 1);
                 this.$emit('update:editingRows', _editingRows);
                 this.$emit('row-edit-save', event);
             },
             onRowEditCancel(event) {
                 let _editingRows = [...this.editingRows];
+
                 _editingRows.splice(this.findIndex(event.data, _editingRows), 1);
                 this.$emit('update:editingRows', _editingRows);
                 this.$emit('row-edit-cancel', event);
@@ -4430,10 +4547,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (editing) {
                     !meta && (meta = editingMeta[index] = { data: { ...data }, fields: [] });
                     meta['fields'].push(field);
-                }
-                else if (meta) {
-                    const fields = meta['fields'].filter(f => f !== field);
-                    !fields.length ? (delete editingMeta[index]) : (meta['fields'] = fields);
+                } else if (meta) {
+                    const fields = meta['fields'].filter((f) => f !== field);
+
+                    !fields.length ? delete editingMeta[index] : (meta['fields'] = fields);
                 }
 
                 this.d_editingMeta = editingMeta;
@@ -4474,9 +4591,17 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             cloneFilters() {
                 let cloned = {};
+
                 if (this.filters) {
-                    Object.entries(this.filters).forEach(([prop,value]) => {
-                        cloned[prop] = value.operator ? {operator: value.operator, constraints: value.constraints.map(constraint => {return {...constraint}})} : {...value};
+                    Object.entries(this.filters).forEach(([prop, value]) => {
+                        cloned[prop] = value.operator
+                            ? {
+                                  operator: value.operator,
+                                  constraints: value.constraints.map((constraint) => {
+                                      return { ...constraint };
+                                  })
+                              }
+                            : { ...value };
                     });
                 }
 
@@ -4484,7 +4609,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             updateReorderableColumns() {
                 let columnOrder = [];
-                this.columns.forEach(col => columnOrder.push(this.columnProp(col, 'columnKey')||this.columnProp(col, 'field')));
+
+                this.columns.forEach((col) => columnOrder.push(this.columnProp(col, 'columnKey') || this.columnProp(col, 'field')));
                 this.d_columnOrder = columnOrder;
             },
             createStyleElement() {
@@ -4493,10 +4619,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 document.head.appendChild(this.styleElement);
             },
             createResponsiveStyle() {
-    			if (!this.responsiveStyleElement) {
-    				this.responsiveStyleElement = document.createElement('style');
-    				this.responsiveStyleElement.type = 'text/css';
-    				document.head.appendChild(this.responsiveStyleElement);
+                if (!this.responsiveStyleElement) {
+                    this.responsiveStyleElement = document.createElement('style');
+                    this.responsiveStyleElement.type = 'text/css';
+                    document.head.appendChild(this.responsiveStyleElement);
 
                     let innerHTML = `
 @media screen and (max-width: ${this.breakpoint}) {
@@ -4529,8 +4655,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 `;
 
                     this.responsiveStyleElement.innerHTML = innerHTML;
-    			}
-    		},
+                }
+            },
             destroyResponsiveStyle() {
                 if (this.responsiveStyleElement) {
                     document.head.removeChild(this.responsiveStyleElement);
@@ -4547,6 +4673,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                 if (!results) {
                     results = [];
                 }
+
                 if (children && children.length) {
                     children.forEach((child) => {
                         if (child.children instanceof Array) {
@@ -4556,6 +4683,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         }
                     });
                 }
+
                 return results;
             },
             dataToRender(data) {
@@ -4563,6 +4691,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (_data && this.paginator) {
                     const first = this.lazy ? 0 : this.d_first;
+
                     return _data.slice(first, first + this.d_rows);
                 }
 
@@ -4575,8 +4704,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         computed: {
             containerClass() {
                 return [
-                    'p-datatable p-component', {
-                        'p-datatable-hoverable-rows': (this.rowHover || this.selectionMode),
+                    'p-datatable p-component',
+                    {
+                        'p-datatable-hoverable-rows': this.rowHover || this.selectionMode,
                         'p-datatable-auto-layout': this.autoLayout,
                         'p-datatable-resizable': this.resizableColumns,
                         'p-datatable-resizable-fit': this.resizableColumns && this.columnResizeMode === 'fit',
@@ -4584,7 +4714,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         'p-datatable-scrollable-vertical': this.scrollable && this.scrollDirection === 'vertical',
                         'p-datatable-scrollable-horizontal': this.scrollable && this.scrollDirection === 'horizontal',
                         'p-datatable-scrollable-both': this.scrollable && this.scrollDirection === 'both',
-                        'p-datatable-flex-scrollable': (this.scrollable && this.scrollHeight === 'flex'),
+                        'p-datatable-flex-scrollable': this.scrollable && this.scrollHeight === 'flex',
                         'p-datatable-responsive-stack': this.responsiveLayout === 'stack',
                         'p-datatable-responsive-scroll': this.responsiveLayout === 'scroll',
                         'p-datatable-striped': this.stripedRows,
@@ -4605,8 +4735,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
 
                 if (this.reorderableColumns && this.d_columnOrder) {
                     let orderedColumns = [];
+
                     for (let columnKey of this.d_columnOrder) {
                         let column = this.findColumnByKey(cols, columnKey);
+
                         if (column && !this.columnProp(column, 'hidden')) {
                             orderedColumns.push(column);
                         }
@@ -4619,6 +4751,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             headerColumnGroup() {
                 const children = this.getChildren();
+
                 if (children) {
                     for (let child of children) {
                         if (child.type.name === 'ColumnGroup' && this.columnProp(child, 'type') === 'header') {
@@ -4631,6 +4764,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             footerColumnGroup() {
                 const children = this.getChildren();
+
                 if (children) {
                     for (let child of children) {
                         if (child.type.name === 'ColumnGroup' && this.columnProp(child, 'type') === 'footer') {
@@ -4654,10 +4788,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                         }
 
                         if (this.sorted) {
-                            if(this.sortMode === 'single')
-                                data = this.sortSingle(data);
-                            else if(this.sortMode === 'multiple')
-                                data = this.sortMultiple(data);
+                            if (this.sortMode === 'single') data = this.sortSingle(data);
+                            else if (this.sortMode === 'multiple') data = this.sortMultiple(data);
                         }
                     }
                 }
@@ -4667,15 +4799,16 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             totalRecordsLength() {
                 if (this.lazy) {
                     return this.totalRecords;
-                }
-                else {
+                } else {
                     const data = this.processedData;
+
                     return data ? data.length : 0;
                 }
             },
             empty() {
                 const data = this.processedData;
-                return (!data || data.length === 0);
+
+                return !data || data.length === 0;
             },
             paginatorTop() {
                 return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
@@ -4692,28 +4825,28 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             allRowsSelected() {
                 if (this.selectAll !== null) {
                     return this.selectAll;
-                }
-                else {
+                } else {
                     const val = this.frozenValue ? [...this.frozenValue, ...this.processedData] : this.processedData;
-                    return utils.ObjectUtils.isNotEmpty(val) && this.selection && Array.isArray(this.selection) && val.every(v => this.selection.some(s => this.equals(s, v)));
+
+                    return utils.ObjectUtils.isNotEmpty(val) && this.selection && Array.isArray(this.selection) && val.every((v) => this.selection.some((s) => this.equals(s, v)));
                 }
             },
             attributeSelector() {
                 return utils.UniqueComponentId();
             },
             groupRowSortField() {
-                return this.sortMode === 'single' ? this.sortField : (this.d_groupRowsSortMeta ? this.d_groupRowsSortMeta.field : null);
+                return this.sortMode === 'single' ? this.sortField : this.d_groupRowsSortMeta ? this.d_groupRowsSortMeta.field : null;
             },
             virtualScrollerDisabled() {
                 return utils.ObjectUtils.isEmpty(this.virtualScrollerOptions) || !this.scrollable;
             }
         },
         components: {
-            'DTPaginator': Paginator__default["default"],
-            'DTTableHeader': script$7,
-            'DTTableBody': script$3,
-            'DTTableFooter': script$1,
-            'DTVirtualScroller': VirtualScroller__default["default"]
+            DTPaginator: Paginator__default["default"],
+            DTTableHeader: script$7,
+            DTTableBody: script$3,
+            DTTableFooter: script$1,
+            DTVirtualScroller: VirtualScroller__default["default"]
         }
     };
 
@@ -4793,7 +4926,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     name: "start",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorstart")
-                    ])
+                    ]),
+                    key: "0"
                   }
                 : undefined,
               (_ctx.$slots.paginatorend)
@@ -4801,7 +4935,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     name: "end",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorend")
-                    ])
+                    ]),
+                    key: "1"
                   }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
@@ -4993,7 +5128,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     name: "start",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorstart")
-                    ])
+                    ]),
+                    key: "0"
                   }
                 : undefined,
               (_ctx.$slots.paginatorend)
@@ -5001,7 +5137,8 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     name: "end",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorend")
-                    ])
+                    ]),
+                    key: "1"
                   }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
@@ -5048,7 +5185,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
       }
     }
 
-    var css_248z = "\n.p-datatable {\n    position: relative;\n}\n.p-datatable table {\n    border-collapse: collapse;\n    min-width: 100%;\n    table-layout: fixed;\n}\n.p-datatable .p-sortable-column {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-datatable .p-sortable-column .p-column-title,\n.p-datatable .p-sortable-column .p-sortable-column-icon,\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n    vertical-align: middle;\n}\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-datatable-responsive-scroll > .p-datatable-wrapper {\n    overflow-x: auto;\n}\n.p-datatable-responsive-scroll > .p-datatable-wrapper > table,\n.p-datatable-auto-layout > .p-datatable-wrapper > table {\n    table-layout: auto;\n}\n.p-datatable-hoverable-rows .p-selectable-row {\n    cursor: pointer;\n}\n\n/* Scrollable */\n.p-datatable-scrollable .p-datatable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-datatable-scrollable .p-datatable-thead,\n.p-datatable-scrollable .p-datatable-tbody,\n.p-datatable-scrollable .p-datatable-tfoot {\n    display: block;\n}\n.p-datatable-scrollable .p-datatable-thead > tr,\n.p-datatable-scrollable .p-datatable-tbody > tr,\n.p-datatable-scrollable .p-datatable-tfoot > tr {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n    width: 100%;\n}\n.p-datatable-scrollable .p-datatable-thead > tr > th,\n.p-datatable-scrollable .p-datatable-tbody > tr > td,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 0px;\n            flex: 1 1 0;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-datatable-scrollable .p-datatable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-datatable-frozen-tbody {\n    position: sticky;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-datatable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-datatable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-datatable-scrollable-both .p-datatable-thead > tr > th,\n.p-datatable-scrollable-both .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,\n.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th\n.p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 0 auto;\n            flex: 1 0 auto;\n}\n.p-datatable-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n.p-datatable-flex-scrollable .p-datatable-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n}\n.p-datatable-scrollable .p-rowgroup-header {\n    position: sticky;\n    z-index: 1;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {\n    display: table;\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {\n    display: table-row;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {\n    display: table-cell;\n}\n.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {\n    display: inline-block; /* For Safari */\n}\n\n/* Resizable */\n.p-datatable-resizable > .p-datatable-wrapper {\n    overflow-x: auto;\n}\n.p-datatable-resizable .p-datatable-thead > tr > th,\n.p-datatable-resizable .p-datatable-tfoot > tr > td,\n.p-datatable-resizable .p-datatable-tbody > tr > td {\n    overflow: hidden;\n    white-space: nowrap;\n}\n.p-datatable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-datatable .p-column-resizer {\n    display: block;\n    position: absolute !important;\n    top: 0;\n    right: 0;\n    margin: 0;\n    width: .5rem;\n    height: 100%;\n    padding: 0px;\n    cursor:col-resize;\n    border: 1px solid transparent;\n}\n.p-datatable .p-column-header-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-datatable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-datatable .p-row-editor-init,\n.p-datatable .p-row-editor-save,\n.p-datatable .p-row-editor-cancel {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Expand */\n.p-datatable .p-row-toggler {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Reorder */\n.p-datatable-reorder-indicator-up,\n.p-datatable-reorder-indicator-down {\n    position: absolute;\n    display: none;\n}\n.p-reorderable-column,\n.p-datatable-reorderablerow-handle {\n    cursor: move;\n}\n\n/* Loader */\n.p-datatable .p-datatable-loading-overlay {\n    position: absolute;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    z-index: 2;\n}\n\n/* Filter */\n.p-column-filter-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 100%;\n}\n.p-column-filter-menu {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    margin-left: auto;\n}\n.p-column-filter-row .p-column-filter-element {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n.p-column-filter-menu-button,\n.p-column-filter-clear-button {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-column-filter-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-column-filter-row-items {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-column-filter-row-item {\n    cursor: pointer;\n}\n.p-column-filter-add-button,\n.p-column-filter-remove-button {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-column-filter-add-button .p-button-label,\n.p-column-filter-remove-button .p-button-label {\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n}\n.p-column-filter-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n}\n.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n    width: auto;\n}\n\n/* Responsive */\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n    display: none;\n}\n\n/* VirtualScroller */\n.p-datatable .p-virtualscroller-loading {\n    -webkit-transform: none !important;\n            transform: none !important;\n    min-height: 0;\n    position: sticky;\n    top: 0;\n    left: 0;\n}\n";
+    var css_248z = "\n.p-datatable {\n    position: relative;\n}\n.p-datatable table {\n    border-collapse: collapse;\n    min-width: 100%;\n    table-layout: fixed;\n}\n.p-datatable .p-sortable-column {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-datatable .p-sortable-column .p-column-title,\n.p-datatable .p-sortable-column .p-sortable-column-icon,\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n    vertical-align: middle;\n}\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-datatable-responsive-scroll > .p-datatable-wrapper {\n    overflow-x: auto;\n}\n.p-datatable-responsive-scroll > .p-datatable-wrapper > table,\n.p-datatable-auto-layout > .p-datatable-wrapper > table {\n    table-layout: auto;\n}\n.p-datatable-hoverable-rows .p-selectable-row {\n    cursor: pointer;\n}\n\n/* Scrollable */\n.p-datatable-scrollable .p-datatable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-datatable-scrollable .p-datatable-thead,\n.p-datatable-scrollable .p-datatable-tbody,\n.p-datatable-scrollable .p-datatable-tfoot {\n    display: block;\n}\n.p-datatable-scrollable .p-datatable-thead > tr,\n.p-datatable-scrollable .p-datatable-tbody > tr,\n.p-datatable-scrollable .p-datatable-tfoot > tr {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n    width: 100%;\n}\n.p-datatable-scrollable .p-datatable-thead > tr > th,\n.p-datatable-scrollable .p-datatable-tbody > tr > td,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 0px;\n            flex: 1 1 0;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-datatable-scrollable .p-datatable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-datatable-frozen-tbody {\n    position: sticky;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-datatable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-datatable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-datatable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-datatable-scrollable-both .p-datatable-thead > tr > th,\n.p-datatable-scrollable-both .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,\n.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th .p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 0 auto;\n            flex: 1 0 auto;\n}\n.p-datatable-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n.p-datatable-flex-scrollable .p-datatable-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n}\n.p-datatable-scrollable .p-rowgroup-header {\n    position: sticky;\n    z-index: 1;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {\n    display: table;\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {\n    display: table-row;\n}\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {\n    display: table-cell;\n}\n.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {\n    display: inline-block; /* For Safari */\n}\n\n/* Resizable */\n.p-datatable-resizable > .p-datatable-wrapper {\n    overflow-x: auto;\n}\n.p-datatable-resizable .p-datatable-thead > tr > th,\n.p-datatable-resizable .p-datatable-tfoot > tr > td,\n.p-datatable-resizable .p-datatable-tbody > tr > td {\n    overflow: hidden;\n    white-space: nowrap;\n}\n.p-datatable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-datatable .p-column-resizer {\n    display: block;\n    position: absolute !important;\n    top: 0;\n    right: 0;\n    margin: 0;\n    width: 0.5rem;\n    height: 100%;\n    padding: 0px;\n    cursor: col-resize;\n    border: 1px solid transparent;\n}\n.p-datatable .p-column-header-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-datatable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-datatable .p-row-editor-init,\n.p-datatable .p-row-editor-save,\n.p-datatable .p-row-editor-cancel {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Expand */\n.p-datatable .p-row-toggler {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Reorder */\n.p-datatable-reorder-indicator-up,\n.p-datatable-reorder-indicator-down {\n    position: absolute;\n    display: none;\n}\n.p-reorderable-column,\n.p-datatable-reorderablerow-handle {\n    cursor: move;\n}\n\n/* Loader */\n.p-datatable .p-datatable-loading-overlay {\n    position: absolute;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    z-index: 2;\n}\n\n/* Filter */\n.p-column-filter-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    width: 100%;\n}\n.p-column-filter-menu {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    margin-left: auto;\n}\n.p-column-filter-row .p-column-filter-element {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n.p-column-filter-menu-button,\n.p-column-filter-clear-button {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-column-filter-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-column-filter-row-items {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-column-filter-row-item {\n    cursor: pointer;\n}\n.p-column-filter-add-button,\n.p-column-filter-remove-button {\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-column-filter-add-button .p-button-label,\n.p-column-filter-remove-button .p-button-label {\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            flex-grow: 0;\n}\n.p-column-filter-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n}\n.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n    width: auto;\n}\n\n/* Responsive */\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n    display: none;\n}\n\n/* VirtualScroller */\n.p-datatable .p-virtualscroller-loading {\n    -webkit-transform: none !important;\n            transform: none !important;\n    min-height: 0;\n    position: sticky;\n    top: 0;\n    left: 0;\n}\n";
     styleInject(css_248z);
 
     script.render = render;