primeng 11.3.1 → 11.4.2

package/fesm2015/primeng-table.js

@@ -94,6 +94,7 @@ class Table {
         this.columnResizeMode = 'fit';
         this.loadingIcon = 'pi pi-spinner';
         this.showLoader = true;
+        this.showInitialSortBadge = true;
         this.stateStorage = 'session';
         this.editMode = 'cell';
         this.onRowSelect = new EventEmitter();
@@ -1498,9 +1499,7 @@ class Table {
         if (Object.keys(this.expandedRowKeys).length) {
             state.expandedRowKeys = this.expandedRowKeys;
         }
-        if (Object.keys(state).length) {
-            storage.setItem(this.stateKey, JSON.stringify(state));
-        }
+        storage.setItem(this.stateKey, JSON.stringify(state));
         this.onStateSave.emit(state);
     }
     clearState() {
@@ -1765,6 +1764,7 @@ Table.propDecorators = {
     showLoader: [{ type: Input }],
     rowHover: [{ type: Input }],
     customSort: [{ type: Input }],
+    showInitialSortBadge: [{ type: Input }],
     autoLayout: [{ type: Input }],
     exportFunction: [{ type: Input }],
     stateKey: [{ type: Input }],
@@ -2201,7 +2201,7 @@ class SortIcon {
     getMultiSortMetaIndex() {
         let multiSortMeta = this.dt._multiSortMeta;
         let index = -1;
-        if (multiSortMeta && this.dt.sortMode === 'multiple') {
+        if (multiSortMeta && this.dt.sortMode === 'multiple' && (this.dt.showInitialSortBadge || multiSortMeta.length > 1)) {
             for (let i = 0; i < multiSortMeta.length; i++) {
                 let meta = multiSortMeta[i];
                 if (meta.field === this.field || meta.field === this.field) {
@@ -2305,6 +2305,11 @@ class SelectableRow {
             DomHandler.findSingle(this.dt.scrollableViewChild.el.nativeElement, 'cdk-virtual-scroll-viewport').focus();
         }
     }
+    onSpaceKeydown() {
+        if (this.dt.virtualScroll && !this.dt.editingCell) {
+            DomHandler.findSingle(this.dt.scrollableViewChild.el.nativeElement, 'cdk-virtual-scroll-viewport').focus();
+        }
+    }
     findNextSelectableRow(row) {
         let nextRow = row.nextElementSibling;
         if (nextRow) {
@@ -2361,7 +2366,8 @@ SelectableRow.propDecorators = {
     onArrowDownKeyDown: [{ type: HostListener, args: ['keydown.arrowdown', ['$event'],] }],
     onArrowUpKeyDown: [{ type: HostListener, args: ['keydown.arrowup', ['$event'],] }],
     onEnterKeyDown: [{ type: HostListener, args: ['keydown.enter', ['$event'],] }, { type: HostListener, args: ['keydown.shift.enter', ['$event'],] }, { type: HostListener, args: ['keydown.meta.enter', ['$event'],] }],
-    onPageDownKeyDown: [{ type: HostListener, args: ['keydown.pagedown', ['$event'],] }, { type: HostListener, args: ['keydown.pageup', ['$event'],] }, { type: HostListener, args: ['keydown.home', ['$event'],] }, { type: HostListener, args: ['keydown.end', ['$event'],] }, { type: HostListener, args: ['keydown.space', ['$event'],] }]
+    onPageDownKeyDown: [{ type: HostListener, args: ['keydown.pagedown',] }, { type: HostListener, args: ['keydown.pageup',] }, { type: HostListener, args: ['keydown.home',] }, { type: HostListener, args: ['keydown.end',] }],
+    onSpaceKeydown: [{ type: HostListener, args: ['keydown.space',] }]
 };
 class SelectableRowDblClick {
     constructor(dt, tableService) {
@@ -3467,6 +3473,7 @@ class ColumnFilter {
         this.showApplyButton = true;
         this.showMatchModes = true;
         this.showAddButton = true;
+        this.hideOnClear = false;
         this.maxConstraints = 2;
         this.useGrouping = true;
     }
@@ -3754,6 +3761,8 @@ class ColumnFilter {
     clearFilter() {
         this.initFieldFilterConstraint();
         this.dt._filter();
+        if (this.hideOnClear)
+            this.hide();
     }
     applyFilter() {
         this.dt._filter();
@@ -3811,8 +3820,8 @@ ColumnFilter.decorators = [
                         <button type="button" pButton [label]="addRuleButtonLabel" icon="pi pi-plus" class="p-column-filter-add-button p-button-text p-button-sm" (click)="addConstraint()" pRipple></button>
                     </div>
                     <div class="p-column-filter-buttonbar">
-                        <button type="button" pButton class="p-button-outlined" (click)="clearFilter()" [label]="clearButtonLabel" pRipple></button>
-                        <button type="button" pButton (click)="applyFilter()" [label]="applyButtonLabel" pRipple></button>
+                        <button *ngIf="showClearButton" type="button" pButton class="p-button-outlined" (click)="clearFilter()" [label]="clearButtonLabel" pRipple></button>
+                        <button *ngIf="showApplyButton" type="button" pButton (click)="applyFilter()" [label]="applyButtonLabel" pRipple></button>
                     </div>
                 </ng-template>
                 <ng-container *ngTemplateOutlet="footerTemplate; context: {$implicit: field}"></ng-container>
@@ -3851,6 +3860,7 @@ ColumnFilter.propDecorators = {
     showApplyButton: [{ type: Input }],
     showMatchModes: [{ type: Input }],
     showAddButton: [{ type: Input }],
+    hideOnClear: [{ type: Input }],
     placeholder: [{ type: Input }],
     matchModeOptions: [{ type: Input }],
     maxConstraints: [{ type: Input }],