cps-ui-kit 0.21.0 → 0.23.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/README.md +1 -0
- package/esm2020/lib/base_components/cps-tree-dropdown-base.component.mjs +423 -0
- package/esm2020/lib/components/cps-autocomplete/cps-autocomplete.component.mjs +13 -9
- package/esm2020/lib/components/cps-input/cps-input.component.mjs +3 -3
- package/esm2020/lib/components/cps-textarea/cps-textarea.component.mjs +3 -3
- package/esm2020/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.mjs +220 -0
- package/esm2020/lib/components/cps-tree-select/cps-tree-select.component.mjs +24 -415
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/cps-ui-kit.mjs +317 -70
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +309 -70
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/base_components/cps-tree-dropdown-base.component.d.ts +81 -0
- package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts +2 -1
- package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts +39 -0
- package/lib/components/cps-tree-select/cps-tree-select.component.d.ts +11 -75
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
+
import { TreeNode } from 'primeng/api';
|
|
4
|
+
import { IconType, iconSizeType } from '../components/cps-icon/cps-icon.component';
|
|
5
|
+
import { Tree } from 'primeng/tree';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class CpsTreeDropdownBaseComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
|
|
8
|
+
control: NgControl;
|
|
9
|
+
cdRef: ChangeDetectorRef;
|
|
10
|
+
label: string;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
hint: string;
|
|
13
|
+
multiple: boolean;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
width: number | string;
|
|
16
|
+
chips: boolean;
|
|
17
|
+
closableChips: boolean;
|
|
18
|
+
clearable: boolean;
|
|
19
|
+
openOnClear: boolean;
|
|
20
|
+
optionLabel: string;
|
|
21
|
+
optionInfo: string;
|
|
22
|
+
hideDetails: boolean;
|
|
23
|
+
persistentClear: boolean;
|
|
24
|
+
prefixIcon: IconType;
|
|
25
|
+
prefixIconSize: iconSizeType;
|
|
26
|
+
loading: boolean;
|
|
27
|
+
virtualScroll: boolean;
|
|
28
|
+
set options(options: any[]);
|
|
29
|
+
get options(): TreeNode[];
|
|
30
|
+
_value: any;
|
|
31
|
+
set value(value: any);
|
|
32
|
+
get value(): any;
|
|
33
|
+
valueChanged: EventEmitter<any>;
|
|
34
|
+
private _statusChangesSubscription;
|
|
35
|
+
treeContainer: ElementRef;
|
|
36
|
+
treeList: Tree;
|
|
37
|
+
_options: TreeNode[];
|
|
38
|
+
optionsMap: Map<string, TreeNode<any>>;
|
|
39
|
+
originalOptionsMap: Map<string, any>;
|
|
40
|
+
treeSelection: any;
|
|
41
|
+
virtualListHeight: number;
|
|
42
|
+
virtualScrollItemSize: number;
|
|
43
|
+
error: string;
|
|
44
|
+
cvtWidth: string;
|
|
45
|
+
isOpened: boolean;
|
|
46
|
+
treeContainerElement: HTMLElement;
|
|
47
|
+
optionFocused: boolean;
|
|
48
|
+
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
49
|
+
ngOnInit(): void;
|
|
50
|
+
ngAfterViewInit(): void;
|
|
51
|
+
ngOnDestroy(): void;
|
|
52
|
+
private _initContainerClickListener;
|
|
53
|
+
private _handleOnContainerClick;
|
|
54
|
+
onChange: (event: any) => void;
|
|
55
|
+
onTouched: () => void;
|
|
56
|
+
registerOnChange(fn: any): void;
|
|
57
|
+
registerOnTouched(fn: any): void;
|
|
58
|
+
writeValue(value: any): void;
|
|
59
|
+
updateValue(value: any): void;
|
|
60
|
+
onSelectNode(): void;
|
|
61
|
+
onClickFullyExpandable(event: any, elem: HTMLElement): void;
|
|
62
|
+
private _getHTMLElementKey;
|
|
63
|
+
treeSelectionChanged(selection: any): void;
|
|
64
|
+
recalcVirtualListHeight(): void;
|
|
65
|
+
toggleOptions(dd: HTMLElement, show?: boolean): void;
|
|
66
|
+
remove(option: TreeNode): void;
|
|
67
|
+
initArrowsNavigaton(): void;
|
|
68
|
+
clear(dd: HTMLElement, event: any): void;
|
|
69
|
+
private _checkErrors;
|
|
70
|
+
setDisabledState(disabled: boolean): void;
|
|
71
|
+
onBlur(): void;
|
|
72
|
+
focus(): void;
|
|
73
|
+
private _expandToNodes;
|
|
74
|
+
private _toInnerOptions;
|
|
75
|
+
private _buildOptionsMap;
|
|
76
|
+
treeSelectionToValue(selection: any): any;
|
|
77
|
+
private _valueToTreeSelection;
|
|
78
|
+
private _updateOptions;
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeDropdownBaseComponent, [{ optional: true; self: true; }, null]>;
|
|
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
|
+
}
|
|
@@ -27,6 +27,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
27
27
|
prefixIcon: IconType;
|
|
28
28
|
prefixIconSize: iconSizeType;
|
|
29
29
|
loading: boolean;
|
|
30
|
+
emptyMessage: string;
|
|
30
31
|
_value: any;
|
|
31
32
|
get value(): any;
|
|
32
33
|
set value(value: any);
|
|
@@ -76,5 +77,5 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
76
77
|
private _confirmInput;
|
|
77
78
|
private _removeLastValue;
|
|
78
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
|
|
79
|
-
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"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
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>;
|
|
80
81
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
3
|
+
import { Tree } from 'primeng/tree';
|
|
4
|
+
import { TreeNode } from 'primeng/api';
|
|
5
|
+
import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class CpsTreeAutocompleteComponent extends CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
8
|
+
control: NgControl;
|
|
9
|
+
cdRef: ChangeDetectorRef;
|
|
10
|
+
emptyMessage: string;
|
|
11
|
+
treeAutocompleteContainer: ElementRef;
|
|
12
|
+
treeAutocompleteList: Tree;
|
|
13
|
+
inputText: string;
|
|
14
|
+
backspaceClickedOnce: boolean;
|
|
15
|
+
activeSingle: boolean;
|
|
16
|
+
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
17
|
+
ngOnInit(): void;
|
|
18
|
+
ngAfterViewInit(): void;
|
|
19
|
+
ngOnDestroy(): void;
|
|
20
|
+
onSelectNode(): void;
|
|
21
|
+
onClickOutside(dd: HTMLElement): void;
|
|
22
|
+
onBoxClick(): void;
|
|
23
|
+
onContainerKeyDown(event: any, dd: HTMLElement): void;
|
|
24
|
+
onInputKeyDown(event: any): void;
|
|
25
|
+
remove(option: TreeNode): void;
|
|
26
|
+
private _select;
|
|
27
|
+
clear(dd: HTMLElement, event: any): void;
|
|
28
|
+
focusInput(): void;
|
|
29
|
+
focus(): void;
|
|
30
|
+
onFilterOptions(): void;
|
|
31
|
+
filterOptions(event: any): void;
|
|
32
|
+
private _getValueLabel;
|
|
33
|
+
private _clearInput;
|
|
34
|
+
private _closeAndClear;
|
|
35
|
+
private _confirmInput;
|
|
36
|
+
private _removeLastValue;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeAutocompleteComponent, "cps-tree-autocomplete", never, { "emptyMessage": "emptyMessage"; }, {}, never, never, true, never>;
|
|
39
|
+
}
|
|
@@ -1,84 +1,20 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef,
|
|
2
|
-
import {
|
|
3
|
-
import { iconSizeType } from '../cps-icon/cps-icon.component';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
4
3
|
import { Tree } from 'primeng/tree';
|
|
5
|
-
import {
|
|
4
|
+
import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class CpsTreeSelectComponent implements
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
multiple: boolean;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
width: number | string;
|
|
16
|
-
chips: boolean;
|
|
17
|
-
closableChips: boolean;
|
|
18
|
-
clearable: boolean;
|
|
19
|
-
openOnClear: boolean;
|
|
20
|
-
optionLabel: string;
|
|
21
|
-
optionInfo: string;
|
|
22
|
-
hideDetails: boolean;
|
|
23
|
-
persistentClear: boolean;
|
|
24
|
-
prefixIcon: string;
|
|
25
|
-
prefixIconSize: iconSizeType;
|
|
26
|
-
loading: boolean;
|
|
27
|
-
virtualScroll: boolean;
|
|
28
|
-
set options(options: any[]);
|
|
29
|
-
get options(): TreeNode[];
|
|
30
|
-
_value: any;
|
|
31
|
-
set value(value: any);
|
|
32
|
-
get value(): any;
|
|
33
|
-
valueChanged: EventEmitter<any>;
|
|
34
|
-
selectContainer: ElementRef;
|
|
35
|
-
treeList: Tree;
|
|
36
|
-
private _statusChangesSubscription;
|
|
37
|
-
_options: TreeNode[];
|
|
38
|
-
optionsMap: Map<string, TreeNode<any>>;
|
|
39
|
-
originalOptionsMap: Map<string, any>;
|
|
40
|
-
treeSelection: any;
|
|
41
|
-
virtualListHeight: number;
|
|
42
|
-
virtualScrollItemSize: number;
|
|
43
|
-
error: string;
|
|
44
|
-
cvtWidth: string;
|
|
45
|
-
isOpened: boolean;
|
|
46
|
-
treeContainerElement: HTMLElement;
|
|
47
|
-
optionFocused: boolean;
|
|
48
|
-
constructor(_control: NgControl, cdRef: ChangeDetectorRef);
|
|
6
|
+
export declare class CpsTreeSelectComponent extends CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
7
|
+
control: NgControl;
|
|
8
|
+
cdRef: ChangeDetectorRef;
|
|
9
|
+
treeSelectContainer: ElementRef;
|
|
10
|
+
treeSelectList: Tree;
|
|
11
|
+
constructor(control: NgControl, cdRef: ChangeDetectorRef);
|
|
49
12
|
ngOnInit(): void;
|
|
50
13
|
ngAfterViewInit(): void;
|
|
51
14
|
ngOnDestroy(): void;
|
|
52
|
-
private _initContainerClickListener;
|
|
53
|
-
private _handleOnContainerClick;
|
|
54
|
-
onChange: (value: any) => void;
|
|
55
|
-
onTouched: () => void;
|
|
56
|
-
registerOnChange(fn: any): void;
|
|
57
|
-
registerOnTouched(fn: any): void;
|
|
58
|
-
writeValue(value: any): void;
|
|
59
|
-
private updateValue;
|
|
60
|
-
onSelectNode(): void;
|
|
61
15
|
onClickOutside(dd: HTMLElement): void;
|
|
62
16
|
onBoxClick(dd: HTMLElement): void;
|
|
63
17
|
onKeyDown(event: any, dd: HTMLElement): void;
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
treeSelectionChanged(selection: any): void;
|
|
67
|
-
recalcVirtualListHeight(): void;
|
|
68
|
-
private _toggleOptions;
|
|
69
|
-
remove(option: TreeNode): void;
|
|
70
|
-
private _initArrowsNavigaton;
|
|
71
|
-
clear(dd: HTMLElement, event: any): void;
|
|
72
|
-
private _checkErrors;
|
|
73
|
-
setDisabledState(disabled: boolean): void;
|
|
74
|
-
onBlur(): void;
|
|
75
|
-
focus(): void;
|
|
76
|
-
private _expandToNodes;
|
|
77
|
-
private _toInnerOptions;
|
|
78
|
-
private _buildOptionsMap;
|
|
79
|
-
private _treeSelectionToValue;
|
|
80
|
-
private _valueToTreeSelection;
|
|
81
|
-
private _updateOptions;
|
|
82
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; self: true; }, null]>;
|
|
83
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", 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, true, never>;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, {}, {}, never, never, true, never>;
|
|
84
20
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './lib/components/cps-input/cps-input.component';
|
|
|
3
3
|
export * from './lib/components/cps-select/cps-select.component';
|
|
4
4
|
export * from './lib/components/cps-tree-select/cps-tree-select.component';
|
|
5
5
|
export * from './lib/components/cps-autocomplete/cps-autocomplete.component';
|
|
6
|
+
export * from './lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component';
|
|
6
7
|
export * from './lib/components/cps-button/cps-button.component';
|
|
7
8
|
export * from './lib/components/cps-checkbox/cps-checkbox.component';
|
|
8
9
|
export * from './lib/components/cps-radio/cps-radio.component';
|