cps-ui-kit 21.26.0 → 21.28.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 +1988 -612
- 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 +308 -76
package/types/cps-ui-kit.d.ts
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnChanges, InjectionToken, PipeTransform, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone,
|
|
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.
|
|
@@ -32,8 +33,7 @@ type iconSizeType = number | string | 'fill' | 'xsmall' | 'small' | 'normal' | '
|
|
|
32
33
|
* CpsIconComponent is a component that is used for icons.
|
|
33
34
|
* @group Components
|
|
34
35
|
*/
|
|
35
|
-
declare class CpsIconComponent implements OnChanges {
|
|
36
|
-
private document;
|
|
36
|
+
declare class CpsIconComponent implements OnInit, OnChanges {
|
|
37
37
|
/**
|
|
38
38
|
* Name of the icon.
|
|
39
39
|
* @group Props
|
|
@@ -49,15 +49,31 @@ declare class CpsIconComponent implements OnChanges {
|
|
|
49
49
|
* @group Props
|
|
50
50
|
*/
|
|
51
51
|
color: string;
|
|
52
|
+
/**
|
|
53
|
+
* Accessible label for the icon.
|
|
54
|
+
* When provided the icon is treated as informative (role="img", aria-hidden removed).
|
|
55
|
+
* When omitted the icon is treated as decorative (aria-hidden="true", role removed).
|
|
56
|
+
* @group Props
|
|
57
|
+
* @default ''
|
|
58
|
+
*/
|
|
59
|
+
set ariaLabel(v: string);
|
|
60
|
+
get ariaLabel(): string;
|
|
61
|
+
private _ariaLabel;
|
|
62
|
+
hasAriaLabel(): boolean;
|
|
52
63
|
iconColor: string;
|
|
53
64
|
url: string;
|
|
54
65
|
cvtSize: string;
|
|
55
66
|
classesList: string[];
|
|
56
|
-
|
|
57
|
-
|
|
67
|
+
private _document;
|
|
68
|
+
private _elementRef;
|
|
69
|
+
private _renderer;
|
|
70
|
+
private _staticAriaLabel;
|
|
71
|
+
ngOnInit(): void;
|
|
72
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
73
|
+
private _syncAriaLabel;
|
|
58
74
|
setClasses(): void;
|
|
59
75
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsIconComponent, never>;
|
|
60
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsIconComponent, "cps-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsIconComponent, "cps-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
61
77
|
}
|
|
62
78
|
|
|
63
79
|
declare class LabelByValuePipe implements PipeTransform {
|
|
@@ -309,6 +325,8 @@ declare class CpsMenuComponent implements AfterViewInit, OnDestroy, OnChanges {
|
|
|
309
325
|
* @group Emits
|
|
310
326
|
*/
|
|
311
327
|
containerMouseLeave: EventEmitter<MouseEvent>;
|
|
328
|
+
get resolvedShowTransitionOptions(): string;
|
|
329
|
+
get resolvedHideTransitionOptions(): string;
|
|
312
330
|
withIcons: boolean;
|
|
313
331
|
autoZIndex: boolean;
|
|
314
332
|
baseZIndex: number;
|
|
@@ -894,6 +912,16 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
|
|
|
894
912
|
* @group Props
|
|
895
913
|
*/
|
|
896
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;
|
|
897
925
|
/**
|
|
898
926
|
* Name of the icon on the button.
|
|
899
927
|
* @group Props
|
|
@@ -952,7 +980,7 @@ declare class CpsButtonComponent implements OnInit, OnChanges {
|
|
|
952
980
|
onEnterKeyup(): void;
|
|
953
981
|
onBlur(): void;
|
|
954
982
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsButtonComponent, never>;
|
|
955
|
-
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>;
|
|
956
984
|
}
|
|
957
985
|
|
|
958
986
|
/**
|
|
@@ -1574,9 +1602,6 @@ declare class CpsDividerComponent {
|
|
|
1574
1602
|
* @group Components
|
|
1575
1603
|
*/
|
|
1576
1604
|
declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterViewInit {
|
|
1577
|
-
private _animationBuilder;
|
|
1578
|
-
private document;
|
|
1579
|
-
private _renderer;
|
|
1580
1605
|
/**
|
|
1581
1606
|
* Title of the expansionPanel element.
|
|
1582
1607
|
* @group Props
|
|
@@ -1640,8 +1665,6 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
|
|
|
1640
1665
|
*/
|
|
1641
1666
|
afterExpand: EventEmitter<void>;
|
|
1642
1667
|
panelContentElem: ElementRef;
|
|
1643
|
-
private _contentExpandAnimation;
|
|
1644
|
-
private _contentCollapseAnimation;
|
|
1645
1668
|
private _contentAnimationPlayer;
|
|
1646
1669
|
readonly contentPanelId: string;
|
|
1647
1670
|
isKeyboardActive: boolean;
|
|
@@ -1649,7 +1672,12 @@ declare class CpsExpansionPanelComponent implements OnInit, OnChanges, AfterView
|
|
|
1649
1672
|
cvtBorderColor: string;
|
|
1650
1673
|
cvtBackgroundColor: string;
|
|
1651
1674
|
cvtBorderRadius: string;
|
|
1652
|
-
|
|
1675
|
+
private readonly _animationBuilder;
|
|
1676
|
+
private readonly _document;
|
|
1677
|
+
private readonly _renderer;
|
|
1678
|
+
get resolvedTransitionType(): string;
|
|
1679
|
+
private _buildContentCollapseAnimation;
|
|
1680
|
+
private _buildContentExpandAnimation;
|
|
1653
1681
|
ngOnInit(): void;
|
|
1654
1682
|
ngOnChanges(changes: SimpleChanges): void;
|
|
1655
1683
|
ngAfterViewInit(): void;
|
|
@@ -1825,8 +1853,7 @@ declare class CpsInfoCircleComponent {
|
|
|
1825
1853
|
* CpsLoaderComponent is a fetch data indicator.
|
|
1826
1854
|
* @group Components
|
|
1827
1855
|
*/
|
|
1828
|
-
declare class CpsLoaderComponent implements OnInit {
|
|
1829
|
-
private document;
|
|
1856
|
+
declare class CpsLoaderComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
|
|
1830
1857
|
/**
|
|
1831
1858
|
* Option for loader component to take up the whole screen.
|
|
1832
1859
|
* @group Props
|
|
@@ -1847,19 +1874,39 @@ declare class CpsLoaderComponent implements OnInit {
|
|
|
1847
1874
|
* @group Props
|
|
1848
1875
|
*/
|
|
1849
1876
|
showLabel: boolean;
|
|
1877
|
+
/**
|
|
1878
|
+
* Text shown visually when showLabel is true.
|
|
1879
|
+
* @group Props
|
|
1880
|
+
*/
|
|
1881
|
+
label: string;
|
|
1882
|
+
/**
|
|
1883
|
+
* Text announced by screen readers. Used when showLabel is false or label
|
|
1884
|
+
* is empty.
|
|
1885
|
+
* @group Props
|
|
1886
|
+
*/
|
|
1887
|
+
ariaLabel: string;
|
|
1888
|
+
/**
|
|
1889
|
+
* Text announced by screen readers when the loader is destroyed.
|
|
1890
|
+
* @group Props
|
|
1891
|
+
*/
|
|
1892
|
+
doneAriaLabel: string;
|
|
1850
1893
|
backgroundColor: string;
|
|
1851
|
-
|
|
1894
|
+
cvtLabelColor: string;
|
|
1895
|
+
private _document;
|
|
1896
|
+
private _announcer;
|
|
1852
1897
|
ngOnInit(): void;
|
|
1898
|
+
ngAfterViewInit(): void;
|
|
1899
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1900
|
+
ngOnDestroy(): void;
|
|
1853
1901
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsLoaderComponent, never>;
|
|
1854
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsLoaderComponent, "cps-loader", never, { "fullScreen": { "alias": "fullScreen"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1902
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsLoaderComponent, "cps-loader", never, { "fullScreen": { "alias": "fullScreen"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "doneAriaLabel": { "alias": "doneAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1855
1903
|
}
|
|
1856
1904
|
|
|
1857
1905
|
/**
|
|
1858
1906
|
* CpsPaginatorComponent is a generic component to display content in paged format.
|
|
1859
1907
|
* @group Components
|
|
1860
1908
|
*/
|
|
1861
|
-
declare class CpsPaginatorComponent implements OnInit {
|
|
1862
|
-
private document;
|
|
1909
|
+
declare class CpsPaginatorComponent implements OnInit, OnChanges {
|
|
1863
1910
|
/**
|
|
1864
1911
|
* Zero-relative number of the first row to be displayed.
|
|
1865
1912
|
* @group Props
|
|
@@ -1895,6 +1942,13 @@ declare class CpsPaginatorComponent implements OnInit {
|
|
|
1895
1942
|
* @group Props
|
|
1896
1943
|
*/
|
|
1897
1944
|
resetPageOnRowsChange: boolean;
|
|
1945
|
+
/**
|
|
1946
|
+
* Accessible label for the paginator component.
|
|
1947
|
+
* Falls back to "Pagination" when empty value is provided.
|
|
1948
|
+
* @group Props
|
|
1949
|
+
* @default Pagination
|
|
1950
|
+
*/
|
|
1951
|
+
ariaLabel: string;
|
|
1898
1952
|
/**
|
|
1899
1953
|
* Callback to invoke when page changes, the event object contains information about the new state.
|
|
1900
1954
|
* @param {any} any - page changed.
|
|
@@ -1902,16 +1956,34 @@ declare class CpsPaginatorComponent implements OnInit {
|
|
|
1902
1956
|
*/
|
|
1903
1957
|
pageChanged: EventEmitter<any>;
|
|
1904
1958
|
paginator: Paginator;
|
|
1959
|
+
cvtBackgroundColor: string;
|
|
1960
|
+
computedAriaLabel: string;
|
|
1961
|
+
paginatorPt: {
|
|
1962
|
+
first: {
|
|
1963
|
+
'aria-disabled': string | null;
|
|
1964
|
+
tabindex: number;
|
|
1965
|
+
};
|
|
1966
|
+
};
|
|
1905
1967
|
rowOptions: {
|
|
1906
1968
|
label: string;
|
|
1907
1969
|
value: number;
|
|
1908
1970
|
}[];
|
|
1909
|
-
|
|
1971
|
+
private _currentRowsPerPageOptions;
|
|
1972
|
+
private readonly _document;
|
|
1973
|
+
private readonly _elementRef;
|
|
1974
|
+
private readonly _staticAriaLabel;
|
|
1910
1975
|
ngOnInit(): void;
|
|
1976
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1977
|
+
private _syncRows;
|
|
1978
|
+
private _updateAriaLabel;
|
|
1979
|
+
private _buildPaginatorPt;
|
|
1911
1980
|
onPageChange(event: any): void;
|
|
1981
|
+
onKeydown(event: KeyboardEvent): void;
|
|
1982
|
+
private _getPageButtons;
|
|
1983
|
+
private _focusSelectedPageButton;
|
|
1912
1984
|
onRowsPerPageChange(rows: number): void;
|
|
1913
1985
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsPaginatorComponent, never>;
|
|
1914
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsPaginatorComponent, "cps-paginator", never, { "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
1986
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsPaginatorComponent, "cps-paginator", never, { "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
1915
1987
|
}
|
|
1916
1988
|
|
|
1917
1989
|
/**
|
|
@@ -1931,8 +2003,7 @@ declare class CpsPaginatePipe implements PipeTransform {
|
|
|
1931
2003
|
* CpsProgressCircularComponent is a process status indicator in a form of a spinner.
|
|
1932
2004
|
* @group Components
|
|
1933
2005
|
*/
|
|
1934
|
-
declare class CpsProgressCircularComponent implements OnInit {
|
|
1935
|
-
private document;
|
|
2006
|
+
declare class CpsProgressCircularComponent implements OnInit, OnChanges {
|
|
1936
2007
|
/**
|
|
1937
2008
|
* Diameter of the progress bar, of type number denoting pixels or string.
|
|
1938
2009
|
* @group Props
|
|
@@ -1948,10 +2019,24 @@ declare class CpsProgressCircularComponent implements OnInit {
|
|
|
1948
2019
|
* @group Props
|
|
1949
2020
|
*/
|
|
1950
2021
|
color: string;
|
|
1951
|
-
|
|
2022
|
+
/**
|
|
2023
|
+
* Accessible label announced by screen readers to describe what is loading.
|
|
2024
|
+
* Falls back to "Loading" when empty value is provided.
|
|
2025
|
+
* @group Props
|
|
2026
|
+
* @default Loading
|
|
2027
|
+
*/
|
|
2028
|
+
ariaLabel: string;
|
|
2029
|
+
private readonly _document;
|
|
2030
|
+
private readonly _staticAriaLabel;
|
|
2031
|
+
cvtDiameter: string;
|
|
2032
|
+
cvtStrokeWidth: string;
|
|
2033
|
+
cvtColor: string;
|
|
2034
|
+
computedAriaLabel: string;
|
|
1952
2035
|
ngOnInit(): void;
|
|
2036
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2037
|
+
private _updateAriaLabel;
|
|
1953
2038
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressCircularComponent, never>;
|
|
1954
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressCircularComponent, "cps-progress-circular", never, { "diameter": { "alias": "diameter"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
2039
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressCircularComponent, "cps-progress-circular", never, { "diameter": { "alias": "diameter"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1955
2040
|
}
|
|
1956
2041
|
|
|
1957
2042
|
/**
|
|
@@ -1995,14 +2080,23 @@ declare class CpsProgressLinearComponent {
|
|
|
1995
2080
|
* @default 0
|
|
1996
2081
|
*/
|
|
1997
2082
|
radius: i0.InputSignal<string | number>;
|
|
1998
|
-
|
|
2083
|
+
/**
|
|
2084
|
+
* Accessible label announced by screen readers to describe what is loading.
|
|
2085
|
+
* Falls back to "Loading" when empty value is provided.
|
|
2086
|
+
* @group Props
|
|
2087
|
+
* @default Loading
|
|
2088
|
+
*/
|
|
2089
|
+
ariaLabel: i0.InputSignal<string>;
|
|
2090
|
+
private readonly _document;
|
|
2091
|
+
private readonly _staticAriaLabel;
|
|
1999
2092
|
cvtWidth: i0.Signal<string>;
|
|
2000
2093
|
cvtHeight: i0.Signal<string>;
|
|
2001
2094
|
cvtRadius: i0.Signal<string>;
|
|
2002
2095
|
cssColor: i0.Signal<string>;
|
|
2003
2096
|
cssBgColor: i0.Signal<string>;
|
|
2097
|
+
computedAriaLabel: i0.Signal<string>;
|
|
2004
2098
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressLinearComponent, never>;
|
|
2005
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2099
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2006
2100
|
}
|
|
2007
2101
|
|
|
2008
2102
|
/**
|
|
@@ -2788,8 +2882,7 @@ type CpsSidebarMenuItem = {
|
|
|
2788
2882
|
* CpsSidebarMenuComponent is a vertical menu panel component displayed at the edge of the screen.
|
|
2789
2883
|
* @group Components
|
|
2790
2884
|
*/
|
|
2791
|
-
declare class CpsSidebarMenuComponent {
|
|
2792
|
-
private _router;
|
|
2885
|
+
declare class CpsSidebarMenuComponent implements AfterViewInit {
|
|
2793
2886
|
/**
|
|
2794
2887
|
* An array of menu items.
|
|
2795
2888
|
* @group Props
|
|
@@ -2800,6 +2893,7 @@ declare class CpsSidebarMenuComponent {
|
|
|
2800
2893
|
* @group Props
|
|
2801
2894
|
*/
|
|
2802
2895
|
isExpanded: boolean;
|
|
2896
|
+
get resolvedTransitionParams(): string;
|
|
2803
2897
|
/**
|
|
2804
2898
|
* Determines whether the menu items should allow activating only exact links.
|
|
2805
2899
|
* @group Props
|
|
@@ -2816,15 +2910,23 @@ declare class CpsSidebarMenuComponent {
|
|
|
2816
2910
|
* @default 100%
|
|
2817
2911
|
*/
|
|
2818
2912
|
height: i0.InputSignal<string | number>;
|
|
2913
|
+
private _expandAreaBtn?;
|
|
2819
2914
|
allMenus?: QueryList<CpsMenuComponent>;
|
|
2820
2915
|
focusedItemWithMenu: CpsSidebarMenuItem | null;
|
|
2821
|
-
|
|
2916
|
+
private readonly _elementRef;
|
|
2917
|
+
private readonly _router;
|
|
2918
|
+
private readonly _platformId;
|
|
2919
|
+
private _pendingTouch;
|
|
2920
|
+
onMenuItemTouchStart(): void;
|
|
2921
|
+
ngAfterViewInit(): void;
|
|
2822
2922
|
cvtHeight: i0.Signal<string>;
|
|
2823
2923
|
showMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent, item?: CpsSidebarMenuItem): void;
|
|
2824
2924
|
toggleMenu(event: MouseEvent, menu: CpsMenuComponent, item: CpsSidebarMenuItem): void;
|
|
2825
2925
|
leaveMenu(event: MouseEvent | FocusEvent, menu: CpsMenuComponent): void;
|
|
2826
2926
|
isActive(item: CpsSidebarMenuItem): boolean;
|
|
2827
2927
|
toggleSidebar(): void;
|
|
2928
|
+
private _applyExpandButtonBackground;
|
|
2929
|
+
private _resolveBackground;
|
|
2828
2930
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSidebarMenuComponent, never>;
|
|
2829
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>;
|
|
2830
2932
|
}
|
|
@@ -3072,6 +3174,8 @@ declare class CpsTabGroupComponent implements OnInit, AfterContentInit, AfterVie
|
|
|
3072
3174
|
backBtnVisible: boolean;
|
|
3073
3175
|
forwardBtnVisible: boolean;
|
|
3074
3176
|
animationState: 'slideLeft' | 'slideRight' | 'fadeIn' | 'fadeOut';
|
|
3177
|
+
get resolvedTransitionParams(): string;
|
|
3178
|
+
get resolvedFadeTransitionParams(): string;
|
|
3075
3179
|
readonly tabGroupId: string;
|
|
3076
3180
|
windowResize$: Subscription;
|
|
3077
3181
|
listScroll$: Subscription;
|
|
@@ -3190,8 +3294,6 @@ type CpsTableSortMode = 'single' | 'multiple';
|
|
|
3190
3294
|
* @group Components
|
|
3191
3295
|
*/
|
|
3192
3296
|
declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
3193
|
-
private cdRef;
|
|
3194
|
-
private document;
|
|
3195
3297
|
/**
|
|
3196
3298
|
* An array of objects to represent dynamic columns.
|
|
3197
3299
|
* @group Props
|
|
@@ -3668,10 +3770,10 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3668
3770
|
primengTable: Table;
|
|
3669
3771
|
globalFilterComp: CpsInputComponent;
|
|
3670
3772
|
exportMenu: CpsMenuComponent;
|
|
3671
|
-
colToggleMenu: CpsMenuComponent;
|
|
3672
3773
|
tUnsortDirective: TableUnsortDirective;
|
|
3673
3774
|
_data: any[];
|
|
3674
3775
|
selectedRows: any[];
|
|
3776
|
+
isExportMenuOpen: boolean;
|
|
3675
3777
|
virtualScrollItemSize: number;
|
|
3676
3778
|
rowOptions: {
|
|
3677
3779
|
label: string;
|
|
@@ -3680,9 +3782,19 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3680
3782
|
selectedColumns: {
|
|
3681
3783
|
[key: string]: any;
|
|
3682
3784
|
}[];
|
|
3785
|
+
keyboardDragRowIndex: number | null;
|
|
3786
|
+
tablePassthrough: TablePassThrough;
|
|
3683
3787
|
exportMenuItems: CpsMenuItem[];
|
|
3684
|
-
|
|
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;
|
|
3685
3795
|
ngOnInit(): void;
|
|
3796
|
+
private _headerHeightSet;
|
|
3797
|
+
private _buildTablePassthrough;
|
|
3686
3798
|
get styleClass(): string;
|
|
3687
3799
|
ngAfterViewChecked(): void;
|
|
3688
3800
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -3699,10 +3811,21 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3699
3811
|
getPageCount(): number;
|
|
3700
3812
|
getPage(): number;
|
|
3701
3813
|
changePage(p: number): void;
|
|
3814
|
+
_onDragHandleKeydown(event: KeyboardEvent, rowIndex: number): void;
|
|
3815
|
+
onPaginatorKeydown(event: KeyboardEvent): void;
|
|
3702
3816
|
onPageChange(event: any): void;
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
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;
|
|
3706
3829
|
onEditRowClicked(row: any): void;
|
|
3707
3830
|
onRemoveRowClicked(item: any): void;
|
|
3708
3831
|
onSort(event: any): void;
|
|
@@ -3711,7 +3834,7 @@ declare class CpsTableComponent implements OnInit, AfterViewChecked, OnChanges {
|
|
|
3711
3834
|
onLazyLoaded(event: any): void;
|
|
3712
3835
|
onReloadData(): void;
|
|
3713
3836
|
onExportData(event: any): void;
|
|
3714
|
-
|
|
3837
|
+
onExportMenuShown(): void;
|
|
3715
3838
|
private _getIndexes;
|
|
3716
3839
|
exportTable(format: CpsTableExportFormat): void;
|
|
3717
3840
|
exportXLSX(): void;
|
|
@@ -3880,6 +4003,7 @@ declare class TableColumnFilterComponent implements OnInit, OnDestroy {
|
|
|
3880
4003
|
private _tableInstance;
|
|
3881
4004
|
private _onFilterSub?;
|
|
3882
4005
|
isFilterApplied: boolean;
|
|
4006
|
+
isMenuOpen: boolean;
|
|
3883
4007
|
get isCategoryDropdownOpened(): boolean;
|
|
3884
4008
|
constructor(elementRef: ElementRef, dt: Table, tt: TreeTable);
|
|
3885
4009
|
ngOnInit(): void;
|
|
@@ -4022,6 +4146,15 @@ declare class CpsTableColumnResizableDirective extends ResizableColumn {
|
|
|
4022
4146
|
* @group Props
|
|
4023
4147
|
*/
|
|
4024
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;
|
|
4025
4158
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnResizableDirective, never>;
|
|
4026
4159
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnResizableDirective, "[cpsTColResizable]", never, { "pResizableColumnDisabled": { "alias": "cpsTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
4027
4160
|
}
|
|
@@ -4036,7 +4169,8 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
|
|
|
4036
4169
|
_tableInstance: Table | TreeTable;
|
|
4037
4170
|
constructor(dt: Table, tt: TreeTable, cd: ChangeDetectorRef);
|
|
4038
4171
|
ngOnInit(): void;
|
|
4039
|
-
|
|
4172
|
+
onKeydown(event: Event): void;
|
|
4173
|
+
get sortAriaLabel(): string;
|
|
4040
4174
|
updateSortState(): void;
|
|
4041
4175
|
getMultiSortMetaIndex(): number;
|
|
4042
4176
|
getBadgeValue(): number;
|
|
@@ -4050,18 +4184,21 @@ declare class CpsSortIconComponent implements OnInit, OnDestroy {
|
|
|
4050
4184
|
* CpsTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in table.
|
|
4051
4185
|
* @group Directives
|
|
4052
4186
|
*/
|
|
4053
|
-
declare class CpsTableColumnSortableDirective
|
|
4187
|
+
declare class CpsTableColumnSortableDirective implements OnInit, OnDestroy {
|
|
4054
4188
|
private elementRef;
|
|
4055
4189
|
private viewContainerRef;
|
|
4056
|
-
dataTable
|
|
4190
|
+
private dataTable;
|
|
4057
4191
|
/**
|
|
4058
4192
|
* Name of the column to be sorted.
|
|
4059
4193
|
* @group Props
|
|
4060
4194
|
*/
|
|
4061
4195
|
field: string;
|
|
4062
4196
|
sortIconRef: ComponentRef<CpsSortIconComponent>;
|
|
4197
|
+
private _sortSub;
|
|
4063
4198
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, dataTable: Table);
|
|
4064
4199
|
ngOnInit(): void;
|
|
4200
|
+
onClick(event: MouseEvent): void;
|
|
4201
|
+
private _updateAriaSort;
|
|
4065
4202
|
ngOnDestroy(): void;
|
|
4066
4203
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTableColumnSortableDirective, never>;
|
|
4067
4204
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTableColumnSortableDirective, "[cpsTColSortable]", never, { "field": { "alias": "cpsTColSortable"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -4380,6 +4517,11 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4380
4517
|
* @group Props
|
|
4381
4518
|
*/
|
|
4382
4519
|
label: string;
|
|
4520
|
+
/**
|
|
4521
|
+
* Aria label for accessibility, takes precedence over label.
|
|
4522
|
+
* @group Props
|
|
4523
|
+
*/
|
|
4524
|
+
ariaLabel: string;
|
|
4383
4525
|
/**
|
|
4384
4526
|
* Bottom hint text.
|
|
4385
4527
|
* @group Props
|
|
@@ -4542,17 +4684,34 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4542
4684
|
private _statusChangesSubscription?;
|
|
4543
4685
|
innerOptions: TreeNode[];
|
|
4544
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;
|
|
4545
4696
|
originalOptionsMap: Map<string, any>;
|
|
4546
|
-
|
|
4547
|
-
|
|
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;
|
|
4548
4704
|
error: string;
|
|
4549
4705
|
cvtWidth: string;
|
|
4550
4706
|
isOpened: boolean;
|
|
4551
4707
|
optionFocused: boolean;
|
|
4552
4708
|
isAutocomplete: boolean;
|
|
4709
|
+
isArrowNavigating: boolean;
|
|
4710
|
+
get isRequired(): boolean;
|
|
4711
|
+
get describedBy(): string | null;
|
|
4553
4712
|
treeContainerElement: HTMLElement;
|
|
4554
4713
|
treeSelection: any;
|
|
4555
|
-
|
|
4714
|
+
boxWidthPx: number;
|
|
4556
4715
|
resizeObserver: ResizeObserver;
|
|
4557
4716
|
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4558
4717
|
ngOnInit(): void;
|
|
@@ -4578,7 +4737,13 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4578
4737
|
recalcVirtualListHeight(): void;
|
|
4579
4738
|
toggleOptions(show?: boolean): void;
|
|
4580
4739
|
remove(option: TreeNode): void;
|
|
4581
|
-
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;
|
|
4582
4747
|
onNodeExpand(event: any): void;
|
|
4583
4748
|
onNodeCollapse(event: any): void;
|
|
4584
4749
|
treeSelectionToValue(selection: any): any;
|
|
@@ -4588,6 +4753,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4588
4753
|
private _getHTMLElementKey;
|
|
4589
4754
|
private _setTreeListHeight;
|
|
4590
4755
|
private _nodeToggled;
|
|
4756
|
+
private _refocusVirtualNode;
|
|
4591
4757
|
private _nodeToggledWithChevron;
|
|
4592
4758
|
private _checkErrors;
|
|
4593
4759
|
private _expandToNodes;
|
|
@@ -4595,7 +4761,7 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
|
|
|
4595
4761
|
private _buildOptionsMap;
|
|
4596
4762
|
private _valueToTreeSelection;
|
|
4597
4763
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsBaseTreeDropdownComponent, [{ optional: true; self: true; }, null]>;
|
|
4598
|
-
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>;
|
|
4599
4765
|
}
|
|
4600
4766
|
|
|
4601
4767
|
/**
|
|
@@ -4607,9 +4773,8 @@ type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless
|
|
|
4607
4773
|
* CpsTreeAutocompleteComponent allows to choose items from hierarchical data dropdown and provides real-time suggestions when being typed.
|
|
4608
4774
|
* @group Components
|
|
4609
4775
|
*/
|
|
4610
|
-
declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
4776
|
+
declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
|
|
4611
4777
|
control: NgControl;
|
|
4612
|
-
private document;
|
|
4613
4778
|
cdRef: ChangeDetectorRef;
|
|
4614
4779
|
/**
|
|
4615
4780
|
* Message if array of items is empty.
|
|
@@ -4630,17 +4795,20 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
|
4630
4795
|
inputText: string;
|
|
4631
4796
|
backspaceClickedOnce: boolean;
|
|
4632
4797
|
activeSingle: boolean;
|
|
4633
|
-
|
|
4634
|
-
|
|
4635
|
-
|
|
4636
|
-
ngOnDestroy(): void;
|
|
4798
|
+
isKeyboardFocused: boolean;
|
|
4799
|
+
private _mouseClicked;
|
|
4800
|
+
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4637
4801
|
onSelectNode(): void;
|
|
4802
|
+
onFocus(): void;
|
|
4638
4803
|
onBlur(): void;
|
|
4639
4804
|
onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
|
|
4640
4805
|
onBoxClick(): void;
|
|
4641
|
-
|
|
4642
|
-
|
|
4806
|
+
onOuterDivKeyDown(event: KeyboardEvent): void;
|
|
4807
|
+
onContainerKeyDown(event: KeyboardEvent): void;
|
|
4808
|
+
protected _onOptionsClose(): void;
|
|
4809
|
+
onInputKeyDown(event: KeyboardEvent): void;
|
|
4643
4810
|
onChevronClick(event: any): void;
|
|
4811
|
+
onContainerMouseDown(event: MouseEvent): void;
|
|
4644
4812
|
isActive(): boolean;
|
|
4645
4813
|
remove(option: TreeNode): void;
|
|
4646
4814
|
clear(event?: any): void;
|
|
@@ -4654,7 +4822,7 @@ declare class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent
|
|
|
4654
4822
|
private _closeAndClear;
|
|
4655
4823
|
private _confirmInput;
|
|
4656
4824
|
private _removeLastValue;
|
|
4657
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null
|
|
4825
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
|
|
4658
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>;
|
|
4659
4827
|
}
|
|
4660
4828
|
|
|
@@ -4667,7 +4835,7 @@ type CpsTreeSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
|
|
|
4667
4835
|
* CpsTreeSelectComponent allows to select items from hierarchical data dropdown.
|
|
4668
4836
|
* @group Components
|
|
4669
4837
|
*/
|
|
4670
|
-
declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent
|
|
4838
|
+
declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent {
|
|
4671
4839
|
control: NgControl;
|
|
4672
4840
|
cdRef: ChangeDetectorRef;
|
|
4673
4841
|
/**
|
|
@@ -4681,12 +4849,9 @@ declare class CpsTreeSelectComponent extends CpsBaseTreeDropdownComponent implem
|
|
|
4681
4849
|
*/
|
|
4682
4850
|
placeholder: string;
|
|
4683
4851
|
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
4684
|
-
ngOnInit(): void;
|
|
4685
|
-
ngAfterViewInit(): void;
|
|
4686
|
-
ngOnDestroy(): void;
|
|
4687
4852
|
onBeforeOptionsHidden(): void;
|
|
4688
|
-
onBoxClick(): void;
|
|
4689
|
-
onKeyDown(event:
|
|
4853
|
+
onBoxClick(event?: Event): void;
|
|
4854
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
4690
4855
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
|
|
4691
4856
|
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, { "appearance": { "alias": "appearance"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
4692
4857
|
}
|
|
@@ -4714,6 +4879,7 @@ type CpsTreeTableSortMode = 'single' | 'multiple';
|
|
|
4714
4879
|
declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, OnChanges {
|
|
4715
4880
|
private cdRef;
|
|
4716
4881
|
private document;
|
|
4882
|
+
private _elementRef;
|
|
4717
4883
|
private renderer;
|
|
4718
4884
|
private ngZone;
|
|
4719
4885
|
/**
|
|
@@ -5204,7 +5370,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5204
5370
|
colgroupTemplate?: TemplateRef<any>;
|
|
5205
5371
|
primengTreeTable: TreeTable;
|
|
5206
5372
|
globalFilterComp: CpsInputComponent;
|
|
5207
|
-
colToggleMenu: CpsMenuComponent;
|
|
5208
5373
|
selectedColumns: {
|
|
5209
5374
|
[key: string]: any;
|
|
5210
5375
|
}[];
|
|
@@ -5215,6 +5380,7 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5215
5380
|
selectedRows: any;
|
|
5216
5381
|
virtualScrollItemSize: number;
|
|
5217
5382
|
defScrollHeight: string;
|
|
5383
|
+
treeTablePassthrough: TreeTablePassThrough;
|
|
5218
5384
|
private _defScrollHeightPx;
|
|
5219
5385
|
private _defScrollHeightPxInitial;
|
|
5220
5386
|
private _resizeObserver;
|
|
@@ -5227,7 +5393,9 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5227
5393
|
private _needRecalcAutoLayout;
|
|
5228
5394
|
private _data;
|
|
5229
5395
|
private window;
|
|
5230
|
-
|
|
5396
|
+
private readonly _cpsRootFontSizeService;
|
|
5397
|
+
private get _rootFontSizePx();
|
|
5398
|
+
constructor(cdRef: ChangeDetectorRef, document: Document, _elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone);
|
|
5231
5399
|
ngOnInit(): void;
|
|
5232
5400
|
ngAfterViewInit(): void;
|
|
5233
5401
|
ngAfterViewChecked(): void;
|
|
@@ -5245,18 +5413,22 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5245
5413
|
onClickAdditionalBtnOnSelect(): void;
|
|
5246
5414
|
onClickActionBtn(): void;
|
|
5247
5415
|
onReloadData(): void;
|
|
5248
|
-
onColumnsToggle(event: any): void;
|
|
5249
5416
|
removeSelected(): void;
|
|
5250
5417
|
clearSelection(): void;
|
|
5251
5418
|
onEditRowClicked(node: any): void;
|
|
5252
5419
|
onRemoveRowClicked(node: any): void;
|
|
5253
|
-
|
|
5254
|
-
|
|
5420
|
+
onSelectedColumnsChange(cols: {
|
|
5421
|
+
[key: string]: any;
|
|
5422
|
+
}[]): void;
|
|
5255
5423
|
onRowsPerPageChanged(): void;
|
|
5256
5424
|
getPageCount(): number;
|
|
5257
5425
|
getPage(): number;
|
|
5258
5426
|
changePage(p: number): void;
|
|
5427
|
+
private _buildTreeTablePassthrough;
|
|
5428
|
+
onPaginatorKeydown(event: KeyboardEvent): void;
|
|
5259
5429
|
onPageChange(event: any): void;
|
|
5430
|
+
private _getPaginatorPageButtons;
|
|
5431
|
+
private _focusPaginatorSelectedPage;
|
|
5260
5432
|
onLazyLoaded(event: any): void;
|
|
5261
5433
|
onNodeExpanded(event: any): void;
|
|
5262
5434
|
onNodeCollapsed(event: any): void;
|
|
@@ -5264,7 +5436,6 @@ declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
5264
5436
|
onNodeUnselected(event: any): void;
|
|
5265
5437
|
onSort(event: any): void;
|
|
5266
5438
|
onFilter(event: any): void;
|
|
5267
|
-
onSelectColumn(col: any): void;
|
|
5268
5439
|
onSelectionChanged(selection: any): void;
|
|
5269
5440
|
onExportData(): void;
|
|
5270
5441
|
exportJSON(): void;
|
|
@@ -5379,6 +5550,17 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
|
|
|
5379
5550
|
* @group Props
|
|
5380
5551
|
*/
|
|
5381
5552
|
ttResizableColumnDisabled: boolean | undefined;
|
|
5553
|
+
private readonly _cpsRootFontSizeService;
|
|
5554
|
+
private get _rootFontSizePx();
|
|
5555
|
+
private _keydownListener?;
|
|
5556
|
+
private _focusListener?;
|
|
5557
|
+
private _blurListener?;
|
|
5558
|
+
private _thScrollListener?;
|
|
5559
|
+
onAfterViewInit(): void;
|
|
5560
|
+
onDestroy(): void;
|
|
5561
|
+
private _onResizerKeydown;
|
|
5562
|
+
private _resizeFit;
|
|
5563
|
+
private _resizeExpand;
|
|
5382
5564
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnResizableDirective, never>;
|
|
5383
5565
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnResizableDirective, "[cpsTTColResizable]", never, { "ttResizableColumnDisabled": { "alias": "cpsTTColResizableDisabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
5384
5566
|
}
|
|
@@ -5387,18 +5569,21 @@ declare class CpsTreeTableColumnResizableDirective extends TTResizableColumn {
|
|
|
5387
5569
|
* CpsTreeTableColumnSortableDirective is a sorting directive used to sort single or multiple columns in treetable.
|
|
5388
5570
|
* @group Directives
|
|
5389
5571
|
*/
|
|
5390
|
-
declare class CpsTreeTableColumnSortableDirective
|
|
5572
|
+
declare class CpsTreeTableColumnSortableDirective implements OnInit, OnDestroy {
|
|
5391
5573
|
private elementRef;
|
|
5392
5574
|
private viewContainerRef;
|
|
5393
|
-
tt
|
|
5575
|
+
private tt;
|
|
5394
5576
|
/**
|
|
5395
5577
|
* Name of the column to be sorted.
|
|
5396
5578
|
* @group Props
|
|
5397
5579
|
*/
|
|
5398
5580
|
field: string;
|
|
5399
5581
|
sortIconRef: ComponentRef<CpsSortIconComponent>;
|
|
5582
|
+
private _sortSub;
|
|
5400
5583
|
constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef, tt: TreeTable);
|
|
5401
5584
|
ngOnInit(): void;
|
|
5585
|
+
onClick(event: MouseEvent): void;
|
|
5586
|
+
private _updateAriaSort;
|
|
5402
5587
|
ngOnDestroy(): void;
|
|
5403
5588
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnSortableDirective, never>;
|
|
5404
5589
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnSortableDirective, "[cpsTTColSortable]", never, { "field": { "alias": "cpsTTColSortable"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -5443,7 +5628,7 @@ declare class CpsTreeTableRowSelectableDirective implements OnInit, OnDestroy {
|
|
|
5443
5628
|
* CpsTreetableRowTogglerDirective is a directive used to apply a chevron toggler icon to a body cell.
|
|
5444
5629
|
* @group Directives
|
|
5445
5630
|
*/
|
|
5446
|
-
declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
|
|
5631
|
+
declare class CpsTreetableRowTogglerDirective implements OnInit, OnChanges, OnDestroy {
|
|
5447
5632
|
private elementRef;
|
|
5448
5633
|
private document;
|
|
5449
5634
|
private viewContainerRef;
|
|
@@ -5454,7 +5639,9 @@ declare class CpsTreetableRowTogglerDirective implements OnInit, OnDestroy {
|
|
|
5454
5639
|
rowNode: any;
|
|
5455
5640
|
togglerCompRef: ComponentRef<TreeTableToggler>;
|
|
5456
5641
|
constructor(elementRef: ElementRef, document: Document, viewContainerRef: ViewContainerRef);
|
|
5642
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
5457
5643
|
ngOnInit(): void;
|
|
5644
|
+
private _rowNodeWithExpanded;
|
|
5458
5645
|
ngOnDestroy(): void;
|
|
5459
5646
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreetableRowTogglerDirective, never>;
|
|
5460
5647
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreetableRowTogglerDirective, "[cpsTTRowToggler]", never, { "rowNode": { "alias": "cpsTTRowToggler"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -5719,6 +5906,7 @@ declare class CpsDialogComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
5719
5906
|
get cvtMinHeight(): string;
|
|
5720
5907
|
get cvtMaxWidth(): string;
|
|
5721
5908
|
get cvtMaxHeight(): string;
|
|
5909
|
+
get resolvedTransitionOptions(): string;
|
|
5722
5910
|
get minX(): number;
|
|
5723
5911
|
get minY(): number;
|
|
5724
5912
|
get keepInViewport(): boolean;
|
|
@@ -6516,6 +6704,50 @@ declare class CpsCronValidationService {
|
|
|
6516
6704
|
*/
|
|
6517
6705
|
declare const CPS_CRON_VALIDATION_SERVICE: InjectionToken<CpsCronValidationService | null>;
|
|
6518
6706
|
|
|
6707
|
+
type CpsLiveAnnouncerPoliteness = 'polite' | 'assertive';
|
|
6708
|
+
/**
|
|
6709
|
+
* Service for making accessible live-region announcements without relying on a
|
|
6710
|
+
* specific component's live region. Creates two persistent hidden elements in
|
|
6711
|
+
* document.body (one polite, one assertive) that screen readers monitor for
|
|
6712
|
+
* content changes.
|
|
6713
|
+
*/
|
|
6714
|
+
declare class CpsLiveAnnouncerService implements OnDestroy {
|
|
6715
|
+
private _document;
|
|
6716
|
+
private _ngZone;
|
|
6717
|
+
private _platformId;
|
|
6718
|
+
private _isBrowser;
|
|
6719
|
+
private _regions;
|
|
6720
|
+
/**
|
|
6721
|
+
* Announces a message through the appropriate live region. Clears any
|
|
6722
|
+
* existing text first so the same message can be re-announced, then writes
|
|
6723
|
+
* the new text on the next tick so screen readers observe the content change.
|
|
6724
|
+
* After `duration` ms the region is cleared automatically; pass `0` to keep
|
|
6725
|
+
* the message indefinitely. Defaults to 5000ms.
|
|
6726
|
+
*/
|
|
6727
|
+
announce(message: string, politeness?: CpsLiveAnnouncerPoliteness, durationMs?: number): void;
|
|
6728
|
+
/**
|
|
6729
|
+
* Clears the live region without making a new announcement.
|
|
6730
|
+
*/
|
|
6731
|
+
clear(politeness?: CpsLiveAnnouncerPoliteness): void;
|
|
6732
|
+
ngOnDestroy(): void;
|
|
6733
|
+
private _createElement;
|
|
6734
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsLiveAnnouncerService, never>;
|
|
6735
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CpsLiveAnnouncerService>;
|
|
6736
|
+
}
|
|
6737
|
+
/**
|
|
6738
|
+
* Injection token for the live-announcer service.
|
|
6739
|
+
*
|
|
6740
|
+
* By default it resolves to the singleton {@link CpsLiveAnnouncerService}.
|
|
6741
|
+
* Consumer applications can override it to supply a custom implementation or
|
|
6742
|
+
* provide `null` to disable all live-region announcements.
|
|
6743
|
+
*
|
|
6744
|
+
* @example Disable announcements:
|
|
6745
|
+
* ```typescript
|
|
6746
|
+
* providers: [{ provide: CPS_LIVE_ANNOUNCER_SERVICE, useValue: null }]
|
|
6747
|
+
* ```
|
|
6748
|
+
*/
|
|
6749
|
+
declare const CPS_LIVE_ANNOUNCER_SERVICE: InjectionToken<CpsLiveAnnouncerService | null>;
|
|
6750
|
+
|
|
6519
6751
|
/**
|
|
6520
6752
|
* Collects all --cps-color-* CSS custom properties from :root rules only.
|
|
6521
6753
|
* Theme overrides (e.g. [data-theme='dark']) are excluded to avoid duplicates,
|
|
@@ -6525,5 +6757,5 @@ declare const getCpsColors: (_document: Document) => [string, string][];
|
|
|
6525
6757
|
declare const getCSSColor: (val: string, _document: Document) => string;
|
|
6526
6758
|
declare const getTextColor: (backgroundColor: string) => string;
|
|
6527
6759
|
|
|
6528
|
-
export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_RADIO_GROUP, CPS_ROOT_FONT_SIZE_SERVICE, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, CpsCronValidationService, CpsDatepickerComponent, CpsDialogConfig, CpsDialogRef, CpsDialogService, CpsDividerComponent, CpsExpansionPanelComponent, CpsFileUploadComponent, CpsFocusService, CpsIconComponent, CpsInfoCircleComponent, CpsInputComponent, CpsLoaderComponent, CpsMenuComponent, CpsMenuHideReason, CpsNotificationAppearance, CpsNotificationPosition, CpsNotificationService, CpsPaginatePipe, CpsPaginatorComponent, CpsProgressCircularComponent, CpsProgressLinearComponent, CpsRadioComponent, CpsRadioGroupComponent, CpsRootFontSizeService, CpsSchedulerComponent, CpsSelectComponent, CpsSidebarMenuComponent, CpsSwitchComponent, CpsTabComponent, CpsTabGroupComponent, CpsTableColumnFilterDirective, CpsTableColumnResizableDirective, CpsTableColumnSortableDirective, CpsTableComponent, CpsTableDetectFilterTypePipe, CpsTableHeaderSelectableDirective, CpsTableRowSelectableDirective, CpsTagComponent, CpsTextareaComponent, CpsThemeService, CpsTimepickerComponent, CpsTooltipDirective, CpsTreeAutocompleteComponent, CpsTreeSelectComponent, CpsTreeTableColumnFilterDirective, CpsTreeTableColumnResizableDirective, CpsTreeTableColumnSortableDirective, CpsTreeTableComponent, CpsTreeTableDetectFilterTypePipe, CpsTreeTableHeaderSelectableDirective, CpsTreeTableRowSelectableDirective, CpsTreetableRowTogglerDirective, ICONS_PATH, getCSSColor, getCpsColors, getTextColor, iconNames, tableFactory, treeTableFactory };
|
|
6529
|
-
export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDatepickerDateFormat, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsMenuAttachPosition, CpsMenuItem, CpsNotificationConfig, CpsRadioOption, CpsRadiusTheme, CpsSelectAppearanceType, CpsSidebarMenuItem, CpsTabChangeEvent, CpsTableExportFormat, CpsTableSize, CpsTableSortMode, CpsTableToolbarSize, CpsTabsAlignmentType, CpsTabsAnimationType, CpsTheme, CpsTime, CpsTooltipOpenOn, CpsTooltipPosition, CpsTreeAutocompleteAppearanceType, CpsTreeSelectAppearanceType, CpsTreeTableSize, CpsTreeTableSortMode, CpsTreeTableToolbarSize, IconType, iconSizeType };
|
|
6760
|
+
export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_LIVE_ANNOUNCER_SERVICE, CPS_RADIO_GROUP, CPS_ROOT_FONT_SIZE_SERVICE, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, CpsCronValidationService, CpsDatepickerComponent, CpsDialogConfig, CpsDialogRef, CpsDialogService, CpsDividerComponent, CpsExpansionPanelComponent, CpsFileUploadComponent, CpsFocusService, CpsIconComponent, CpsInfoCircleComponent, CpsInputComponent, CpsLiveAnnouncerService, CpsLoaderComponent, CpsMenuComponent, CpsMenuHideReason, CpsNotificationAppearance, CpsNotificationPosition, CpsNotificationService, CpsPaginatePipe, CpsPaginatorComponent, CpsProgressCircularComponent, CpsProgressLinearComponent, CpsRadioComponent, CpsRadioGroupComponent, CpsRootFontSizeService, CpsSchedulerComponent, CpsSelectComponent, CpsSidebarMenuComponent, CpsSwitchComponent, CpsTabComponent, CpsTabGroupComponent, CpsTableColumnFilterDirective, CpsTableColumnResizableDirective, CpsTableColumnSortableDirective, CpsTableComponent, CpsTableDetectFilterTypePipe, CpsTableHeaderSelectableDirective, CpsTableRowSelectableDirective, CpsTagComponent, CpsTextareaComponent, CpsThemeService, CpsTimepickerComponent, CpsTooltipDirective, CpsTreeAutocompleteComponent, CpsTreeSelectComponent, CpsTreeTableColumnFilterDirective, CpsTreeTableColumnResizableDirective, CpsTreeTableColumnSortableDirective, CpsTreeTableComponent, CpsTreeTableDetectFilterTypePipe, CpsTreeTableHeaderSelectableDirective, CpsTreeTableRowSelectableDirective, CpsTreetableRowTogglerDirective, ICONS_PATH, getCSSColor, getCpsColors, getTextColor, iconNames, tableFactory, treeTableFactory };
|
|
6761
|
+
export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDatepickerDateFormat, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsLiveAnnouncerPoliteness, CpsMenuAttachPosition, CpsMenuItem, CpsNotificationConfig, CpsRadioOption, CpsRadiusTheme, CpsSelectAppearanceType, CpsSidebarMenuItem, CpsTabChangeEvent, CpsTableExportFormat, CpsTableSize, CpsTableSortMode, CpsTableToolbarSize, CpsTabsAlignmentType, CpsTabsAnimationType, CpsTheme, CpsTime, CpsTooltipOpenOn, CpsTooltipPosition, CpsTreeAutocompleteAppearanceType, CpsTreeSelectAppearanceType, CpsTreeTableSize, CpsTreeTableSortMode, CpsTreeTableToolbarSize, IconType, iconSizeType };
|