primevue 3.16.2 → 3.18.0

package/treetable/treetable.js

@@ -9,7 +9,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
     var script$4 = {
         name: 'BodyCell',
-        emits: ['node-toggle','checkbox-toggle'],
+        emits: ['node-toggle', 'checkbox-toggle'],
         props: {
             node: {
                 type: Object,
@@ -52,7 +52,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             return {
                 styleObject: {},
                 checkboxFocused: false
-            }
+            };
         },
         mounted() {
             if (this.columnProp('frozen')) {
@@ -74,20 +74,24 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             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';
                     }
                 }
@@ -107,15 +111,19 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         },
         computed: {
             containerClass() {
-                return [this.columnProp('bodyClass'), this.columnProp('class'), {
-                    'p-frozen-column': this.columnProp('frozen')
-                }];
+                return [
+                    this.columnProp('bodyClass'),
+                    this.columnProp('class'),
+                    {
+                        '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];
             },
             togglerStyle() {
                 return {
@@ -124,20 +132,20 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 };
             },
             togglerIcon() {
-                return ['p-treetable-toggler-icon pi', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
+                return ['p-treetable-toggler-icon pi', { 'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded }];
             },
             checkboxSelectionMode() {
                 return this.selectionMode === 'checkbox';
             },
             checkboxClass() {
-                return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked}];
+                return ['p-checkbox-box', { 'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked }];
             },
             checkboxIcon() {
-                return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];
+                return ['p-checkbox-icon', { 'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked }];
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -171,7 +179,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         ($options.checkboxSelectionMode && $options.columnProp('expander'))
           ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
-              class: vue.normalizeClass(['p-checkbox p-treetable-checkbox p-component', {'p-checkbox-focused': $data.checkboxFocused}]),
+              class: vue.normalizeClass(['p-checkbox p-treetable-checkbox p-component', { 'p-checkbox-focused': $data.checkboxFocused }]),
               onClick: _cache[3] || (_cache[3] = (...args) => ($options.toggleCheckbox && $options.toggleCheckbox(...args))),
               role: "checkbox",
               "aria-checked": $props.checked
@@ -207,7 +215,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
     var script$3 = {
         name: 'TreeTableRow',
-        emits: ['node-click', 'node-toggle', 'checkbox-change','nodeClick', 'nodeToggle', 'checkboxChange'],
+        emits: ['node-click', 'node-toggle', 'checkbox-change', 'nodeClick', 'nodeToggle', 'checkboxChange'],
         props: {
             node: {
                 type: null,
@@ -251,16 +259,15 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 this.$emit('node-toggle', this.node);
             },
             onClick(event) {
-                if (utils.DomHandler.isClickable(event.target) ||
-                    utils.DomHandler.hasClass(event.target, 'p-treetable-toggler') || utils.DomHandler.hasClass(event.target.parentElement, 'p-treetable-toggler')) {
+                if (utils.DomHandler.isClickable(event.target) || utils.DomHandler.hasClass(event.target, 'p-treetable-toggler') || utils.DomHandler.hasClass(event.target.parentElement, 'p-treetable-toggler')) {
                     return;
                 }
 
                 this.$emit('node-click', {
-                        originalEvent: event,
-                        nodeTouched: this.nodeTouched,
-                        node: this.node
-                    });
+                    originalEvent: event,
+                    nodeTouched: this.nodeTouched,
+                    node: this.node
+                });
 
                 this.nodeTouched = false;
             },
@@ -275,6 +282,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                         //down arrow
                         case 40: {
                             const nextRow = rowElement.nextElementSibling;
+
                             if (nextRow) {
                                 nextRow.focus();
                             }
@@ -286,6 +294,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                         //up arrow
                         case 38: {
                             const previousRow = rowElement.previousElementSibling;
+
                             if (previousRow) {
                                 previousRow.focus();
                             }
@@ -296,11 +305,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                         //right-left arrows
                         case 37:
+
                         case 39: {
                             if (!this.leaf) {
                                 this.$emit('node-toggle', this.node);
                                 event.preventDefault();
                             }
+
                             break;
                         }
 
@@ -314,7 +325,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 }
             },
             toggleCheckbox() {
-                let _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                let _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
                 const _check = !this.checked;
 
                 this.propagateDown(this.node, _check, _selectionKeys);
@@ -326,10 +337,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 });
             },
             propagateDown(node, check, selectionKeys) {
-                if (check)
-                    selectionKeys[node.key] = {checked: true, partialChecked: false};
-                else
-                    delete selectionKeys[node.key];
+                if (check) selectionKeys[node.key] = { checked: true, partialChecked: false };
+                else delete selectionKeys[node.key];
 
                 if (node.children && node.children.length) {
                     for (let child of node.children) {
@@ -339,29 +348,24 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             },
             propagateUp(event) {
                 let check = event.check;
-                let _selectionKeys = {...event.selectionKeys};
+                let _selectionKeys = { ...event.selectionKeys };
                 let checkedChildCount = 0;
                 let childPartialSelected = false;
 
-                for(let child of this.node.children) {
-                    if(_selectionKeys[child.key] && _selectionKeys[child.key].checked)
-                        checkedChildCount++;
-                    else if(_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked)
-                        childPartialSelected = true;
+                for (let child of this.node.children) {
+                    if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;
+                    else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
                 }
 
-                if(check && checkedChildCount === this.node.children.length) {
-                    _selectionKeys[this.node.key] = {checked: true, partialChecked: false};
-                }
-                else {
+                if (check && checkedChildCount === this.node.children.length) {
+                    _selectionKeys[this.node.key] = { checked: true, partialChecked: false };
+                } else {
                     if (!check) {
                         delete _selectionKeys[this.node.key];
                     }
 
-                    if(childPartialSelected || (checkedChildCount > 0 && checkedChildCount !== this.node.children.length))
-                        _selectionKeys[this.node.key] = {checked: false, partialChecked: true};
-                    else
-                        _selectionKeys[this.node.key] = {checked: false, partialChecked: false};
+                    if (childPartialSelected || (checkedChildCount > 0 && checkedChildCount !== this.node.children.length)) _selectionKeys[this.node.key] = { checked: false, partialChecked: true };
+                    else _selectionKeys[this.node.key] = { checked: false, partialChecked: false };
                 }
 
                 this.$emit('checkbox-change', {
@@ -372,29 +376,24 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             },
             onCheckboxChange(event) {
                 let check = event.check;
-                let _selectionKeys = {...event.selectionKeys};
+                let _selectionKeys = { ...event.selectionKeys };
                 let checkedChildCount = 0;
                 let childPartialSelected = false;
 
-                for(let child of this.node.children) {
-                    if(_selectionKeys[child.key] && _selectionKeys[child.key].checked)
-                        checkedChildCount++;
-                    else if(_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked)
-                        childPartialSelected = true;
+                for (let child of this.node.children) {
+                    if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;
+                    else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
                 }
 
-                if(check && checkedChildCount === this.node.children.length) {
-                    _selectionKeys[this.node.key] = {checked: true, partialChecked: false};
-                }
-                else {
+                if (check && checkedChildCount === this.node.children.length) {
+                    _selectionKeys[this.node.key] = { checked: true, partialChecked: false };
+                } else {
                     if (!check) {
                         delete _selectionKeys[this.node.key];
                     }
 
-                    if(childPartialSelected || (checkedChildCount > 0 && checkedChildCount !== this.node.children.length))
-                        _selectionKeys[this.node.key] = {checked: false, partialChecked: true};
-                    else
-                        _selectionKeys[this.node.key] = {checked: false, partialChecked: false};
+                    if (childPartialSelected || (checkedChildCount > 0 && checkedChildCount !== this.node.children.length)) _selectionKeys[this.node.key] = { checked: false, partialChecked: true };
+                    else _selectionKeys[this.node.key] = { checked: false, partialChecked: false };
                 }
 
                 this.$emit('checkbox-change', {
@@ -406,9 +405,12 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         },
         computed: {
             containerClass() {
-                return [this.node.styleClass, {
-                    'p-highlight': this.selected
-                }]
+                return [
+                    this.node.styleClass,
+                    {
+                        'p-highlight': this.selected
+                    }
+                ];
             },
             hasChildren() {
                 return this.node.children && this.node.children.length > 0;
@@ -420,20 +422,20 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
             },
             selected() {
-                return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
+                return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.node.key] === true : false;
             },
             childLevel() {
                 return this.level + 1;
             },
             checked() {
-                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked: false;
+                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked : false;
             },
             partialChecked() {
-                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked: false;
+                return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked : false;
             }
         },
         components: {
-            'TTBodyCell': script$4
+            TTBodyCell: script$4
         }
     };
 
@@ -452,7 +454,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         }, [
           (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'))
                 ? (vue.openBlock(), vue.createBlock(_component_TTBodyCell, {
@@ -498,7 +500,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
     var script$2 = {
         name: 'HeaderCell',
-        emits: ['column-click','column-resizestart'],
+        emits: ['column-click', 'column-resizestart'],
         props: {
             column: {
                 type: Object,
@@ -528,7 +530,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         data() {
             return {
                 styleObject: {}
-            }
+            };
         },
         mounted() {
             if (this.columnProp('frozen')) {
@@ -547,37 +549,43 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             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;
                     }
                 }
             },
             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 });
                 }
             },
             onResizeStart(event) {
@@ -588,6 +596,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                 for (let i = 0; i < this.multiSortMeta.length; i++) {
                     let meta = this.multiSortMeta[i];
+
                     if (meta.field === this.columnProp('field') || meta.field === this.columnProp('sortField')) {
                         index = i;
                         break;
@@ -597,26 +606,30 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 return index;
             },
             isMultiSorted() {
-                return this.columnProp('sortable') && this.getMultiSortMetaIndex() > -1
+                return 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();
             }
         },
         computed: {
             containerClass() {
-                return [this.columnProp('headerClass'), this.columnProp('class'), {
-                    'p-sortable-column': this.columnProp('sortable'),
-                    'p-resizable-column': this.resizableColumns,
-                    'p-highlight': this.isColumnSorted(),
-                    'p-frozen-column': this.columnProp('frozen')
-                }];
+                return [
+                    this.columnProp('headerClass'),
+                    this.columnProp('class'),
+                    {
+                        'p-sortable-column': this.columnProp('sortable'),
+                        'p-resizable-column': this.resizableColumns,
+                        'p-highlight': this.isColumnSorted(),
+                        'p-frozen-column': this.columnProp('frozen')
+                    }
+                ];
             },
             containerStyle() {
                 let headerStyle = 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;
@@ -624,10 +637,10 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                 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;
@@ -635,7 +648,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 }
 
                 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
@@ -645,17 +659,14 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             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;
                 }
-            },
+            }
         }
     };
 
@@ -719,7 +730,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         data() {
             return {
                 styleObject: {}
-            }
+            };
         },
         mounted() {
             if (this.columnProp('frozen')) {
@@ -738,20 +749,24 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             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';
                     }
                 }
@@ -759,15 +774,19 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         },
         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];
             }
         }
     };
@@ -791,8 +810,23 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
     var script = {
         name: 'TreeTable',
-        emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect',
-            'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'column-resize-end'],
+        emits: [
+            'node-expand',
+            'node-collapse',
+            'update:expandedKeys',
+            'update:selectionKeys',
+            'node-select',
+            'node-unselect',
+            'update:first',
+            'update:rows',
+            'page',
+            'update:sortField',
+            'update:sortOrder',
+            'update:multiSortMeta',
+            'sort',
+            'filter',
+            'column-resize-end'
+        ],
         props: {
             value: {
                 type: null,
@@ -932,7 +966,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             },
             scrollDirection: {
                 type: String,
-                default: "vertical"
+                default: 'vertical'
             },
             scrollHeight: {
                 type: String,
@@ -954,8 +988,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 d_rows: this.rows,
                 d_sortField: this.sortField,
                 d_sortOrder: this.sortOrder,
-                d_multiSortMeta: this.multiSortMeta ? [...this.multiSortMeta] : [],
-            }
+                d_multiSortMeta: this.multiSortMeta ? [...this.multiSortMeta] : []
+            };
         },
         watch: {
             expandedKeys(newValue) {
@@ -997,13 +1031,12 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 if (this.d_expandedKeys[key]) {
                     delete this.d_expandedKeys[key];
                     this.$emit('node-collapse', node);
-                }
-                else {
+                } else {
                     this.d_expandedKeys[key] = true;
                     this.$emit('node-expand', node);
                 }
 
-                this.d_expandedKeys = {...this.d_expandedKeys};
+                this.d_expandedKeys = { ...this.d_expandedKeys };
                 this.$emit('update:expandedKeys', this.d_expandedKeys);
             },
             onNodeClick(event) {
@@ -1017,27 +1050,24 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             handleSelectionWithMetaKey(event) {
                 const originalEvent = event.originalEvent;
                 const node = event.node;
-                const metaKey = (originalEvent.metaKey||originalEvent.ctrlKey);
+                const metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
                 const selected = this.isNodeSelected(node);
                 let _selectionKeys;
 
                 if (selected && metaKey) {
                     if (this.isSingleSelectionMode()) {
                         _selectionKeys = {};
-                    }
-                    else {
-                        _selectionKeys = {...this.selectionKeys};
+                    } else {
+                        _selectionKeys = { ...this.selectionKeys };
                         delete _selectionKeys[node.key];
                     }
 
                     this.$emit('node-unselect', node);
-                }
-                else {
+                } else {
                     if (this.isSingleSelectionMode()) {
                         _selectionKeys = {};
-                    }
-                    else if (this.isMultipleSelectionMode()) {
-                        _selectionKeys = !metaKey ? {} : (this.selectionKeys ? {...this.selectionKeys} : {});
+                    } else if (this.isMultipleSelectionMode()) {
+                        _selectionKeys = !metaKey ? {} : this.selectionKeys ? { ...this.selectionKeys } : {};
                     }
 
                     _selectionKeys[node.key] = true;
@@ -1055,22 +1085,19 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     if (selected) {
                         _selectionKeys = {};
                         this.$emit('node-unselect', node);
-                    }
-                    else {
+                    } else {
                         _selectionKeys = {};
                         _selectionKeys[node.key] = true;
                         this.$emit('node-select', node);
                     }
-                }
-                else {
+                } else {
                     if (selected) {
-                        _selectionKeys = {...this.selectionKeys};
+                        _selectionKeys = { ...this.selectionKeys };
                         delete _selectionKeys[node.key];
 
                         this.$emit('node-unselect', node);
-                    }
-                    else {
-                        _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
+                    } else {
+                        _selectionKeys = this.selectionKeys ? { ...this.selectionKeys } : {};
                         _selectionKeys[node.key] = true;
 
                         this.$emit('node-select', node);
@@ -1082,10 +1109,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             onCheckboxChange(event) {
                 this.$emit('update:selectionKeys', event.selectionKeys);
 
-                if (event.check)
-                    this.$emit('node-select', event.node);
-                else
-                    this.$emit('node-unselect', event.node);
+                if (event.check) this.$emit('node-select', event.node);
+                else this.$emit('node-unselect', event.node);
             },
             isSingleSelectionMode() {
                 return this.selectionMode === 'single';
@@ -1098,6 +1123,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 this.d_rows = event.rows;
 
                 let pageEvent = this.createLazyLoadEvent(event);
+
                 pageEvent.pageCount = event.pageCount;
                 pageEvent.page = event.page;
 
@@ -1110,9 +1136,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 this.$emit('update:first', this.d_first);
             },
             getFilterColumnHeaderClass(column) {
-                return ['p-filter-column', this.columnProp(column, 'filterHeaderClass'), {
-                    'p-frozen-column': this.columnProp(column, 'frozen')
-                }];
+                return [
+                    'p-filter-column',
+                    this.columnProp(column, 'filterHeaderClass'),
+                    {
+                        'p-frozen-column': this.columnProp(column, 'frozen')
+                    }
+                ];
             },
             onColumnHeaderClick(e) {
                 let event = e.originalEvent;
@@ -1122,21 +1152,23 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     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-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-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;
                             }
@@ -1144,11 +1176,11 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                             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);
@@ -1160,16 +1192,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 }
             },
             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];
@@ -1185,18 +1214,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     const value2 = utils.ObjectUtils.resolveFieldData(node2.data, this.d_sortField);
                     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 _nodes;
@@ -1206,6 +1230,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             },
             sortNodesMultiple(nodes) {
                 let _nodes = [...nodes];
+
                 _nodes.sort((node1, node2) => {
                     return this.multisortField(node1, node2, 0);
                 });
@@ -1217,32 +1242,26 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 const value2 = utils.ObjectUtils.resolveFieldData(node2.data, this.d_multiSortMeta[index].field);
                 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;
+                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 (value1 === value2)  {
-                        return (this.d_multiSortMeta.length - 1) > (index) ? (this.multisortField(node1, node2, index + 1)) : 0;
-                    }
-                    else {
-                        if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String))
-                            return (this.d_multiSortMeta[index].order * value1.localeCompare(value2, undefined, { numeric: true }));
-                        else
-                            result = (value1 < value2) ? -1 : 1;
+                    if (value1 === value2) {
+                        return this.d_multiSortMeta.length - 1 > index ? this.multisortField(node1, node2, index + 1) : 0;
+                    } else {
+                        if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return this.d_multiSortMeta[index].order * value1.localeCompare(value2, undefined, { numeric: true });
+                        else result = value1 < value2 ? -1 : 1;
                     }
                 }
 
-                return (this.d_multiSortMeta[index].order * result);
+                return this.d_multiSortMeta[index].order * result;
             },
             filter(value) {
                 let filteredNodes = [];
                 const strict = this.filterMode === 'strict';
 
                 for (let node of value) {
-                    let copyNode = {...node};
+                    let copyNode = { ...node };
                     let localMatch = true;
                     let globalMatch = false;
 
@@ -1255,11 +1274,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                             let filterMatchMode = this.columnProp(col, 'filterMatchMode') || 'startsWith';
                             let filterValue = this.filters[this.columnProp(col, 'field')];
                             let filterConstraint = api.FilterService.filters[filterMatchMode];
-                            let paramsWithoutNode = {filterField, filterValue, filterConstraint, strict};
+                            let paramsWithoutNode = { filterField, filterValue, filterConstraint, strict };
 
-                            if ((strict && !(this.findFilteredNodes(copyNode, paramsWithoutNode) || this.isFilterMatched(copyNode, paramsWithoutNode))) ||
-                                (!strict && !(this.isFilterMatched(copyNode, paramsWithoutNode) || this.findFilteredNodes(copyNode, paramsWithoutNode)))) {
-                                    localMatch = false;
+                            if (
+                                (strict && !(this.findFilteredNodes(copyNode, paramsWithoutNode) || this.isFilterMatched(copyNode, paramsWithoutNode))) ||
+                                (!strict && !(this.isFilterMatched(copyNode, paramsWithoutNode) || this.findFilteredNodes(copyNode, paramsWithoutNode)))
+                            ) {
+                                localMatch = false;
                             }
 
                             if (!localMatch) {
@@ -1269,20 +1290,23 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                         //global
                         if (this.hasGlobalFilter() && !globalMatch) {
-                            let copyNodeForGlobal = {...copyNode};
+                            let copyNodeForGlobal = { ...copyNode };
                             let filterValue = this.filters['global'];
                             let filterConstraint = api.FilterService.filters['contains'];
-                            let globalFilterParamsWithoutNode = {filterField, filterValue, filterConstraint, strict};
-
-                            if ((strict && (this.findFilteredNodes(copyNodeForGlobal, globalFilterParamsWithoutNode) || this.isFilterMatched(copyNodeForGlobal, globalFilterParamsWithoutNode))) ||
-                                (!strict && (this.isFilterMatched(copyNodeForGlobal, globalFilterParamsWithoutNode) || this.findFilteredNodes(copyNodeForGlobal, globalFilterParamsWithoutNode)))) {
-                                    globalMatch = true;
-                                    copyNode = copyNodeForGlobal;
+                            let globalFilterParamsWithoutNode = { filterField, filterValue, filterConstraint, strict };
+
+                            if (
+                                (strict && (this.findFilteredNodes(copyNodeForGlobal, globalFilterParamsWithoutNode) || this.isFilterMatched(copyNodeForGlobal, globalFilterParamsWithoutNode))) ||
+                                (!strict && (this.isFilterMatched(copyNodeForGlobal, globalFilterParamsWithoutNode) || this.findFilteredNodes(copyNodeForGlobal, globalFilterParamsWithoutNode)))
+                            ) {
+                                globalMatch = true;
+                                copyNode = copyNodeForGlobal;
                             }
                         }
                     }
 
                     let matches = localMatch;
+
                     if (this.hasGlobalFilter()) {
                         matches = localMatch && globalMatch;
                     }
@@ -1293,6 +1317,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 }
 
                 let filterEvent = this.createLazyLoadEvent(event);
+
                 filterEvent.filteredValue = filteredNodes;
                 this.$emit('filter', filterEvent);
 
@@ -1301,11 +1326,15 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             findFilteredNodes(node, paramsWithoutNode) {
                 if (node) {
                     let matched = false;
+
                     if (node.children) {
                         let childNodes = [...node.children];
+
                         node.children = [];
+
                         for (let childNode of childNodes) {
-                            let copyChildNode = {...childNode};
+                            let copyChildNode = { ...childNode };
+
                             if (this.isFilterMatched(copyChildNode, paramsWithoutNode)) {
                                 matched = true;
                                 node.children.push(copyChildNode);
@@ -1318,30 +1347,32 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     }
                 }
             },
-            isFilterMatched(node, {filterField, filterValue, filterConstraint, strict}) {
+            isFilterMatched(node, { filterField, filterValue, filterConstraint, strict }) {
                 let matched = false;
                 let dataFieldValue = utils.ObjectUtils.resolveFieldData(node.data, filterField);
+
                 if (filterConstraint(dataFieldValue, filterValue, this.filterLocale)) {
                     matched = true;
                 }
 
                 if (!matched || (strict && !this.isNodeLeaf(node))) {
-                    matched = this.findFilteredNodes(node, {filterField, filterValue, filterConstraint, strict}) || matched;
+                    matched = this.findFilteredNodes(node, { filterField, filterValue, filterConstraint, strict }) || matched;
                 }
 
                 return matched;
             },
             isNodeSelected(node) {
-                return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[node.key] === true : false;
+                return this.selectionMode && this.selectionKeys ? this.selectionKeys[node.key] === true : false;
             },
             isNodeLeaf(node) {
                 return node.leaf === false ? false : !(node.children && node.children.length);
             },
             createLazyLoadEvent(event) {
                 let filterMatchModes;
+
                 if (this.hasFilters()) {
                     filterMatchModes = {};
-                    this.columns.forEach(col => {
+                    this.columns.forEach((col) => {
                         if (this.columnProp(col, 'field')) {
                             filterMatchModes[col.props.field] = this.columnProp(col, 'filterMatchMode');
                         }
@@ -1361,26 +1392,28 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             },
             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';
             },
             onColumnResizeEnd() {
-     let delta = this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
+                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') {
@@ -1390,22 +1423,19 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                         if (newColumnWidth > 15 && nextColumnWidth > 15) {
                             if (!this.scrollable) {
                                 this.resizeColumnElement.style.width = newColumnWidth + 'px';
-                                if(nextColumn) {
+
+                                if (nextColumn) {
                                     nextColumn.style.width = nextColumnWidth + 'px';
                                 }
-                            }
-                            else {
+                            } else {
                                 this.resizeTableCells(newColumnWidth, nextColumnWidth);
                             }
                         }
-                    }
-                    else if (this.columnResizeMode === 'expand') {
+                    } else if (this.columnResizeMode === 'expand') {
                         this.$refs.table.style.width = this.$refs.table.offsetWidth + delta + 'px';
 
-                        if (!this.scrollable)
-                            this.resizeColumnElement.style.width = newColumnWidth + 'px';
-                        else
-                            this.resizeTableCells(newColumnWidth);
+                        if (!this.scrollable) this.resizeColumnElement.style.width = newColumnWidth + 'px';
+                        else this.resizeTableCells(newColumnWidth);
                     }
 
                     this.$emit('column-resize-end', {
@@ -1423,13 +1453,16 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             resizeTableCells(newColumnWidth, nextColumnWidth) {
                 let colIndex = utils.DomHandler.index(this.resizeColumnElement);
                 let children = this.$refs.table.children;
+
                 for (let child of children) {
                     for (let row of child.children) {
                         let resizeCell = row.children[colIndex];
+
                         resizeCell.style.flex = '0 0 ' + newColumnWidth + 'px';
 
                         if (this.columnResizeMode === 'fit') {
                             let nextCell = resizeCell.nextElementSibling;
+
                             if (nextCell) {
                                 nextCell.style.flex = '0 0 ' + nextColumnWidth + 'px';
                             }
@@ -1440,7 +1473,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             bindColumnResizeEvents() {
                 if (!this.documentColumnResizeListener) {
                     this.documentColumnResizeListener = document.addEventListener('mousemove', () => {
-                        if(this.columnResizing) {
+                        if (this.columnResizing) {
                             this.onColumnResize(event);
                         }
                     });
@@ -1448,13 +1481,12 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                 if (!this.documentColumnResizeEndListener) {
                     this.documentColumnResizeEndListener = document.addEventListener('mouseup', () => {
-                        if(this.columnResizing) {
+                        if (this.columnResizing) {
                             this.columnResizing = false;
                             this.onColumnResizeEnd();
                         }
                     });
                 }
-
             },
             unbindColumnResizeEvents() {
                 if (this.documentColumnResizeListener) {
@@ -1464,7 +1496,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                 if (this.documentColumnResizeEndListener) {
                     document.removeEventListener('document', this.documentColumnResizeEndListener);
-                     this.documentColumnResizeEndListener = null;
+                    this.documentColumnResizeEndListener = null;
                 }
             },
             onColumnKeyDown(event, col) {
@@ -1495,29 +1527,30 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
         },
         computed: {
             containerClass() {
-                return ['p-treetable p-component', {
-                    'p-treetable-hoverable-rows': (this.rowHover || this.rowSelectionMode),
-                    'p-treetable-auto-layout': this.autoLayout,
-                    'p-treetable-resizable': this.resizableColumns,
-                    'p-treetable-resizable-fit': this.resizableColumns && this.columnResizeMode === 'fit',
-                    'p-treetable-gridlines': this.showGridlines,
-                    'p-treetable-scrollable': this.scrollable,
-                    'p-treetable-scrollable-vertical': this.scrollable && this.scrollDirection === 'vertical',
-                    'p-treetable-scrollable-horizontal': this.scrollable && this.scrollDirection === 'horizontal',
-                    'p-treetable-scrollable-both': this.scrollable && this.scrollDirection === 'both',
-                    'p-treetable-flex-scrollable': (this.scrollable && this.scrollHeight === 'flex'),
-                    'p-treetable-responsive-scroll': this.responsiveLayout === 'scroll',
-                }];
+                return [
+                    'p-treetable p-component',
+                    {
+                        'p-treetable-hoverable-rows': this.rowHover || this.rowSelectionMode,
+                        'p-treetable-auto-layout': this.autoLayout,
+                        'p-treetable-resizable': this.resizableColumns,
+                        'p-treetable-resizable-fit': this.resizableColumns && this.columnResizeMode === 'fit',
+                        'p-treetable-gridlines': this.showGridlines,
+                        'p-treetable-scrollable': this.scrollable,
+                        'p-treetable-scrollable-vertical': this.scrollable && this.scrollDirection === 'vertical',
+                        'p-treetable-scrollable-horizontal': this.scrollable && this.scrollDirection === 'horizontal',
+                        'p-treetable-scrollable-both': this.scrollable && this.scrollDirection === 'both',
+                        'p-treetable-flex-scrollable': this.scrollable && this.scrollHeight === 'flex',
+                        'p-treetable-responsive-scroll': this.responsiveLayout === 'scroll'
+                    }
+                ];
             },
             columns() {
                 let cols = [];
                 let children = this.$slots.default();
 
-                children.forEach(child => {
-                    if (child.children && child.children instanceof Array)
-                        cols = [...cols, ...child.children];
-                    else if (child.type.name === 'Column')
-                        cols.push(child);
+                children.forEach((child) => {
+                    if (child.children && child.children instanceof Array) cols = [...cols, ...child.children];
+                    else if (child.type.name === 'Column') cols.push(child);
                 });
 
                 return cols;
@@ -1525,16 +1558,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             processedData() {
                 if (this.lazy) {
                     return this.value;
-                }
-                else {
+                } else {
                     if (this.value && this.value.length) {
                         let data = this.value;
 
                         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);
                         }
 
                         if (this.hasFilters()) {
@@ -1542,8 +1572,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                         }
 
                         return data;
-                    }
-                    else {
+                    } else {
                         return null;
                     }
                 }
@@ -1553,15 +1582,16 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
 
                 if (this.paginator) {
                     const first = this.lazy ? 0 : this.d_first;
+
                     return data.slice(first, first + this.d_rows);
-                }
-                else {
+                } else {
                     return data;
                 }
             },
             empty() {
                 const data = this.processedData;
-                return (!data || data.length === 0);
+
+                return !data || data.length === 0;
             },
             sorted() {
                 return this.d_sortField || (this.d_multiSortMeta && this.d_multiSortMeta.length > 0);
@@ -1570,7 +1600,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 let hasFooter = false;
 
                 for (let col of this.columns) {
-                    if (this.columnProp(col, 'footer')|| (col.children && col.children.footer)) {
+                    if (this.columnProp(col, 'footer') || (col.children && col.children.footer)) {
                         hasFooter = true;
                         break;
                     }
@@ -1596,9 +1626,9 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             totalRecordsLength() {
                 if (this.lazy) {
                     return this.totalRecords;
-                }
-                else {
+                } else {
                     const data = this.processedData;
+
                     return data ? data.length : 0;
                 }
             },
@@ -1607,10 +1637,10 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
             }
         },
         components: {
-            'TTRow': script$3,
-            'TTPaginator': Paginator__default["default"],
-            'TTHeaderCell': script$2,
-            'TTFooterCell': script$1
+            TTRow: script$3,
+            TTPaginator: Paginator__default["default"],
+            TTHeaderCell: script$2,
+            TTFooterCell: script$1
         }
     };
 
@@ -1689,7 +1719,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     name: "start",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorstart")
-                    ])
+                    ]),
+                    key: "0"
                   }
                 : undefined,
               (_ctx.$slots.paginatorend)
@@ -1697,21 +1728,22 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     name: "end",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorend")
-                    ])
+                    ]),
+                    key: "1"
                   }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
           : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: "p-treetable-wrapper",
-          style: vue.normalizeStyle({maxHeight: $props.scrollHeight})
+          style: vue.normalizeStyle({ maxHeight: $props.scrollHeight })
         }, [
           vue.createElementVNode("table", _hoisted_4, [
             vue.createElementVNode("thead", _hoisted_5, [
               vue.createElementVNode("tr", null, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.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'))
                       ? (vue.openBlock(), vue.createBlock(_component_TTHeaderCell, {
@@ -1733,13 +1765,13 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.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'))
                           ? (vue.openBlock(), vue.createElementBlock("th", {
                               key: 0,
                               class: vue.normalizeClass($options.getFilterColumnHeaderClass(col)),
-                              style: vue.normalizeStyle([$options.columnProp(col, 'style'),$options.columnProp(col, 'filterHeaderStyle')])
+                              style: vue.normalizeStyle([$options.columnProp(col, 'style'), $options.columnProp(col, 'filterHeaderStyle')])
                             }, [
                               (col.children && col.children.filter)
                                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.children.filter), {
@@ -1784,7 +1816,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                   vue.createElementVNode("tr", null, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.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'))
                           ? (vue.openBlock(), vue.createBlock(_component_TTFooterCell, {
@@ -1818,7 +1850,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     name: "start",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorstart")
-                    ])
+                    ]),
+                    key: "0"
                   }
                 : undefined,
               (_ctx.$slots.paginatorend)
@@ -1826,7 +1859,8 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
                     name: "end",
                     fn: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "paginatorend")
-                    ])
+                    ]),
+                    key: "1"
                   }
                 : undefined
             ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
@@ -1867,7 +1901,7 @@ this.primevue.treetable = (function (utils, api, Ripple, vue, Paginator) {
       }
     }
 
-    var css_248z = "\n.p-treetable {\n    position: relative;\n}\n.p-treetable table {\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-treetable .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-treetable-responsive-scroll > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n    table-layout: auto;\n}\n.p-treetable-hoverable-rows .p-treetable-tbody > tr {\n    cursor: pointer;\n}\n.p-treetable-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    vertical-align: middle;\n    overflow: hidden;\n    position: relative;\n}\n.p-treetable-toggler + .p-checkbox {\n    vertical-align: middle;\n}\n.p-treetable-toggler + .p-checkbox + span {\n    vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n    overflow: hidden;\n}\n.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-treetable .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-treetable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-treetable .p-treetable-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/* Scrollable */\n.p-treetable-scrollable .p-treetable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-treetable-scrollable .p-treetable-table {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead,\n.p-treetable-scrollable .p-treetable-tbody,\n.p-treetable-scrollable .p-treetable-tfoot {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead > tr,\n.p-treetable-scrollable .p-treetable-tbody > tr,\n.p-treetable-scrollable .p-treetable-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-treetable-scrollable .p-treetable-thead > tr > th,\n.p-treetable-scrollable .p-treetable-tbody > tr > td,\n.p-treetable-scrollable .p-treetable-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-treetable-scrollable .p-treetable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-treetable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-treetable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-treetable-scrollable-both .p-treetable-thead > tr > th,\n.p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th\n.p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treetable-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-treetable-flex-scrollable .p-treetable-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";
+    var css_248z = "\n.p-treetable {\n    position: relative;\n}\n.p-treetable table {\n    border-collapse: collapse;\n    width: 100%;\n    table-layout: fixed;\n}\n.p-treetable .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-treetable-responsive-scroll > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n    table-layout: auto;\n}\n.p-treetable-hoverable-rows .p-treetable-tbody > tr {\n    cursor: pointer;\n}\n.p-treetable-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\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    vertical-align: middle;\n    overflow: hidden;\n    position: relative;\n}\n.p-treetable-toggler + .p-checkbox {\n    vertical-align: middle;\n}\n.p-treetable-toggler + .p-checkbox + span {\n    vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n    overflow-x: auto;\n}\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n    overflow: hidden;\n}\n.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n    background-clip: padding-box;\n    position: relative;\n}\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n    display: none;\n}\n.p-treetable .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-treetable .p-column-resizer-helper {\n    width: 1px;\n    position: absolute;\n    z-index: 10;\n    display: none;\n}\n.p-treetable .p-treetable-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/* Scrollable */\n.p-treetable-scrollable .p-treetable-wrapper {\n    position: relative;\n    overflow: auto;\n}\n.p-treetable-scrollable .p-treetable-table {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead,\n.p-treetable-scrollable .p-treetable-tbody,\n.p-treetable-scrollable .p-treetable-tfoot {\n    display: block;\n}\n.p-treetable-scrollable .p-treetable-thead > tr,\n.p-treetable-scrollable .p-treetable-tbody > tr,\n.p-treetable-scrollable .p-treetable-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-treetable-scrollable .p-treetable-thead > tr > th,\n.p-treetable-scrollable .p-treetable-tbody > tr > td,\n.p-treetable-scrollable .p-treetable-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-treetable-scrollable .p-treetable-thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-treetable-tfoot {\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n}\n.p-treetable-scrollable .p-frozen-column {\n    position: sticky;\n    background: inherit;\n}\n.p-treetable-scrollable th.p-frozen-column {\n    z-index: 1;\n}\n.p-treetable-scrollable-both .p-treetable-thead > tr > th,\n.p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n}\n.p-treetable-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-treetable-flex-scrollable .p-treetable-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";
     styleInject(css_248z);
 
     script.render = render;