cps-ui-kit 0.4.0 → 0.6.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/components/cps-autocomplete/cps-autocomplete.component.mjs +20 -58
- package/esm2020/lib/components/cps-input/cps-input.component.mjs +4 -3
- package/esm2020/lib/components/cps-progress-linear/cps-progress-linear.component.mjs +47 -0
- package/esm2020/lib/components/cps-select/cps-select.component.mjs +20 -58
- package/esm2020/lib/pipes/check-option-selected.pipe.mjs +24 -0
- package/esm2020/lib/pipes/combine-labels.pipe.mjs +3 -2
- package/esm2020/lib/pipes/label-by-value.pipe.mjs +3 -2
- package/esm2020/lib/utils/colors-utils.mjs +3 -1
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/cps-ui-kit.mjs +102 -119
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +102 -119
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts +4 -5
- package/lib/components/cps-progress-linear/cps-progress-linear.component.d.ts +17 -0
- package/lib/components/cps-select/cps-select.component.d.ts +4 -5
- package/lib/pipes/check-option-selected.pipe.d.ts +7 -0
- package/lib/pipes/label-by-value.pipe.d.ts +1 -1
- package/package.json +4 -2
- package/public-api.d.ts +1 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter,
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { iconSizeType } from '../cps-icon/cps-icon.component';
|
|
4
4
|
import { LabelByValuePipe } from '../../pipes/label-by-value.pipe';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy
|
|
6
|
+
export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
7
7
|
private _control;
|
|
8
8
|
private _labelByValue;
|
|
9
9
|
label: string;
|
|
@@ -26,6 +26,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
26
26
|
persistentClear: boolean;
|
|
27
27
|
prefixIcon: string;
|
|
28
28
|
prefixIconSize: iconSizeType;
|
|
29
|
+
loading: boolean;
|
|
29
30
|
_value: any;
|
|
30
31
|
set value(value: any);
|
|
31
32
|
get value(): any;
|
|
@@ -41,7 +42,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
41
42
|
activeSingle: boolean;
|
|
42
43
|
optionHighlightedIndex: number;
|
|
43
44
|
constructor(_control: NgControl, _labelByValue: LabelByValuePipe);
|
|
44
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
45
45
|
ngOnInit(): void;
|
|
46
46
|
ngOnDestroy(): void;
|
|
47
47
|
private _toggleOptions;
|
|
@@ -55,7 +55,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
55
55
|
registerOnChange(fn: any): void;
|
|
56
56
|
registerOnTouched(fn: any): void;
|
|
57
57
|
filterOptions(event: any): void;
|
|
58
|
-
private _convertValue;
|
|
59
58
|
writeValue(value: any): void;
|
|
60
59
|
private updateValue;
|
|
61
60
|
private _getValueLabel;
|
|
@@ -77,5 +76,5 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
|
|
|
77
76
|
focusInput(): void;
|
|
78
77
|
focus(): void;
|
|
79
78
|
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"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
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>;
|
|
81
80
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CpsProgressLinearComponent {
|
|
3
|
+
width: number | string;
|
|
4
|
+
height: number | string;
|
|
5
|
+
color: string;
|
|
6
|
+
bgColor: string;
|
|
7
|
+
opacity: number | string;
|
|
8
|
+
radius: number | string;
|
|
9
|
+
cvtWidth: string;
|
|
10
|
+
cvtHeight: string;
|
|
11
|
+
cvtRadius: string;
|
|
12
|
+
cvtColor: string;
|
|
13
|
+
cvtBgColor: string;
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CpsProgressLinearComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CpsProgressLinearComponent, "cps-progress-linear", never, { "width": "width"; "height": "height"; "color": "color"; "bgColor": "bgColor"; "opacity": "opacity"; "radius": "radius"; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter,
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { iconSizeType } from '../cps-icon/cps-icon.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy
|
|
5
|
+
export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
6
6
|
private _control;
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
@@ -24,6 +24,7 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
24
24
|
persistentClear: boolean;
|
|
25
25
|
prefixIcon: string;
|
|
26
26
|
prefixIconSize: iconSizeType;
|
|
27
|
+
loading: boolean;
|
|
27
28
|
_value: any;
|
|
28
29
|
set value(value: any);
|
|
29
30
|
get value(): any;
|
|
@@ -35,7 +36,6 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
35
36
|
isOpened: boolean;
|
|
36
37
|
optionHighlightedIndex: number;
|
|
37
38
|
constructor(_control: NgControl);
|
|
38
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
39
39
|
ngOnInit(): void;
|
|
40
40
|
ngOnDestroy(): void;
|
|
41
41
|
private _toggleOptions;
|
|
@@ -55,7 +55,6 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
55
55
|
onTouched: () => void;
|
|
56
56
|
registerOnChange(fn: any): void;
|
|
57
57
|
registerOnTouched(fn: any): void;
|
|
58
|
-
private _convertValue;
|
|
59
58
|
writeValue(value: any): void;
|
|
60
59
|
private updateValue;
|
|
61
60
|
clear(dd: HTMLElement, event: any): void;
|
|
@@ -63,5 +62,5 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
|
|
|
63
62
|
onBlur(): void;
|
|
64
63
|
focus(): void;
|
|
65
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
|
|
66
|
-
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"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
|
|
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>;
|
|
67
66
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CheckOptionSelectedPipe implements PipeTransform {
|
|
4
|
+
transform(option: any, value: any, multiple: boolean, returnObject: boolean, optionValue: string): boolean;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckOptionSelectedPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<CheckOptionSelectedPipe, "checkOptionSelected", true>;
|
|
7
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class LabelByValuePipe implements PipeTransform {
|
|
4
|
-
transform(value:
|
|
4
|
+
transform(value: any, options: any[], valueKey: string, labelKey: string): string;
|
|
5
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<LabelByValuePipe, never>;
|
|
6
6
|
static ɵpipe: i0.ɵɵPipeDeclaration<LabelByValuePipe, "labelByValue", true>;
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cps-ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "15 - 16",
|
|
6
6
|
"@angular/core": "15 - 16",
|
|
7
7
|
"@angular/forms": "15 - 16",
|
|
8
8
|
"rxjs": "^7.8.0",
|
|
9
|
-
"zone.js": "^0.12.0"
|
|
9
|
+
"zone.js": "^0.12.0",
|
|
10
|
+
"@types/lodash-es": "^4.17.7",
|
|
11
|
+
"lodash-es": "^4.17.21"
|
|
10
12
|
},
|
|
11
13
|
"repository": {
|
|
12
14
|
"type": "git",
|
package/public-api.d.ts
CHANGED
|
@@ -7,4 +7,5 @@ export * from './lib/components/cps-checkbox/cps-checkbox.component';
|
|
|
7
7
|
export * from './lib/components/cps-radio/cps-radio.component';
|
|
8
8
|
export * from './lib/components/cps-tag/cps-tag.component';
|
|
9
9
|
export * from './lib/components/cps-chip/cps-chip.component';
|
|
10
|
+
export * from './lib/components/cps-progress-linear/cps-progress-linear.component';
|
|
10
11
|
export * from './lib/utils/colors-utils';
|