ten-minds-ui-kit 0.0.1
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/README.md +2212 -0
- package/assets/fonts/PlusJakartaSans-VariableFont_wght.woff2 +0 -0
- package/fesm2022/ten-minds-ui-kit.mjs +921 -0
- package/fesm2022/ten-minds-ui-kit.mjs.map +1 -0
- package/package.json +41 -0
- package/styles/_typography.css +64 -0
- package/styles/_variables.css +297 -0
- package/styles/styles.css +2 -0
- package/types/ten-minds-ui-kit.d.ts +357 -0
|
@@ -0,0 +1,357 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy, TemplateRef } from '@angular/core';
|
|
3
|
+
import * as lucide_angular from 'lucide-angular';
|
|
4
|
+
import { LucideIconData } from 'lucide-angular';
|
|
5
|
+
import * as ten_minds_ui_kit from 'ten-minds-ui-kit';
|
|
6
|
+
|
|
7
|
+
declare class TwCart {
|
|
8
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TwCart, never>;
|
|
9
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TwCart, "lib-tw-cart", never, {}, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
type ButtonColor = 'primary' | 'danger' | 'success' | 'warning';
|
|
13
|
+
type ButtonSize = 'lg' | 'md' | 'sm';
|
|
14
|
+
type ButtonType = 'filled' | 'outlined' | 'ghost';
|
|
15
|
+
type ButtonRounded = 'default' | 'full';
|
|
16
|
+
declare class BtnPrimary {
|
|
17
|
+
color: _angular_core.InputSignal<ButtonColor>;
|
|
18
|
+
size: _angular_core.InputSignal<ButtonSize>;
|
|
19
|
+
type: _angular_core.InputSignal<ButtonType>;
|
|
20
|
+
active: _angular_core.InputSignal<boolean>;
|
|
21
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
22
|
+
iconLeft: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
23
|
+
iconRight: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
24
|
+
rounded: _angular_core.InputSignal<ButtonRounded>;
|
|
25
|
+
customClass: _angular_core.InputSignal<string>;
|
|
26
|
+
clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
27
|
+
iconSize: _angular_core.Signal<number>;
|
|
28
|
+
leftIcon: _angular_core.Signal<boolean>;
|
|
29
|
+
rightIcon: _angular_core.Signal<boolean>;
|
|
30
|
+
classes: _angular_core.Signal<string>;
|
|
31
|
+
onButtonClick(event: MouseEvent): void;
|
|
32
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BtnPrimary, never>;
|
|
33
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BtnPrimary, "tm-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
type InputSize = 'sm' | 'md';
|
|
37
|
+
type InputType = 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url';
|
|
38
|
+
|
|
39
|
+
declare class InputTen {
|
|
40
|
+
readonly value: _angular_core.ModelSignal<string>;
|
|
41
|
+
readonly size: _angular_core.InputSignal<InputSize>;
|
|
42
|
+
readonly type: _angular_core.InputSignal<InputType>;
|
|
43
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
44
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
45
|
+
readonly hint: _angular_core.InputSignal<string>;
|
|
46
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
47
|
+
readonly required: _angular_core.InputSignal<boolean>;
|
|
48
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
49
|
+
readonly iconLeft: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
50
|
+
readonly iconRight: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
51
|
+
readonly focused: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
52
|
+
readonly blurred: _angular_core.OutputEmitterRef<FocusEvent>;
|
|
53
|
+
readonly isFocused: _angular_core.WritableSignal<boolean>;
|
|
54
|
+
readonly currentState: _angular_core.Signal<"default" | "disabled" | "error" | "active">;
|
|
55
|
+
readonly iconSizePx: _angular_core.Signal<number>;
|
|
56
|
+
readonly wrapperClasses: _angular_core.Signal<string>;
|
|
57
|
+
readonly iconColorClass: _angular_core.Signal<"text-tm-color-500" | "text-tm-primary" | "text-tm-secondary">;
|
|
58
|
+
readonly showLabel: _angular_core.Signal<boolean>;
|
|
59
|
+
readonly showHint: _angular_core.Signal<boolean>;
|
|
60
|
+
readonly showError: _angular_core.Signal<boolean>;
|
|
61
|
+
readonly inputClasses: string;
|
|
62
|
+
onFocus(event: FocusEvent): void;
|
|
63
|
+
onBlur(event: FocusEvent): void;
|
|
64
|
+
onInput(event: Event): void;
|
|
65
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTen, never>;
|
|
66
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputTen, "tm-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "focused": "focused"; "blurred": "blurred"; }, never, never, true, never>;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
type SnackbarColor = 'success' | 'warning' | 'error' | 'info';
|
|
70
|
+
type SnackbarType = 'notification' | 'alert';
|
|
71
|
+
type SnackbarPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
72
|
+
interface SnackbarItem {
|
|
73
|
+
id: string;
|
|
74
|
+
type: SnackbarType;
|
|
75
|
+
color: SnackbarColor;
|
|
76
|
+
title: string;
|
|
77
|
+
description?: string;
|
|
78
|
+
duration?: number;
|
|
79
|
+
position: SnackbarPosition;
|
|
80
|
+
}
|
|
81
|
+
declare class SnackbarService {
|
|
82
|
+
items: _angular_core.WritableSignal<SnackbarItem[]>;
|
|
83
|
+
private add;
|
|
84
|
+
alert(color: SnackbarColor, title: string, description?: string, duration?: number, position?: SnackbarPosition): void;
|
|
85
|
+
notify(color: SnackbarColor, title: string, description?: string, position?: SnackbarPosition): void;
|
|
86
|
+
remove(id: string): void;
|
|
87
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnackbarService, never>;
|
|
88
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<SnackbarService>;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
declare class Snackbar {
|
|
92
|
+
color: _angular_core.InputSignal<SnackbarColor>;
|
|
93
|
+
type: _angular_core.InputSignal<SnackbarType>;
|
|
94
|
+
title: _angular_core.InputSignal<string>;
|
|
95
|
+
description: _angular_core.InputSignal<string | undefined>;
|
|
96
|
+
position: _angular_core.InputSignal<SnackbarPosition>;
|
|
97
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
98
|
+
private readonly iconMap;
|
|
99
|
+
readonly closeIcon: LucideIconData;
|
|
100
|
+
icon: _angular_core.Signal<LucideIconData>;
|
|
101
|
+
private readonly alertClasses;
|
|
102
|
+
private readonly iconColorClasses;
|
|
103
|
+
private readonly accentBarColorMap;
|
|
104
|
+
accentBarClasses: _angular_core.Signal<string>;
|
|
105
|
+
private readonly titleAlertClasses;
|
|
106
|
+
private readonly positionClasses;
|
|
107
|
+
containerClasses: _angular_core.Signal<string>;
|
|
108
|
+
wrapperClasses: _angular_core.Signal<string>;
|
|
109
|
+
iconClasses: _angular_core.Signal<string>;
|
|
110
|
+
titleClasses: _angular_core.Signal<string>;
|
|
111
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Snackbar, never>;
|
|
112
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Snackbar, "tm-snackbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
declare class SnackbarHost {
|
|
116
|
+
snackbarService: SnackbarService;
|
|
117
|
+
private readonly containerClasses;
|
|
118
|
+
readonly positions: SnackbarPosition[];
|
|
119
|
+
itemsByPosition: _angular_core.Signal<{
|
|
120
|
+
position: SnackbarPosition;
|
|
121
|
+
classes: string;
|
|
122
|
+
items: ten_minds_ui_kit.SnackbarItem[];
|
|
123
|
+
}[]>;
|
|
124
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SnackbarHost, never>;
|
|
125
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SnackbarHost, "tm-snackbar-host", never, {}, {}, never, never, true, never>;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
type ChipStatus = 'success' | 'warning' | 'indigo' | 'danger' | 'info' | 'brand';
|
|
129
|
+
type ChipType = 'filled' | 'subtle' | 'outlined';
|
|
130
|
+
type ChipRounded = 'default' | 'full';
|
|
131
|
+
declare class Chip {
|
|
132
|
+
status: _angular_core.InputSignal<ChipStatus>;
|
|
133
|
+
type: _angular_core.InputSignal<ChipType>;
|
|
134
|
+
rounded: _angular_core.InputSignal<ChipRounded>;
|
|
135
|
+
iconLeft: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
136
|
+
iconRight: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
137
|
+
clickable: _angular_core.InputSignal<boolean>;
|
|
138
|
+
clicked: _angular_core.OutputEmitterRef<void>;
|
|
139
|
+
private readonly roundedClasses;
|
|
140
|
+
private readonly filledClasses;
|
|
141
|
+
private readonly subtleClasses;
|
|
142
|
+
private readonly outlinedClasses;
|
|
143
|
+
containerClasses: _angular_core.Signal<string>;
|
|
144
|
+
handleClick(): void;
|
|
145
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Chip, never>;
|
|
146
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Chip, "tm-chip", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
type ToggleState = 'default' | 'active';
|
|
150
|
+
declare class Toggle {
|
|
151
|
+
value: _angular_core.InputSignal<boolean>;
|
|
152
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
153
|
+
changed: _angular_core.OutputEmitterRef<boolean>;
|
|
154
|
+
trackClasses: _angular_core.Signal<string>;
|
|
155
|
+
thumbClasses: _angular_core.Signal<string>;
|
|
156
|
+
toggle(): void;
|
|
157
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toggle, never>;
|
|
158
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toggle, "tm-toggle", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
declare class CheckboxButton {
|
|
162
|
+
checked: _angular_core.InputSignal<boolean>;
|
|
163
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
164
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
165
|
+
id: _angular_core.InputSignal<string>;
|
|
166
|
+
changed: _angular_core.OutputEmitterRef<boolean>;
|
|
167
|
+
containerClasses: _angular_core.Signal<string>;
|
|
168
|
+
boxClasses: _angular_core.Signal<"w-5 h-5 rounded-sm border-2 flex items-center justify-center transition-all duration-200 border-tm-subtle" | "w-5 h-5 rounded-sm border-2 flex items-center justify-center transition-all duration-200 bg-tm-brand border-tm-brand text-tm-inverse" | "w-5 h-5 rounded-sm border-2 flex items-center justify-center transition-all duration-200 border-tm-default">;
|
|
169
|
+
toggle(): void;
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxButton, never>;
|
|
171
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxButton, "tm-checkbox-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
declare class RadioButton {
|
|
175
|
+
checked: _angular_core.InputSignal<boolean>;
|
|
176
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
177
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
178
|
+
value: _angular_core.InputSignal<string>;
|
|
179
|
+
name: _angular_core.InputSignal<string>;
|
|
180
|
+
id: _angular_core.InputSignal<string>;
|
|
181
|
+
changed: _angular_core.OutputEmitterRef<string>;
|
|
182
|
+
containerClasses: _angular_core.Signal<string>;
|
|
183
|
+
circleClasses: _angular_core.Signal<"w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all duration-200 border-tm-strong" | "w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all duration-200 border-tm-brand" | "w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all duration-200 border-tm-default">;
|
|
184
|
+
innerClasses: string;
|
|
185
|
+
dotClasses: _angular_core.Signal<"w-5 h-5 rounded-full absolute border-tm-subtle" | "w-5 h-5 rounded-full absolute border-tm-brand" | "w-5 h-5 rounded-full absolute border-tm-default">;
|
|
186
|
+
select(): void;
|
|
187
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButton, never>;
|
|
188
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButton, "tm-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, never, true, never>;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
192
|
+
type AvatarStatus = 'online' | 'busy' | 'disconnect';
|
|
193
|
+
|
|
194
|
+
declare class Avatar {
|
|
195
|
+
/** Imagen del avatar. Si no se provee, se muestran las iniciales. */
|
|
196
|
+
readonly src: _angular_core.InputSignal<string>;
|
|
197
|
+
readonly initials: _angular_core.InputSignal<string>;
|
|
198
|
+
/** Texto alternativo para accesibilidad */
|
|
199
|
+
readonly alt: _angular_core.InputSignal<string>;
|
|
200
|
+
readonly size: _angular_core.InputSignal<AvatarSize>;
|
|
201
|
+
readonly status: _angular_core.InputSignal<AvatarStatus | null>;
|
|
202
|
+
readonly showImage: _angular_core.Signal<boolean>;
|
|
203
|
+
readonly showInitials: _angular_core.Signal<boolean>;
|
|
204
|
+
readonly showStatus: _angular_core.Signal<boolean>;
|
|
205
|
+
readonly avatarClasses: _angular_core.Signal<string>;
|
|
206
|
+
readonly statusClasses: _angular_core.Signal<string>;
|
|
207
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
|
|
208
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "tm-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
declare class CloseDialog {
|
|
212
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
213
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
214
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
215
|
+
readonly xIcon: lucide_angular.LucideIconData;
|
|
216
|
+
onClick(): void;
|
|
217
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CloseDialog, never>;
|
|
218
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CloseDialog, "tm-close-dialog", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
declare class CardButton {
|
|
222
|
+
readonly count: _angular_core.InputSignal<number>;
|
|
223
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
224
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
225
|
+
readonly clicked: _angular_core.OutputEmitterRef<void>;
|
|
226
|
+
readonly cartIcon: lucide_angular.LucideIconData;
|
|
227
|
+
readonly showBadge: _angular_core.Signal<boolean>;
|
|
228
|
+
readonly displayCount: _angular_core.Signal<string>;
|
|
229
|
+
onClick(): void;
|
|
230
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardButton, never>;
|
|
231
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardButton, "tm-card-button", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
type ThemeMode = 'light' | 'dark';
|
|
235
|
+
declare class BtnTheme {
|
|
236
|
+
readonly mode: _angular_core.InputSignal<ThemeMode>;
|
|
237
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
238
|
+
readonly modeChange: _angular_core.OutputEmitterRef<ThemeMode>;
|
|
239
|
+
readonly sunIcon: lucide_angular.LucideIconData;
|
|
240
|
+
readonly moonIcon: lucide_angular.LucideIconData;
|
|
241
|
+
readonly isDark: _angular_core.Signal<boolean>;
|
|
242
|
+
readonly currentIcon: _angular_core.Signal<lucide_angular.LucideIconData>;
|
|
243
|
+
readonly ariaLabel: _angular_core.Signal<"Cambiar a modo claro" | "Cambiar a modo oscuro">;
|
|
244
|
+
onClick(): void;
|
|
245
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BtnTheme, never>;
|
|
246
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BtnTheme, "tm-btn-theme", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "modeChange": "modeChange"; }, never, never, true, never>;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
type MenuPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
250
|
+
type MenuTriggerOn = 'click' | 'hover' | 'both';
|
|
251
|
+
declare class MenuComponent implements OnDestroy {
|
|
252
|
+
readonly placement: _angular_core.InputSignal<MenuPlacement>;
|
|
253
|
+
readonly triggerOn: _angular_core.InputSignal<MenuTriggerOn>;
|
|
254
|
+
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
255
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
256
|
+
triggerTemplate: TemplateRef<any>;
|
|
257
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
258
|
+
private overlay;
|
|
259
|
+
private vcr;
|
|
260
|
+
private el;
|
|
261
|
+
private overlayRef?;
|
|
262
|
+
onClickHost(): void;
|
|
263
|
+
onMouseEnter(): void;
|
|
264
|
+
onMouseLeave(): void;
|
|
265
|
+
open(): void;
|
|
266
|
+
close(): void;
|
|
267
|
+
private getPosition;
|
|
268
|
+
ngOnDestroy(): void;
|
|
269
|
+
menuTemplate: TemplateRef<any>;
|
|
270
|
+
set setMenuTemplate(t: TemplateRef<any>);
|
|
271
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
|
|
272
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "tm-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "triggerOn": { "alias": "triggerOn"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["triggerTemplate"], ["[menuHeader]", "*"], true, never>;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
declare class MenuTriggerDirective {
|
|
276
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
|
|
277
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[tmMenuTrigger]", never, {}, {}, never, never, true, never>;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
declare class MenuItem {
|
|
281
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
282
|
+
readonly icon: _angular_core.InputSignal<LucideIconData | undefined>;
|
|
283
|
+
readonly danger: _angular_core.InputSignal<boolean>;
|
|
284
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
285
|
+
readonly selected: _angular_core.OutputEmitterRef<void>;
|
|
286
|
+
onClick(): void;
|
|
287
|
+
readonly divider: _angular_core.InputSignal<boolean>;
|
|
288
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItem, never>;
|
|
289
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItem, "tm-menu-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
declare const TmMenu: readonly [typeof MenuComponent, typeof MenuTriggerDirective, typeof MenuItem];
|
|
293
|
+
|
|
294
|
+
declare class BtnIcon {
|
|
295
|
+
readonly icon: _angular_core.InputSignal<LucideIconData>;
|
|
296
|
+
readonly color: _angular_core.InputSignal<ButtonColor>;
|
|
297
|
+
readonly size: _angular_core.InputSignal<ButtonSize>;
|
|
298
|
+
readonly type: _angular_core.InputSignal<ButtonType>;
|
|
299
|
+
readonly rounded: _angular_core.InputSignal<ButtonRounded>;
|
|
300
|
+
readonly active: _angular_core.InputSignal<boolean>;
|
|
301
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
302
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
303
|
+
readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
304
|
+
readonly iconSize: _angular_core.Signal<number>;
|
|
305
|
+
readonly classes: _angular_core.Signal<string>;
|
|
306
|
+
onClick(event: MouseEvent): void;
|
|
307
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BtnIcon, never>;
|
|
308
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BtnIcon, "tm-icon-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
interface SelectOption {
|
|
312
|
+
label: string;
|
|
313
|
+
value: string | number;
|
|
314
|
+
avatar?: string;
|
|
315
|
+
icon?: LucideIconData;
|
|
316
|
+
group?: string;
|
|
317
|
+
disabled?: boolean;
|
|
318
|
+
}
|
|
319
|
+
type SelectSize = 'sm' | 'md';
|
|
320
|
+
declare class TmSelect implements OnDestroy {
|
|
321
|
+
private el;
|
|
322
|
+
private overlay;
|
|
323
|
+
private vcr;
|
|
324
|
+
private overlayRef?;
|
|
325
|
+
readonly options: _angular_core.InputSignal<SelectOption[]>;
|
|
326
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
327
|
+
readonly size: _angular_core.InputSignal<SelectSize>;
|
|
328
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
329
|
+
readonly error: _angular_core.InputSignal<string>;
|
|
330
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
331
|
+
readonly value: _angular_core.ModelSignal<string | number | null>;
|
|
332
|
+
readonly changed: _angular_core.OutputEmitterRef<SelectOption | null>;
|
|
333
|
+
readonly isFocused: _angular_core.WritableSignal<boolean>;
|
|
334
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
335
|
+
readonly search: _angular_core.WritableSignal<string>;
|
|
336
|
+
readonly chevronDown: LucideIconData;
|
|
337
|
+
readonly xIcon: LucideIconData;
|
|
338
|
+
readonly checkIcon: LucideIconData;
|
|
339
|
+
dropdownPanel: TemplateRef<any>;
|
|
340
|
+
readonly currentState: _angular_core.Signal<"default" | "disabled" | "error" | "active">;
|
|
341
|
+
readonly wrapperClasses: _angular_core.Signal<string>;
|
|
342
|
+
readonly selectedOption: _angular_core.Signal<SelectOption | null>;
|
|
343
|
+
readonly selectedLabel: _angular_core.Signal<string>;
|
|
344
|
+
readonly filteredOptions: _angular_core.Signal<SelectOption[]>;
|
|
345
|
+
open(): void;
|
|
346
|
+
close(): void;
|
|
347
|
+
toggle(): void;
|
|
348
|
+
selectOption(option: SelectOption): void;
|
|
349
|
+
clear(event: MouseEvent): void;
|
|
350
|
+
onInput(event: Event): void;
|
|
351
|
+
ngOnDestroy(): void;
|
|
352
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TmSelect, never>;
|
|
353
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TmSelect, "tm-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
export { Avatar, BtnIcon, BtnPrimary, BtnTheme, CardButton, CheckboxButton, Chip, CloseDialog, InputTen, MenuComponent, MenuItem, MenuTriggerDirective, RadioButton, Snackbar, SnackbarHost, SnackbarService, TmMenu, TmSelect, Toggle, TwCart };
|
|
357
|
+
export type { AvatarSize, AvatarStatus, ButtonColor, ButtonRounded, ButtonSize, ButtonType, ChipRounded, ChipStatus, ChipType, InputSize, InputType, MenuPlacement, MenuTriggerOn, SelectOption, SelectSize, SnackbarColor, SnackbarItem, SnackbarPosition, SnackbarType, ThemeMode, ToggleState };
|