primeng 16.7.2 → 16.9.0

package/resources/themes/viva-dark/theme.css

@@ -487,6 +487,13 @@
     border-color: #f78c79;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #9eade6;
+    border-color: #9eade6;
+  }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #161d21;
@@ -3251,6 +3258,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.5rem 1rem;
@@ -3260,15 +3268,21 @@
     background: transparent;
     transition: box-shadow 0.3s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #9eade6;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: rgba(158, 173, 230, 0.08);
+    color: rgba(255, 255, 255, 0.87);
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(158, 173, 230, 0.1);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #9eade6;
     background: rgba(158, 173, 230, 0.16);
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: rgba(158, 173, 230, 0.24);
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.5rem 1rem;
     color: rgba(255, 255, 255, 0.87);
@@ -3452,6 +3466,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3461,15 +3476,21 @@
     background: transparent;
     transition: box-shadow 0.3s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #9eade6;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: rgba(158, 173, 230, 0.08);
+    color: rgba(255, 255, 255, 0.87);
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(158, 173, 230, 0.1);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #9eade6;
     background: rgba(158, 173, 230, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(158, 173, 230, 0.24);
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.5rem 1rem;
     color: rgba(255, 255, 255, 0.87);
@@ -3528,6 +3549,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #9eade6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3564,11 +3591,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #9eade6;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(158, 173, 230, 0.16);
     color: #9eade6;
@@ -4080,15 +4102,19 @@
     border: 2px solid #263238;
     background: #161d21;
     color: rgba(255, 255, 255, 0.87);
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 2px solid #263238;
     background: #161d21;
     color: rgba(255, 255, 255, 0.87);
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/viva-light/theme.css

@@ -488,6 +488,13 @@
     border-color: #f88c79;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem #bbc7ee;
+    border-color: #91a4e3;
+  }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
@@ -3252,6 +3259,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.5rem 1rem;
@@ -3261,15 +3269,21 @@
     background: transparent;
     transition: box-shadow 0.3s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #edf0fA;
+    color: #6c6c6c;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #6c6c6c;
+    background: #e6e9f3;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #585858;
     background: #ced6f1;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #aebbe8;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.5rem 1rem;
     color: #6c6c6c;
@@ -3453,6 +3467,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3462,15 +3477,21 @@
     background: transparent;
     transition: box-shadow 0.3s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #edf0fA;
+    color: #6c6c6c;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #6c6c6c;
+    background: #e6e9f3;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #585858;
     background: #ced6f1;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #aebbe8;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.5rem 1rem;
     color: #6c6c6c;
@@ -3529,6 +3550,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3565,11 +3592,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #ced6f1;
     color: #585858;
@@ -4081,15 +4103,19 @@
     border: 2px solid #ebebeb;
     background: #ffffff;
     color: #6c6c6c;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.5rem 1rem;
     border: 2px solid #ebebeb;
     background: #ffffff;
     color: #6c6c6c;
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/scroller/scroller.d.ts

@@ -1,8 +1,7 @@
 import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
-import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';
-import { ScrollerOptions } from 'primeng/api';
+import { PrimeTemplate, ScrollerOptions } from 'primeng/api';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
+import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/api";

package/table/table.d.ts

@@ -65,6 +65,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     cd: ChangeDetectorRef;
     filterService: FilterService;
     overlayService: OverlayService;
+    config: PrimeNGConfig;
     /**
      * An array of objects to represent dynamic columns that are frozen.
      * @group Props
@@ -750,7 +751,7 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     styleElement: any;
     responsiveStyleElement: any;
     private window;
-    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, zone: NgZone, tableService: TableService, cd: ChangeDetectorRef, filterService: FilterService, overlayService: OverlayService);
+    constructor(document: Document, platformId: any, renderer: Renderer2, el: ElementRef, zone: NgZone, tableService: TableService, cd: ChangeDetectorRef, filterService: FilterService, overlayService: OverlayService, config: PrimeNGConfig);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -770,8 +771,8 @@ export declare class Table implements OnInit, AfterViewInit, AfterContentInit, B
     handleRowClick(event: any): void;
     handleRowTouchEnd(event: Event): void;
     handleRowRightClick(event: any): void;
-    selectRange(event: MouseEvent, rowIndex: number): void;
-    clearSelectionRange(event: MouseEvent): void;
+    selectRange(event: MouseEvent | KeyboardEvent, rowIndex: number): void;
+    clearSelectionRange(event: MouseEvent | KeyboardEvent): void;
     isSelected(rowData: any): boolean;
     findIndexInSelection(rowData: any): number;
     isRowSelectable(data: any, index: number): boolean;
@@ -952,20 +953,27 @@ export declare class SortIcon implements OnInit, OnDestroy {
 export declare class SelectableRow implements OnInit, OnDestroy {
     dt: Table;
     tableService: TableService;
+    private el;
     data: any;
     index: number | undefined;
     pSelectableRowDisabled: boolean | undefined;
     selected: boolean | undefined;
     subscription: Subscription | undefined;
-    constructor(dt: Table, tableService: TableService);
+    constructor(dt: Table, tableService: TableService, el: ElementRef);
+    setRowTabIndex(): 0 | -1;
     ngOnInit(): void;
     onClick(event: Event): void;
     onTouchEnd(event: Event): void;
-    onArrowDownKeyDown(event: KeyboardEvent): void;
-    onArrowUpKeyDown(event: KeyboardEvent): void;
-    onEnterKeyDown(event: KeyboardEvent): void;
-    onPageDownKeyDown(): void;
-    onSpaceKeydown(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onArrowDownKey(event: KeyboardEvent): void;
+    onArrowUpKey(event: KeyboardEvent): void;
+    onEnterKey(event: KeyboardEvent): void;
+    onEndKey(event: KeyboardEvent): void;
+    onHomeKey(event: KeyboardEvent): void;
+    onSpaceKey(event: any): void;
+    focusRowChange(firstFocusableRow: any, currentFocusedRow: any): void;
+    findLastSelectableRow(): any;
+    findFirstSelectableRow(): any;
     findNextSelectableRow(row: HTMLTableRowElement): HTMLTableRowElement | null;
     findPrevSelectableRow(row: HTMLTableRowElement): HTMLTableRowElement | null;
     isEnabled(): boolean;
@@ -1285,6 +1293,7 @@ export declare class ColumnFilter implements AfterContentInit {
     useGrouping: boolean;
     showButtons: boolean;
     icon: Nullable<ElementRef>;
+    clearButtonViewChild: Nullable<ElementRef>;
     templates: Nullable<QueryList<any>>;
     overlaySubscription: Subscription | undefined;
     headerTemplate: Nullable<TemplateRef<any>>;
@@ -1305,6 +1314,7 @@ export declare class ColumnFilter implements AfterContentInit {
     selfClick: boolean | undefined;
     overlayEventListener: any;
     private window;
+    overlayId: any;
     constructor(document: Document, el: ElementRef, dt: Table, renderer: Renderer2, config: PrimeNGConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
     ngOnInit(): void;
     generateMatchModeOptions(): void;
@@ -1327,6 +1337,7 @@ export declare class ColumnFilter implements AfterContentInit {
     onContentClick(): void;
     onOverlayAnimationStart(event: AnimationEvent): void;
     onOverlayAnimationEnd(event: AnimationEvent): void;
+    focusOnFirstElement(): void;
     getDefaultMatchMode(): string;
     getDefaultOperator(): string | undefined;
     hasRowFilter(): boolean;

package/tabview/tabview.d.ts

@@ -168,6 +168,21 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
      * @group Props
      */
     selectOnFocus: boolean;
+    /**
+     * Used to define a string aria label attribute the forward navigation button.
+     * @group Props
+     */
+    nextButtonAriaLabel: string | undefined;
+    /**
+     * Used to define a string aria label attribute the backward navigation button.
+     * @group Props
+     */
+    prevButtonAriaLabel: string | undefined;
+    /**
+     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
+     * @group Props
+     */
+    autoHideButtons: boolean;
     /**
      * Index of the element in tabbing order.
      * @group Props
@@ -209,7 +224,9 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     nextIconTemplate: TemplateRef<any> | undefined;
     previousIconTemplate: TemplateRef<any> | undefined;
     resizeObserver: Nullable<ResizeObserver>;
-    shouldVisible: boolean;
+    container: HTMLDivElement | undefined;
+    list: HTMLUListElement | undefined;
+    buttonVisible: boolean;
     elementToObserve: ElementRef;
     constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, renderer: Renderer2);
     ngAfterContentInit(): void;
@@ -245,7 +262,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     navBackward(): void;
     navForward(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "p-tabView", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "p-tabView", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
 }
 export declare class TabViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabViewModule, never>;

package/timeline/timeline.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, AfterContentInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, QueryList, TemplateRef } from '@angular/core';
 import { BlockableUI } from 'primeng/api';
 import { Nullable } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";

package/tree/tree.d.ts

@@ -34,6 +34,8 @@ export declare class UITreeNode implements OnInit {
     draghoverPrev: boolean | undefined;
     draghoverNext: boolean | undefined;
     draghoverNode: boolean | undefined;
+    get ariaSelected(): boolean;
+    get ariaChecked(): boolean;
     constructor(tree: Tree);
     ngOnInit(): void;
     getIcon(): string;
@@ -46,6 +48,7 @@ export declare class UITreeNode implements OnInit {
     onNodeTouchEnd(): void;
     onNodeRightClick(event: MouseEvent): void;
     isSelected(): boolean;
+    isSameNode(event: any): any;
     onDropPoint(event: DragEvent, position: number): void;
     processPointDrop(event: any): void;
     createDropPointEventMetadata(position: number): {
@@ -73,10 +76,18 @@ export declare class UITreeNode implements OnInit {
     onDropNodeDragEnter(event: any): void;
     onDropNodeDragLeave(event: any): void;
     onKeyDown(event: KeyboardEvent): void;
+    onArrowUp(event: KeyboardEvent): void;
+    onArrowDown(event: KeyboardEvent): void;
+    onArrowRight(event: KeyboardEvent): void;
+    onArrowLeft(event: KeyboardEvent): boolean;
+    onEnter(event: KeyboardEvent): void;
+    setAllNodesTabIndexes(): void;
+    setTabIndexForSelectionMode(event: any, nodeTouched: any): void;
     findNextSiblingOfAncestor(nodeElement: any): any;
     findLastVisibleDescendant(nodeElement: any): any;
-    getParentNodeElement(nodeElement: HTMLElement): HTMLElement;
+    getParentNodeElement(nodeElement: HTMLElement | Element): HTMLElement;
     focusNode(element: any): void;
+    focusRowChange(firstFocusableRow: any, currentFocusedRow: any, lastVisibleDescendant?: any): void;
     focusVirtualNode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UITreeNode, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UITreeNode, "p-treeNode", never, { "rowNode": { "alias": "rowNode"; "required": false; }; "node": { "alias": "node"; "required": false; }; "parentNode": { "alias": "parentNode"; "required": false; }; "root": { "alias": "root"; "required": false; }; "index": { "alias": "index"; "required": false; }; "firstChild": { "alias": "firstChild"; "required": false; }; "lastChild": { "alias": "lastChild"; "required": false; }; "level": { "alias": "level"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; }, {}, never, never, false, never>;

package/treeselect/treeselect.d.ts

@@ -59,6 +59,11 @@ export declare class TreeSelect implements AfterContentInit {
      * @group Props
      */
     tabindex: string | undefined;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      * @group Props
@@ -253,6 +258,8 @@ export declare class TreeSelect implements AfterContentInit {
     treeViewChild: Nullable<Tree>;
     panelEl: Nullable<ElementRef>;
     overlayViewChild: Nullable<Overlay>;
+    firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
+    lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
     filteredNodes: TreeNode[] | undefined | null;
     filterValue: Nullable<string>;
     serializedValue: Nullable<any[]>;
@@ -276,6 +283,7 @@ export declare class TreeSelect implements AfterContentInit {
     templateMap: any;
     onModelChange: Function;
     onModelTouched: Function;
+    listId: string;
     constructor(config: PrimeNGConfig, cd: ChangeDetectorRef, el: ElementRef, overlayService: OverlayService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -284,10 +292,15 @@ export declare class TreeSelect implements AfterContentInit {
     onClick(event: Event): void;
     onKeyDown(event: KeyboardEvent): void;
     onFilterInput(event: Event): void;
+    onArrowDown(event: KeyboardEvent): void;
+    onFirstHiddenFocus(event: any): void;
+    onLastHiddenFocus(event: any): void;
     show(): void;
     hide(event?: any): void;
     clear(event: Event): void;
     checkValue(): boolean;
+    onTabKey(event: any, pressedInInputText?: boolean): void;
+    hasFocusableElements(): boolean;
     resetFilter(): void;
     updateTreeState(): void;
     updateTreeBranchState(node: TreeNode | null, path: any, selectedNodes: TreeNode[]): void;
@@ -328,7 +341,7 @@ export declare class TreeSelect implements AfterContentInit {
     get emptyOptions(): boolean;
     get label(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect", never, { "inputId": { "alias": "inputId"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "display": { "alias": "display"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "containerStyleClass": { "alias": "containerStyleClass"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "labelStyleClass": { "alias": "labelStyleClass"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "options": { "alias": "options"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onFilter": "onFilter"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect", never, { "inputId": { "alias": "inputId"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "display": { "alias": "display"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "containerStyleClass": { "alias": "containerStyleClass"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "labelStyleClass": { "alias": "labelStyleClass"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "options": { "alias": "options"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onFilter": "onFilter"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["templates"], never, false, never>;
 }
 export declare class TreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectModule, never>;

package/treetable/treetable.d.ts

@@ -690,6 +690,7 @@ export declare class TTSortableColumn implements OnInit, OnDestroy {
     ttSortableColumnDisabled: boolean | undefined;
     sorted: boolean | undefined;
     subscription: Subscription | undefined;
+    get ariaSorted(): "none" | "descending" | "ascending";
     constructor(tt: TreeTable);
     ngOnInit(): void;
     updateSortState(): void;
@@ -778,8 +779,9 @@ export declare class TTSelectableRow implements OnInit, OnDestroy {
     constructor(tt: TreeTable, tableService: TreeTableService);
     ngOnInit(): void;
     onClick(event: Event): void;
-    onEnterKey(event: KeyboardEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
     onTouchEnd(event: Event): void;
+    onEnterKey(event: any): void;
     isEnabled(): boolean;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TTSelectableRow, never>;
@@ -890,10 +892,22 @@ export declare class TTRow {
     tt: TreeTable;
     el: ElementRef;
     zone: NgZone;
+    get level(): any;
+    get expanded(): any;
     rowNode: any;
     constructor(tt: TreeTable, el: ElementRef, zone: NgZone);
     onKeyDown(event: KeyboardEvent): void;
-    restoreFocus(): void;
+    onArrowDownKey(event: KeyboardEvent): void;
+    onArrowUpKey(event: KeyboardEvent): void;
+    onArrowRightKey(event: KeyboardEvent): void;
+    onArrowLeftKey(event: KeyboardEvent): void;
+    onHomeKey(event: KeyboardEvent): void;
+    onEndKey(event: KeyboardEvent): void;
+    onTabKey(event: KeyboardEvent): void;
+    expand(event: Event): void;
+    collapse(event: Event): void;
+    focusRowChange(firstFocusableRow: any, currentFocusedRow: any, lastVisibleDescendant?: any): void;
+    restoreFocus(index?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TTRow, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TTRow, "[ttRow]", never, { "rowNode": { "alias": "ttRow"; "required": false; }; }, {}, never, never, false, never>;
 }

package/virtualscroller/virtualscroller.d.ts

@@ -1,7 +1,6 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { BlockableUI, Footer, Header, PrimeTemplate } from 'primeng/api';
+import { BlockableUI, Footer, Header, PrimeTemplate, ScrollerOptions } from 'primeng/api';
 import { Scroller } from 'primeng/scroller';
-import { ScrollerOptions } from 'primeng/api';
 import { Nullable } from 'primeng/ts-helpers';
 import { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface';
 import * as i0 from "@angular/core";