cps-ui-kit 21.27.0 → 21.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/cps-ui-kit.mjs +1446 -388
- package/fesm2022/cps-ui-kit.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/styles.scss +17 -0
- package/types/cps-ui-kit.d.ts +169 -54
package/package.json
CHANGED
package/styles/styles.scss
CHANGED
|
@@ -32,6 +32,23 @@
|
|
|
32
32
|
box-shadow var(--cps-motion-base) var(--cps-motion-easing) !important;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
@media (prefers-reduced-motion: reduce) {
|
|
36
|
+
:root {
|
|
37
|
+
--cps-motion-fast: 0ms;
|
|
38
|
+
--cps-motion-base: 0ms;
|
|
39
|
+
--cps-motion-slow: 0ms;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
*,
|
|
43
|
+
*::before,
|
|
44
|
+
*::after {
|
|
45
|
+
animation-duration: 0.01ms !important;
|
|
46
|
+
animation-iteration-count: 1 !important;
|
|
47
|
+
transition-property: none !important;
|
|
48
|
+
scroll-behavior: auto !important;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
35
52
|
// Visually hidden but accessible to screen readers
|
|
36
53
|
.cps-sr-only {
|
|
37
54
|
position: absolute;
|
package/types/cps-ui-kit.d.ts
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
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';
|
|
3
3
|
import { ControlValueAccessor, NgControl, FormGroup } from '@angular/forms';
|
|
4
|
-
import { AnimationEvent
|
|
4
|
+
import { AnimationEvent } from '@angular/animations';
|
|
5
5
|
import { OverlayService, SortEvent, FilterMetadata, SelectItem, TreeNode } from 'primeng/api';
|
|
6
6
|
import { ConnectedOverlayScrollHandler } from 'primeng/dom';
|
|
7
7
|
import { Subscription, Observable } from 'rxjs';
|
|
8
8
|
import { PrimeNG } from 'primeng/config';
|
|
9
9
|
import { Scroller } from 'primeng/scroller';
|
|
10
10
|
import { Paginator } from 'primeng/paginator';
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { TreeTable, TreeTableSortEvent, TTResizableColumn,
|
|
11
|
+
import { Table, ResizableColumn, TableHeaderCheckbox, TableCheckbox } from 'primeng/table';
|
|
12
|
+
import { TablePassThrough } from 'primeng/types/table';
|
|
13
|
+
import { TreeTable, TreeTableSortEvent, TTResizableColumn, TTHeaderCheckbox, TTCheckbox, TreeTableToggler } from 'primeng/treetable';
|
|
14
14
|
import { Tree } from 'primeng/tree';
|
|
15
|
+
import { TreeTablePassThrough } from 'primeng/types/treetable';
|
|
15
16
|
|
|
16
17
|
/**
|
|
17
18
|
* Injection token that is used to provide the path to the icons.
|
|
@@ -324,6 +325,8 @@ declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnChanges {
|
|
|
324
325
|
* @group Emits
|
|
325
326
|
*/
|
|
326
327
|
containerMouseLeave: EventEmitter<MouseEvent>;
|
|
328
|
+
get resolvedShowTransitionOptions(): string;
|
|
329
|
+
get resolvedHideTransitionOptions(): string;
|
|
327
330
|
withIcons: boolean;
|
|
328
331
|
autoZIndex: boolean;
|
|
329
332
|
baseZIndex: number;
|
|
@@ -909,6 +912,16 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
|
|
|
909
912
|
* @group Props
|
|
910
913
|
*/
|
|
911
914
|
ariaLabel: string;
|
|
915
|
+
/**
|
|
916
|
+
* Indicates that the button controls a popup element.
|
|
917
|
+
* @group Props
|
|
918
|
+
*/
|
|
919
|
+
ariaHaspopup: string | null;
|
|
920
|
+
/**
|
|
921
|
+
* Indicates whether the controlled popup element is expanded or collapsed.
|
|
922
|
+
* @group Props
|
|
923
|
+
*/
|
|
924
|
+
ariaExpanded: boolean | null;
|
|
912
925
|
/**
|
|
913
926
|
* Name of the icon on the button.
|
|
914
927
|
* @group Props
|
|
@@ -967,7 +980,7 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
|
|
|
967
980
|
onEnterKeyup(): void;
|
|
968
981
|
onBlur(): void;
|
|
969
982
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonComponent, never>;
|
|
970
|
-
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>;
|
|
983
|
+
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>;
|
|
971
984
|
}
|
|
972
985
|
|
|
973
986
|
/**
|
|
@@ -1589,9 +1602,6 @@ declare class CpsDividerComponent {
|
|
|
1589
1602
|
* @group Components
|
|
1590
1603
|
*/
|
|
1591
1604
|
declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
|
|
1592
|
-
private _animationBuilder;
|
|
1593
|
-
private document;
|
|
1594
|
-
private _renderer;
|
|
1595
1605
|
/**
|
|
1596
1606
|
* Title of the expansionPanel element.
|
|
1597
1607
|
* @group Props
|
|
@@ -1655,8 +1665,6 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
|
|
|
1655
1665
|
*/
|
|
1656
1666
|
afterExpand: EventEmitter<void>;
|
|
1657
1667
|
panelContentElem: ElementRef;
|
|
1658
|
-
private _contentExpandAnimation;
|
|
1659
|
-
private _contentCollapseAnimation;
|
|
1660
1668
|
private _contentAnimationPlayer;
|
|
1661
1669
|
readonly contentPanelId: string;
|
|
1662
1670
|
isKeyboardActive: boolean;
|
|
@@ -1664,7 +1672,12 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
|
|
|
1664
1672
|
cvtBorderColor: string;
|
|
1665
1673
|
cvtBackgroundColor: string;
|
|
1666
1674
|
cvtBorderRadius: string;
|
|
1667
|
-
|
|
1675
|
+
private readonly _animationBuilder;
|
|
1676
|
+
private readonly _document;
|
|
1677
|
+
private readonly _renderer;
|
|
1678
|
+
get resolvedTransitionType(): string;
|
|
1679
|
+
private _buildContentCollapseAnimation;
|
|
1680
|
+
private _buildContentExpandAnimation;
|
|
1668
1681
|
ngOnInit(): void;
|
|
1669
1682
|
ngOnChanges(changes: SimpleChanges): void;
|
|
1670
1683
|
ngAfterViewInit(): void;
|
|
@@ -2869,8 +2882,7 @@ type CpsSidebarMenuItem = {
|
|
|
2869
2882
|
* CpsSidebarMenuComponent is a vertical menu panel component displayed at the edge of the screen.
|
|
2870
2883
|
* @group Components
|
|
2871
2884
|
*/
|
|
2872
|
-
declare class CpsSidebarMenuComponent {
|
|
2873
|
-
private _router;
|
|
2885
|
+
declare class CpsSidebarMenuComponent implements AfterViewInit {
|
|
2874
2886
|
/**
|
|
2875
2887
|
* An array of menu items.
|
|
2876
2888
|
* @group Props
|
|
@@ -2881,6 +2893,7 @@ declare class CpsSidebarMenuComponent {
|
|
|
2881
2893
|
* @group Props
|
|
2882
2894
|
*/
|
|
2883
2895
|
isExpanded: boolean;
|
|
2896
|
+
get resolvedTransitionParams(): string;
|
|
2884
2897
|
/**
|
|
2885
2898
|
* Determines whether the menu items should allow activating only exact links.
|
|
2886
2899
|
* @group Props
|
|
@@ -2897,15 +2910,23 @@ declare class CpsSidebarMenuComponent {
|
|
|
2897
2910
|
* @default 100%
|
|
2898
2911
|
*/
|
|
2899
2912
|
height: i0.InputSignal<string | number>;
|
|
2913
|
+
private _expandAreaBtn?;
|
|
2900
2914
|
allMenus?: QueryList<CpsMenuComponent>;
|
|
2901
2915
|
focusedItemWithMenu: CpsSidebarMenuItem | null;
|
|
2902
|
-
|
|
2916
|
+
private readonly _elementRef;
|
|
2917
|
+
private readonly _router;
|
|
2918
|
+
private readonly _platformId;
|
|
2919
|
+
private _pendingTouch;
|
|
2920
|
+
onMenuItemTouchStart(): void;
|
|
2921
|
+
ngAfterViewInit(): void;
|
|
2903
2922
|
cvtHeight: i0.Signal<string>;
|
|
2904
2923
|
showMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent, item?: CpsSidebarMenuItem): void;
|
|
2905
2924
|
toggleMenu(event: MouseEvent, menu: CpsMenuComponent, item: CpsSidebarMenuItem): void;
|
|
2906
2925
|
leaveMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent): void;
|
|
2907
2926
|
isActive(item: CpsSidebarMenuItem): boolean;
|
|
2908
2927
|
toggleSidebar(): void;
|
|
2928
|
+
private _applyExpandButtonBackground;
|
|
2929
|
+
private _resolveBackground;
|
|
2909
2930
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSidebarMenuComponent, never>;
|
|
2910
2931
|
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>;
|
|
2911
2932
|
}
|
|
@@ -3153,6 +3174,8 @@ declare class CpsTabGroupComponent implements OnInit, AfterContentInit, AfterVie
|
|
|
3153
3174
|
backBtnVisible: boolean;
|
|
3154
3175
|
forwardBtnVisible: boolean;
|
|
3155
3176
|
animationState: 'slideLeft' | 'slideRight' | 'fadeIn' | 'fadeOut';
|
|
3177
|
+
get resolvedTransitionParams(): string;
|
|
3178
|
+
get resolvedFadeTransitionParams(): string;
|
|
3156
3179
|
readonly tabGroupId: string;
|
|
3157
3180
|
windowResize$: Subscription;
|
|
3158
3181
|
listScroll$: Subscription;
|
|
@@ -3271,8 +3294,6 @@ type CpsTableSortMode = 'single' | 'multiple';
|
|
|
3271
3294
|
* @group Components
|
|
3272
3295
|
*/
|
|
3273
3296
|
declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
3274
|
-
private cdRef;
|
|
3275
|
-
private document;
|
|
3276
3297
|
/**
|
|
3277
3298
|
* An array of objects to represent dynamic columns.
|
|
3278
3299
|
* @group Props
|
|
@@ -3749,10 +3770,10 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3749
3770
|
primengTable: Table;
|
|
3750
3771
|
globalFilterComp: CpsInputComponent;
|
|
3751
3772
|
exportMenu: CpsMenuComponent;
|
|
3752
|
-
colToggleMenu: CpsMenuComponent;
|
|
3753
3773
|
tUnsortDirective: TableUnsortDirective;
|
|
3754
3774
|
_data: any[];
|
|
3755
3775
|
selectedRows: any[];
|
|
3776
|
+
isExportMenuOpen: boolean;
|
|
3756
3777
|
virtualScrollItemSize: number;
|
|
3757
3778
|
rowOptions: {
|
|
3758
3779
|
label: string;
|
|
@@ -3761,9 +3782,19 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3761
3782
|
selectedColumns: {
|
|
3762
3783
|
[key: string]: any;
|
|
3763
3784
|
}[];
|
|
3785
|
+
keyboardDragRowIndex: number | null;
|
|
3786
|
+
tablePassthrough: TablePassThrough;
|
|
3764
3787
|
exportMenuItems: CpsMenuItem[];
|
|
3765
|
-
|
|
3788
|
+
private _keyboardDragOriginalIndex;
|
|
3789
|
+
private _keyboardDragSnapshot;
|
|
3790
|
+
private _movingFocus;
|
|
3791
|
+
private readonly _cdRef;
|
|
3792
|
+
private readonly _document;
|
|
3793
|
+
private readonly _elementRef;
|
|
3794
|
+
private readonly _liveAnnouncer;
|
|
3766
3795
|
ngOnInit(): void;
|
|
3796
|
+
private _headerHeightSet;
|
|
3797
|
+
private _buildTablePassthrough;
|
|
3767
3798
|
get styleClass(): string;
|
|
3768
3799
|
ngAfterViewChecked(): void;
|
|
3769
3800
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -3780,10 +3811,21 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3780
3811
|
getPageCount(): number;
|
|
3781
3812
|
getPage(): number;
|
|
3782
3813
|
changePage(p: number): void;
|
|
3814
|
+
_onDragHandleKeydown(event: KeyboardEvent, rowIndex: number): void;
|
|
3815
|
+
onPaginatorKeydown(event: KeyboardEvent): void;
|
|
3783
3816
|
onPageChange(event: any): void;
|
|
3784
|
-
|
|
3785
|
-
|
|
3786
|
-
|
|
3817
|
+
private _getPaginatorPageButtons;
|
|
3818
|
+
private _focusPaginatorSelectedPage;
|
|
3819
|
+
private _cleanupDrag;
|
|
3820
|
+
private _activateKeyboardDrag;
|
|
3821
|
+
_onDragHandleBlur(): void;
|
|
3822
|
+
private _moveKeyboardRow;
|
|
3823
|
+
private _confirmKeyboardDrag;
|
|
3824
|
+
private _cancelKeyboardDrag;
|
|
3825
|
+
private _focusDragHandle;
|
|
3826
|
+
onColumnsSelectedChange(cols: {
|
|
3827
|
+
[key: string]: any;
|
|
3828
|
+
}[]): void;
|
|
3787
3829
|
onEditRowClicked(row: any): void;
|
|
3788
3830
|
onRemoveRowClicked(item: any): void;
|
|
3789
3831
|
onSort(event: any): void;
|
|
@@ -3792,7 +3834,7 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3792
3834
|
onLazyLoaded(event: any): void;
|
|
3793
3835
|
onReloadData(): void;
|
|
3794
3836
|
onExportData(event: any): void;
|
|
3795
|
-
|
|
3837
|
+
onExportMenuShown(): void;
|
|
3796
3838
|
private _getIndexes;
|
|
3797
3839
|
exportTable(format: CpsTableExportFormat): void;
|
|
3798
3840
|
exportXLSX(): void;
|
|
@@ -3961,6 +4003,7 @@ declare class TableColumnFilterComponent implements OnInit, OnDestroy {
|
|
|
3961
4003
|
private _tableInstance;
|
|
3962
4004
|
private _onFilterSub?;
|
|
3963
4005
|
isFilterApplied: boolean;
|
|
4006
|
+
isMenuOpen: boolean;
|
|
3964
4007
|
get isCategoryDropdownOpened(): boolean;
|
|
3965
4008
|
constructor(elementRef: ElementRef, dt: Table, tt: TreeTable);
|
|
3966
4009
|
ngOnInit(): void;
|
|
@@ -4103,6 +4146,15 @@ declare class CpsTableColumnResizableDirective extends ResizableColumn {
|
|
|
4103
4146
|
* @group Props
|
|
4104
4147
|
*/
|
|
4105
4148
|
pResizableColumnDisabled: boolean | undefined;
|
|
4149
|
+
private readonly _cpsRootFontSizeService;
|
|
4150
|
+
private get _rootFontSizePx();
|
|
4151
|
+
private _keydownListener?;
|
|
4152
|
+
private _focusListener?;
|
|
4153
|
+
private _blurListener?;
|
|
4154
|
+
private _thScrollListener?;
|
|
4155
|
+
onAfterViewInit(): void;
|
|
4156
|
+
onDestroy(): void;
|
|
4157
|
+
private _onResizerKeydown;
|
|
4106
4158
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnResizableDirective, never>;
|
|
4107
4159
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnResizableDirective, "[cpsTColResizable]", never, { "pResizableColumnDisabled": { "alias": "cpsTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
4108
4160
|
}
|
|
@@ -4117,7 +4169,8 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
|
|
|
4117
4169
|
_tableInstance: Table | TreeTable;
|
|
4118
4170
|
constructor(dt: Table, tt: TreeTable, cd: ChangeDetectorRef);
|
|
4119
4171
|
ngOnInit(): void;
|
|
4120
|
-
|
|
4172
|
+
onKeydown(event: Event): void;
|
|
4173
|
+
get sortAriaLabel(): string;
|
|
4121
4174
|
updateSortState(): void;
|
|
4122
4175
|
getMultiSortMetaIndex(): number;
|
|
4123
4176
|
getBadgeValue(): number;
|
|
@@ -4131,18 +4184,21 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
|
|
|
4131
4184
|
* CpsTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in table.
|
|
4132
4185
|
* @group Directives
|
|
4133
4186
|
*/
|
|
4134
|
-
declare class CpsTableColumnSortableDirective
|
|
4187
|
+
declare class CpsTableColumnSortableDirective implements OnInit, OnDestroy {
|
|
4135
4188
|
private elementRef;
|
|
4136
4189
|
private viewContainerRef;
|
|
4137
|
-
dataTable
|
|
4190
|
+
private dataTable;
|
|
4138
4191
|
/**
|
|
4139
4192
|
* Name of the column to be sorted.
|
|
4140
4193
|
* @group Props
|
|
4141
4194
|
*/
|
|
4142
4195
|
field: string;
|
|
4143
4196
|
sortIconRef: ComponentRef<CpsSortIconComponent>;
|
|
4197
|
+
private _sortSub;
|
|
4144
4198
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, dataTable: Table);
|
|
4145
4199
|
ngOnInit(): void;
|
|
4200
|
+
onClick(event: MouseEvent): void;
|
|
4201
|
+
private _updateAriaSort;
|
|
4146
4202
|
ngOnDestroy(): void;
|
|
4147
4203
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnSortableDirective, never>;
|
|
4148
4204
|
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
|
|
|
4461
4517
|
* @group Props
|
|
4462
4518
|
*/
|
|
4463
4519
|
label: string;
|
|
4520
|
+
/**
|
|
4521
|
+
* Aria label for accessibility, takes precedence over label.
|
|
4522
|
+
* @group Props
|
|
4523
|
+
*/
|
|
4524
|
+
ariaLabel: string;
|
|
4464
4525
|
/**
|
|
4465
4526
|
* Bottom hint text.
|
|
4466
4527
|
* @group Props
|
|
@@ -4623,17 +4684,34 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4623
4684
|
private _statusChangesSubscription?;
|
|
4624
4685
|
innerOptions: TreeNode[];
|
|
4625
4686
|
optionsMap: Map<string, TreeNode<any>>;
|
|
4687
|
+
private _treeRefreshKey;
|
|
4688
|
+
readonly treeNodeToggleButtonPt: {
|
|
4689
|
+
nodeToggleButton: {
|
|
4690
|
+
'aria-label': string;
|
|
4691
|
+
};
|
|
4692
|
+
};
|
|
4693
|
+
readonly treeTrackBy: (_index: number, item: TreeNode & {
|
|
4694
|
+
node?: TreeNode;
|
|
4695
|
+
}) => string | number;
|
|
4626
4696
|
originalOptionsMap: Map<string, any>;
|
|
4627
|
-
|
|
4628
|
-
|
|
4697
|
+
private readonly _cpsRootFontSizeService;
|
|
4698
|
+
protected readonly _document: Document;
|
|
4699
|
+
readonly virtualScrollItemSizePx: i0.Signal<number>;
|
|
4700
|
+
virtualListHeightRem: number;
|
|
4701
|
+
hintId: string;
|
|
4702
|
+
errorId: string;
|
|
4703
|
+
optionsTreeId: string;
|
|
4629
4704
|
error: string;
|
|
4630
4705
|
cvtWidth: string;
|
|
4631
4706
|
isOpened: boolean;
|
|
4632
4707
|
optionFocused: boolean;
|
|
4633
4708
|
isAutocomplete: boolean;
|
|
4709
|
+
isArrowNavigating: boolean;
|
|
4710
|
+
get isRequired(): boolean;
|
|
4711
|
+
get describedBy(): string | null;
|
|
4634
4712
|
treeContainerElement: HTMLElement;
|
|
4635
4713
|
treeSelection: any;
|
|
4636
|
-
|
|
4714
|
+
boxWidthPx: number;
|
|
4637
4715
|
resizeObserver: ResizeObserver;
|
|
4638
4716
|
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4639
4717
|
ngOnInit(): void;
|
|
@@ -4659,7 +4737,13 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4659
4737
|
recalcVirtualListHeight(): void;
|
|
4660
4738
|
toggleOptions(show?: boolean): void;
|
|
4661
4739
|
remove(option: TreeNode): void;
|
|
4662
|
-
initArrowsNavigaton(): void;
|
|
4740
|
+
initArrowsNavigaton(up?: boolean): void;
|
|
4741
|
+
protected _focusTreeNode(elem: HTMLElement | null): void;
|
|
4742
|
+
navigateIntoOptions(up: boolean): void;
|
|
4743
|
+
protected _onOptionsClose(): void;
|
|
4744
|
+
onOptionsKeyDown(event: KeyboardEvent): void;
|
|
4745
|
+
private _findLastVisibleDescendantLi;
|
|
4746
|
+
protected _getLastVisibleTreeNodeLi(): HTMLElement | null;
|
|
4663
4747
|
onNodeExpand(event: any): void;
|
|
4664
4748
|
onNodeCollapse(event: any): void;
|
|
4665
4749
|
treeSelectionToValue(selection: any): any;
|
|
@@ -4669,6 +4753,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4669
4753
|
private _getHTMLElementKey;
|
|
4670
4754
|
private _setTreeListHeight;
|
|
4671
4755
|
private _nodeToggled;
|
|
4756
|
+
private _refocusVirtualNode;
|
|
4672
4757
|
private _nodeToggledWithChevron;
|
|
4673
4758
|
private _checkErrors;
|
|
4674
4759
|
private _expandToNodes;
|
|
@@ -4676,7 +4761,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4676
4761
|
private _buildOptionsMap;
|
|
4677
4762
|
private _valueToTreeSelection;
|
|
4678
4763
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsBaseTreeDropdownComponent, [{ optional: true; self: true; }, null]>;
|
|
4679
|
-
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>;
|
|
4764
|
+
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>;
|
|
4680
4765
|
}
|
|
4681
4766
|
|
|
4682
4767
|
/**
|
|
@@ -4688,9 +4773,8 @@ type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless
|
|
|
4688
4773
|
* CpsTreeAutocompleteComponent allows to choose items from hierarchical data dropdown and provides real-time suggestions when being typed.
|
|
4689
4774
|
* @group Components
|
|
4690
4775
|
*/
|
|
4691
|
-
declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
4776
|
+
declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
|
|
4692
4777
|
control: NgControl;
|
|
4693
|
-
private document;
|
|
4694
4778
|
cdRef: ChangeDetectorRef;
|
|
4695
4779
|
/**
|
|
4696
4780
|
* Message if array of items is empty.
|
|
@@ -4711,17 +4795,20 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
|
4711
4795
|
inputText: string;
|
|
4712
4796
|
backspaceClickedOnce: boolean;
|
|
4713
4797
|
activeSingle: boolean;
|
|
4714
|
-
|
|
4715
|
-
|
|
4716
|
-
|
|
4717
|
-
ngOnDestroy(): void;
|
|
4798
|
+
isKeyboardFocused: boolean;
|
|
4799
|
+
private _mouseClicked;
|
|
4800
|
+
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4718
4801
|
onSelectNode(): void;
|
|
4802
|
+
onFocus(): void;
|
|
4719
4803
|
onBlur(): void;
|
|
4720
4804
|
onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
|
|
4721
4805
|
onBoxClick(): void;
|
|
4722
|
-
|
|
4723
|
-
|
|
4806
|
+
onOuterDivKeyDown(event: KeyboardEvent): void;
|
|
4807
|
+
onContainerKeyDown(event: KeyboardEvent): void;
|
|
4808
|
+
protected _onOptionsClose(): void;
|
|
4809
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
4724
4810
|
onChevronClick(event: any): void;
|
|
4811
|
+
onContainerMouseDown(event: MouseEvent): void;
|
|
4725
4812
|
isActive(): boolean;
|
|
4726
4813
|
remove(option: TreeNode): void;
|
|
4727
4814
|
clear(event?: any): void;
|
|
@@ -4735,7 +4822,7 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
|
4735
4822
|
private _closeAndClear;
|
|
4736
4823
|
private _confirmInput;
|
|
4737
4824
|
private _removeLastValue;
|
|
4738
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null
|
|
4825
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
|
|
4739
4826
|
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>;
|
|
4740
4827
|
}
|
|
4741
4828
|
|
|
@@ -4748,7 +4835,7 @@ type CpsTreeSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
|
4748
4835
|
* CpsTreeSelectComponent allows to select items from hierarchical data dropdown.
|
|
4749
4836
|
* @group Components
|
|
4750
4837
|
*/
|
|
4751
|
-
declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent
|
|
4838
|
+
declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent {
|
|
4752
4839
|
control: NgControl;
|
|
4753
4840
|
cdRef: ChangeDetectorRef;
|
|
4754
4841
|
/**
|
|
@@ -4762,12 +4849,9 @@ declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent implem
|
|
|
4762
4849
|
*/
|
|
4763
4850
|
placeholder: string;
|
|
4764
4851
|
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4765
|
-
ngOnInit(): void;
|
|
4766
|
-
ngAfterViewInit(): void;
|
|
4767
|
-
ngOnDestroy(): void;
|
|
4768
4852
|
onBeforeOptionsHidden(): void;
|
|
4769
|
-
onBoxClick(): void;
|
|
4770
|
-
onKeyDown(event:
|
|
4853
|
+
onBoxClick(event?: Event): void;
|
|
4854
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
4771
4855
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
|
|
4772
4856
|
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, { "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
4773
4857
|
}
|
|
@@ -4795,6 +4879,7 @@ type CpsTreeTableSortMode = 'single' | 'multiple';
|
|
|
4795
4879
|
declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, OnChanges {
|
|
4796
4880
|
private cdRef;
|
|
4797
4881
|
private document;
|
|
4882
|
+
private _elementRef;
|
|
4798
4883
|
private renderer;
|
|
4799
4884
|
private ngZone;
|
|
4800
4885
|
/**
|
|
@@ -5285,7 +5370,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5285
5370
|
colgroupTemplate?: TemplateRef<any>;
|
|
5286
5371
|
primengTreeTable: TreeTable;
|
|
5287
5372
|
globalFilterComp: CpsInputComponent;
|
|
5288
|
-
colToggleMenu: CpsMenuComponent;
|
|
5289
5373
|
selectedColumns: {
|
|
5290
5374
|
[key: string]: any;
|
|
5291
5375
|
}[];
|
|
@@ -5296,6 +5380,7 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5296
5380
|
selectedRows: any;
|
|
5297
5381
|
virtualScrollItemSize: number;
|
|
5298
5382
|
defScrollHeight: string;
|
|
5383
|
+
treeTablePassthrough: TreeTablePassThrough;
|
|
5299
5384
|
private _defScrollHeightPx;
|
|
5300
5385
|
private _defScrollHeightPxInitial;
|
|
5301
5386
|
private _resizeObserver;
|
|
@@ -5308,9 +5393,19 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5308
5393
|
private _needRecalcAutoLayout;
|
|
5309
5394
|
private _data;
|
|
5310
5395
|
private window;
|
|
5311
|
-
|
|
5396
|
+
private readonly _cpsRootFontSizeService;
|
|
5397
|
+
private get _rootFontSizePx();
|
|
5398
|
+
constructor(cdRef: ChangeDetectorRef, document: Document, _elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone);
|
|
5312
5399
|
ngOnInit(): void;
|
|
5313
5400
|
ngAfterViewInit(): void;
|
|
5401
|
+
/**
|
|
5402
|
+
* PrimeNG's non-scrollable p-treeTable view always renders a
|
|
5403
|
+
* `<tfoot role="rowgroup">`, even with no footer template provided,
|
|
5404
|
+
* leaving an empty rowgroup that violates aria-required-children.
|
|
5405
|
+
* The scrollable view correctly omits it in that case, so this only
|
|
5406
|
+
* needs to run here.
|
|
5407
|
+
*/
|
|
5408
|
+
private _removeEmptyFooter;
|
|
5314
5409
|
ngAfterViewChecked(): void;
|
|
5315
5410
|
ngOnChanges(changes: SimpleChanges): void;
|
|
5316
5411
|
ngOnDestroy(): void;
|
|
@@ -5326,18 +5421,22 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5326
5421
|
onClickAdditionalBtnOnSelect(): void;
|
|
5327
5422
|
onClickActionBtn(): void;
|
|
5328
5423
|
onReloadData(): void;
|
|
5329
|
-
onColumnsToggle(event: any): void;
|
|
5330
5424
|
removeSelected(): void;
|
|
5331
5425
|
clearSelection(): void;
|
|
5332
5426
|
onEditRowClicked(node: any): void;
|
|
5333
5427
|
onRemoveRowClicked(node: any): void;
|
|
5334
|
-
|
|
5335
|
-
|
|
5428
|
+
onSelectedColumnsChange(cols: {
|
|
5429
|
+
[key: string]: any;
|
|
5430
|
+
}[]): void;
|
|
5336
5431
|
onRowsPerPageChanged(): void;
|
|
5337
5432
|
getPageCount(): number;
|
|
5338
5433
|
getPage(): number;
|
|
5339
5434
|
changePage(p: number): void;
|
|
5435
|
+
private _buildTreeTablePassthrough;
|
|
5436
|
+
onPaginatorKeydown(event: KeyboardEvent): void;
|
|
5340
5437
|
onPageChange(event: any): void;
|
|
5438
|
+
private _getPaginatorPageButtons;
|
|
5439
|
+
private _focusPaginatorSelectedPage;
|
|
5341
5440
|
onLazyLoaded(event: any): void;
|
|
5342
5441
|
onNodeExpanded(event: any): void;
|
|
5343
5442
|
onNodeCollapsed(event: any): void;
|
|
@@ -5345,7 +5444,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5345
5444
|
onNodeUnselected(event: any): void;
|
|
5346
5445
|
onSort(event: any): void;
|
|
5347
5446
|
onFilter(event: any): void;
|
|
5348
|
-
onSelectColumn(col: any): void;
|
|
5349
5447
|
onSelectionChanged(selection: any): void;
|
|
5350
5448
|
onExportData(): void;
|
|
5351
5449
|
exportJSON(): void;
|
|
@@ -5460,6 +5558,17 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
|
|
|
5460
5558
|
* @group Props
|
|
5461
5559
|
*/
|
|
5462
5560
|
ttResizableColumnDisabled: boolean | undefined;
|
|
5561
|
+
private readonly _cpsRootFontSizeService;
|
|
5562
|
+
private get _rootFontSizePx();
|
|
5563
|
+
private _keydownListener?;
|
|
5564
|
+
private _focusListener?;
|
|
5565
|
+
private _blurListener?;
|
|
5566
|
+
private _thScrollListener?;
|
|
5567
|
+
onAfterViewInit(): void;
|
|
5568
|
+
onDestroy(): void;
|
|
5569
|
+
private _onResizerKeydown;
|
|
5570
|
+
private _resizeFit;
|
|
5571
|
+
private _resizeExpand;
|
|
5463
5572
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnResizableDirective, never>;
|
|
5464
5573
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnResizableDirective, "[cpsTTColResizable]", never, { "ttResizableColumnDisabled": { "alias": "cpsTTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
5465
5574
|
}
|
|
@@ -5468,18 +5577,21 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
|
|
|
5468
5577
|
* CpsTreeTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in treetable.
|
|
5469
5578
|
* @group Directives
|
|
5470
5579
|
*/
|
|
5471
|
-
declare class CpsTreeTableColumnSortableDirective
|
|
5580
|
+
declare class CpsTreeTableColumnSortableDirective implements OnInit, OnDestroy {
|
|
5472
5581
|
private elementRef;
|
|
5473
5582
|
private viewContainerRef;
|
|
5474
|
-
tt
|
|
5583
|
+
private tt;
|
|
5475
5584
|
/**
|
|
5476
5585
|
* Name of the column to be sorted.
|
|
5477
5586
|
* @group Props
|
|
5478
5587
|
*/
|
|
5479
5588
|
field: string;
|
|
5480
5589
|
sortIconRef: ComponentRef<CpsSortIconComponent>;
|
|
5590
|
+
private _sortSub;
|
|
5481
5591
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, tt: TreeTable);
|
|
5482
5592
|
ngOnInit(): void;
|
|
5593
|
+
onClick(event: MouseEvent): void;
|
|
5594
|
+
private _updateAriaSort;
|
|
5483
5595
|
ngOnDestroy(): void;
|
|
5484
5596
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnSortableDirective, never>;
|
|
5485
5597
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnSortableDirective, "[cpsTTColSortable]", never, { "field": { "alias": "cpsTTColSortable"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -5524,7 +5636,7 @@ declare class CpsTreeTableRowSelectableDirective implements OnInit, OnDestroy {
|
|
|
5524
5636
|
* CpsTreetableRowTogglerDirective is a directive used to apply a chevron toggler icon to a body cell.
|
|
5525
5637
|
* @group Directives
|
|
5526
5638
|
*/
|
|
5527
|
-
declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
|
|
5639
|
+
declare class CpsTreetableRowTogglerDirective implements OnInit, OnChanges, OnDestroy {
|
|
5528
5640
|
private elementRef;
|
|
5529
5641
|
private document;
|
|
5530
5642
|
private viewContainerRef;
|
|
@@ -5535,7 +5647,9 @@ declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
|
|
|
5535
5647
|
rowNode: any;
|
|
5536
5648
|
togglerCompRef: ComponentRef<TreeTableToggler>;
|
|
5537
5649
|
constructor(elementRef: ElementRef, document: Document, viewContainerRef: ViewContainerRef);
|
|
5650
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
5538
5651
|
ngOnInit(): void;
|
|
5652
|
+
private _rowNodeWithExpanded;
|
|
5539
5653
|
ngOnDestroy(): void;
|
|
5540
5654
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreetableRowTogglerDirective, never>;
|
|
5541
5655
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreetableRowTogglerDirective, "[cpsTTRowToggler]", never, { "rowNode": { "alias": "cpsTTRowToggler"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -5800,6 +5914,7 @@ declare class CpsDialogComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
5800
5914
|
get cvtMinHeight(): string;
|
|
5801
5915
|
get cvtMaxWidth(): string;
|
|
5802
5916
|
get cvtMaxHeight(): string;
|
|
5917
|
+
get resolvedTransitionOptions(): string;
|
|
5803
5918
|
get minX(): number;
|
|
5804
5919
|
get minY(): number;
|
|
5805
5920
|
get keepInViewport(): boolean;
|