valtech-components 4.0.1024 → 4.0.1026
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/comment/comment.component.mjs +55 -4
- package/esm2022/lib/components/molecules/comment/types.mjs +1 -1
- 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 +327 -18
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/comment/types.d.ts +16 -0
- 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
|
@@ -78,6 +78,18 @@ export interface CommentMenuItem {
|
|
|
78
78
|
/** Fallback label */
|
|
79
79
|
contentFallback?: string;
|
|
80
80
|
}
|
|
81
|
+
export interface CommentAttachment {
|
|
82
|
+
/** Unique attachment identifier */
|
|
83
|
+
token: string;
|
|
84
|
+
/** Attachment kind */
|
|
85
|
+
type: 'image' | 'video' | 'file';
|
|
86
|
+
/** Source URL */
|
|
87
|
+
url: string;
|
|
88
|
+
/** Accessible label for images or file name */
|
|
89
|
+
label?: string;
|
|
90
|
+
/** Optional preview image for video/file attachments */
|
|
91
|
+
thumbnailUrl?: string;
|
|
92
|
+
}
|
|
81
93
|
/**
|
|
82
94
|
* Main comment metadata interface.
|
|
83
95
|
* Supports recursive nesting via children property.
|
|
@@ -91,6 +103,10 @@ export interface CommentMetadata {
|
|
|
91
103
|
content: string;
|
|
92
104
|
/** Timestamp - can be string ("2 hours ago") or Date object */
|
|
93
105
|
timestamp: string | Date;
|
|
106
|
+
/** Visual variant. `social` renders as a post-like rounded card. */
|
|
107
|
+
variant?: 'default' | 'social';
|
|
108
|
+
/** Media or file attachments shown below the comment body */
|
|
109
|
+
attachments?: CommentAttachment[];
|
|
94
110
|
/** Available reactions */
|
|
95
111
|
reactions?: CommentReaction[];
|
|
96
112
|
/** Action buttons (reply, etc.) */
|
|
@@ -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';
|