cps-ui-kit 0.23.0 → 0.24.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/esm2020/lib/base_components/cps-tree-dropdown-base.component.mjs +4 -4
- package/esm2020/lib/components/cps-autocomplete/cps-autocomplete.component.mjs +60 -17
- package/esm2020/lib/components/cps-select/cps-select.component.mjs +44 -18
- package/esm2020/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.mjs +7 -3
- package/esm2020/lib/components/cps-tree-select/cps-tree-select.component.mjs +3 -3
- package/fesm2015/cps-ui-kit.mjs +113 -42
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +111 -42
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/base_components/cps-tree-dropdown-base.component.d.ts +1 -1
- package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts +8 -2
- package/lib/components/cps-select/cps-select.component.d.ts +7 -1
- package/package.json +1 -1
|
@@ -75,7 +75,7 @@ export declare class CpsTreeDropdownBaseComponent implements ControlValueAccesso
|
|
|
75
75
|
private _buildOptionsMap;
|
|
76
76
|
treeSelectionToValue(selection: any): any;
|
|
77
77
|
private _valueToTreeSelection;
|
|
78
|
-
|
|
78
|
+
updateOptions(): void;
|
|
79
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeDropdownBaseComponent, [{ optional: true; self: true; }, null]>;
|
|
80
80
|
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeDropdownBaseComponent, "ng-component", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "optionLabel": "optionLabel"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "options": "options"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, false, never>;
|
|
81
81
|
}
|
|
@@ -2,6 +2,7 @@ import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { IconType, iconSizeType } from '../cps-icon/cps-icon.component';
|
|
4
4
|
import { LabelByValuePipe } from '../../pipes/label-by-value.pipe';
|
|
5
|
+
import { VirtualScroller } from 'primeng/virtualscroller';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
7
8
|
private _control;
|
|
@@ -28,11 +29,14 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
28
29
|
prefixIconSize: iconSizeType;
|
|
29
30
|
loading: boolean;
|
|
30
31
|
emptyMessage: string;
|
|
32
|
+
virtualScroll: boolean;
|
|
31
33
|
_value: any;
|
|
32
34
|
get value(): any;
|
|
33
35
|
set value(value: any);
|
|
34
36
|
valueChanged: EventEmitter<any>;
|
|
35
37
|
autocompleteContainer: ElementRef;
|
|
38
|
+
virtualList: VirtualScroller;
|
|
39
|
+
private _statusChangesSubscription;
|
|
36
40
|
error: string;
|
|
37
41
|
cvtWidth: string;
|
|
38
42
|
isOpened: boolean;
|
|
@@ -41,7 +45,8 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
41
45
|
backspaceClickedOnce: boolean;
|
|
42
46
|
activeSingle: boolean;
|
|
43
47
|
optionHighlightedIndex: number;
|
|
44
|
-
|
|
48
|
+
virtualListHeight: number;
|
|
49
|
+
virtualScrollItemSize: number;
|
|
45
50
|
constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
|
|
46
51
|
ngOnInit(): void;
|
|
47
52
|
ngOnDestroy(): void;
|
|
@@ -63,6 +68,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
63
68
|
onInputKeyDown(event: any): void;
|
|
64
69
|
focusInput(): void;
|
|
65
70
|
focus(): void;
|
|
71
|
+
recalcVirtualListHeight(): void;
|
|
66
72
|
private _toggleOptions;
|
|
67
73
|
private _clickOption;
|
|
68
74
|
private _checkErrors;
|
|
@@ -77,5 +83,5 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
77
83
|
private _confirmInput;
|
|
78
84
|
private _removeLastValue;
|
|
79
85
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
|
|
80
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "emptyMessage": "emptyMessage"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
86
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "emptyMessage": "emptyMessage"; "virtualScroll": "virtualScroll"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
81
87
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { iconSizeType, IconType } from '../cps-icon/cps-icon.component';
|
|
4
|
+
import { VirtualScroller } from 'primeng/virtualscroller';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
6
7
|
private _control;
|
|
@@ -25,20 +26,25 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
25
26
|
prefixIcon: IconType;
|
|
26
27
|
prefixIconSize: iconSizeType;
|
|
27
28
|
loading: boolean;
|
|
29
|
+
virtualScroll: boolean;
|
|
28
30
|
_value: any;
|
|
29
31
|
set value(value: any);
|
|
30
32
|
get value(): any;
|
|
31
33
|
valueChanged: EventEmitter<any>;
|
|
32
34
|
selectContainer: ElementRef;
|
|
35
|
+
virtualList: VirtualScroller;
|
|
33
36
|
private _statusChangesSubscription;
|
|
34
37
|
error: string;
|
|
35
38
|
cvtWidth: string;
|
|
36
39
|
isOpened: boolean;
|
|
37
40
|
optionHighlightedIndex: number;
|
|
41
|
+
virtualListHeight: number;
|
|
42
|
+
virtualScrollItemSize: number;
|
|
38
43
|
constructor(_control: NgControl);
|
|
39
44
|
ngOnInit(): void;
|
|
40
45
|
ngOnDestroy(): void;
|
|
41
46
|
private _toggleOptions;
|
|
47
|
+
private _recalcVirtualListHeight;
|
|
42
48
|
select(option: any, byValue: boolean): void;
|
|
43
49
|
onOptionClick(option: any, dd: HTMLElement): void;
|
|
44
50
|
private _clickOption;
|
|
@@ -62,5 +68,5 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
62
68
|
onBlur(): void;
|
|
63
69
|
focus(): void;
|
|
64
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
|
|
65
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
66
72
|
}
|