cps-ui-kit 21.27.0 → 21.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "21.27.0",
+  "version": "21.28.0",
   "peerDependencies": {
     "@angular/common": "^21.2.6",
     "@angular/core": "^21.2.6",

package/styles/styles.scss

@@ -32,6 +32,23 @@
     box-shadow var(--cps-motion-base) var(--cps-motion-easing) !important;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --cps-motion-fast: 0ms;
+    --cps-motion-base: 0ms;
+    --cps-motion-slow: 0ms;
+  }
+
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-property: none !important;
+    scroll-behavior: auto !important;
+  }
+}
+
 // Visually hidden but accessible to screen readers
 .cps-sr-only {
   position: absolute;

package/types/cps-ui-kit.d.ts

@@ -1,17 +1,18 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, SimpleChanges, InjectionToken, PipeTransform, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector, Signal } from '@angular/core';
 import { ControlValueAccessor, NgControl, FormGroup } from '@angular/forms';
-import { AnimationEvent, AnimationBuilder } from '@angular/animations';
+import { AnimationEvent } from '@angular/animations';
 import { OverlayService, SortEvent, FilterMetadata, SelectItem, TreeNode } from 'primeng/api';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Subscription, Observable } from 'rxjs';
 import { PrimeNG } from 'primeng/config';
 import { Scroller } from 'primeng/scroller';
 import { Paginator } from 'primeng/paginator';
-import { Router } from '@angular/router';
-import { Table, ResizableColumn, SortableColumn, TableHeaderCheckbox, TableCheckbox } from 'primeng/table';
-import { TreeTable, TreeTableSortEvent, TTResizableColumn, TTSortableColumn, TTHeaderCheckbox, TTCheckbox, TreeTableToggler } from 'primeng/treetable';
+import { Table, ResizableColumn, TableHeaderCheckbox, TableCheckbox } from 'primeng/table';
+import { TablePassThrough } from 'primeng/types/table';
+import { TreeTable, TreeTableSortEvent, TTResizableColumn, TTHeaderCheckbox, TTCheckbox, TreeTableToggler } from 'primeng/treetable';
 import { Tree } from 'primeng/tree';
+import { TreeTablePassThrough } from 'primeng/types/treetable';
 
 /**
  * Injection token that is used to provide the path to the icons.
@@ -324,6 +325,8 @@ declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnChanges {
      * @group Emits
      */
     containerMouseLeave: EventEmitter<MouseEvent>;
+    get resolvedShowTransitionOptions(): string;
+    get resolvedHideTransitionOptions(): string;
     withIcons: boolean;
     autoZIndex: boolean;
     baseZIndex: number;
@@ -909,6 +912,16 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
      * @group Props
      */
     ariaLabel: string;
+    /**
+     * Indicates that the button controls a popup element.
+     * @group Props
+     */
+    ariaHaspopup: string | null;
+    /**
+     * Indicates whether the controlled popup element is expanded or collapsed.
+     * @group Props
+     */
+    ariaExpanded: boolean | null;
     /**
      * Name of the icon on the button.
      * @group Props
@@ -967,7 +980,7 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
     onEnterKeyup(): void;
     onBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonComponent, "cps-button", never, { "color": { "alias": "color"; "required": false; }; "contentColor": { "alias": "contentColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nativeType": { "alias": "nativeType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsButtonComponent, "cps-button", never, { "color": { "alias": "color"; "required": false; }; "contentColor": { "alias": "contentColor"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nativeType": { "alias": "nativeType"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaHaspopup": { "alias": "ariaHaspopup"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 /**
@@ -1589,9 +1602,6 @@ declare class CpsDividerComponent {
  * @group Components
  */
 declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
-    private _animationBuilder;
-    private document;
-    private _renderer;
     /**
      * Title of the expansionPanel element.
      * @group Props
@@ -1655,8 +1665,6 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
      */
     afterExpand: EventEmitter<void>;
     panelContentElem: ElementRef;
-    private _contentExpandAnimation;
-    private _contentCollapseAnimation;
     private _contentAnimationPlayer;
     readonly contentPanelId: string;
     isKeyboardActive: boolean;
@@ -1664,7 +1672,12 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
     cvtBorderColor: string;
     cvtBackgroundColor: string;
     cvtBorderRadius: string;
-    constructor(_animationBuilder: AnimationBuilder, document: Document, _renderer: Renderer2);
+    private readonly _animationBuilder;
+    private readonly _document;
+    private readonly _renderer;
+    get resolvedTransitionType(): string;
+    private _buildContentCollapseAnimation;
+    private _buildContentExpandAnimation;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -2869,8 +2882,7 @@ type CpsSidebarMenuItem = {
  * CpsSidebarMenuComponent is a vertical menu panel component displayed at the edge of the screen.
  * @group Components
  */
-declare class CpsSidebarMenuComponent {
-    private _router;
+declare class CpsSidebarMenuComponent implements AfterViewInit {
     /**
      * An array of menu items.
      * @group Props
@@ -2881,6 +2893,7 @@ declare class CpsSidebarMenuComponent {
      * @group Props
      */
     isExpanded: boolean;
+    get resolvedTransitionParams(): string;
     /**
      * Determines whether the menu items should allow activating only exact links.
      * @group Props
@@ -2897,15 +2910,23 @@ declare class CpsSidebarMenuComponent {
      * @default 100%
      */
     height: i0.InputSignal<string | number>;
+    private _expandAreaBtn?;
     allMenus?: QueryList<CpsMenuComponent>;
     focusedItemWithMenu: CpsSidebarMenuItem | null;
-    constructor(_router: Router);
+    private readonly _elementRef;
+    private readonly _router;
+    private readonly _platformId;
+    private _pendingTouch;
+    onMenuItemTouchStart(): void;
+    ngAfterViewInit(): void;
     cvtHeight: i0.Signal<string>;
     showMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent, item?: CpsSidebarMenuItem): void;
     toggleMenu(event: MouseEvent, menu: CpsMenuComponent, item: CpsSidebarMenuItem): void;
     leaveMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent): void;
     isActive(item: CpsSidebarMenuItem): boolean;
     toggleSidebar(): void;
+    private _applyExpandButtonBackground;
+    private _resolveBackground;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSidebarMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsSidebarMenuComponent, "cps-sidebar-menu", never, { "items": { "alias": "items"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "exactRoutes": { "alias": "exactRoutes"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3153,6 +3174,8 @@ declare class CpsTabGroupComponent implements OnInit, AfterContentInit, AfterVie
     backBtnVisible: boolean;
     forwardBtnVisible: boolean;
     animationState: 'slideLeft' | 'slideRight' | 'fadeIn' | 'fadeOut';
+    get resolvedTransitionParams(): string;
+    get resolvedFadeTransitionParams(): string;
     readonly tabGroupId: string;
     windowResize$: Subscription;
     listScroll$: Subscription;
@@ -3271,8 +3294,6 @@ type CpsTableSortMode = 'single' | 'multiple';
  * @group Components
  */
 declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
-    private cdRef;
-    private document;
     /**
      * An array of objects to represent dynamic columns.
      * @group Props
@@ -3749,10 +3770,10 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     primengTable: Table;
     globalFilterComp: CpsInputComponent;
     exportMenu: CpsMenuComponent;
-    colToggleMenu: CpsMenuComponent;
     tUnsortDirective: TableUnsortDirective;
     _data: any[];
     selectedRows: any[];
+    isExportMenuOpen: boolean;
     virtualScrollItemSize: number;
     rowOptions: {
         label: string;
@@ -3761,9 +3782,19 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     selectedColumns: {
         [key: string]: any;
     }[];
+    keyboardDragRowIndex: number | null;
+    tablePassthrough: TablePassThrough;
     exportMenuItems: CpsMenuItem[];
-    constructor(cdRef: ChangeDetectorRef, document: Document);
+    private _keyboardDragOriginalIndex;
+    private _keyboardDragSnapshot;
+    private _movingFocus;
+    private readonly _cdRef;
+    private readonly _document;
+    private readonly _elementRef;
+    private readonly _liveAnnouncer;
     ngOnInit(): void;
+    private _headerHeightSet;
+    private _buildTablePassthrough;
     get styleClass(): string;
     ngAfterViewChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -3780,10 +3811,21 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     getPageCount(): number;
     getPage(): number;
     changePage(p: number): void;
+    _onDragHandleKeydown(event: KeyboardEvent, rowIndex: number): void;
+    onPaginatorKeydown(event: KeyboardEvent): void;
     onPageChange(event: any): void;
-    toggleAllColumns(): void;
-    isColumnSelected(col: any): boolean;
-    onSelectColumn(col: any): void;
+    private _getPaginatorPageButtons;
+    private _focusPaginatorSelectedPage;
+    private _cleanupDrag;
+    private _activateKeyboardDrag;
+    _onDragHandleBlur(): void;
+    private _moveKeyboardRow;
+    private _confirmKeyboardDrag;
+    private _cancelKeyboardDrag;
+    private _focusDragHandle;
+    onColumnsSelectedChange(cols: {
+        [key: string]: any;
+    }[]): void;
     onEditRowClicked(row: any): void;
     onRemoveRowClicked(item: any): void;
     onSort(event: any): void;
@@ -3792,7 +3834,7 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
     onLazyLoaded(event: any): void;
     onReloadData(): void;
     onExportData(event: any): void;
-    onColumnsToggle(event: any): void;
+    onExportMenuShown(): void;
     private _getIndexes;
     exportTable(format: CpsTableExportFormat): void;
     exportXLSX(): void;
@@ -3961,6 +4003,7 @@ declare class TableColumnFilterComponent implements OnInit, OnDestroy {
     private _tableInstance;
     private _onFilterSub?;
     isFilterApplied: boolean;
+    isMenuOpen: boolean;
     get isCategoryDropdownOpened(): boolean;
     constructor(elementRef: ElementRef, dt: Table, tt: TreeTable);
     ngOnInit(): void;
@@ -4103,6 +4146,15 @@ declare class CpsTableColumnResizableDirective extends ResizableColumn {
      * @group Props
      */
     pResizableColumnDisabled: boolean | undefined;
+    private readonly _cpsRootFontSizeService;
+    private get _rootFontSizePx();
+    private _keydownListener?;
+    private _focusListener?;
+    private _blurListener?;
+    private _thScrollListener?;
+    onAfterViewInit(): void;
+    onDestroy(): void;
+    private _onResizerKeydown;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnResizableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnResizableDirective, "[cpsTColResizable]", never, { "pResizableColumnDisabled": { "alias": "cpsTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4117,7 +4169,8 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
     _tableInstance: Table | TreeTable;
     constructor(dt: Table, tt: TreeTable, cd: ChangeDetectorRef);
     ngOnInit(): void;
-    onClick(event: Event): void;
+    onKeydown(event: Event): void;
+    get sortAriaLabel(): string;
     updateSortState(): void;
     getMultiSortMetaIndex(): number;
     getBadgeValue(): number;
@@ -4131,18 +4184,21 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
  * CpsTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in table.
  * @group Directives
  */
-declare class CpsTableColumnSortableDirective extends SortableColumn implements OnInit, OnDestroy {
+declare class CpsTableColumnSortableDirective implements OnInit, OnDestroy {
     private elementRef;
     private viewContainerRef;
-    dataTable: Table;
+    private dataTable;
     /**
      * Name of the column to be sorted.
      * @group Props
      */
     field: string;
     sortIconRef: ComponentRef<CpsSortIconComponent>;
+    private _sortSub;
     constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, dataTable: Table);
     ngOnInit(): void;
+    onClick(event: MouseEvent): void;
+    private _updateAriaSort;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnSortableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnSortableDirective, "[cpsTColSortable]", never, { "field": { "alias": "cpsTColSortable"; "required": false; }; }, {}, never, never, true, never>;
@@ -4461,6 +4517,11 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for accessibility, takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Bottom hint text.
      * @group Props
@@ -4623,17 +4684,34 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
     private _statusChangesSubscription?;
     innerOptions: TreeNode[];
     optionsMap: Map<string, TreeNode<any>>;
+    private _treeRefreshKey;
+    readonly treeNodeToggleButtonPt: {
+        nodeToggleButton: {
+            'aria-label': string;
+        };
+    };
+    readonly treeTrackBy: (_index: number, item: TreeNode & {
+        node?: TreeNode;
+    }) => string | number;
     originalOptionsMap: Map<string, any>;
-    virtualListHeight: number;
-    virtualScrollItemSize: number;
+    private readonly _cpsRootFontSizeService;
+    protected readonly _document: Document;
+    readonly virtualScrollItemSizePx: i0.Signal<number>;
+    virtualListHeightRem: number;
+    hintId: string;
+    errorId: string;
+    optionsTreeId: string;
     error: string;
     cvtWidth: string;
     isOpened: boolean;
     optionFocused: boolean;
     isAutocomplete: boolean;
+    isArrowNavigating: boolean;
+    get isRequired(): boolean;
+    get describedBy(): string | null;
     treeContainerElement: HTMLElement;
     treeSelection: any;
-    boxWidth: number;
+    boxWidthPx: number;
     resizeObserver: ResizeObserver;
     constructor(control: NgControl, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
@@ -4659,7 +4737,13 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
     recalcVirtualListHeight(): void;
     toggleOptions(show?: boolean): void;
     remove(option: TreeNode): void;
-    initArrowsNavigaton(): void;
+    initArrowsNavigaton(up?: boolean): void;
+    protected _focusTreeNode(elem: HTMLElement | null): void;
+    navigateIntoOptions(up: boolean): void;
+    protected _onOptionsClose(): void;
+    onOptionsKeyDown(event: KeyboardEvent): void;
+    private _findLastVisibleDescendantLi;
+    protected _getLastVisibleTreeNodeLi(): HTMLElement | null;
     onNodeExpand(event: any): void;
     onNodeCollapse(event: any): void;
     treeSelectionToValue(selection: any): any;
@@ -4669,6 +4753,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
     private _getHTMLElementKey;
     private _setTreeListHeight;
     private _nodeToggled;
+    private _refocusVirtualNode;
     private _nodeToggledWithChevron;
     private _checkErrors;
     private _expandToNodes;
@@ -4676,7 +4761,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
     private _buildOptionsMap;
     private _valueToTreeSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsBaseTreeDropdownComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsBaseTreeDropdownComponent, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "initialExpandDirectories": { "alias": "initialExpandDirectories"; "required": false; }; "initialExpandAll": { "alias": "initialExpandAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "options": { "alias": "options"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsBaseTreeDropdownComponent, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "initialExpandDirectories": { "alias": "initialExpandDirectories"; "required": false; }; "initialExpandAll": { "alias": "initialExpandAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "options": { "alias": "options"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "focused": "focused"; "blurred": "blurred"; }, never, never, false, never>;
 }
 
 /**
@@ -4688,9 +4773,8 @@ type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless
  * CpsTreeAutocompleteComponent allows to choose items from hierarchical data dropdown and provides real-time suggestions when being typed.
  * @group Components
  */
-declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
     control: NgControl;
-    private document;
     cdRef: ChangeDetectorRef;
     /**
      * Message if array of items is empty.
@@ -4711,17 +4795,20 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
     inputText: string;
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
-    constructor(control: NgControl, document: Document, cdRef: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    isKeyboardFocused: boolean;
+    private _mouseClicked;
+    constructor(control: NgControl, cdRef: ChangeDetectorRef);
     onSelectNode(): void;
+    onFocus(): void;
     onBlur(): void;
     onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
     onBoxClick(): void;
-    onContainerKeyDown(event: any): void;
-    onInputKeyDown(event: any): void;
+    onOuterDivKeyDown(event: KeyboardEvent): void;
+    onContainerKeyDown(event: KeyboardEvent): void;
+    protected _onOptionsClose(): void;
+    onInputKeyDown(event: KeyboardEvent): void;
     onChevronClick(event: any): void;
+    onContainerMouseDown(event: MouseEvent): void;
     isActive(): boolean;
     remove(option: TreeNode): void;
     clear(event?: any): void;
@@ -4735,7 +4822,7 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
     private _closeAndClear;
     private _confirmInput;
     private _removeLastValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeAutocompleteComponent, "cps-tree-autocomplete", never, { "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -4748,7 +4835,7 @@ type CpsTreeSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
  * CpsTreeSelectComponent allows to select items from hierarchical data dropdown.
  * @group Components
  */
-declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent {
     control: NgControl;
     cdRef: ChangeDetectorRef;
     /**
@@ -4762,12 +4849,9 @@ declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent implem
      */
     placeholder: string;
     constructor(control: NgControl, cdRef: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     onBeforeOptionsHidden(): void;
-    onBoxClick(): void;
-    onKeyDown(event: any): void;
+    onBoxClick(event?: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, { "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4795,6 +4879,7 @@ type CpsTreeTableSortMode = 'single' | 'multiple';
 declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, OnChanges {
     private cdRef;
     private document;
+    private _elementRef;
     private renderer;
     private ngZone;
     /**
@@ -5285,7 +5370,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
     colgroupTemplate?: TemplateRef<any>;
     primengTreeTable: TreeTable;
     globalFilterComp: CpsInputComponent;
-    colToggleMenu: CpsMenuComponent;
     selectedColumns: {
         [key: string]: any;
     }[];
@@ -5296,6 +5380,7 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
     selectedRows: any;
     virtualScrollItemSize: number;
     defScrollHeight: string;
+    treeTablePassthrough: TreeTablePassThrough;
     private _defScrollHeightPx;
     private _defScrollHeightPxInitial;
     private _resizeObserver;
@@ -5308,7 +5393,9 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
     private _needRecalcAutoLayout;
     private _data;
     private window;
-    constructor(cdRef: ChangeDetectorRef, document: Document, renderer: Renderer2, ngZone: NgZone);
+    private readonly _cpsRootFontSizeService;
+    private get _rootFontSizePx();
+    constructor(cdRef: ChangeDetectorRef, document: Document, _elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
@@ -5326,18 +5413,22 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
     onClickAdditionalBtnOnSelect(): void;
     onClickActionBtn(): void;
     onReloadData(): void;
-    onColumnsToggle(event: any): void;
     removeSelected(): void;
     clearSelection(): void;
     onEditRowClicked(node: any): void;
     onRemoveRowClicked(node: any): void;
-    toggleAllColumns(): void;
-    isColumnSelected(col: any): boolean;
+    onSelectedColumnsChange(cols: {
+        [key: string]: any;
+    }[]): void;
     onRowsPerPageChanged(): void;
     getPageCount(): number;
     getPage(): number;
     changePage(p: number): void;
+    private _buildTreeTablePassthrough;
+    onPaginatorKeydown(event: KeyboardEvent): void;
     onPageChange(event: any): void;
+    private _getPaginatorPageButtons;
+    private _focusPaginatorSelectedPage;
     onLazyLoaded(event: any): void;
     onNodeExpanded(event: any): void;
     onNodeCollapsed(event: any): void;
@@ -5345,7 +5436,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
     onNodeUnselected(event: any): void;
     onSort(event: any): void;
     onFilter(event: any): void;
-    onSelectColumn(col: any): void;
     onSelectionChanged(selection: any): void;
     onExportData(): void;
     exportJSON(): void;
@@ -5460,6 +5550,17 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
      * @group Props
      */
     ttResizableColumnDisabled: boolean | undefined;
+    private readonly _cpsRootFontSizeService;
+    private get _rootFontSizePx();
+    private _keydownListener?;
+    private _focusListener?;
+    private _blurListener?;
+    private _thScrollListener?;
+    onAfterViewInit(): void;
+    onDestroy(): void;
+    private _onResizerKeydown;
+    private _resizeFit;
+    private _resizeExpand;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnResizableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnResizableDirective, "[cpsTTColResizable]", never, { "ttResizableColumnDisabled": { "alias": "cpsTTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -5468,18 +5569,21 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
  * CpsTreeTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in treetable.
  * @group Directives
  */
-declare class CpsTreeTableColumnSortableDirective extends TTSortableColumn implements OnInit, OnDestroy {
+declare class CpsTreeTableColumnSortableDirective implements OnInit, OnDestroy {
     private elementRef;
     private viewContainerRef;
-    tt: TreeTable;
+    private tt;
     /**
      * Name of the column to be sorted.
      * @group Props
      */
     field: string;
     sortIconRef: ComponentRef<CpsSortIconComponent>;
+    private _sortSub;
     constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, tt: TreeTable);
     ngOnInit(): void;
+    onClick(event: MouseEvent): void;
+    private _updateAriaSort;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnSortableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnSortableDirective, "[cpsTTColSortable]", never, { "field": { "alias": "cpsTTColSortable"; "required": false; }; }, {}, never, never, true, never>;
@@ -5524,7 +5628,7 @@ declare class CpsTreeTableRowSelectableDirective implements OnInit, OnDestroy {
  * CpsTreetableRowTogglerDirective is a directive used to apply a chevron toggler icon to a body cell.
  * @group Directives
  */
-declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
+declare class CpsTreetableRowTogglerDirective implements OnInit, OnChanges, OnDestroy {
     private elementRef;
     private document;
     private viewContainerRef;
@@ -5535,7 +5639,9 @@ declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
     rowNode: any;
     togglerCompRef: ComponentRef<TreeTableToggler>;
     constructor(elementRef: ElementRef, document: Document, viewContainerRef: ViewContainerRef);
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    private _rowNodeWithExpanded;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreetableRowTogglerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreetableRowTogglerDirective, "[cpsTTRowToggler]", never, { "rowNode": { "alias": "cpsTTRowToggler"; "required": false; }; }, {}, never, never, true, never>;
@@ -5800,6 +5906,7 @@ declare class CpsDialogComponent implements OnInit, AfterViewInit, OnDestroy {
     get cvtMinHeight(): string;
     get cvtMaxWidth(): string;
     get cvtMaxHeight(): string;
+    get resolvedTransitionOptions(): string;
     get minX(): number;
     get minY(): number;
     get keepInViewport(): boolean;