ui-core-abv 0.9.8 → 0.9.9
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 +79 -47
- package/fesm2022/ui-core-abv.mjs.map +1 -1
- package/lib/components/dynamic-form/form/dynamic-form.component.d.ts +8 -2
- package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts +3 -2
- package/lib/components/dynamic-form/form.models.d.ts +1 -0
- package/lib/components/inputs/multy-searcher/multy-searcher.component.d.ts +2 -1
- package/lib/components/inputs/multy-select/multy-select.component.d.ts +1 -1
- package/lib/components/inputs/time-picker/time-picker.component.d.ts +1 -1
- package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts +2 -1
- package/lib/components/pool-options/pool-options.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { NgZone, OnDestroy } from '@angular/core';
|
|
|
2
2
|
import { AbstractControl, FormArray, FormGroup } from '@angular/forms';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
4
|
import { ButtonColor } from '../../button/button.component';
|
|
5
|
-
import { FormField, SelectOptionsResolver } from '../form.models';
|
|
5
|
+
import { FormField, FormIconMode, SelectOptionsResolver } from '../form.models';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
interface DynamicFieldState {
|
|
8
8
|
field: FormField;
|
|
@@ -36,6 +36,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
|
|
|
36
36
|
fieldBlur: import("@angular/core").OutputEmitterRef<string>;
|
|
37
37
|
voiceToTextSilenceMs: number;
|
|
38
38
|
cols: number;
|
|
39
|
+
iconMode?: FormIconMode;
|
|
39
40
|
fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
|
|
40
41
|
selectOptionsResolver?: SelectOptionsResolver;
|
|
41
42
|
parentFormValues?: Record<string, any>;
|
|
@@ -45,6 +46,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
|
|
|
45
46
|
private readonly formSyncEffect;
|
|
46
47
|
private readonly fieldStateSyncEffect;
|
|
47
48
|
readonly colorToIcon: Record<string, string>;
|
|
49
|
+
private readonly checklistIcon;
|
|
48
50
|
constructor(ngZone: NgZone);
|
|
49
51
|
ngOnDestroy(): void;
|
|
50
52
|
getGridColumn(field: FormField): string;
|
|
@@ -64,6 +66,10 @@ export declare class UicDynamicFormComponent implements OnDestroy {
|
|
|
64
66
|
asFormArray(control: AbstractControl | null): FormArray;
|
|
65
67
|
isListening(fieldName: string): boolean;
|
|
66
68
|
private readonly errorMessages;
|
|
69
|
+
getFieldIcon(field: FormField): string;
|
|
70
|
+
getFieldIconColor(field: FormField, control: AbstractControl | null, value: any): ButtonColor;
|
|
71
|
+
private getChecklistColor;
|
|
72
|
+
private isFieldComplete;
|
|
67
73
|
getInputColor(field: FormField, value: string | number): ButtonColor;
|
|
68
74
|
getIconByColor(field: FormField, color: string): ButtonColor;
|
|
69
75
|
getSearcherFn(field: FormField): ((query: string) => Observable<any[]>) | undefined;
|
|
@@ -79,6 +85,6 @@ export declare class UicDynamicFormComponent implements OnDestroy {
|
|
|
79
85
|
private scheduleVoiceStop;
|
|
80
86
|
voiceToText(target: HTMLTextAreaElement, fieldName: string): void;
|
|
81
87
|
static ɵfac: i0.ɵɵFactoryDeclaration<UicDynamicFormComponent, never>;
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, never, never, true, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "iconMode": { "alias": "iconMode"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, never, never, true, never>;
|
|
83
89
|
}
|
|
84
90
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { FormGroup } from '@angular/forms';
|
|
3
3
|
import { AppSelectOption } from '../../inputs/select/select.component';
|
|
4
|
-
import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
|
|
4
|
+
import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormIconMode, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDestroy {
|
|
7
7
|
private readonly fb;
|
|
@@ -22,6 +22,7 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
|
|
|
22
22
|
loading: boolean;
|
|
23
23
|
disabled: boolean;
|
|
24
24
|
showButtons: boolean;
|
|
25
|
+
iconMode?: FormIconMode;
|
|
25
26
|
fillSelects: boolean;
|
|
26
27
|
initialValues: uicFormValuesRecord;
|
|
27
28
|
focusFieldName: string | null;
|
|
@@ -137,5 +138,5 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
|
|
|
137
138
|
private setNestedValue;
|
|
138
139
|
private syncEffectiveSchema;
|
|
139
140
|
static ɵfac: i0.ɵɵFactoryDeclaration<UicFormWrapperComponent, never>;
|
|
140
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "iconMode": { "alias": "iconMode"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
|
|
141
142
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Observable } from "rxjs";
|
|
2
2
|
import { AppSelectOption } from "../inputs/select/select.component";
|
|
3
3
|
import { ButtonColor } from "../button/button.component";
|
|
4
|
+
export type FormIconMode = 'checklist';
|
|
4
5
|
export interface FormStep {
|
|
5
6
|
title: string;
|
|
6
7
|
form: FormSchema;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
|
+
import { ButtonColor } from '../../button/button.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
type MultySearcherValue = Record<string, any>[];
|
|
5
6
|
declare const base: abstract new () => {
|
|
@@ -15,7 +16,7 @@ declare const base: abstract new () => {
|
|
|
15
16
|
};
|
|
16
17
|
export declare class UicMultySearcherComponent extends base {
|
|
17
18
|
icon: string;
|
|
18
|
-
iconColor:
|
|
19
|
+
iconColor: ButtonColor;
|
|
19
20
|
internalIcon: string;
|
|
20
21
|
label: string;
|
|
21
22
|
error: string;
|
|
@@ -16,7 +16,7 @@ declare const base: abstract new () => {
|
|
|
16
16
|
};
|
|
17
17
|
export declare class UicMultySelectComponent extends base {
|
|
18
18
|
icon: string;
|
|
19
|
-
iconColor:
|
|
19
|
+
iconColor: ButtonColor;
|
|
20
20
|
internalIcon: string;
|
|
21
21
|
internalIconColor: ButtonColor;
|
|
22
22
|
size: 's' | 'm' | 'l';
|
|
@@ -14,7 +14,7 @@ declare const base: abstract new () => {
|
|
|
14
14
|
};
|
|
15
15
|
export declare class UicTimePickerComponent extends base {
|
|
16
16
|
icon: string;
|
|
17
|
-
iconColor:
|
|
17
|
+
iconColor: ButtonColor;
|
|
18
18
|
internalIcon: string;
|
|
19
19
|
internalIconColor: ButtonColor;
|
|
20
20
|
disabled: boolean;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
|
+
import { ButtonColor } from '../../button/button.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
declare const base: abstract new () => {
|
|
5
6
|
value: Record<string, any> | null;
|
|
@@ -14,7 +15,7 @@ declare const base: abstract new () => {
|
|
|
14
15
|
};
|
|
15
16
|
export declare class UicSearcherComponent extends base {
|
|
16
17
|
icon: string;
|
|
17
|
-
iconColor:
|
|
18
|
+
iconColor: ButtonColor;
|
|
18
19
|
internalIcon: string;
|
|
19
20
|
size: 's' | 'm' | 'l';
|
|
20
21
|
label: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AppSelectOption } from '../inputs/select/select.component';
|
|
3
|
+
import { ButtonColor } from '../button/button.component';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
type selectId = number | string;
|
|
5
6
|
type selectedDetailed = {
|
|
@@ -19,7 +20,7 @@ declare const base: abstract new () => {
|
|
|
19
20
|
};
|
|
20
21
|
export declare class UicPoolOptionsComponent extends base {
|
|
21
22
|
icon: string;
|
|
22
|
-
iconColor:
|
|
23
|
+
iconColor: ButtonColor;
|
|
23
24
|
size: 's' | 'm' | 'l';
|
|
24
25
|
label: string;
|
|
25
26
|
error: string;
|