primevue 3.22.3 → 3.23.0

package/datatable/BodyCell.vue

@@ -141,9 +141,11 @@ export default {
         }
 
         if (this.d_editing && (this.editMode === 'cell' || (this.editMode === 'row' && this.columnProp('rowEditor')))) {
-            const focusableEl = DomHandler.getFirstFocusableElement(this.$el);
+            setTimeout(() => {
+                const focusableEl = DomHandler.getFirstFocusableElement(this.$el);
 
-            focusableEl && focusableEl.focus();
+                focusableEl && focusableEl.focus();
+            }, 1);
         }
     },
     beforeUnmount() {

package/datatable/DataTable.vue

@@ -176,6 +176,9 @@
                 </template>
             </DTVirtualScroller>
         </div>
+        <div v-if="$slots.footer" class="p-datatable-footer">
+            <slot name="footer"></slot>
+        </div>
         <DTPaginator
             v-if="paginatorBottom"
             :rows="d_rows"
@@ -196,9 +199,6 @@
                 <slot name="paginatorend"></slot>
             </template>
         </DTPaginator>
-        <div v-if="$slots.footer" class="p-datatable-footer">
-            <slot name="footer"></slot>
-        </div>
         <div ref="resizeHelper" class="p-column-resizer-helper" style="display: none"></div>
         <span v-if="reorderableColumns" ref="reorderIndicatorUp" class="pi pi-arrow-down p-datatable-reorder-indicator-up" style="position: absolute; display: none" />
         <span v-if="reorderableColumns" ref="reorderIndicatorDown" class="pi pi-arrow-up p-datatable-reorder-indicator-down" style="position: absolute; display: none" />
@@ -1117,7 +1117,7 @@ export default {
 
                 if (firstSelectedRow) {
                     firstSelectedRow.tabIndex = '0';
-                    focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
+                    focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
                 } else {
                     rows[0].tabIndex = '0';
                     focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
@@ -1368,7 +1368,7 @@ export default {
 
                 if (i === 0) csv += '\n';
 
-                if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'field')) {
+                if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'exportFooter')) {
                     if (footerInitiated) csv += this.csvSeparator;
                     else footerInitiated = true;
 
@@ -1685,7 +1685,7 @@ export default {
                 let dropIndex = this.draggedRowIndex > this.droppedRowIndex ? this.droppedRowIndex : this.droppedRowIndex === 0 ? 0 : this.droppedRowIndex - 1;
                 let processedData = [...this.processedData];
 
-                ObjectUtils.reorderArray(processedData, this.draggedRowIndex, dropIndex);
+                ObjectUtils.reorderArray(processedData, this.draggedRowIndex + this.d_first, dropIndex + this.d_first);
 
                 this.$emit('row-reorder', {
                     originalEvent: event,

package/datatable/datatable.cjs.js

@@ -265,9 +265,11 @@ var script$8 = {
         }
 
         if (this.d_editing && (this.editMode === 'cell' || (this.editMode === 'row' && this.columnProp('rowEditor')))) {
-            const focusableEl = utils.DomHandler.getFirstFocusableElement(this.$el);
+            setTimeout(() => {
+                const focusableEl = utils.DomHandler.getFirstFocusableElement(this.$el);
 
-            focusableEl && focusableEl.focus();
+                focusableEl && focusableEl.focus();
+            }, 1);
         }
     },
     beforeUnmount() {
@@ -3986,7 +3988,7 @@ var script = {
 
                 if (firstSelectedRow) {
                     firstSelectedRow.tabIndex = '0';
-                    focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
+                    focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
                 } else {
                     rows[0].tabIndex = '0';
                     focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
@@ -4237,7 +4239,7 @@ var script = {
 
                 if (i === 0) csv += '\n';
 
-                if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'field')) {
+                if (this.columnProp(column, 'exportable') !== false && this.columnProp(column, 'exportFooter')) {
                     if (footerInitiated) csv += this.csvSeparator;
                     else footerInitiated = true;
 
@@ -4554,7 +4556,7 @@ var script = {
                 let dropIndex = this.draggedRowIndex > this.droppedRowIndex ? this.droppedRowIndex : this.droppedRowIndex === 0 ? 0 : this.droppedRowIndex - 1;
                 let processedData = [...this.processedData];
 
-                utils.ObjectUtils.reorderArray(processedData, this.draggedRowIndex, dropIndex);
+                utils.ObjectUtils.reorderArray(processedData, this.draggedRowIndex + this.d_first, dropIndex + this.d_first);
 
                 this.$emit('row-reorder', {
                     originalEvent: event,
@@ -5138,7 +5140,7 @@ const _hoisted_2 = {
   class: "p-datatable-header"
 };
 const _hoisted_3 = {
-  key: 4,
+  key: 3,
   class: "p-datatable-footer"
 };
 const _hoisted_4 = {
@@ -5389,9 +5391,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 16, ["items", "columns", "style", "disabled"])
     ], 4),
+    (_ctx.$slots.footer)
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "footer")
+        ]))
+      : vue.createCommentVNode("", true),
     ($options.paginatorBottom)
       ? (vue.openBlock(), vue.createBlock(_component_DTPaginator, {
-          key: 3,
+          key: 4,
           rows: $data.d_rows,
           first: $data.d_first,
           totalRecords: $options.totalRecordsLength,
@@ -5423,11 +5430,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "alwaysShow"]))
       : vue.createCommentVNode("", true),
-    (_ctx.$slots.footer)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.renderSlot(_ctx.$slots, "footer")
-        ]))
-      : vue.createCommentVNode("", true),
     vue.createElementVNode("div", _hoisted_4, null, 512),
     ($props.reorderableColumns)
       ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, null, 512))