ui-core-abv 0.2.2 → 0.2.6
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/ui-core-abv.mjs +211 -60
- package/fesm2022/ui-core-abv.mjs.map +1 -1
- package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts +0 -1
- package/lib/components/dynamic-form/form.models.d.ts +1 -1
- package/lib/components/inputs/ui-radio/ui-radio.component.d.ts +33 -0
- package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts +3 -0
- package/lib/components/kpi-card/kpi-card.component.d.ts +14 -0
- package/lib/components/status-label/status-label.component.d.ts +2 -1
- package/lib/components/table/table.component.d.ts +1 -1
- package/lib/components/table/table.models.d.ts +1 -0
- package/lib/components/tabs-button/tabs-button.component.d.ts +10 -0
- package/lib/components/uic-portlet-card/uic-portlet-card.component.d.ts +16 -0
- package/package.json +6 -6
- package/public-api.d.ts +4 -0
|
@@ -17,7 +17,6 @@ export declare class UicFormWrapperComponent implements OnChanges {
|
|
|
17
17
|
formChange: EventEmitter<uicFormValuesRecord>;
|
|
18
18
|
private readonly destroy$;
|
|
19
19
|
ngOnChanges(changes: SimpleChanges): void;
|
|
20
|
-
private handleNgOnChange;
|
|
21
20
|
private buildForm;
|
|
22
21
|
ngOnDestroy(): void;
|
|
23
22
|
private updateDisabledState;
|
|
@@ -58,7 +58,7 @@ export interface FormField {
|
|
|
58
58
|
searchIsEnabledFn?: (item: any) => boolean;
|
|
59
59
|
pattern?: RegExp;
|
|
60
60
|
}
|
|
61
|
-
export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider';
|
|
61
|
+
export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider';
|
|
62
62
|
export interface FormResult {
|
|
63
63
|
result: boolean;
|
|
64
64
|
form: uicFormValuesRecord | null;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { AppSelectOption } from '../select/select.component';
|
|
2
|
+
import { ButtonColor } from '../../button/button.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
type RadioValue = string | number | null;
|
|
5
|
+
declare const base: abstract new () => {
|
|
6
|
+
value: RadioValue;
|
|
7
|
+
valueChange: import("@angular/core").EventEmitter<RadioValue>;
|
|
8
|
+
onChange: (value: RadioValue) => void;
|
|
9
|
+
onTouched: () => void;
|
|
10
|
+
writeValue(obj: RadioValue): void;
|
|
11
|
+
registerOnChange(fn: any): void;
|
|
12
|
+
registerOnTouched(fn: any): void;
|
|
13
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
14
|
+
notifyChange(value: RadioValue): void;
|
|
15
|
+
};
|
|
16
|
+
export declare class UicRadioComponent extends base {
|
|
17
|
+
icon: string;
|
|
18
|
+
iconColor: ButtonColor;
|
|
19
|
+
label: string;
|
|
20
|
+
error: string;
|
|
21
|
+
tip: string;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
loading: boolean;
|
|
24
|
+
options: AppSelectOption[];
|
|
25
|
+
emptyText: string;
|
|
26
|
+
direction: 'column' | 'row';
|
|
27
|
+
isSelected(option: AppSelectOption): boolean;
|
|
28
|
+
selectOption(option: AppSelectOption): void;
|
|
29
|
+
private getOptionValue;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UicRadioComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicRadioComponent, "ui-radio", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
@@ -40,6 +40,7 @@ export declare class UicSearcherComponent extends base {
|
|
|
40
40
|
private readonly overlay;
|
|
41
41
|
private readonly vcr;
|
|
42
42
|
private readonly host;
|
|
43
|
+
private resizeObserver?;
|
|
43
44
|
onSearchChange(value: string): void;
|
|
44
45
|
triggerSearch(): void;
|
|
45
46
|
selectItem(item: Record<string, any>): void;
|
|
@@ -50,6 +51,8 @@ export declare class UicSearcherComponent extends base {
|
|
|
50
51
|
overlayPositions: ConnectedPosition[];
|
|
51
52
|
openList(): void;
|
|
52
53
|
closeList(): void;
|
|
54
|
+
private observeOverlaySizeChanges;
|
|
55
|
+
private getPreferredPositions;
|
|
53
56
|
writeValue(value: Record<string, any>): void;
|
|
54
57
|
static ɵfac: i0.ɵɵFactoryDeclaration<UicSearcherComponent, never>;
|
|
55
58
|
static ɵcmp: i0.ɵɵComponentDeclaration<UicSearcherComponent, "ui-searcher", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "internalIcon": { "alias": "internalIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showSelected": { "alias": "showSelected"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "itemDisplayFn": { "alias": "itemDisplayFn"; "required": false; }; "itemIsEnabledFn": { "alias": "itemIsEnabledFn"; "required": false; }; "manualSearch": { "alias": "manualSearch"; "required": false; }; "stateless": { "alias": "stateless"; "required": false; }; }, { "pickedItem": "pickedItem"; }, never, never, true, never>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonColor } from '../button/button.component';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class UicKpiCardComponent {
|
|
4
|
+
data: UicKpiContet;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UicKpiCardComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicKpiCardComponent, "ui-kpi-card", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
8
|
+
export interface UicKpiContet {
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
icon?: string;
|
|
12
|
+
iconColor?: ButtonColor;
|
|
13
|
+
textColor?: ButtonColor;
|
|
14
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class UicStatusLabelComponent {
|
|
3
3
|
color: string;
|
|
4
|
+
type: 'status' | 'tag';
|
|
4
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<UicStatusLabelComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UicStatusLabelComponent, "ui-status-label", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicStatusLabelComponent, "ui-status-label", never, { "color": { "alias": "color"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
6
7
|
}
|
|
@@ -31,7 +31,7 @@ export declare class UicTableComponent {
|
|
|
31
31
|
filter: string;
|
|
32
32
|
page: number;
|
|
33
33
|
getValue(data: TableRowData[], key: string): string;
|
|
34
|
-
getMoreActions(actions: TableButton[]): ActionMenuOption[];
|
|
34
|
+
getMoreActions(actions: TableButton[], row: TableRowData[]): ActionMenuOption[];
|
|
35
35
|
getFontColor(data: TableRowData[], key: string): string;
|
|
36
36
|
getBackgroundColor(data: TableRowData[], key: string): import("ui-core-abv").BackgroundColors;
|
|
37
37
|
isValidRule(data: TableRowData[], key: string[] | undefined): boolean;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class UicTabsButtonComponent {
|
|
4
|
+
tabs: string[];
|
|
5
|
+
activeTab: string;
|
|
6
|
+
activeTabChange: EventEmitter<string>;
|
|
7
|
+
selectTab(tab: string): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UicTabsButtonComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicTabsButtonComponent, "ui-tabs-button", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ButtonColor } from '../button/button.component';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class UicPortletCardComponent {
|
|
4
|
+
data: UicPortletData[];
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UicPortletCardComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
8
|
+
export interface UicPortletData {
|
|
9
|
+
label: string;
|
|
10
|
+
value: string | number | boolean;
|
|
11
|
+
subtext?: string;
|
|
12
|
+
type: 'text' | 'money' | 'status' | 'tag' | 'date';
|
|
13
|
+
color?: ButtonColor;
|
|
14
|
+
icon?: string;
|
|
15
|
+
currencyCode?: string;
|
|
16
|
+
}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ui-core-abv",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "
|
|
6
|
-
"@angular/core": "
|
|
7
|
-
"@angular/cdk": "
|
|
8
|
-
"@angular/animations": "
|
|
5
|
+
"@angular/common": ">=19.2.0 <21.0.0",
|
|
6
|
+
"@angular/core": ">=19.2.0 <21.0.0",
|
|
7
|
+
"@angular/cdk": ">=19.2.19 <21.0.0",
|
|
8
|
+
"@angular/animations": ">=19.2.14 <21.0.0",
|
|
9
9
|
"remixicon": "^4.6.0"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
"default": "./fesm2022/ui-core-abv.mjs"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
}
|
|
26
|
+
}
|
package/public-api.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export * from './lib/components/inputs/file-input/file-input.component';
|
|
|
12
12
|
export * from './lib/components/inputs/select/select.component';
|
|
13
13
|
export * from './lib/components/inputs/phone-input/phone-input.component';
|
|
14
14
|
export * from './lib/components/inputs/multy-select/multy-select.component';
|
|
15
|
+
export * from './lib/components/inputs/ui-radio/ui-radio.component';
|
|
15
16
|
export * from './lib/components/dropdown-container/dropdown-container.component';
|
|
16
17
|
export * from './lib/components/dropdown-container/dropdown-close.directive';
|
|
17
18
|
export * from './lib/components/inputs/time-picker/time-picker.component';
|
|
@@ -22,6 +23,9 @@ export * from './lib/components/push-alerts/alert-container/alert-container.comp
|
|
|
22
23
|
export * from './lib/components/inputs/ui-slider/ui-slider.component';
|
|
23
24
|
export * from './lib/components/uic-action-button/uic-action-button.component';
|
|
24
25
|
export * from './lib/components/dropdown-container/dropdown-container.component';
|
|
26
|
+
export * from './lib/components/kpi-card/kpi-card.component';
|
|
27
|
+
export * from './lib/components/uic-portlet-card/uic-portlet-card.component';
|
|
28
|
+
export * from './lib/components/tabs-button/tabs-button.component';
|
|
25
29
|
export * from './lib/animations/animatios.index';
|
|
26
30
|
export * from './lib/components/dynamic-form/form.models';
|
|
27
31
|
export * from './lib/services/modal.service';
|