valtech-components 4.0.1024 → 4.0.1025
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/select-input-v2/select-input-v2.component.mjs +265 -0
- package/esm2022/lib/components/organisms/form/form.component.mjs +14 -4
- package/esm2022/lib/components/organisms/login-attempt-modal/login-attempt-modal.component.mjs +3 -3
- package/esm2022/lib/components/organisms/profile-modal/profile-modal.component.mjs +4 -9
- package/esm2022/lib/components/types.mjs +1 -1
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/valtech-components.mjs +273 -15
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/select-input-v2/select-input-v2.component.d.ts +33 -0
- package/lib/components/types.d.ts +4 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { InputMetadata, InputOption } from '../../types';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SelectInputV2Component implements OnInit, OnChanges {
|
|
5
|
+
private static nextId;
|
|
6
|
+
private i18n;
|
|
7
|
+
private presets;
|
|
8
|
+
private host;
|
|
9
|
+
preset?: string;
|
|
10
|
+
props: Partial<InputMetadata>;
|
|
11
|
+
resolvedProps: InputMetadata;
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
listboxId: string;
|
|
14
|
+
constructor();
|
|
15
|
+
ngOnInit(): void;
|
|
16
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
17
|
+
handleDocumentClick(event: MouseEvent): void;
|
|
18
|
+
toggle(): void;
|
|
19
|
+
openAndFocus(event: Event, direction: 1 | -1): void;
|
|
20
|
+
focusNext(event: Event, direction: 1 | -1): void;
|
|
21
|
+
close(event?: Event): void;
|
|
22
|
+
select(option: InputOption): void;
|
|
23
|
+
selectedOption(): InputOption | undefined;
|
|
24
|
+
orderedOptions(): InputOption[];
|
|
25
|
+
isDisabled(): boolean;
|
|
26
|
+
ariaLabel(): string;
|
|
27
|
+
iconMask(src: string): string;
|
|
28
|
+
private resolveProps;
|
|
29
|
+
private setupComponent;
|
|
30
|
+
private focusNextOption;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputV2Component, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputV2Component, "val-select-input-v2", never, { "preset": { "alias": "preset"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
@@ -94,6 +94,8 @@ export type InputOption = {
|
|
|
94
94
|
};
|
|
95
95
|
/** Whether the option is selected by default */
|
|
96
96
|
selected?: boolean;
|
|
97
|
+
/** Whether the option cannot be selected */
|
|
98
|
+
disabled?: boolean;
|
|
97
99
|
/** Display order */
|
|
98
100
|
order: number;
|
|
99
101
|
};
|
|
@@ -197,6 +199,8 @@ export type InputMetadata = {
|
|
|
197
199
|
okText?: string;
|
|
198
200
|
/** Interface del ion-select (default: 'popover'). 'modal' para listas largas. */
|
|
199
201
|
selectInterface?: 'popover' | 'modal' | 'action-sheet' | 'alert';
|
|
202
|
+
/** Select renderer variant. V2 supports rich option content such as SVG icons. */
|
|
203
|
+
selectVariant?: 'default' | 'v2';
|
|
200
204
|
/** Validate phone format and attach `phoneInvalid` when the value is malformed. */
|
|
201
205
|
validateFormat?: boolean;
|
|
202
206
|
/** Minimum national digits for PHONE fields. */
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -122,6 +122,7 @@ export * from './lib/components/molecules/range-input/range-input.component';
|
|
|
122
122
|
export * from './lib/components/molecules/range-input/types';
|
|
123
123
|
export * from './lib/components/molecules/searchbar/searchbar.component';
|
|
124
124
|
export * from './lib/components/molecules/select-input/select-input.component';
|
|
125
|
+
export * from './lib/components/molecules/select-input-v2/select-input-v2.component';
|
|
125
126
|
export * from './lib/components/molecules/select-search/select-search.component';
|
|
126
127
|
export * from './lib/components/molecules/select-search/select-search-picker-modal.component';
|
|
127
128
|
export * from './lib/components/molecules/segment-control/segment-control.component';
|