primevue 3.25.0 → 3.26.1

package/datatable/datatable.cjs.js

@@ -807,6 +807,10 @@ var script$7 = {
             type: Array,
             default: null
         },
+        first: {
+            type: Number,
+            default: 0
+        },
         dataKey: {
             type: String,
             default: null
@@ -938,12 +942,12 @@ var script$7 = {
             }
         },
         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) {
@@ -1221,6 +1225,7 @@ var script$7 = {
             let hiddenColLength = 0;
 
             this.columns.forEach((column) => {
+                if (this.columnProp(column, 'selectionMode') === 'single') hiddenColLength--;
                 if (this.columnProp(column, 'hidden')) hiddenColLength++;
             });
 
@@ -1272,12 +1277,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     (!$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"
@@ -1325,12 +1328,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                   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),
@@ -1359,7 +1360,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                           }, 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))
@@ -1394,7 +1395,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 ]))
               : vue.createCommentVNode("", true)
           ], 64))
-        }), 128))
+        }), 256))
       : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7$1, [
           vue.createElementVNode("td", { colspan: $options.columnsLength }, [
             ($props.templates.empty)
@@ -5230,7 +5231,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       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: "",
@@ -5282,6 +5283,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   frozenRow: true,
                   class: "p-datatable-frozen-tbody",
                   columns: slotProps.columns,
+                  first: $data.d_first,
                   dataKey: $props.dataKey,
                   selection: $props.selection,
                   selectionKeys: $data.d_selectionKeys,
@@ -5329,7 +5331,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   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",
@@ -5337,6 +5339,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               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,
@@ -5385,7 +5388,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               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,