primevue 3.26.0 → 3.26.1

package/datatable/datatable.js

@@ -797,6 +797,10 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                 type: Array,
                 default: null
             },
+            first: {
+                type: Number,
+                default: 0
+            },
             dataKey: {
                 type: String,
                 default: null
@@ -928,12 +932,12 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                 }
             },
             getRowKey(rowData, index) {
-                return this.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, this.dataKey) : index;
+                return this.dataKey ? utils.ObjectUtils.resolveFieldData(rowData, this.dataKey) : this.getRowIndex(index);
             },
             getRowIndex(index) {
                 const getItemOptions = this.getVirtualScrollerProp('getItemOptions');
 
-                return getItemOptions ? getItemOptions(index).index : index;
+                return getItemOptions ? getItemOptions(index).index : this.first + index;
             },
             getRowStyle(rowData) {
                 if (this.rowStyle) {
@@ -1211,6 +1215,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                 let hiddenColLength = 0;
 
                 this.columns.forEach((column) => {
+                    if (this.columnProp(column, 'selectionMode') === 'single') hiddenColLength--;
                     if (this.columnProp(column, 'hidden')) hiddenColLength++;
                 });
 
@@ -1262,12 +1267,10 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
       }, [
         (!$props.empty)
           ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList($props.value, (rowData, index) => {
-              return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: $options.getRowKey(rowData, $options.getRowIndex(index)) + '_subheader'
-              }, [
+              return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 ($props.templates['groupheader'] && $props.rowGroupMode === 'subheader' && $options.shouldRenderRowGroupHeader($props.value, rowData, $options.getRowIndex(index)))
                   ? (vue.openBlock(), vue.createElementBlock("tr", {
-                      key: 0,
+                      key: $options.getRowKey(rowData, $options.getRowIndex(index)) + '_subheader',
                       class: "p-rowgroup-header",
                       style: vue.normalizeStyle($options.rowGroupHeaderStyle),
                       role: "row"
@@ -1315,12 +1318,10 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                       onDrop: _cache[13] || (_cache[13] = $event => ($options.onRowDrop($event)))
                     }, [
                       (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
-                        }, [
+                        return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                           ($options.shouldRenderBodyCell($props.value, col, $options.getRowIndex(index)))
                             ? (vue.openBlock(), vue.createBlock(_component_DTBodyCell, {
-                                key: 0,
+                                key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i,
                                 rowData: rowData,
                                 column: col,
                                 rowIndex: $options.getRowIndex(index),
@@ -1349,7 +1350,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                               }, null, 8, ["rowData", "column", "rowIndex", "index", "selected", "rowTogglerIcon", "frozenRow", "rowspan", "editMode", "editing", "editingMeta", "responsiveLayout", "virtualScrollerContentProps", "ariaControls", "name", "onEditingMetaChange"]))
                             : vue.createCommentVNode("", true)
                         ], 64))
-                      }), 128))
+                      }), 256))
                     ], 46, _hoisted_3$4))
                   : vue.createCommentVNode("", true),
                 ($props.templates['expansion'] && $props.expandedRows && $options.isRowExpanded(rowData))
@@ -1384,7 +1385,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                     ]))
                   : vue.createCommentVNode("", true)
               ], 64))
-            }), 128))
+            }), 256))
           : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7$1, [
               vue.createElementVNode("td", { colspan: $options.columnsLength }, [
                 ($props.templates.empty)
@@ -5220,7 +5221,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
           vue.createVNode(_component_DTVirtualScroller, vue.mergeProps({ ref: "virtualScroller" }, $props.virtualScrollerOptions, {
             items: $options.processedData,
             columns: $options.columns,
-            style: { height: $props.scrollHeight !== 'flex' ? $props.scrollHeight : undefined },
+            style: $props.scrollHeight !== 'flex' ? { height: $props.scrollHeight } : undefined,
             scrollHeight: $props.scrollHeight !== 'flex' ? undefined : '100%',
             disabled: $options.virtualScrollerDisabled,
             loaderDisabled: "",
@@ -5272,6 +5273,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                       frozenRow: true,
                       class: "p-datatable-frozen-tbody",
                       columns: slotProps.columns,
+                      first: $data.d_first,
                       dataKey: $props.dataKey,
                       selection: $props.selection,
                       selectionKeys: $data.d_selectionKeys,
@@ -5319,7 +5321,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                       onRowEditCancel: _cache[25] || (_cache[25] = $event => ($options.onRowEditCancel($event))),
                       editingMeta: $data.d_editingMeta,
                       onEditingMetaChange: $options.onEditingMetaChange
-                    }, null, 8, ["value", "columns", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowKeys", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "responsiveLayout", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange"]))
+                    }, null, 8, ["value", "columns", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowKeys", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "responsiveLayout", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange"]))
                   : vue.createCommentVNode("", true),
                 vue.createVNode(_component_DTTableBody, {
                   ref: "bodyRef",
@@ -5327,6 +5329,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                   class: vue.normalizeClass(slotProps.styleClass),
                   columns: slotProps.columns,
                   empty: $options.empty,
+                  first: $data.d_first,
                   dataKey: $props.dataKey,
                   selection: $props.selection,
                   selectionKeys: $data.d_selectionKeys,
@@ -5375,7 +5378,7 @@ this.primevue.datatable = (function (api, Paginator, utils, VirtualScroller, Ove
                   onRowEditCancel: _cache[42] || (_cache[42] = $event => ($options.onRowEditCancel($event))),
                   editingMeta: $data.d_editingMeta,
                   onEditingMetaChange: $options.onEditingMetaChange
-                }, null, 8, ["value", "class", "columns", "empty", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowKeys", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "responsiveLayout", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange"]),
+                }, null, 8, ["value", "class", "columns", "empty", "first", "dataKey", "selection", "selectionKeys", "selectionMode", "contextMenu", "contextMenuSelection", "rowGroupMode", "groupRowsBy", "expandableRowGroups", "rowClass", "rowStyle", "editMode", "compareSelectionBy", "scrollable", "expandedRowIcon", "collapsedRowIcon", "expandedRows", "expandedRowKeys", "expandedRowGroups", "editingRows", "editingRowKeys", "templates", "responsiveLayout", "virtualScrollerContentProps", "isVirtualScrollerDisabled", "onRowgroupToggle", "onRowTouchend", "onRowKeydown", "onRowMousedown", "editingMeta", "onEditingMetaChange"]),
                 ($options.hasSpacerStyle(slotProps.spacerStyle))
                   ? (vue.openBlock(), vue.createElementBlock("tbody", {
                       key: 1,