@iamgld/ui 21.2.0 → 21.4.0
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/fesm2022/iamgld-ui.mjs +398 -407
- package/fesm2022/iamgld-ui.mjs.map +1 -1
- package/package.json +6 -6
- package/types/iamgld-ui.d.ts +387 -181
package/types/iamgld-ui.d.ts
CHANGED
|
@@ -9,103 +9,114 @@ import { Observable } from 'rxjs';
|
|
|
9
9
|
import { TranslocoLoader, Translation } from '@jsverse/transloco';
|
|
10
10
|
import * as _ngrx_signals from '@ngrx/signals';
|
|
11
11
|
|
|
12
|
-
declare
|
|
13
|
-
pink
|
|
14
|
-
purple
|
|
15
|
-
mustard
|
|
16
|
-
orange
|
|
17
|
-
red
|
|
18
|
-
blue
|
|
19
|
-
green
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
12
|
+
declare const BUTTON_COLORS: {
|
|
13
|
+
readonly pink: "pink";
|
|
14
|
+
readonly purple: "purple";
|
|
15
|
+
readonly mustard: "mustard";
|
|
16
|
+
readonly orange: "orange";
|
|
17
|
+
readonly red: "red";
|
|
18
|
+
readonly blue: "blue";
|
|
19
|
+
readonly green: "green";
|
|
20
|
+
};
|
|
21
|
+
type ButtonColor = typeof BUTTON_COLORS[keyof typeof BUTTON_COLORS];
|
|
22
|
+
declare const BUTTON_SIZES: {
|
|
23
|
+
readonly tiny: "tiny";
|
|
24
|
+
readonly small: "small";
|
|
25
|
+
readonly normal: "normal";
|
|
26
|
+
readonly medium: "medium";
|
|
27
|
+
readonly large: "large";
|
|
28
|
+
};
|
|
29
|
+
type ButtonSize = typeof BUTTON_SIZES[keyof typeof BUTTON_SIZES];
|
|
30
|
+
|
|
31
|
+
declare const DROPDOWN_TYPES: {
|
|
32
|
+
readonly button: "button";
|
|
33
|
+
readonly iconButton: "iconButton";
|
|
34
|
+
};
|
|
35
|
+
type DropdownType = typeof DROPDOWN_TYPES[keyof typeof DROPDOWN_TYPES];
|
|
36
|
+
declare const DROPDOWN_DIRECTIONS: {
|
|
37
|
+
readonly left: "left";
|
|
38
|
+
readonly right: "right";
|
|
39
|
+
};
|
|
40
|
+
type DropdownDirection = typeof DROPDOWN_DIRECTIONS[keyof typeof DROPDOWN_DIRECTIONS];
|
|
41
|
+
|
|
42
|
+
declare const LINK_TYPES: {
|
|
43
|
+
readonly default: "default";
|
|
44
|
+
};
|
|
45
|
+
type LinkType = typeof LINK_TYPES[keyof typeof LINK_TYPES];
|
|
46
|
+
declare const LINK_ALIGNS: {
|
|
47
|
+
readonly left: "left";
|
|
48
|
+
readonly right: "right";
|
|
49
|
+
readonly center: "center";
|
|
50
|
+
};
|
|
51
|
+
type LinkAlign = typeof LINK_ALIGNS[keyof typeof LINK_ALIGNS];
|
|
46
52
|
|
|
47
53
|
type InputType = 'text' | 'email' | 'password' | 'url' | 'tel' | 'number' | 'search';
|
|
48
54
|
type InputValue = string | string[] | number | number[] | boolean | boolean[] | object | object[] | Record<string, unknown> | Record<string, unknown>[] | null;
|
|
49
55
|
|
|
50
|
-
declare
|
|
51
|
-
horizontal
|
|
52
|
-
vertical
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
56
|
+
declare const RADIO_DIRECTIONS: {
|
|
57
|
+
readonly horizontal: "horizontal";
|
|
58
|
+
readonly vertical: "vertical";
|
|
59
|
+
};
|
|
60
|
+
type RadioDirection = typeof RADIO_DIRECTIONS[keyof typeof RADIO_DIRECTIONS];
|
|
61
|
+
|
|
62
|
+
declare const SELECT_TYPES: {
|
|
63
|
+
readonly default: "default";
|
|
64
|
+
readonly inline: "inline";
|
|
65
|
+
};
|
|
66
|
+
type SelectType = typeof SELECT_TYPES[keyof typeof SELECT_TYPES];
|
|
67
|
+
|
|
68
|
+
declare const ICONS: {
|
|
69
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
70
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
71
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
72
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
73
|
+
readonly loader4Fill: "loader-4-fill";
|
|
74
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
75
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
76
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
77
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
78
|
+
readonly menuLine: "ri-menu-line";
|
|
79
|
+
readonly sunLine: "ri-sun-line";
|
|
80
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
81
|
+
readonly englishInput: "ri-english-input";
|
|
82
|
+
readonly translate: "ri-translate";
|
|
83
|
+
readonly user4Line: "ri-user-4-line";
|
|
84
|
+
readonly shapesLine: "ri-shapes-line";
|
|
85
|
+
readonly closeLine: "ri-close-line";
|
|
86
|
+
readonly eyeLine: "ri-eye-line";
|
|
87
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
88
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
89
|
+
readonly githubFill: "ri-github-fill";
|
|
90
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
91
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
92
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
93
|
+
readonly globeLine: "ri-globe-line";
|
|
94
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
95
|
+
readonly pagesLine: "ri-pages-line";
|
|
96
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
97
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
98
|
+
readonly starLine: "ri-star-line";
|
|
99
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
100
|
+
readonly macLine: "ri-mac-line";
|
|
101
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
102
|
+
readonly editLine: "ri-edit-line";
|
|
103
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
104
|
+
};
|
|
105
|
+
type Icons = typeof ICONS[keyof typeof ICONS];
|
|
106
|
+
declare const ICONS_SIZES: {
|
|
107
|
+
readonly tiny: "tiny";
|
|
108
|
+
readonly small: "small";
|
|
109
|
+
readonly normal: "normal";
|
|
110
|
+
readonly medium: "medium";
|
|
111
|
+
readonly large: "large";
|
|
112
|
+
};
|
|
113
|
+
type IconsSize = typeof ICONS_SIZES[keyof typeof ICONS_SIZES];
|
|
114
|
+
declare const ICONS_SPACES: {
|
|
115
|
+
readonly left: "left";
|
|
116
|
+
readonly right: "right";
|
|
117
|
+
readonly none: "none";
|
|
118
|
+
};
|
|
119
|
+
type IconsSpace = typeof ICONS_SPACES[keyof typeof ICONS_SPACES];
|
|
109
120
|
|
|
110
121
|
interface TableColumn {
|
|
111
122
|
name: string;
|
|
@@ -141,12 +152,13 @@ interface TableColumnAction {
|
|
|
141
152
|
type: TableColumnActionType;
|
|
142
153
|
showWhen: (dataStructure: unknown) => boolean;
|
|
143
154
|
}
|
|
144
|
-
declare
|
|
145
|
-
show
|
|
146
|
-
open
|
|
147
|
-
update
|
|
148
|
-
delete
|
|
149
|
-
}
|
|
155
|
+
declare const TABLE_COLUMN_ACTION_TYPES: {
|
|
156
|
+
readonly show: "show";
|
|
157
|
+
readonly open: "open";
|
|
158
|
+
readonly update: "update";
|
|
159
|
+
readonly delete: "delete";
|
|
160
|
+
};
|
|
161
|
+
type TableColumnActionType = typeof TABLE_COLUMN_ACTION_TYPES[keyof typeof TABLE_COLUMN_ACTION_TYPES];
|
|
150
162
|
interface TableColumnActionOutput {
|
|
151
163
|
tableColumnAction: TableColumnAction;
|
|
152
164
|
object: unknown;
|
|
@@ -155,39 +167,43 @@ interface TableSearchOutput {
|
|
|
155
167
|
action: TableSearchAction;
|
|
156
168
|
searching: string;
|
|
157
169
|
}
|
|
158
|
-
declare
|
|
159
|
-
searching
|
|
160
|
-
cleared
|
|
161
|
-
}
|
|
170
|
+
declare const TABLE_SEARCH_ACTIONS: {
|
|
171
|
+
readonly searching: "searching";
|
|
172
|
+
readonly cleared: "cleared";
|
|
173
|
+
};
|
|
174
|
+
type TableSearchAction = typeof TABLE_SEARCH_ACTIONS[keyof typeof TABLE_SEARCH_ACTIONS];
|
|
162
175
|
interface TablePaginationConfig {
|
|
163
176
|
itemsPerPage: number;
|
|
164
177
|
initialPage: number;
|
|
165
178
|
maxItems: number;
|
|
166
179
|
}
|
|
167
180
|
|
|
168
|
-
declare
|
|
169
|
-
default
|
|
170
|
-
pink
|
|
171
|
-
purple
|
|
172
|
-
mustard
|
|
173
|
-
orange
|
|
174
|
-
red
|
|
175
|
-
blue
|
|
176
|
-
green
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
181
|
+
declare const TILE_COLORS: {
|
|
182
|
+
readonly default: "default";
|
|
183
|
+
readonly pink: "pink";
|
|
184
|
+
readonly purple: "purple";
|
|
185
|
+
readonly mustard: "mustard";
|
|
186
|
+
readonly orange: "orange";
|
|
187
|
+
readonly red: "red";
|
|
188
|
+
readonly blue: "blue";
|
|
189
|
+
readonly green: "green";
|
|
190
|
+
};
|
|
191
|
+
type TileColor = typeof TILE_COLORS[keyof typeof TILE_COLORS];
|
|
192
|
+
declare const TILE_PADDING_SIZES: {
|
|
193
|
+
readonly zero: "zero";
|
|
194
|
+
readonly tiny: "tiny";
|
|
195
|
+
readonly small: "small";
|
|
196
|
+
readonly normal: "normal";
|
|
197
|
+
readonly medium: "medium";
|
|
198
|
+
readonly large: "large";
|
|
199
|
+
};
|
|
200
|
+
type TilePaddingSize = typeof TILE_PADDING_SIZES[keyof typeof TILE_PADDING_SIZES];
|
|
201
|
+
|
|
202
|
+
declare const COOKIES_KEYS: {
|
|
203
|
+
readonly accessToken: "gld-access-token";
|
|
204
|
+
readonly refreshToken: "gld-refresh-token";
|
|
205
|
+
};
|
|
206
|
+
type CookiesKeys = typeof COOKIES_KEYS[keyof typeof COOKIES_KEYS];
|
|
191
207
|
|
|
192
208
|
interface Environment {
|
|
193
209
|
environmentType: EnvironmentType;
|
|
@@ -195,46 +211,50 @@ interface Environment {
|
|
|
195
211
|
iamgldApi: string;
|
|
196
212
|
cloudflareIamgldAssetsBucket: string;
|
|
197
213
|
}
|
|
198
|
-
declare
|
|
199
|
-
production
|
|
200
|
-
staging
|
|
201
|
-
development
|
|
202
|
-
local
|
|
203
|
-
}
|
|
214
|
+
declare const ENVIRONMENT_TYPES: {
|
|
215
|
+
readonly production: "production";
|
|
216
|
+
readonly staging: "staging";
|
|
217
|
+
readonly development: "development";
|
|
218
|
+
readonly local: "local";
|
|
219
|
+
};
|
|
220
|
+
type EnvironmentType = typeof ENVIRONMENT_TYPES[keyof typeof ENVIRONMENT_TYPES];
|
|
204
221
|
|
|
205
222
|
interface Tokens {
|
|
206
223
|
accessToken: string;
|
|
207
224
|
refreshToken: string;
|
|
208
225
|
}
|
|
209
226
|
|
|
210
|
-
declare
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
english = "english"
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
declare enum UiTheme {
|
|
220
|
-
dark = "theme--dark",
|
|
221
|
-
light = "theme--light",
|
|
222
|
-
system = "theme--system"
|
|
223
|
-
}
|
|
227
|
+
declare const UI_THEMES: {
|
|
228
|
+
readonly dark: "theme--dark";
|
|
229
|
+
readonly light: "theme--light";
|
|
230
|
+
readonly system: "theme--system";
|
|
231
|
+
};
|
|
232
|
+
type UiTheme = typeof UI_THEMES[keyof typeof UI_THEMES];
|
|
224
233
|
interface ThemeOption {
|
|
225
|
-
icon: Icons
|
|
234
|
+
icon: Icons;
|
|
226
235
|
label: string;
|
|
227
236
|
value: UiTheme;
|
|
228
237
|
}
|
|
229
238
|
declare const THEMES: ThemeOption[];
|
|
230
239
|
|
|
240
|
+
declare const TRANSLOCO_LANGUAGE_KEYS: {
|
|
241
|
+
readonly spanish: "es";
|
|
242
|
+
readonly english: "en";
|
|
243
|
+
};
|
|
244
|
+
type TranslocoLanguageKey = typeof TRANSLOCO_LANGUAGE_KEYS[keyof typeof TRANSLOCO_LANGUAGE_KEYS];
|
|
245
|
+
declare const TRANSLOCO_LANGUAGE_NAMES: {
|
|
246
|
+
readonly spanish: "spanish";
|
|
247
|
+
readonly english: "english";
|
|
248
|
+
};
|
|
249
|
+
type TranslocoLanguageName = typeof TRANSLOCO_LANGUAGE_NAMES[keyof typeof TRANSLOCO_LANGUAGE_NAMES];
|
|
250
|
+
|
|
231
251
|
declare class Button {
|
|
232
252
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
233
253
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
234
|
-
color: _angular_core.InputSignal<
|
|
235
|
-
size: _angular_core.InputSignal<
|
|
254
|
+
color: _angular_core.InputSignal<ButtonColor>;
|
|
255
|
+
size: _angular_core.InputSignal<ButtonSize>;
|
|
236
256
|
icon: _angular_core.InputSignal<Icons | null>;
|
|
237
|
-
iconSize: _angular_core.InputSignal<
|
|
257
|
+
iconSize: _angular_core.InputSignal<IconsSize>;
|
|
238
258
|
moveTopToBottom: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
239
259
|
moveLeftToRight: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
240
260
|
disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
@@ -249,11 +269,11 @@ declare class Button {
|
|
|
249
269
|
declare class DropdownButton {
|
|
250
270
|
value: _angular_core.InputSignal<unknown>;
|
|
251
271
|
icon: _angular_core.InputSignal<Icons | null>;
|
|
252
|
-
iconSize: _angular_core.InputSignal<
|
|
253
|
-
iconSpace: _angular_core.InputSignal<
|
|
272
|
+
iconSize: _angular_core.InputSignal<IconsSize>;
|
|
273
|
+
iconSpace: _angular_core.InputSignal<IconsSpace>;
|
|
254
274
|
moveTopToBottom: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
255
275
|
moveLeftToRight: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
256
|
-
direction: _angular_core.InputSignal<
|
|
276
|
+
direction: _angular_core.InputSignal<DropdownDirection>;
|
|
257
277
|
changeValue: _angular_core.OutputEmitterRef<unknown>;
|
|
258
278
|
current: _angular_core.WritableSignal<unknown>;
|
|
259
279
|
disabled: _angular_core.WritableSignal<boolean>;
|
|
@@ -267,19 +287,22 @@ declare class DropdownButton {
|
|
|
267
287
|
}
|
|
268
288
|
|
|
269
289
|
declare class DropdownMenu implements AfterContentInit {
|
|
270
|
-
readonly
|
|
290
|
+
readonly DROPDOWN_TYPES: {
|
|
291
|
+
readonly button: "button";
|
|
292
|
+
readonly iconButton: "iconButton";
|
|
293
|
+
};
|
|
271
294
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
272
295
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
273
|
-
type: _angular_core.InputSignal<
|
|
274
|
-
color: _angular_core.InputSignal<
|
|
275
|
-
size: _angular_core.InputSignal<
|
|
296
|
+
type: _angular_core.InputSignal<DropdownType>;
|
|
297
|
+
color: _angular_core.InputSignal<ButtonColor>;
|
|
298
|
+
size: _angular_core.InputSignal<ButtonSize>;
|
|
276
299
|
icon: _angular_core.InputSignal<Icons | null>;
|
|
277
|
-
iconSize: _angular_core.InputSignal<
|
|
300
|
+
iconSize: _angular_core.InputSignal<IconsSize>;
|
|
278
301
|
moveTopToBottom: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
279
302
|
moveLeftToRight: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
280
303
|
disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
281
304
|
full: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
282
|
-
direction: _angular_core.InputSignal<
|
|
305
|
+
direction: _angular_core.InputSignal<DropdownDirection>;
|
|
283
306
|
background: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
284
307
|
selected: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
285
308
|
initialValue: _angular_core.InputSignal<unknown>;
|
|
@@ -298,13 +321,13 @@ declare class IconButton {
|
|
|
298
321
|
icon: _angular_core.InputSignal<Icons>;
|
|
299
322
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
300
323
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
301
|
-
iconSize: _angular_core.InputSignal<
|
|
302
|
-
space: _angular_core.InputSignal<
|
|
324
|
+
iconSize: _angular_core.InputSignal<IconsSize>;
|
|
325
|
+
space: _angular_core.InputSignal<IconsSpace>;
|
|
303
326
|
moveTopToBottom: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
304
327
|
moveLeftToRight: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
305
328
|
background: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
306
329
|
disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
307
|
-
color: _angular_core.InputSignal<
|
|
330
|
+
color: _angular_core.InputSignal<ButtonColor>;
|
|
308
331
|
clicked: _angular_core.OutputEmitterRef<void>;
|
|
309
332
|
emitClick(): void;
|
|
310
333
|
keyup(): void;
|
|
@@ -313,14 +336,13 @@ declare class IconButton {
|
|
|
313
336
|
}
|
|
314
337
|
|
|
315
338
|
declare class Link {
|
|
316
|
-
readonly LinkType: typeof LinkType;
|
|
317
339
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
318
340
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
319
341
|
redirect: _angular_core.InputSignal<string>;
|
|
320
342
|
active: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
321
343
|
external: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
322
344
|
type: _angular_core.InputSignal<"default">;
|
|
323
|
-
align: _angular_core.InputSignal<
|
|
345
|
+
align: _angular_core.InputSignal<LinkAlign>;
|
|
324
346
|
clicked: _angular_core.OutputEmitterRef<void>;
|
|
325
347
|
emitClick(): void;
|
|
326
348
|
keyup(): void;
|
|
@@ -467,7 +489,7 @@ declare class RadioGroup implements ControlValueAccessor, OnInit, AfterContentIn
|
|
|
467
489
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
468
490
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
469
491
|
label: _angular_core.InputSignal<string>;
|
|
470
|
-
direction: _angular_core.InputSignal<
|
|
492
|
+
direction: _angular_core.InputSignal<RadioDirection>;
|
|
471
493
|
radioButtonChildren: _angular_core.Signal<readonly RadioButton[]>;
|
|
472
494
|
innerControl: _angular_core.WritableSignal<FormControl<unknown>>;
|
|
473
495
|
hasValidators: _angular_core.WritableSignal<{
|
|
@@ -503,7 +525,43 @@ declare class SelectOption {
|
|
|
503
525
|
|
|
504
526
|
declare class Select implements ControlValueAccessor, OnInit, AfterContentInit {
|
|
505
527
|
#private;
|
|
506
|
-
readonly
|
|
528
|
+
readonly ICONS: {
|
|
529
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
530
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
531
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
532
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
533
|
+
readonly loader4Fill: "loader-4-fill";
|
|
534
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
535
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
536
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
537
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
538
|
+
readonly menuLine: "ri-menu-line";
|
|
539
|
+
readonly sunLine: "ri-sun-line";
|
|
540
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
541
|
+
readonly englishInput: "ri-english-input";
|
|
542
|
+
readonly translate: "ri-translate";
|
|
543
|
+
readonly user4Line: "ri-user-4-line";
|
|
544
|
+
readonly shapesLine: "ri-shapes-line";
|
|
545
|
+
readonly closeLine: "ri-close-line";
|
|
546
|
+
readonly eyeLine: "ri-eye-line";
|
|
547
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
548
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
549
|
+
readonly githubFill: "ri-github-fill";
|
|
550
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
551
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
552
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
553
|
+
readonly globeLine: "ri-globe-line";
|
|
554
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
555
|
+
readonly pagesLine: "ri-pages-line";
|
|
556
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
557
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
558
|
+
readonly starLine: "ri-star-line";
|
|
559
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
560
|
+
readonly macLine: "ri-mac-line";
|
|
561
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
562
|
+
readonly editLine: "ri-edit-line";
|
|
563
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
564
|
+
};
|
|
507
565
|
control: _angular_core.InputSignal<FormControl<unknown>>;
|
|
508
566
|
id: _angular_core.InputSignalWithTransform<string, string>;
|
|
509
567
|
name: _angular_core.InputSignalWithTransform<string, string>;
|
|
@@ -566,11 +624,51 @@ declare class Textarea implements ControlValueAccessor, OnInit {
|
|
|
566
624
|
}
|
|
567
625
|
|
|
568
626
|
declare class Icon {
|
|
569
|
-
readonly
|
|
570
|
-
|
|
627
|
+
readonly ICONS_SPACES: {
|
|
628
|
+
readonly left: "left";
|
|
629
|
+
readonly right: "right";
|
|
630
|
+
readonly none: "none";
|
|
631
|
+
};
|
|
632
|
+
readonly ICONS: {
|
|
633
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
634
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
635
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
636
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
637
|
+
readonly loader4Fill: "loader-4-fill";
|
|
638
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
639
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
640
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
641
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
642
|
+
readonly menuLine: "ri-menu-line";
|
|
643
|
+
readonly sunLine: "ri-sun-line";
|
|
644
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
645
|
+
readonly englishInput: "ri-english-input";
|
|
646
|
+
readonly translate: "ri-translate";
|
|
647
|
+
readonly user4Line: "ri-user-4-line";
|
|
648
|
+
readonly shapesLine: "ri-shapes-line";
|
|
649
|
+
readonly closeLine: "ri-close-line";
|
|
650
|
+
readonly eyeLine: "ri-eye-line";
|
|
651
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
652
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
653
|
+
readonly githubFill: "ri-github-fill";
|
|
654
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
655
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
656
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
657
|
+
readonly globeLine: "ri-globe-line";
|
|
658
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
659
|
+
readonly pagesLine: "ri-pages-line";
|
|
660
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
661
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
662
|
+
readonly starLine: "ri-star-line";
|
|
663
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
664
|
+
readonly macLine: "ri-mac-line";
|
|
665
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
666
|
+
readonly editLine: "ri-edit-line";
|
|
667
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
668
|
+
};
|
|
571
669
|
icon: _angular_core.InputSignal<Icons>;
|
|
572
|
-
size: _angular_core.InputSignal<
|
|
573
|
-
space: _angular_core.InputSignal<
|
|
670
|
+
size: _angular_core.InputSignal<IconsSize>;
|
|
671
|
+
space: _angular_core.InputSignal<IconsSpace>;
|
|
574
672
|
moveTopToBottom: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
575
673
|
moveLeftToRight: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
576
674
|
disabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
@@ -600,7 +698,43 @@ declare class CircleLoader {
|
|
|
600
698
|
|
|
601
699
|
declare class Table {
|
|
602
700
|
#private;
|
|
603
|
-
readonly
|
|
701
|
+
readonly ICONS: {
|
|
702
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
703
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
704
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
705
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
706
|
+
readonly loader4Fill: "loader-4-fill";
|
|
707
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
708
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
709
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
710
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
711
|
+
readonly menuLine: "ri-menu-line";
|
|
712
|
+
readonly sunLine: "ri-sun-line";
|
|
713
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
714
|
+
readonly englishInput: "ri-english-input";
|
|
715
|
+
readonly translate: "ri-translate";
|
|
716
|
+
readonly user4Line: "ri-user-4-line";
|
|
717
|
+
readonly shapesLine: "ri-shapes-line";
|
|
718
|
+
readonly closeLine: "ri-close-line";
|
|
719
|
+
readonly eyeLine: "ri-eye-line";
|
|
720
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
721
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
722
|
+
readonly githubFill: "ri-github-fill";
|
|
723
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
724
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
725
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
726
|
+
readonly globeLine: "ri-globe-line";
|
|
727
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
728
|
+
readonly pagesLine: "ri-pages-line";
|
|
729
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
730
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
731
|
+
readonly starLine: "ri-star-line";
|
|
732
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
733
|
+
readonly macLine: "ri-mac-line";
|
|
734
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
735
|
+
readonly editLine: "ri-edit-line";
|
|
736
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
737
|
+
};
|
|
604
738
|
tableColumns: _angular_core.InputSignal<TableColumn[]>;
|
|
605
739
|
emptyMessage: _angular_core.InputSignal<string>;
|
|
606
740
|
tableHeight: _angular_core.InputSignal<string>;
|
|
@@ -639,7 +773,43 @@ interface TableActionFunction {
|
|
|
639
773
|
}
|
|
640
774
|
|
|
641
775
|
declare class TablePagination {
|
|
642
|
-
readonly Icons:
|
|
776
|
+
readonly Icons: {
|
|
777
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
778
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
779
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
780
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
781
|
+
readonly loader4Fill: "loader-4-fill";
|
|
782
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
783
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
784
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
785
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
786
|
+
readonly menuLine: "ri-menu-line";
|
|
787
|
+
readonly sunLine: "ri-sun-line";
|
|
788
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
789
|
+
readonly englishInput: "ri-english-input";
|
|
790
|
+
readonly translate: "ri-translate";
|
|
791
|
+
readonly user4Line: "ri-user-4-line";
|
|
792
|
+
readonly shapesLine: "ri-shapes-line";
|
|
793
|
+
readonly closeLine: "ri-close-line";
|
|
794
|
+
readonly eyeLine: "ri-eye-line";
|
|
795
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
796
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
797
|
+
readonly githubFill: "ri-github-fill";
|
|
798
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
799
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
800
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
801
|
+
readonly globeLine: "ri-globe-line";
|
|
802
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
803
|
+
readonly pagesLine: "ri-pages-line";
|
|
804
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
805
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
806
|
+
readonly starLine: "ri-star-line";
|
|
807
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
808
|
+
readonly macLine: "ri-mac-line";
|
|
809
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
810
|
+
readonly editLine: "ri-edit-line";
|
|
811
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
812
|
+
};
|
|
643
813
|
pagination: _angular_core.InputSignal<TablePaginationConfig>;
|
|
644
814
|
page: _angular_core.OutputEmitterRef<number>;
|
|
645
815
|
changeToNext: _angular_core.OutputEmitterRef<number>;
|
|
@@ -655,7 +825,43 @@ declare class TablePagination {
|
|
|
655
825
|
|
|
656
826
|
declare class TableSearch {
|
|
657
827
|
#private;
|
|
658
|
-
readonly
|
|
828
|
+
readonly ICONS: {
|
|
829
|
+
readonly arrowDownSLine: "arrow-down-s-line";
|
|
830
|
+
readonly arrowUpSLine: "arrow-up-s-line";
|
|
831
|
+
readonly checkboxCircleLine: "checkbox-circle-line";
|
|
832
|
+
readonly checkboxBlankCircleLine: "checkbox-blank-circle-line";
|
|
833
|
+
readonly loader4Fill: "loader-4-fill";
|
|
834
|
+
readonly logoutCircleLine: "ri-logout-circle-line";
|
|
835
|
+
readonly loginCircleLine: "ri-login-circle-line";
|
|
836
|
+
readonly gitRepositoryLine: "ri-git-repository-line";
|
|
837
|
+
readonly fileList3Line: "ri-file-list-3-line";
|
|
838
|
+
readonly menuLine: "ri-menu-line";
|
|
839
|
+
readonly sunLine: "ri-sun-line";
|
|
840
|
+
readonly moonClearLine: "ri-moon-clear-line";
|
|
841
|
+
readonly englishInput: "ri-english-input";
|
|
842
|
+
readonly translate: "ri-translate";
|
|
843
|
+
readonly user4Line: "ri-user-4-line";
|
|
844
|
+
readonly shapesLine: "ri-shapes-line";
|
|
845
|
+
readonly closeLine: "ri-close-line";
|
|
846
|
+
readonly eyeLine: "ri-eye-line";
|
|
847
|
+
readonly eyeCloseLine: "ri-eye-close-line";
|
|
848
|
+
readonly linkedinBoxFill: "ri-linkedin-box-fill";
|
|
849
|
+
readonly githubFill: "ri-github-fill";
|
|
850
|
+
readonly instagramFill: "ri-instagram-fill";
|
|
851
|
+
readonly twitterXFill: "ri-twitter-x-fill";
|
|
852
|
+
readonly downloadCloud2Line: "ri-download-cloud-2-line";
|
|
853
|
+
readonly globeLine: "ri-globe-line";
|
|
854
|
+
readonly mailSendLine: "ri-mail-send-line";
|
|
855
|
+
readonly pagesLine: "ri-pages-line";
|
|
856
|
+
readonly gitForkLine: "ri-git-fork-line";
|
|
857
|
+
readonly gitRepositoryPrivateLine: "ri-git-repository-private-line";
|
|
858
|
+
readonly starLine: "ri-star-line";
|
|
859
|
+
readonly calendar2Line: "ri-calendar-2-line";
|
|
860
|
+
readonly macLine: "ri-mac-line";
|
|
861
|
+
readonly more2Fill: "ri-more-2-fill";
|
|
862
|
+
readonly editLine: "ri-edit-line";
|
|
863
|
+
readonly deleteBinLine: "ri-delete-bin-line";
|
|
864
|
+
};
|
|
659
865
|
placeholder: _angular_core.InputSignal<string>;
|
|
660
866
|
width: _angular_core.InputSignal<string>;
|
|
661
867
|
debounceTime: _angular_core.InputSignal<number>;
|
|
@@ -667,8 +873,8 @@ declare class TableSearch {
|
|
|
667
873
|
}
|
|
668
874
|
|
|
669
875
|
declare class Tile {
|
|
670
|
-
color: _angular_core.InputSignal<
|
|
671
|
-
paddingSize: _angular_core.InputSignal<
|
|
876
|
+
color: _angular_core.InputSignal<TileColor>;
|
|
877
|
+
paddingSize: _angular_core.InputSignal<TilePaddingSize>;
|
|
672
878
|
background: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
673
879
|
hover: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
|
|
674
880
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tile, never>;
|
|
@@ -769,19 +975,19 @@ declare const STORES_ENVIRONMENT_TOKEN: InjectionToken<Environment>;
|
|
|
769
975
|
|
|
770
976
|
interface ThemeState {
|
|
771
977
|
theme: UiTheme;
|
|
772
|
-
iconTheme:
|
|
978
|
+
iconTheme: typeof ICONS.macLine | typeof ICONS.sunLine | typeof ICONS.moonClearLine;
|
|
773
979
|
}
|
|
774
980
|
declare const initialThemeState: ThemeState;
|
|
775
981
|
declare const ThemeStore: _angular_core.Type<{
|
|
776
982
|
theme: _angular_core.Signal<UiTheme>;
|
|
777
|
-
iconTheme: _angular_core.Signal<
|
|
983
|
+
iconTheme: _angular_core.Signal<"ri-sun-line" | "ri-moon-clear-line" | "ri-mac-line">;
|
|
778
984
|
changeTheme: ({ theme, iconTheme, }: {
|
|
779
985
|
theme: UiTheme;
|
|
780
|
-
iconTheme:
|
|
986
|
+
iconTheme: typeof ICONS.macLine | typeof ICONS.sunLine | typeof ICONS.moonClearLine;
|
|
781
987
|
}) => void;
|
|
782
988
|
} & _ngrx_signals.StateSource<{
|
|
783
989
|
theme: UiTheme;
|
|
784
|
-
iconTheme:
|
|
990
|
+
iconTheme: typeof ICONS.macLine | typeof ICONS.sunLine | typeof ICONS.moonClearLine;
|
|
785
991
|
}>>;
|
|
786
992
|
|
|
787
993
|
declare function updateValueWithMask({ mask, value }: {
|
|
@@ -852,5 +1058,5 @@ declare function mustUnmatch({ controlName, mustUnmatchControlName, errorMessage
|
|
|
852
1058
|
errorMessage: string;
|
|
853
1059
|
}): ValidatorFn;
|
|
854
1060
|
|
|
855
|
-
export { Authentication, AuthenticationStore,
|
|
856
|
-
export type { AuthenticationState, Environment, InputType, InputValue, RefreshAccessTokenResponse, SigninResponse, TableColumn, TableColumnAction, TableColumnActionOutput, TableColumnStructure, TableColumnToTableColumns, TablePaginationConfig, TableSearchOutput, ThemeOption, ThemeState, Tokens };
|
|
1061
|
+
export { Authentication, AuthenticationStore, BUTTON_COLORS, BUTTON_SIZES, Button, COOKIES_KEYS, CircleLoader, CustomPreloadingStrategy, DROPDOWN_DIRECTIONS, DROPDOWN_TYPES, DropdownButton, DropdownMenu, DropdownMenuTemplate, ENVIRONMENT_TYPES, Environments, ICONS, ICONS_SIZES, ICONS_SPACES, Icon, IconButton, Image, Input, InputDate, InputError, InputErrorMessage, InputHint, LINK_ALIGNS, LINK_TYPES, Link, MAX_DAY, MAX_MONTH, MIN_DAY, MIN_MONTH, NATURAL_NUMBER_REGEX, NATURAL_NUMBER_REGEX_TO_CLEAN, RADIO_DIRECTIONS, RadioButton, RadioGroup, SELECT_TYPES, SERVICES_ENVIRONMENT_TOKEN, STORES_ENVIRONMENT_TOKEN, STRING_REGEX, STRING_REGEX_TO_CLEAN, Select, SelectOption, TABLE_COLUMN_ACTION_TYPES, TABLE_SEARCH_ACTIONS, THEMES, TILE_COLORS, TILE_PADDING_SIZES, TRANSLOCO_LANGUAGE_KEYS, TRANSLOCO_LANGUAGE_NAMES, Table, TablePagination, TableSearch, Textarea, Theme, ThemeStore, Tile, ToggleButton, ToggleGroup, Transloco, TranslocoHttpLoader, UI_THEMES, YEAR_LENGTH, addDaysToISODate, addToken, addYearsToISODate, capitalizeFirstLetter, changeLanguage, formatDDMMYYYYToISODate, formatDateToISODate, formatISODateToDDMMYYYY, formatISODateToDate, initialAuthenticationState, initialThemeState, isDate, isDocument, isEmail, isFormSelectItem, isLogged, isNaturalNumber, isString, minimumAge, mustMatch, mustUnmatch, refreshToken, updateValueWithMask };
|
|
1062
|
+
export type { AuthenticationState, ButtonColor, ButtonSize, CookiesKeys, DropdownDirection, DropdownType, Environment, EnvironmentType, Icons, IconsSize, IconsSpace, InputType, InputValue, LinkAlign, LinkType, RadioDirection, RefreshAccessTokenResponse, SelectType, SigninResponse, TableColumn, TableColumnAction, TableColumnActionOutput, TableColumnActionType, TableColumnStructure, TableColumnToTableColumns, TablePaginationConfig, TableSearchAction, TableSearchOutput, ThemeOption, ThemeState, TileColor, TilePaddingSize, Tokens, TranslocoLanguageKey, TranslocoLanguageName, UiTheme };
|