ud-components 0.3.12 → 0.3.14
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/ud-components.mjs +77 -29
- package/fesm2022/ud-components.mjs.map +1 -1
- package/lib/form-fields/phone-input/phone-input.component.d.ts +1 -0
- package/lib/form-fields/pill-toggle/pill-toggle.component.d.ts +5 -2
- package/lib/kpi/kpi.component.d.ts +7 -2
- package/lib/kpi/kpi.enum.d.ts +9 -1
- package/lib/kpi/kpi.interface.d.ts +4 -0
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ export declare class PhoneInputComponent implements OnInit, OnChanges {
|
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
9
9
|
disabled: boolean;
|
|
10
|
+
get isDisabled(): boolean;
|
|
10
11
|
private controlContainer;
|
|
11
12
|
protected displayValue: string;
|
|
12
13
|
protected readonly countries: CountryCode[];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { FormControl } from '@angular/forms';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export interface PillToggleOption {
|
|
@@ -15,13 +16,15 @@ export interface PillToggleOption {
|
|
|
15
16
|
* label="Gender"
|
|
16
17
|
* [options]="[{ value: 'male', label: 'Male' }, { value: 'female', label: 'Female' }]" />
|
|
17
18
|
*/
|
|
18
|
-
export declare class PillToggleComponent {
|
|
19
|
+
export declare class PillToggleComponent implements OnChanges {
|
|
19
20
|
controlName: string;
|
|
20
21
|
label: string;
|
|
21
22
|
options: PillToggleOption[];
|
|
23
|
+
disabled: boolean;
|
|
22
24
|
private controlContainer;
|
|
25
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
23
26
|
get control(): FormControl;
|
|
24
27
|
select(value: string): void;
|
|
25
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<PillToggleComponent, never>;
|
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PillToggleComponent, "ud-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillToggleComponent, "ud-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
27
30
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconColor, KpiDataType, KpiProgressBarType } from './kpi.enum';
|
|
1
|
+
import { IconColor, KpiDataType, KpiProgressBarType, KpiVariant } from './kpi.enum';
|
|
2
2
|
import { KpiData, PillData, ProgressBarData, TextData } from './kpi.interface';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class KpiComponent {
|
|
@@ -9,12 +9,17 @@ export declare class KpiComponent {
|
|
|
9
9
|
icon: string;
|
|
10
10
|
iconColor: IconColor;
|
|
11
11
|
titleRef?: string;
|
|
12
|
+
loading: boolean;
|
|
13
|
+
variant: KpiVariant;
|
|
12
14
|
getProgressData(): ProgressBarData;
|
|
13
15
|
getProgressBarValue(): number;
|
|
14
16
|
getPillData(): PillData;
|
|
15
17
|
getTextData(): TextData;
|
|
18
|
+
getTrendIcon(trendValue: number): string;
|
|
19
|
+
getTrendColor(trendValue: number): string;
|
|
16
20
|
protected readonly KpiDataType: typeof KpiDataType;
|
|
17
21
|
protected readonly KpiProgressBarType: typeof KpiProgressBarType;
|
|
22
|
+
protected readonly KpiVariant: typeof KpiVariant;
|
|
18
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<KpiComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KpiComponent, "ud-kpi", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "titleRef": { "alias": "titleRef"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KpiComponent, "ud-kpi", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "titleRef": { "alias": "titleRef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
20
25
|
}
|
package/lib/kpi/kpi.enum.d.ts
CHANGED
|
@@ -13,10 +13,18 @@ export declare enum KpiPillType {
|
|
|
13
13
|
DANGER = "danger",
|
|
14
14
|
INFO = "info"
|
|
15
15
|
}
|
|
16
|
+
export declare enum KpiVariant {
|
|
17
|
+
ICON_BADGE = "icon-badge",// colored gradient icon badge, white card
|
|
18
|
+
TOP_BAR = "top-bar",// thin colored top border, icon badge
|
|
19
|
+
FILLED_TOP = "filled-top",// tinted header strip, white content body
|
|
20
|
+
DARK_CARD = "dark-card",// full navy card, inverted palette
|
|
21
|
+
MINIMAL = "minimal"
|
|
22
|
+
}
|
|
16
23
|
export declare enum IconColor {
|
|
17
24
|
PURPLE = "purple",
|
|
18
25
|
AMBER = "amber",
|
|
19
26
|
GREEN = "green",
|
|
20
27
|
BLUE = "blue",
|
|
21
|
-
RED = "red"
|
|
28
|
+
RED = "red",
|
|
29
|
+
NAVY = "navy"
|
|
22
30
|
}
|