valtech-components 2.0.383 → 2.0.385
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-simple/multi-select-simple.component.mjs +16 -5
- package/esm2022/lib/components/molecules/select-search/select-search.component.mjs +236 -329
- package/esm2022/lib/components/organisms/form/form.component.mjs +21 -4
- package/fesm2022/valtech-components.mjs +269 -333
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/multi-select-simple/multi-select-simple.component.d.ts +5 -4
- package/lib/components/molecules/select-search/select-search.component.d.ts +19 -42
- package/lib/components/organisms/article/article.component.d.ts +4 -4
- package/lib/components/organisms/form/form.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ElementRef, OnInit, OnDestroy } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { InputMetadata, InputOption } from '../../types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class MultiSelectSimpleComponent implements OnInit, OnDestroy, ControlValueAccessor {
|
|
5
|
+
export declare class MultiSelectSimpleComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor {
|
|
6
6
|
dropdownRef: ElementRef;
|
|
7
7
|
mainInputRef: ElementRef;
|
|
8
8
|
props: InputMetadata;
|
|
@@ -21,17 +21,18 @@ export declare class MultiSelectSimpleComponent implements OnInit, OnDestroy, Co
|
|
|
21
21
|
constructor();
|
|
22
22
|
ngOnInit(): void;
|
|
23
23
|
ngOnDestroy(): void;
|
|
24
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
24
25
|
writeValue(value: any): void;
|
|
25
26
|
registerOnChange(fn: any): void;
|
|
26
27
|
registerOnTouched(fn: any): void;
|
|
27
|
-
setDisabledState(
|
|
28
|
+
setDisabledState(_isDisabled: boolean): void;
|
|
28
29
|
toggleDropdown(event: Event): void;
|
|
29
30
|
onSearch(event: any): void;
|
|
30
31
|
toggleOption(option: InputOption): void;
|
|
31
32
|
selectAll(): void;
|
|
32
33
|
clearAll(): void;
|
|
33
34
|
isSelected(option: InputOption): boolean;
|
|
34
|
-
trackByFn(
|
|
35
|
+
trackByFn(_index: number, option: InputOption): any;
|
|
35
36
|
private handleClickOutside;
|
|
36
37
|
private parseValue;
|
|
37
38
|
private emitValue;
|
|
@@ -1,55 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IonModal } from '@ionic/angular';
|
|
3
|
-
import { IconService } from '../../../services/icons.service';
|
|
1
|
+
import { ElementRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
|
|
4
2
|
import { InputMetadata, InputOption } from '../../types';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SelectSearchComponent implements
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export declare class SelectSearchComponent implements OnInit, OnDestroy, OnChanges {
|
|
5
|
+
dropdownRef: ElementRef;
|
|
6
|
+
mainInputRef: ElementRef;
|
|
7
|
+
props: InputMetadata;
|
|
9
8
|
labelProperty: string;
|
|
10
9
|
valueProperty: string;
|
|
11
|
-
multiple: boolean;
|
|
12
10
|
placeholder: string;
|
|
13
11
|
private langService;
|
|
12
|
+
isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
13
|
+
searchTerm: import("@angular/core").WritableSignal<string>;
|
|
14
|
+
selectedValue: import("@angular/core").WritableSignal<string>;
|
|
15
|
+
displayValue: import("@angular/core").Signal<any>;
|
|
16
|
+
filteredOptions: import("@angular/core").Signal<InputOption[]>;
|
|
14
17
|
constructor();
|
|
15
|
-
/**
|
|
16
|
-
* Input configuration object.
|
|
17
|
-
* @type {InputMetadata}
|
|
18
|
-
* @property control - The Angular FormControl for the select input.
|
|
19
|
-
* @property label - The label for the select.
|
|
20
|
-
* @property options - The available options for the select.
|
|
21
|
-
* @property placeholder - The placeholder text.
|
|
22
|
-
*/
|
|
23
|
-
props: InputMetadata;
|
|
24
|
-
icon: IconService;
|
|
25
|
-
private changeDetector;
|
|
26
|
-
searchTerm: string;
|
|
27
|
-
filteredItems: InputOption[];
|
|
28
|
-
selectedItems: InputOption[];
|
|
29
|
-
displayValue: string;
|
|
30
|
-
private previousOptions;
|
|
31
|
-
private isProcessingChanges;
|
|
32
|
-
private valueChangesSubscription?;
|
|
33
18
|
ngOnInit(): void;
|
|
34
19
|
ngOnDestroy(): void;
|
|
35
20
|
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
21
|
+
toggleDropdown(event: Event): void;
|
|
22
|
+
onSearch(event: any): void;
|
|
23
|
+
selectOption(option: InputOption): void;
|
|
24
|
+
isSelected(option: InputOption): boolean;
|
|
25
|
+
trackByFn(_index: number, option: InputOption): any;
|
|
26
|
+
private handleClickOutside;
|
|
27
|
+
private getOptionByValue;
|
|
41
28
|
private applyDefaultValue;
|
|
42
|
-
|
|
43
|
-
onFocus(): void;
|
|
44
|
-
onBlur(): void;
|
|
45
|
-
openModal(): void;
|
|
46
|
-
preventDefaultBehavior(event: MouseEvent): void;
|
|
47
|
-
cancelModal(): void;
|
|
48
|
-
selectItem(item: any): void;
|
|
49
|
-
isItemSelected(item: any): boolean;
|
|
50
|
-
updateDisplayValue(): void;
|
|
51
|
-
applyChanges(): void;
|
|
52
|
-
reset(): void;
|
|
29
|
+
private syncSelectedValue;
|
|
53
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectSearchComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchComponent, "val-select-search", never, { "
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectSearchComponent, "val-select-search", never, { "props": { "alias": "props"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
55
32
|
}
|
|
@@ -31,7 +31,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
31
31
|
getVideoElement(element: ArticleElement): ArticleVideoElement;
|
|
32
32
|
getCustomElement(element: ArticleElement): ArticleCustomElement;
|
|
33
33
|
getQuoteTextProps(element: ArticleElement): {
|
|
34
|
-
size: "
|
|
34
|
+
size: "small" | "medium" | "large" | "xlarge";
|
|
35
35
|
color: import("@ionic/core").Color;
|
|
36
36
|
content?: string;
|
|
37
37
|
bold: boolean;
|
|
@@ -44,7 +44,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
44
44
|
allowPartialBold?: boolean;
|
|
45
45
|
};
|
|
46
46
|
getHighlightTextProps(element: ArticleElement): {
|
|
47
|
-
size: "
|
|
47
|
+
size: "small" | "medium" | "large" | "xlarge";
|
|
48
48
|
color: import("@ionic/core").Color;
|
|
49
49
|
content?: string;
|
|
50
50
|
bold: boolean;
|
|
@@ -73,9 +73,9 @@ export declare class ArticleComponent implements OnInit {
|
|
|
73
73
|
contentInterpolation?: Record<string, string | number>;
|
|
74
74
|
icon?: import("valtech-components").IconMetada;
|
|
75
75
|
shape?: "round";
|
|
76
|
-
size?: "small" | "
|
|
76
|
+
size?: "small" | "large" | "default";
|
|
77
77
|
fill?: "default" | "clear" | "outline" | "solid";
|
|
78
|
-
type: "
|
|
78
|
+
type: "reset" | "submit" | "button";
|
|
79
79
|
token?: string;
|
|
80
80
|
ref?: any;
|
|
81
81
|
handler?: (value: any) => any;
|
|
@@ -18,6 +18,7 @@ export declare class FormComponent implements OnInit {
|
|
|
18
18
|
constructor(fb: FormBuilder, elementRef: ElementRef);
|
|
19
19
|
ngOnInit(): void;
|
|
20
20
|
ngOnDestroy(): void;
|
|
21
|
+
private previousValues;
|
|
21
22
|
trackSelectChanges(fieldName: string): void;
|
|
22
23
|
submitHandler(token?: string): Promise<void>;
|
|
23
24
|
getControl(field: string): FormControl;
|