valtech-components 2.0.397 → 2.0.398
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/esm2022/lib/components/molecules/multi-select-search/multi-select-search.component.mjs +373 -0
- package/esm2022/lib/components/organisms/form/form.component.mjs +75 -132
- package/fesm2022/valtech-components.mjs +434 -131
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts +48 -0
- package/lib/components/organisms/article/article.component.d.ts +1 -1
- package/lib/components/organisms/form/form.component.d.ts +0 -14
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { IonModal } from '@ionic/angular';
|
|
3
|
+
import { IconService } from '../../../services/icons.service';
|
|
4
|
+
import { InputMetadata, InputOption } from '../../types';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy {
|
|
7
|
+
modal: IonModal;
|
|
8
|
+
label: string;
|
|
9
|
+
labelProperty: string;
|
|
10
|
+
valueProperty: string;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
props: InputMetadata;
|
|
13
|
+
private langService;
|
|
14
|
+
icon: IconService;
|
|
15
|
+
private changeDetector;
|
|
16
|
+
searchTerm: string;
|
|
17
|
+
filteredItems: InputOption[];
|
|
18
|
+
selectedItems: InputOption[];
|
|
19
|
+
displayValue: string;
|
|
20
|
+
private previousOptions;
|
|
21
|
+
private isProcessingChanges;
|
|
22
|
+
private valueChangesSubscription?;
|
|
23
|
+
constructor();
|
|
24
|
+
ngOnInit(): void;
|
|
25
|
+
ngOnDestroy(): void;
|
|
26
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
27
|
+
ionViewWillEnter(): void;
|
|
28
|
+
private subscribeToValueChanges;
|
|
29
|
+
private areOptionsEqual;
|
|
30
|
+
private initializeItems;
|
|
31
|
+
private syncControlValueWithSelectedItems;
|
|
32
|
+
private applyDefaultValue;
|
|
33
|
+
onFilter(event: any): void;
|
|
34
|
+
onFocus(): void;
|
|
35
|
+
onBlur(): void;
|
|
36
|
+
openModal(): void;
|
|
37
|
+
preventDefaultBehavior(event: MouseEvent): void;
|
|
38
|
+
cancelModal(): void;
|
|
39
|
+
toggleItem(item: any): void;
|
|
40
|
+
isItemSelected(item: any): boolean;
|
|
41
|
+
clearSelection(): void;
|
|
42
|
+
applySelection(): void;
|
|
43
|
+
updateDisplayValue(): void;
|
|
44
|
+
applyChanges(): void;
|
|
45
|
+
reset(): void;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSearchComponent, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSearchComponent, "val-multi-select-search", never, { "label": { "alias": "label"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
48
|
+
}
|
|
@@ -75,7 +75,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
75
75
|
shape?: "round";
|
|
76
76
|
size?: "small" | "large" | "default";
|
|
77
77
|
fill?: "default" | "clear" | "outline" | "solid";
|
|
78
|
-
type: "
|
|
78
|
+
type: "button" | "submit" | "reset";
|
|
79
79
|
token?: string;
|
|
80
80
|
ref?: any;
|
|
81
81
|
handler?: (value: any) => any;
|
|
@@ -15,25 +15,12 @@ export declare class FormComponent implements OnInit {
|
|
|
15
15
|
form: FormGroup;
|
|
16
16
|
types: typeof InputType;
|
|
17
17
|
private subscriptions;
|
|
18
|
-
processedSections: {
|
|
19
|
-
name: string;
|
|
20
|
-
fields: InputMetadata[];
|
|
21
|
-
}[];
|
|
22
|
-
private previousValues;
|
|
23
18
|
constructor(fb: FormBuilder, elementRef: ElementRef);
|
|
24
19
|
ngOnInit(): void;
|
|
25
|
-
private createForm;
|
|
26
|
-
private processAllSections;
|
|
27
|
-
private processField;
|
|
28
|
-
private setupChangeTracking;
|
|
29
20
|
ngOnDestroy(): void;
|
|
30
21
|
trackSelectChanges(fieldName: string): void;
|
|
31
22
|
submitHandler(token?: string): Promise<void>;
|
|
32
23
|
getControl(field: string): FormControl;
|
|
33
|
-
/**
|
|
34
|
-
* @deprecated This method is now only used internally.
|
|
35
|
-
* Use processedSections property instead to avoid multiple calls.
|
|
36
|
-
*/
|
|
37
24
|
getFieldProp(field: InputMetadata): InputMetadata;
|
|
38
25
|
get isAtEndOfForm(): boolean;
|
|
39
26
|
get Form(): FormGroup;
|
|
@@ -41,7 +28,6 @@ export declare class FormComponent implements OnInit {
|
|
|
41
28
|
form: FormGroup;
|
|
42
29
|
data: FormMetadata;
|
|
43
30
|
};
|
|
44
|
-
resetField(fieldName: string, emitEvent?: boolean): void;
|
|
45
31
|
get actions(): ButtonMetadata[];
|
|
46
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
|
|
47
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "val-form", never, { "props": { "alias": "props"; "required": false; }; }, { "onSubmit": "onSubmit"; "onInvalid": "onInvalid"; "onSelectChange": "onSelectChange"; }, never, ["*"], true, never>;
|