primevue 4.1.0 → 4.2.0

package/datatable/index.mjs

@@ -914,20 +914,29 @@ var script$9 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
+        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
-          var right = 0;
+          var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
-            right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+            pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
+          }
+          if (isRTL) {
+            this.styleObject.left = pos + 'px';
+          } else {
+            this.styleObject.right = pos + 'px';
           }
-          this.styleObject.right = right + 'px';
         } else {
-          var left = 0;
+          var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
-            left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+            _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          }
+          if (isRTL) {
+            this.styleObject.right = _pos + 'px';
+          } else {
+            this.styleObject.left = _pos + 'px';
           }
-          this.styleObject.left = left + 'px';
         }
       }
     },
@@ -2233,20 +2242,29 @@ var script$6 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
+        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
-          var right = 0;
+          var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
-            right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+            pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
+          }
+          if (isRTL) {
+            this.styleObject.left = pos + 'px';
+          } else {
+            this.styleObject.right = pos + 'px';
           }
-          this.styleObject.right = right + 'px';
         } else {
-          var left = 0;
+          var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
-            left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+            _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          }
+          if (isRTL) {
+            this.styleObject.right = _pos + 'px';
+          } else {
+            this.styleObject.left = _pos + 'px';
           }
-          this.styleObject.left = left + 'px';
         }
       }
     }
@@ -3548,20 +3566,29 @@ var script$2 = {
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');
+        var isRTL = this.$parentInstance.$parentInstance.isRTL;
         if (align === 'right') {
-          var right = 0;
+          var pos = 0;
           var next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (next) {
-            right = getOuterWidth(next) + parseFloat(next.style.right || 0);
+            pos = getOuterWidth(next) + parseFloat(next.style.right || 0);
+          }
+          if (isRTL) {
+            this.styleObject.left = pos + 'px';
+          } else {
+            this.styleObject.right = pos + 'px';
           }
-          this.styleObject.right = right + 'px';
         } else {
-          var left = 0;
+          var _pos = 0;
           var prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
           if (prev) {
-            left = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+            _pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          }
+          if (isRTL) {
+            this.styleObject.right = _pos + 'px';
+          } else {
+            this.styleObject.left = _pos + 'px';
           }
-          this.styleObject.left = left + 'px';
         }
         var filterRow = this.$el.parentElement.nextElementSibling;
         if (filterRow) {
@@ -4248,7 +4275,8 @@ var script = {
       }),
       d_columnGroups: new HelperSet({
         type: 'ColumnGroup'
-      })
+      }),
+      isRTL: false
     };
   },
   rowTouched: false,
@@ -4269,6 +4297,7 @@ var script = {
   columnWidthsState: null,
   tableWidthState: null,
   columnWidthsRestored: false,
+  mutationObserver: null,
   watch: {
     first: function first(newValue) {
       this.d_first = newValue;
@@ -4319,12 +4348,17 @@ var script = {
     if (this.editMode === 'row' && this.dataKey && !this.d_editingRowKeys) {
       this.updateEditingRowKeys(this.editingRows);
     }
+    this.updateDirection();
+    this.observeDirectionChanges();
   },
   beforeUnmount: function beforeUnmount() {
     this.unbindColumnResizeEvents();
     this.destroyStyleElement();
     this.d_columns.clear();
     this.d_columnGroups.clear();
+    if (this.mutationObserver) {
+      this.mutationObserver.disconnect();
+    }
   },
   updated: function updated() {
     if (this.isStateful()) {
@@ -4335,11 +4369,26 @@ var script = {
     }
   },
   methods: {
+    updateDirection: function updateDirection() {
+      this.isRTL = !!this.$el.closest('[dir="rtl"]');
+    },
+    observeDirectionChanges: function observeDirectionChanges() {
+      var _this = this;
+      var targetNode = document.documentElement;
+      var config = {
+        attributes: true,
+        attributeFilter: ['dir']
+      };
+      this.mutationObserver = new MutationObserver(function () {
+        _this.updateDirection();
+      });
+      this.mutationObserver.observe(targetNode, config);
+    },
     columnProp: function columnProp(col, prop) {
       return getVNodeProp(col, prop);
     },
     onPage: function onPage(event) {
-      var _this = this;
+      var _this2 = this;
       this.clearEditingMetaData();
       this.d_first = event.first;
       this.d_rows = event.rows;
@@ -4350,11 +4399,11 @@ var script = {
       this.$emit('update:rows', this.d_rows);
       this.$emit('page', pageEvent);
       this.$nextTick(function () {
-        _this.$emit('value-change', _this.processedData);
+        _this2.$emit('value-change', _this2.processedData);
       });
     },
     onColumnHeaderClick: function onColumnHeaderClick(e) {
-      var _this2 = this;
+      var _this3 = this;
       var event = e.originalEvent;
       var column = e.column;
       if (this.columnProp(column, 'sortable')) {
@@ -4389,13 +4438,13 @@ var script = {
           }
           this.$emit('sort', this.createLazyLoadEvent(event));
           this.$nextTick(function () {
-            _this2.$emit('value-change', _this2.processedData);
+            _this3.$emit('value-change', _this3.processedData);
           });
         }
       }
     },
     sortSingle: function sortSingle(value) {
-      var _this3 = this;
+      var _this4 = this;
       this.clearEditingMetaData();
       if (this.groupRowsBy && this.groupRowsBy === this.sortField) {
         this.d_multiSortMeta = [{
@@ -4425,12 +4474,12 @@ var script = {
       data.sort(function (data1, data2) {
         var value1 = resolvedFieldData.get(data1);
         var value2 = resolvedFieldData.get(data2);
-        return sort(value1, value2, _this3.d_sortOrder, comparer, _this3.d_nullSortOrder);
+        return sort(value1, value2, _this4.d_sortOrder, comparer, _this4.d_nullSortOrder);
       });
       return data;
     },
     sortMultiple: function sortMultiple(value) {
-      var _this4 = this;
+      var _this5 = this;
       this.clearEditingMetaData();
       if (this.groupRowsBy && (this.d_groupRowsSortMeta || this.d_multiSortMeta.length && this.groupRowsBy === this.d_multiSortMeta[0].field)) {
         var firstSortMeta = this.d_multiSortMeta[0];
@@ -4441,7 +4490,7 @@ var script = {
       }
       var data = _toConsumableArray(value);
       data.sort(function (data1, data2) {
-        return _this4.multisortField(data1, data2, 0);
+        return _this5.multisortField(data1, data2, 0);
       });
       return data;
     },
@@ -4497,7 +4546,7 @@ var script = {
       return Object.fromEntries(entries);
     },
     filter: function filter(data) {
-      var _this5 = this;
+      var _this6 = this;
       if (!data) {
         return;
       }
@@ -4506,7 +4555,7 @@ var script = {
       var globalFilterFieldsArray;
       if (activeFilters['global']) {
         globalFilterFieldsArray = this.globalFilterFields || this.columns.map(function (col) {
-          return _this5.columnProp(col, 'filterField') || _this5.columnProp(col, 'field');
+          return _this6.columnProp(col, 'filterField') || _this6.columnProp(col, 'field');
         });
       }
       var filteredValue = [];
@@ -4569,7 +4618,7 @@ var script = {
       filterEvent.filteredValue = filteredValue;
       this.$emit('filter', filterEvent);
       this.$nextTick(function () {
-        _this5.$emit('value-change', _this5.processedData);
+        _this6.$emit('value-change', _this6.processedData);
       });
       return filteredValue;
     },
@@ -4584,7 +4633,7 @@ var script = {
       var event = e.originalEvent;
       var body = this.$refs.bodyRef && this.$refs.bodyRef.$el;
       var focusedItem = findSingle(body, 'tr[data-p-selectable-row="true"][tabindex="0"]');
-      if (isClickable(event.currentTarget)) {
+      if (isClickable(event.target)) {
         return;
       }
       this.$emit('row-click', e);
@@ -4681,9 +4730,9 @@ var script = {
       }
       this.rowTouched = false;
       if (focusedItem) {
-        var _event$currentTarget, _event$currentTarget2;
-        if (((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.getAttribute('data-pc-section')) === 'rowtoggleicon') return;
-        var targetRow = (_event$currentTarget2 = event.currentTarget) === null || _event$currentTarget2 === void 0 ? void 0 : _event$currentTarget2.closest('tr[data-p-selectable-row="true"]');
+        var _event$target, _event$currentTarget;
+        if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getAttribute('data-pc-section')) === 'rowtoggleicon') return;
+        var targetRow = (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.closest('tr[data-p-selectable-row="true"]');
         focusedItem.tabIndex = '-1';
         targetRow.tabIndex = '0';
       }
@@ -5030,7 +5079,7 @@ var script = {
       this.$emit('update:selection', _selection);
     },
     exportCSV: function exportCSV$1(options, data) {
-      var _this6 = this;
+      var _this7 = this;
       var csv = "\uFEFF";
       if (!data) {
         data = this.processedData;
@@ -5052,16 +5101,16 @@ var script = {
         data.forEach(function (record) {
           csv += '\n';
           var rowInitiated = false;
-          for (var _i = 0; _i < _this6.columns.length; _i++) {
-            var _column = _this6.columns[_i];
-            if (_this6.columnProp(_column, 'exportable') !== false && _this6.columnProp(_column, 'field')) {
-              if (rowInitiated) csv += _this6.csvSeparator;else rowInitiated = true;
-              var cellData = resolveFieldData(record, _this6.columnProp(_column, 'field'));
+          for (var _i = 0; _i < _this7.columns.length; _i++) {
+            var _column = _this7.columns[_i];
+            if (_this7.columnProp(_column, 'exportable') !== false && _this7.columnProp(_column, 'field')) {
+              if (rowInitiated) csv += _this7.csvSeparator;else rowInitiated = true;
+              var cellData = resolveFieldData(record, _this7.columnProp(_column, 'field'));
               if (cellData != null) {
-                if (_this6.exportFunction) {
-                  cellData = _this6.exportFunction({
+                if (_this7.exportFunction) {
+                  cellData = _this7.exportFunction({
                     data: cellData,
-                    field: _this6.columnProp(_column, 'field')
+                    field: _this7.columnProp(_column, 'field')
                   });
                 } else cellData = String(cellData).replace(/"/g, '""');
               } else cellData = '';
@@ -5106,7 +5155,7 @@ var script = {
       this.$refs.resizeHelper.style.display = 'block';
     },
     onColumnResizeEnd: function onColumnResizeEnd() {
-      var delta = this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
+      var delta = this.isRTL ? this.lastResizeHelperX - this.$refs.resizeHelper.offsetLeft : this.$refs.resizeHelper.offsetLeft - this.lastResizeHelperX;
       var columnWidth = this.resizeColumnElement.offsetWidth;
       var newColumnWidth = columnWidth + delta;
       var minWidth = this.resizeColumnElement.style.minWidth || 15;
@@ -5166,19 +5215,19 @@ var script = {
       this.styleElement.innerHTML = innerHTML;
     },
     bindColumnResizeEvents: function bindColumnResizeEvents() {
-      var _this7 = this;
+      var _this8 = this;
       if (!this.documentColumnResizeListener) {
         this.documentColumnResizeListener = document.addEventListener('mousemove', function () {
-          if (_this7.columnResizing) {
-            _this7.onColumnResize(event);
+          if (_this8.columnResizing) {
+            _this8.onColumnResize(event);
           }
         });
       }
       if (!this.documentColumnResizeEndListener) {
         this.documentColumnResizeEndListener = document.addEventListener('mouseup', function () {
-          if (_this7.columnResizing) {
-            _this7.columnResizing = false;
-            _this7.onColumnResizeEnd();
+          if (_this8.columnResizing) {
+            _this8.columnResizing = false;
+            _this8.onColumnResizeEnd();
           }
         });
       }
@@ -5249,7 +5298,7 @@ var script = {
       }
     },
     onColumnHeaderDrop: function onColumnHeaderDrop(e) {
-      var _this8 = this;
+      var _this9 = this;
       var event = e.originalEvent,
         column = e.column;
       event.preventDefault();
@@ -5262,10 +5311,10 @@ var script = {
         }
         if (allowDrop) {
           var isSameColumn = function isSameColumn(col1, col2) {
-            return _this8.columnProp(col1, 'columnKey') || _this8.columnProp(col2, 'columnKey') ? _this8.columnProp(col1, 'columnKey') === _this8.columnProp(col2, 'columnKey') : _this8.columnProp(col1, 'field') === _this8.columnProp(col2, 'field');
+            return _this9.columnProp(col1, 'columnKey') || _this9.columnProp(col2, 'columnKey') ? _this9.columnProp(col1, 'columnKey') === _this9.columnProp(col2, 'columnKey') : _this9.columnProp(col1, 'field') === _this9.columnProp(col2, 'field');
           };
           var dragColIndex = this.columns.findIndex(function (child) {
-            return isSameColumn(child, _this8.draggedColumn);
+            return isSameColumn(child, _this9.draggedColumn);
           });
           var dropColIndex = this.columns.findIndex(function (child) {
             return isSameColumn(child, column);
@@ -5410,7 +5459,7 @@ var script = {
       event.preventDefault();
     },
     toggleRow: function toggleRow(event) {
-      var _this9 = this;
+      var _this10 = this;
       var expanded = event.expanded,
         rest = _objectWithoutProperties(event, _excluded);
       var rowData = event.data;
@@ -5422,7 +5471,7 @@ var script = {
       } else {
         expandedRows = this.expandedRows ? _toConsumableArray(this.expandedRows) : [];
         expanded ? expandedRows.push(rowData) : expandedRows = expandedRows.filter(function (d) {
-          return !_this9.equals(rowData, d);
+          return !_this10.equals(rowData, d);
         });
       }
       this.$emit('update:expandedRows', expandedRows);
@@ -5684,10 +5733,10 @@ var script = {
       return cloned;
     },
     updateReorderableColumns: function updateReorderableColumns() {
-      var _this10 = this;
+      var _this11 = this;
       var columnOrder = [];
       this.columns.forEach(function (col) {
-        return columnOrder.push(_this10.columnProp(col, 'columnKey') || _this10.columnProp(col, 'field'));
+        return columnOrder.push(_this11.columnProp(col, 'columnKey') || _this11.columnProp(col, 'field'));
       });
       this.d_columnOrder = columnOrder;
     },
@@ -5750,16 +5799,16 @@ var script = {
     },
     headerColumnGroup: function headerColumnGroup() {
       var _this$columnGroups,
-        _this11 = this;
+        _this12 = this;
       return (_this$columnGroups = this.columnGroups) === null || _this$columnGroups === void 0 ? void 0 : _this$columnGroups.find(function (group) {
-        return _this11.columnProp(group, 'type') === 'header';
+        return _this12.columnProp(group, 'type') === 'header';
       });
     },
     footerColumnGroup: function footerColumnGroup() {
       var _this$columnGroups2,
-        _this12 = this;
+        _this13 = this;
       return (_this$columnGroups2 = this.columnGroups) === null || _this$columnGroups2 === void 0 ? void 0 : _this$columnGroups2.find(function (group) {
-        return _this12.columnProp(group, 'type') === 'footer';
+        return _this13.columnProp(group, 'type') === 'footer';
       });
     },
     hasFilters: function hasFilters() {
@@ -5802,14 +5851,14 @@ var script = {
       return this.d_sortField || this.d_multiSortMeta && this.d_multiSortMeta.length > 0;
     },
     allRowsSelected: function allRowsSelected() {
-      var _this13 = this;
+      var _this14 = this;
       if (this.selectAll !== null) {
         return this.selectAll;
       } else {
         var val = this.frozenValue ? [].concat(_toConsumableArray(this.frozenValue), _toConsumableArray(this.processedData)) : this.processedData;
         return isNotEmpty(val) && this.selection && Array.isArray(this.selection) && val.every(function (v) {
-          return _this13.selection.some(function (s) {
-            return _this13.equals(s, v);
+          return _this14.selection.some(function (s) {
+            return _this14.equals(s, v);
           });
         });
       }
@@ -5944,18 +5993,36 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
-  }, [_ctx.$slots.paginatorstart ? {
+  }, [_ctx.$slots.paginatorcontainer ? {
+    name: "container",
+    fn: withCtx(function () {
+      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
+      })];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorstart ? {
     name: "start",
     fn: withCtx(function () {
       return [renderSlot(_ctx.$slots, "paginatorstart")];
     }),
-    key: "0"
+    key: "1"
   } : undefined, _ctx.$slots.paginatorend ? {
     name: "end",
     fn: withCtx(function () {
       return [renderSlot(_ctx.$slots, "paginatorend")];
     }),
-    key: "1"
+    key: "2"
   } : undefined, _ctx.$slots.paginatorfirstpagelinkicon ? {
     name: "firstpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -5963,7 +6030,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "2"
+    key: "3"
   } : undefined, _ctx.$slots.paginatorprevpagelinkicon ? {
     name: "prevpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -5971,7 +6038,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "3"
+    key: "4"
   } : undefined, _ctx.$slots.paginatornextpagelinkicon ? {
     name: "nextpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -5979,7 +6046,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "4"
+    key: "5"
   } : undefined, _ctx.$slots.paginatorlastpagelinkicon ? {
     name: "lastpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -5987,7 +6054,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "5"
+    key: "6"
   } : undefined, _ctx.$slots.paginatorjumptopagedropdownicon ? {
     name: "jumptopagedropdownicon",
     fn: withCtx(function (slotProps) {
@@ -5995,7 +6062,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "6"
+    key: "7"
   } : undefined, _ctx.$slots.paginatorrowsperpagedropdownicon ? {
     name: "rowsperpagedropdownicon",
     fn: withCtx(function (slotProps) {
@@ -6003,7 +6070,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "7"
+    key: "8"
   } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), createElementVNode("div", mergeProps({
     "class": _ctx.cx('tableContainer'),
     style: [_ctx.sx('tableContainer'), {
@@ -6294,18 +6361,36 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     pt: _ctx.ptm('pcPaginator')
   }, createSlots({
     _: 2
-  }, [_ctx.$slots.paginatorstart ? {
+  }, [_ctx.$slots.paginatorcontainer ? {
+    name: "container",
+    fn: withCtx(function (slotProps) {
+      return [renderSlot(_ctx.$slots, "paginatorcontainer", {
+        first: slotProps.first,
+        last: slotProps.last,
+        rows: slotProps.rows,
+        page: slotProps.page,
+        pageCount: slotProps.pageCount,
+        totalRecords: slotProps.totalRecords,
+        firstPageCallback: slotProps.firstPageCallback,
+        lastPageCallback: slotProps.lastPageCallback,
+        prevPageCallback: slotProps.prevPageCallback,
+        nextPageCallback: slotProps.nextPageCallback,
+        rowChangeCallback: slotProps.rowChangeCallback
+      })];
+    }),
+    key: "0"
+  } : undefined, _ctx.$slots.paginatorstart ? {
     name: "start",
     fn: withCtx(function () {
       return [renderSlot(_ctx.$slots, "paginatorstart")];
     }),
-    key: "0"
+    key: "1"
   } : undefined, _ctx.$slots.paginatorend ? {
     name: "end",
     fn: withCtx(function () {
       return [renderSlot(_ctx.$slots, "paginatorend")];
     }),
-    key: "1"
+    key: "2"
   } : undefined, _ctx.$slots.paginatorfirstpagelinkicon ? {
     name: "firstpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -6313,7 +6398,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "2"
+    key: "3"
   } : undefined, _ctx.$slots.paginatorprevpagelinkicon ? {
     name: "prevpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -6321,7 +6406,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "3"
+    key: "4"
   } : undefined, _ctx.$slots.paginatornextpagelinkicon ? {
     name: "nextpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -6329,7 +6414,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "4"
+    key: "5"
   } : undefined, _ctx.$slots.paginatorlastpagelinkicon ? {
     name: "lastpagelinkicon",
     fn: withCtx(function (slotProps) {
@@ -6337,7 +6422,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "5"
+    key: "6"
   } : undefined, _ctx.$slots.paginatorjumptopagedropdownicon ? {
     name: "jumptopagedropdownicon",
     fn: withCtx(function (slotProps) {
@@ -6345,7 +6430,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "6"
+    key: "7"
   } : undefined, _ctx.$slots.paginatorrowsperpagedropdownicon ? {
     name: "rowsperpagedropdownicon",
     fn: withCtx(function (slotProps) {
@@ -6353,7 +6438,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": normalizeClass(slotProps["class"])
       })];
     }),
-    key: "7"
+    key: "8"
   } : undefined]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
     key: 4,
     "class": _ctx.cx('footer')