primevue 4.3.1 → 4.3.3

package/datatable/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { getNextElementSibling, getOuterWidth, getPreviousElementSibling, getAttribute, getFirstFocusableElement, invokeElementMethod, getOuterHeight, isTouchDevice, addStyle, absolutePosition, focus, getIndex, setAttribute, find, removeClass, getOffset, addClass, getHiddenElementOuterWidth, getHiddenElementOuterHeight, isRTL, exportCSV, findSingle, clearSelection, isClickable } from '@primeuix/utils/dom';
 import { resolveFieldData, isNotEmpty, equals, isEmpty, reorderArray, findIndexInList, localeComparator, sort } from '@primeuix/utils/object';
 import { FilterOperator, FilterMatchMode, FilterService } from '@primevue/core/api';
@@ -457,7 +458,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["checked", "class"])) : !$props.rowCheckboxIconTemplate && slotProps.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
         key: 1,
         "class": slotProps["class"]
-      }, $options.getColumnPT('pcRowCheckbox')['icon']), null, 16, ["class"])) : createCommentVNode("", true)];
+      }, $options.getColumnPT('pcRowCheckbox.icon')), null, 16, ["class"])) : createCommentVNode("", true)];
     }),
     _: 1
   }, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
@@ -1046,8 +1047,8 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$b(e, r, t) { return (r = _toPropertyKey$b(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$b(t) { var i = _toPrimitive$b(t, "string"); return "symbol" == _typeof$b(i) ? i : i + ""; }
 function _toPrimitive$b(t, r) { if ("object" != _typeof$b(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$b(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$5 = ["colspan", "rowspan", "data-p-selection-column", "data-p-editable-column", "data-p-cell-editing", "data-p-frozen-column"];
-var _hoisted_2$2 = ["aria-expanded", "aria-controls", "aria-label"];
+var _hoisted_1$9 = ["colspan", "rowspan", "data-p-selection-column", "data-p-editable-column", "data-p-cell-editing", "data-p-frozen-column"];
+var _hoisted_2$3 = ["aria-expanded", "aria-controls", "aria-label"];
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTRadioButton = resolveComponent("DTRadioButton");
   var _component_DTCheckbox = resolveComponent("DTCheckbox");
@@ -1158,15 +1159,20 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": $options.expandButtonAriaLabel,
     onClick: _cache[2] || (_cache[2] = function () {
       return $options.toggleRow && $options.toggleRow.apply($options, arguments);
-    })
+    }),
+    "data-p-selected": "selected"
   }, $options.getColumnPT('rowToggleButton'), {
     "data-pc-group-section": "rowactionbutton"
-  }), [$props.column.children && $props.column.children.rowtogglericon ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.rowtogglericon), {
+  }), [$props.column.children && $props.column.children.rowtoggleicon ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.rowtoggleicon), {
     key: 0,
     "class": normalizeClass(_ctx.cx('rowToggleIcon')),
     rowExpanded: $props.isRowExpanded
+  }, null, 8, ["class", "rowExpanded"])) : $props.column.children && $props.column.children.rowtogglericon ? (openBlock(), createBlock(resolveDynamicComponent($props.column.children.rowtogglericon), {
+    key: 1,
+    "class": normalizeClass(_ctx.cx('rowToggleIcon')),
+    rowExpanded: $props.isRowExpanded
   }, null, 8, ["class", "rowExpanded"])) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
+    key: 2
   }, [$props.isRowExpanded && $props.expandedRowIcon ? (openBlock(), createElementBlock("span", {
     key: 0,
     "class": normalizeClass([_ctx.cx('rowToggleIcon'), $props.expandedRowIcon])
@@ -1179,7 +1185,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 2)) : !$props.isRowExpanded && !$props.collapsedRowIcon ? (openBlock(), createBlock(_component_ChevronRightIcon, mergeProps({
     key: 3,
     "class": _ctx.cx('rowToggleIcon')
-  }, $options.getColumnPT('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16, _hoisted_2$2)), [[_directive_ripple]]) : $props.editMode === 'row' && $options.columnProp('rowEditor') ? (openBlock(), createElementBlock(Fragment, {
+  }, $options.getColumnPT('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16, _hoisted_2$3)), [[_directive_ripple]]) : $props.editMode === 'row' && $options.columnProp('rowEditor') ? (openBlock(), createElementBlock(Fragment, {
     key: 6
   }, [!$data.d_editing ? (openBlock(), createBlock(_component_Button, mergeProps({
     key: 0,
@@ -1231,7 +1237,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["class", "aria-label", "unstyled", "onClick", "pt"])) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
     key: 7
-  }, [createTextVNode(toDisplayString($options.resolveFieldData()), 1)], 64))], 16, _hoisted_1$5));
+  }, [createTextVNode(toDisplayString($options.resolveFieldData()), 1)], 64))], 16, _hoisted_1$9));
 }
 
 script$a.render = render$a;
@@ -1470,6 +1476,7 @@ var script$9 = {
         var currentRowFieldData = resolveFieldData(this.value[index], field);
         var nextRowFieldData = currentRowFieldData;
         var groupRowSpan = 0;
+        if (this.d_rowExpanded) groupRowSpan++;
         while (currentRowFieldData === nextRowFieldData) {
           groupRowSpan++;
           var nextRowData = this.value[++index];
@@ -1735,8 +1742,8 @@ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$9(e, r, t) { return (r = _toPropertyKey$9(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$9(t) { var i = _toPrimitive$9(t, "string"); return "symbol" == _typeof$9(i) ? i : i + ""; }
 function _toPrimitive$9(t, r) { if ("object" != _typeof$9(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$9(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$4 = ["colspan"];
-var _hoisted_2$1 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-selected", "data-p-selected-contextmenu"];
+var _hoisted_1$8 = ["colspan"];
+var _hoisted_2$2 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-selected", "data-p-selected-contextmenu"];
 var _hoisted_3 = ["id"];
 var _hoisted_4 = ["colspan"];
 var _hoisted_5 = ["colspan"];
@@ -1781,7 +1788,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('rowToggleIcon')), null, 16, ["class"])) : createCommentVNode("", true)], 64))], 16)) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent($props.templates['groupheader']), {
     data: $props.rowData,
     index: $options.rowIndex
-  }, null, 8, ["data", "index"]))], 16, _hoisted_1$4)], 16)) : createCommentVNode("", true), ($props.expandableRowGroups ? $options.isRowGroupExpanded : true) ? (openBlock(), createElementBlock("tr", mergeProps({
+  }, null, 8, ["data", "index"]))], 16, _hoisted_1$8)], 16)) : createCommentVNode("", true), ($props.expandableRowGroups ? $options.isRowGroupExpanded : true) ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 1,
     "class": $options.rowClasses,
     style: $options.rowStyles,
@@ -1859,7 +1866,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
       unstyled: _ctx.unstyled,
       pt: _ctx.pt
     }, null, 8, ["rowData", "column", "rowIndex", "index", "selected", "frozenRow", "rowspan", "editMode", "editing", "editingMeta", "virtualScrollerContentProps", "ariaControls", "name", "isRowExpanded", "expandedRowIcon", "collapsedRowIcon", "editButtonProps", "onRadioChange", "onCheckboxChange", "onRowToggle", "onCellEditInit", "onCellEditComplete", "onCellEditCancel", "onRowEditInit", "onRowEditSave", "onRowEditCancel", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
-  }), 256))], 16, _hoisted_2$1)) : createCommentVNode("", true), $props.templates['expansion'] && $props.expandedRows && $data.d_rowExpanded ? (openBlock(), createElementBlock("tr", mergeProps({
+  }), 256))], 16, _hoisted_2$2)) : createCommentVNode("", true), $props.templates['expansion'] && $props.expandedRows && $data.d_rowExpanded ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 2,
     id: $props.expandedRowId + '_' + $options.rowIndex + '_expansion',
     "class": _ctx.cx('rowExpansion'),
@@ -1961,6 +1968,10 @@ var script$8 = {
       type: String,
       "default": null
     },
+    rowHover: {
+      type: Boolean,
+      "default": false
+    },
     contextMenu: {
       type: Boolean,
       "default": false
@@ -2079,6 +2090,12 @@ var script$8 = {
           scrollable: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 || (_this$$parentInstance = _this$$parentInstance.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.scrollable
         }
       };
+    },
+    dataP: function dataP() {
+      return cn({
+        hoverable: this.rowHover || this.selectionMode,
+        frozen: this.frozenRow
+      });
     }
   },
   components: {
@@ -2086,13 +2103,15 @@ var script$8 = {
   }
 };
 
+var _hoisted_1$7 = ["data-p"];
 function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTBodyRow = resolveComponent("DTBodyRow");
   return openBlock(), createElementBlock("tbody", mergeProps({
     ref: $options.bodyRef,
     "class": _ctx.cx('tbody'),
     role: "rowgroup",
-    style: $options.bodyContentStyle
+    style: $options.bodyContentStyle,
+    "data-p": $options.dataP
   }, _ctx.ptm('tbody', $options.ptmTBodyOptions)), [!$props.empty ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
   }, renderList($props.value, function (rowData, rowIndex) {
@@ -2209,7 +2228,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     templates: $props.templates,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["empty", "columns", "templates", "unstyled", "pt"]))], 16);
+  }, null, 8, ["empty", "columns", "templates", "unstyled", "pt"]))], 16, _hoisted_1$7);
 }
 
 script$8.render = render$8;
@@ -2308,7 +2327,7 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$8(e, r, t) { return (r = _toPropertyKey$8(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$8(t) { var i = _toPrimitive$8(t, "string"); return "symbol" == _typeof$8(i) ? i : i + ""; }
 function _toPrimitive$8(t, r) { if ("object" != _typeof$8(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$8(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$3 = ["colspan", "rowspan", "data-p-frozen-column"];
+var _hoisted_1$6 = ["colspan", "rowspan", "data-p-frozen-column"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("td", mergeProps({
     style: $options.containerStyle,
@@ -2324,7 +2343,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["column"])) : createCommentVNode("", true), $options.columnProp('footer') ? (openBlock(), createElementBlock("span", mergeProps({
     key: 1,
     "class": _ctx.cx('columnFooter')
-  }, $options.getColumnPT('columnFooter')), toDisplayString($options.columnProp('footer')), 17)) : createCommentVNode("", true)], 16, _hoisted_1$3);
+  }, $options.getColumnPT('columnFooter')), toDisplayString($options.columnProp('footer')), 17)) : createCommentVNode("", true)], 16, _hoisted_1$6);
 }
 
 script$7.render = render$7;
@@ -2462,7 +2481,9 @@ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$7(e, r, t) { return (r = _toPropertyKey$7(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$7(t) { var i = _toPrimitive$7(t, "string"); return "symbol" == _typeof$7(i) ? i : i + ""; }
 function _toPrimitive$7(t, r) { if ("object" != _typeof$7(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$7(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1$5 = ["data-p-scrollable"];
 function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$$parentInstance;
   var _component_DTFooterCell = resolveComponent("DTFooterCell");
   return $options.hasFooter ? (openBlock(), createElementBlock("tfoot", mergeProps({
     key: 0,
@@ -2470,6 +2491,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: _ctx.sx('tfoot'),
     role: "rowgroup"
   }, $props.columnGroup ? _objectSpread$7(_objectSpread$7({}, _ctx.ptm('tfoot', $options.ptmTFootOptions)), $options.getColumnGroupPT('root')) : _ctx.ptm('tfoot', $options.ptmTFootOptions), {
+    "data-p-scrollable": (_ctx$$parentInstance = _ctx.$parentInstance) === null || _ctx$$parentInstance === void 0 || (_ctx$$parentInstance = _ctx$$parentInstance.$parentInstance) === null || _ctx$$parentInstance === void 0 ? void 0 : _ctx$$parentInstance.scrollable,
     "data-pc-section": "tfoot"
   }), [!$props.columnGroup ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 0,
@@ -2499,7 +2521,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
         pt: _ctx.pt
       }, null, 8, ["column", "index", "pt"])) : createCommentVNode("", true)], 64);
     }), 128))], 16);
-  }), 128))], 16)) : createCommentVNode("", true);
+  }), 128))], 16, _hoisted_1$5)) : createCommentVNode("", true);
 }
 
 script$6.render = render$6;
@@ -2863,8 +2885,7 @@ var script$5 = {
       ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
       addStyle(el, {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       });
       absolutePosition(this.overlay, this.$refs.icon.$el);
       this.bindOutsideClickListener();
@@ -3061,8 +3082,8 @@ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$5(e, r, t) { return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
 function _toPrimitive$5(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$2 = ["id", "aria-modal"];
-var _hoisted_2 = ["onClick", "onKeydown", "tabindex"];
+var _hoisted_1$4 = ["id", "aria-modal"];
+var _hoisted_2$1 = ["onClick", "onKeydown", "tabindex"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Button = resolveComponent("Button");
   var _component_Select = resolveComponent("Select");
@@ -3162,7 +3183,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
               }, ["prevent"]), ["enter"])],
               tabindex: i === 0 ? '0' : null,
               ref_for: true
-            }, $options.getColumnPT('filterConstraint', $options.ptmFilterConstraintOptions(matchMode))), toDisplayString(matchMode.label), 17, _hoisted_2);
+            }, $options.getColumnPT('filterConstraint', $options.ptmFilterConstraintOptions(matchMode))), toDisplayString(matchMode.label), 17, _hoisted_2$1);
           }), 128)), createElementVNode("li", mergeProps({
             "class": _ctx.cx('filterConstraintSeparator')
           }, $options.getColumnPT('filterConstraintSeparator')), null, 16), createElementVNode("li", mergeProps({
@@ -3299,7 +3320,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
             field: $props.field,
             filterModel: $props.filters[$props.field],
             filterCallback: $options.filterCallback
-          }, null, 8, ["field", "filterModel", "filterCallback"]))], 16, _hoisted_1$2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+          }, null, 8, ["field", "filterModel", "filterCallback"]))], 16, _hoisted_1$4)), [[_directive_focustrap]]) : createCommentVNode("", true)];
         }),
         _: 1
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
@@ -3364,7 +3385,6 @@ var script$4 = {
 };
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_CheckIcon = resolveComponent("CheckIcon");
   var _component_Checkbox = resolveComponent("Checkbox");
   return openBlock(), createBlock(_component_Checkbox, {
     modelValue: $props.checked,
@@ -3374,19 +3394,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: $options.onChange,
     unstyled: _ctx.unstyled,
     pt: $options.getColumnPT('pcHeaderCheckbox')
-  }, {
-    icon: withCtx(function (slotProps) {
-      return [$props.headerCheckboxIconTemplate ? (openBlock(), createBlock(resolveDynamicComponent($props.headerCheckboxIconTemplate), {
-        key: 0,
-        checked: slotProps.checked,
-        "class": normalizeClass(slotProps["class"])
-      }, null, 8, ["checked", "class"])) : !$props.headerCheckboxIconTemplate && slotProps.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
-        key: 1,
-        "class": slotProps["class"]
-      }, $options.getColumnPT('pcHeaderCheckbox')['icon']), null, 16, ["class"])) : createCommentVNode("", true)];
-    }),
-    _: 1
-  }, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
+  }, null, 8, ["modelValue", "disabled", "aria-label", "onChange", "unstyled", "pt"]);
 }
 
 script$4.render = render$4;
@@ -3524,7 +3532,7 @@ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
 function _toPrimitive$4(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$1 = ["data-p-frozen-column"];
+var _hoisted_1$3 = ["data-p-frozen-column"];
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTHeaderCheckbox = resolveComponent("DTHeaderCheckbox");
   var _component_DTColumnFilter = resolveComponent("DTColumnFilter");
@@ -3596,7 +3604,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     column: $props.column,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16, _hoisted_1$1)) : createCommentVNode("", true);
+  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16, _hoisted_1$3)) : createCommentVNode("", true);
 }
 
 script$3.render = render$3;
@@ -3881,7 +3889,7 @@ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$3(e, r, t) { return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$3(i) ? i : i + ""; }
 function _toPrimitive$3(t, r) { if ("object" != _typeof$3(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$3(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["tabindex", "colspan", "rowspan", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-sorted", "data-p-filter-column", "data-p-frozen-column", "data-p-reorderable-column"];
+var _hoisted_1$2 = ["tabindex", "colspan", "rowspan", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-sorted", "data-p-filter-column", "data-p-frozen-column", "data-p-reorderable-column"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Badge = resolveComponent("Badge");
   var _component_DTHeaderCheckbox = resolveComponent("DTHeaderCheckbox");
@@ -4009,7 +4017,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     column: $props.column,
     unstyled: _ctx.unstyled,
     pt: _ctx.pt
-  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16)], 16, _hoisted_1);
+  }, null, 8, ["field", "type", "showMenu", "filterElement", "filterHeaderTemplate", "filterFooterTemplate", "filterClearTemplate", "filterApplyTemplate", "filterIconTemplate", "filterAddIconTemplate", "filterRemoveIconTemplate", "filterClearIconTemplate", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "filterMenuStyle", "filterMenuClass", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "matchModeOptions", "maxConstraints", "column", "unstyled", "pt"])) : createCommentVNode("", true)], 16)], 16, _hoisted_1$2);
 }
 
 script$2.render = render$2;
@@ -4219,7 +4227,9 @@ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t
 function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
 function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1$1 = ["data-p-scrollable"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _ctx$$parentInstance;
   var _component_DTHeaderCell = resolveComponent("DTHeaderCell");
   var _component_DTFilterHeaderCell = resolveComponent("DTFilterHeaderCell");
   return openBlock(), createElementBlock("thead", mergeProps({
@@ -4227,6 +4237,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     style: _ctx.sx('thead'),
     role: "rowgroup"
   }, $props.columnGroup ? _objectSpread$2(_objectSpread$2({}, _ctx.ptm('thead', $options.ptmTHeadOptions)), $options.getColumnGroupPT('root')) : _ctx.ptm('thead', $options.ptmTHeadOptions), {
+    "data-p-scrollable": (_ctx$$parentInstance = _ctx.$parentInstance) === null || _ctx$$parentInstance === void 0 || (_ctx$$parentInstance = _ctx$$parentInstance.$parentInstance) === null || _ctx$$parentInstance === void 0 ? void 0 : _ctx$$parentInstance.scrollable,
     "data-pc-section": "thead"
   }), [!$props.columnGroup ? (openBlock(), createElementBlock("tr", mergeProps({
     key: 0,
@@ -4398,19 +4409,19 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       onApplyClick: _cache[31] || (_cache[31] = function ($event) {
         return _ctx.$emit('apply-click', $event);
       }),
-      onChange: _cache[32] || (_cache[32] = function ($event) {
+      onCheckboxChange: _cache[32] || (_cache[32] = function ($event) {
         return _ctx.$emit('checkbox-change', $event);
       }),
       unstyled: _ctx.unstyled,
       pt: _ctx.pt
     }, null, 8, ["column", "index", "allRowsSelected", "empty", "filters", "filtersStore", "filterInputProps", "filterButtonProps", "unstyled", "pt"])) : createCommentVNode("", true)], 64);
-  }), 128))], 16)) : createCommentVNode("", true)], 16);
+  }), 128))], 16)) : createCommentVNode("", true)], 16, _hoisted_1$1);
 }
 
 script$1.render = render$1;
 
-function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
 var _excluded = ["expanded"];
+function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -5378,19 +5389,21 @@ var script = {
     bindColumnResizeEvents: function bindColumnResizeEvents() {
       var _this7 = this;
       if (!this.documentColumnResizeListener) {
-        this.documentColumnResizeListener = document.addEventListener('mousemove', function () {
+        this.documentColumnResizeListener = function (event) {
           if (_this7.columnResizing) {
             _this7.onColumnResize(event);
           }
-        });
+        };
+        document.addEventListener('mousemove', this.documentColumnResizeListener);
       }
       if (!this.documentColumnResizeEndListener) {
-        this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {
+        this.documentColumnResizeEndListener = function () {
           if (_this7.columnResizing) {
             _this7.columnResizing = false;
             _this7.onColumnResizeEnd();
           }
-        });
+        };
+        document.addEventListener('mouseup', this.documentColumnResizeEndListener);
       }
     },
     unbindColumnResizeEvents: function unbindColumnResizeEvents() {
@@ -5689,7 +5702,8 @@ var script = {
         state.rows = this.d_rows;
       }
       if (this.d_sortField) {
-        state.sortField = this.d_sortField;
+        // Functions can't be serialized, so don't attempt to save them
+        if (typeof this.d_sortField !== 'function') state.sortField = this.d_sortField;
         state.sortOrder = this.d_sortOrder;
       }
       if (this.d_multiSortMeta) {
@@ -5729,41 +5743,78 @@ var script = {
         }
         return value;
       };
-      if (stateString) {
-        var restoredState = JSON.parse(stateString, reviver);
-        if (this.paginator) {
-          this.d_first = restoredState.first;
-          this.d_rows = restoredState.rows;
-        }
-        if (restoredState.sortField) {
-          this.d_sortField = restoredState.sortField;
-          this.d_sortOrder = restoredState.sortOrder;
-        }
-        if (restoredState.multiSortMeta) {
-          this.d_multiSortMeta = restoredState.multiSortMeta;
-        }
-        if (restoredState.filters) {
-          this.$emit('update:filters', restoredState.filters);
-        }
-        if (this.resizableColumns) {
-          this.columnWidthsState = restoredState.columnWidths;
-          this.tableWidthState = restoredState.tableWidth;
+      var parsedState;
+      try {
+        parsedState = JSON.parse(stateString, reviver);
+      } catch (error) {}
+      if (!parsedState || _typeof$1(parsedState) !== 'object') {
+        storage.removeItem(this.stateKey);
+        return;
+      }
+      var restoredState = {};
+      if (this.paginator) {
+        if (typeof parsedState.first === 'number') {
+          this.d_first = parsedState.first;
+          this.$emit('update:first', this.d_first);
+          restoredState.first = this.d_first;
         }
-        if (this.reorderableColumns) {
-          this.d_columnOrder = restoredState.columnOrder;
+        if (typeof parsedState.rows === 'number') {
+          this.d_rows = parsedState.rows;
+          this.$emit('update:rows', this.d_rows);
+          restoredState.rows = this.d_rows;
         }
-        if (restoredState.expandedRows) {
-          this.$emit('update:expandedRows', restoredState.expandedRows);
+      }
+      if (typeof parsedState.sortField === 'string') {
+        this.d_sortField = parsedState.sortField;
+        this.$emit('update:sortField', this.d_sortField);
+        restoredState.sortField = this.d_sortField;
+      }
+      if (typeof parsedState.sortOrder === 'number') {
+        this.d_sortOrder = parsedState.sortOrder;
+        this.$emit('update:sortOrder', this.d_sortOrder);
+        restoredState.sortOrder = this.d_sortOrder;
+      }
+      if (Array.isArray(parsedState.multiSortMeta)) {
+        this.d_multiSortMeta = parsedState.multiSortMeta;
+        this.$emit('update:multiSortMeta', this.d_multiSortMeta);
+        restoredState.multiSortMeta = this.d_multiSortMeta;
+      }
+      if (this.hasFilters && _typeof$1(parsedState.filters) === 'object' && parsedState.filters !== null) {
+        this.d_filters = this.cloneFilters(parsedState.filters);
+        this.$emit('update:filters', this.d_filters);
+        restoredState.filters = this.d_filters;
+      }
+      if (this.resizableColumns) {
+        if (typeof parsedState.columnWidths === 'string') {
+          this.columnWidthsState = parsedState.columnWidths;
+          restoredState.columnWidths = this.columnWidthsState;
         }
-        if (restoredState.expandedRowGroups) {
-          this.$emit('update:expandedRowGroups', restoredState.expandedRowGroups);
+        if (typeof parsedState.tableWidth === 'string') {
+          this.tableWidthState = parsedState.tableWidth;
+          restoredState.tableWidth = this.tableWidthState;
         }
-        if (restoredState.selection) {
-          this.d_selectionKeys = restoredState.d_selectionKeys;
-          this.$emit('update:selection', restoredState.selection);
+      }
+      if (this.reorderableColumns && Array.isArray(parsedState.columnOrder)) {
+        this.d_columnOrder = parsedState.columnOrder;
+        restoredState.columnOrder = this.d_columnOrder;
+      }
+      if (_typeof$1(parsedState.expandedRows) === 'object' && parsedState.expandedRows !== null) {
+        this.$emit('update:expandedRows', parsedState.expandedRows);
+        restoredState.expandedRows = parsedState.expandedRows;
+      }
+      if (Array.isArray(parsedState.expandedRowGroups)) {
+        this.$emit('update:expandedRowGroups', parsedState.expandedRowGroups);
+        restoredState.expandedRowGroups = parsedState.expandedRowGroups;
+      }
+      if (_typeof$1(parsedState.selection) === 'object' && parsedState.selection !== null) {
+        if (_typeof$1(parsedState.selectionKeys) === 'object' && parsedState.selectionKeys !== null) {
+          this.d_selectionKeys = parsedState.selectionKeys;
+          restoredState.selectionKeys = this.d_selectionKeys;
         }
-        this.$emit('state-restore', restoredState);
+        this.$emit('update:selection', parsedState.selection);
+        restoredState.selection = parsedState.selection;
       }
+      this.$emit('state-restore', restoredState);
     },
     saveColumnWidths: function saveColumnWidths(state) {
       var widths = [];
@@ -5876,10 +5927,10 @@ var script = {
         this.$emit('filter', this.createLazyLoadEvent());
       }
     },
-    cloneFilters: function cloneFilters() {
+    cloneFilters: function cloneFilters(filters) {
       var cloned = {};
-      if (this.filters) {
-        Object.entries(this.filters).forEach(function (_ref3) {
+      if (filters) {
+        Object.entries(filters).forEach(function (_ref3) {
           var _ref4 = _slicedToArray(_ref3, 2),
             prop = _ref4[0],
             value = _ref4[1];
@@ -5932,7 +5983,7 @@ var script = {
   computed: {
     columns: function columns() {
       var cols = this.d_columns.get(this);
-      if (this.reorderableColumns && this.d_columnOrder) {
+      if (cols && this.reorderableColumns && this.d_columnOrder) {
         var orderedColumns = [];
         var _iterator5 = _createForOfIteratorHelper(this.d_columnOrder),
           _step5;
@@ -6084,6 +6135,12 @@ var script = {
     },
     virtualScrollerDisabled: function virtualScrollerDisabled() {
       return isEmpty(this.virtualScrollerOptions) || !this.scrollable;
+    },
+    dataP: function dataP() {
+      return cn({
+        scrollable: this.scrollable,
+        'flex-scrollable': this.scrollable && this.scrollHeight === 'flex'
+      });
     }
   },
   components: {
@@ -6104,6 +6161,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_DTPaginator = resolveComponent("DTPaginator");
@@ -6113,7 +6172,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_DTVirtualScroller = resolveComponent("DTVirtualScroller");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
-    "data-scrollselectors": ".p-datatable-wrapper"
+    "data-scrollselectors": ".p-datatable-wrapper",
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default"), _ctx.loading ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('mask')
@@ -6151,24 +6211,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     alwaysShow: _ctx.alwaysShowPaginator,
     unstyled: _ctx.unstyled,
+    "data-p-top": true,
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
   }, [_ctx.$slots.paginatorcontainer ? {
     name: "container",
-    fn: withCtx(function () {
+    fn: withCtx(function (slotProps) {
       return [renderSlot(_ctx.$slots, "paginatorcontainer", {
-        first: _ctx.slotProps.first,
-        last: _ctx.slotProps.last,
-        rows: _ctx.slotProps.rows,
-        page: _ctx.slotProps.page,
-        pageCount: _ctx.slotProps.pageCount,
-        totalRecords: _ctx.slotProps.totalRecords,
-        firstPageCallback: _ctx.slotProps.firstPageCallback,
-        lastPageCallback: _ctx.slotProps.lastPageCallback,
-        prevPageCallback: _ctx.slotProps.prevPageCallback,
-        nextPageCallback: _ctx.slotProps.nextPageCallback,
-        rowChangeCallback: _ctx.slotProps.rowChangeCallback
+        first: slotProps.first,
+        last: slotProps.last,
+        rows: slotProps.rows,
+        page: slotProps.page,
+        pageCount: slotProps.pageCount,
+        pageLinks: slotProps.pageLinks,
+        totalRecords: slotProps.totalRecords,
+        firstPageCallback: slotProps.firstPageCallback,
+        lastPageCallback: slotProps.lastPageCallback,
+        prevPageCallback: slotProps.prevPageCallback,
+        nextPageCallback: slotProps.nextPageCallback,
+        rowChangeCallback: slotProps.rowChangeCallback,
+        changePageCallback: slotProps.changePageCallback
       })];
     }),
     key: "0"
@@ -6236,7 +6299,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('tableContainer'),
     style: [_ctx.sx('tableContainer'), {
       maxHeight: $options.virtualScrollerDisabled ? _ctx.scrollHeight : ''
-    }]
+    }],
+    "data-p": $options.dataP
   }, _ctx.ptm('tableContainer')), [createVNode(_component_DTVirtualScroller, mergeProps({
     ref: "virtualScroller"
   }, _ctx.virtualScrollerOptions, {
@@ -6319,6 +6383,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         selection: _ctx.selection,
         selectionKeys: $data.d_selectionKeys,
         selectionMode: _ctx.selectionMode,
+        rowHover: _ctx.rowHover,
         contextMenu: _ctx.contextMenu,
         contextMenuSelection: _ctx.contextMenuSelection,
         rowGroupMode: _ctx.rowGroupMode,
@@ -6397,7 +6462,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onEditingMetaChange: $options.onEditingMetaChange,
         unstyled: _ctx.unstyled,
         pt: _ctx.pt
-      }, null, 8, ["value", "columns", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true), createVNode(_component_DTTableBody, {
+      }, null, 8, ["value", "columns", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "rowHover", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"])) : createCommentVNode("", true), createVNode(_component_DTTableBody, {
         ref: "bodyRef",
         value: $options.dataToRender(slotProps.rows),
         "class": normalizeClass(slotProps.styleClass),
@@ -6408,6 +6473,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         selection: _ctx.selection,
         selectionKeys: $data.d_selectionKeys,
         selectionMode: _ctx.selectionMode,
+        rowHover: _ctx.rowHover,
         contextMenu: _ctx.contextMenu,
         contextMenuSelection: _ctx.contextMenuSelection,
         rowGroupMode: _ctx.rowGroupMode,
@@ -6489,7 +6555,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onEditingMetaChange: $options.onEditingMetaChange,
         unstyled: _ctx.unstyled,
         pt: _ctx.pt
-      }, null, 8, ["value", "class", "columns", "empty", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"]), $options.hasSpacerStyle(slotProps.spacerStyle) ? (openBlock(), createElementBlock("tbody", mergeProps({
+      }, null, 8, ["value", "class", "columns", "empty", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "rowHover", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "editButtonProps", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange", "unstyled", "pt"]), $options.hasSpacerStyle(slotProps.spacerStyle) ? (openBlock(), createElementBlock("tbody", mergeProps({
         key: 2,
         "class": _ctx.cx('virtualScrollerSpacer'),
         style: {
@@ -6502,7 +6568,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["columnGroup", "columns", "pt"])], 16)];
     }),
     _: 1
-  }, 16, ["items", "columns", "style", "scrollHeight", "disabled", "pt"])], 16), $options.paginatorBottom ? (openBlock(), createBlock(_component_DTPaginator, {
+  }, 16, ["items", "columns", "style", "scrollHeight", "disabled", "pt"])], 16, _hoisted_2), $options.paginatorBottom ? (openBlock(), createBlock(_component_DTPaginator, {
     key: 3,
     rows: $data.d_rows,
     first: $data.d_first,
@@ -6519,6 +6585,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     alwaysShow: _ctx.alwaysShowPaginator,
     unstyled: _ctx.unstyled,
+    "data-p-bottom": true,
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
@@ -6531,12 +6598,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         rows: slotProps.rows,
         page: slotProps.page,
         pageCount: slotProps.pageCount,
+        pageLinks: slotProps.pageLinks,
         totalRecords: slotProps.totalRecords,
         firstPageCallback: slotProps.firstPageCallback,
         lastPageCallback: slotProps.lastPageCallback,
         prevPageCallback: slotProps.prevPageCallback,
         nextPageCallback: slotProps.nextPageCallback,
-        rowChangeCallback: slotProps.rowChangeCallback
+        rowChangeCallback: slotProps.rowChangeCallback,
+        changePageCallback: slotProps.changePageCallback
       })];
     }),
     key: "0"
@@ -6625,7 +6694,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "position": "absolute",
       "display": "none"
     }
-  }, _ctx.ptm('rowReorderIndicatorDown')), [(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.rowreorderindicatordownicon || _ctx.$slots.reorderindicatordownicon || 'ArrowUpIcon')))], 16)) : createCommentVNode("", true)], 16);
+  }, _ctx.ptm('rowReorderIndicatorDown')), [(openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.rowreorderindicatordownicon || _ctx.$slots.reorderindicatordownicon || 'ArrowUpIcon')))], 16)) : createCommentVNode("", true)], 16, _hoisted_1);
 }
 
 script.render = render;