sapenlinea-components 0.0.23 → 0.0.25
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/sapenlinea-components.mjs +364 -273
- package/fesm2022/sapenlinea-components.mjs.map +1 -1
- package/index.d.ts +45 -39
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -44,8 +44,13 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
44
44
|
activeFilterType: _angular_core.WritableSignal<string | null>;
|
|
45
45
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
46
46
|
selectedDate: _angular_core.WritableSignal<Date | null>;
|
|
47
|
+
inputTextValue: _angular_core.WritableSignal<string>;
|
|
47
48
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
48
49
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
50
|
+
inputMask: _angular_core.Signal<{
|
|
51
|
+
char: string;
|
|
52
|
+
filled: boolean;
|
|
53
|
+
}[]>;
|
|
49
54
|
clearTrigger: _angular_core.InputSignal<number>;
|
|
50
55
|
activeFilter: _angular_core.Signal<FilterItem | null>;
|
|
51
56
|
mode: _angular_core.Signal<DateTimeMode>;
|
|
@@ -72,6 +77,9 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
72
77
|
close(): void;
|
|
73
78
|
selectDay(day: number | null): void;
|
|
74
79
|
displayValue: _angular_core.Signal<string>;
|
|
80
|
+
onInputChange(event: Event, filterValue: string): void;
|
|
81
|
+
onInputFocus(filterValue: string): void;
|
|
82
|
+
private parseDateInput;
|
|
75
83
|
monthName: _angular_core.Signal<string>;
|
|
76
84
|
calendarDays: _angular_core.Signal<(number | null)[]>;
|
|
77
85
|
hours12: _angular_core.Signal<Hour12[]>;
|
|
@@ -79,6 +87,7 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
79
87
|
minutes: _angular_core.Signal<number[]>;
|
|
80
88
|
private updateInternalState;
|
|
81
89
|
private resetInternalState;
|
|
90
|
+
private formatDateForInput;
|
|
82
91
|
private markAsTouched;
|
|
83
92
|
private addDocumentListener;
|
|
84
93
|
private removeDocumentListener;
|
|
@@ -125,10 +134,13 @@ declare class PaginationComponent {
|
|
|
125
134
|
interface TableColumn {
|
|
126
135
|
key: string;
|
|
127
136
|
label: string;
|
|
128
|
-
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status';
|
|
137
|
+
type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button';
|
|
129
138
|
align?: 'left' | 'right' | 'center' | 'auto';
|
|
130
139
|
sortable?: boolean;
|
|
131
140
|
showActions?: boolean;
|
|
141
|
+
icon?: string;
|
|
142
|
+
iconKey?: string;
|
|
143
|
+
iconColor?: string;
|
|
132
144
|
}
|
|
133
145
|
interface TableRow {
|
|
134
146
|
[key: string]: any;
|
|
@@ -160,6 +172,10 @@ declare class Table {
|
|
|
160
172
|
action: string;
|
|
161
173
|
row: TableRow;
|
|
162
174
|
}>;
|
|
175
|
+
iconAction: _angular_core.OutputEmitterRef<{
|
|
176
|
+
action: string;
|
|
177
|
+
row: TableRow;
|
|
178
|
+
}>;
|
|
163
179
|
statusToneMap: _angular_core.InputSignal<StatusToneMap>;
|
|
164
180
|
toggleMenu(index: number): void;
|
|
165
181
|
onOptionClick(option: TableAction, row: TableRow): void;
|
|
@@ -181,8 +197,9 @@ declare class Table {
|
|
|
181
197
|
sortData(): TableRow[];
|
|
182
198
|
isDate(value: any): boolean;
|
|
183
199
|
onSort(col: TableColumn): void;
|
|
200
|
+
onIconColumnClick(col: TableColumn, row: TableRow, event: MouseEvent): void;
|
|
184
201
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
|
|
185
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
202
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
|
|
186
203
|
}
|
|
187
204
|
|
|
188
205
|
declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
@@ -197,12 +214,17 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
|
197
214
|
selectedDate: _angular_core.WritableSignal<Date | null>;
|
|
198
215
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
199
216
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
217
|
+
inputTextValue: _angular_core.WritableSignal<string>;
|
|
200
218
|
currentMonth: _angular_core.WritableSignal<number>;
|
|
201
219
|
currentYear: _angular_core.WritableSignal<number>;
|
|
202
220
|
selectedHour: _angular_core.WritableSignal<number>;
|
|
203
221
|
selectedMinute: _angular_core.WritableSignal<number>;
|
|
204
222
|
selectedAmPm: _angular_core.WritableSignal<"AM" | "PM">;
|
|
205
223
|
private documentClickListener?;
|
|
224
|
+
/**
|
|
225
|
+
* Valor que se muestra en el campo de texto.
|
|
226
|
+
* Siempre muestra la fecha en formato DD/MM/YYYY.
|
|
227
|
+
*/
|
|
206
228
|
displayValue: _angular_core.Signal<string>;
|
|
207
229
|
monthName: _angular_core.Signal<string>;
|
|
208
230
|
calendarDays: _angular_core.Signal<(number | null)[]>;
|
|
@@ -236,6 +258,12 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
|
236
258
|
isDayDisabled(day: number | null): boolean;
|
|
237
259
|
isDateDisabled(date: Date): boolean;
|
|
238
260
|
private updateDateTime;
|
|
261
|
+
onInputChange(event: Event): void;
|
|
262
|
+
onInputFocus(): void;
|
|
263
|
+
private parseDateInput;
|
|
264
|
+
private formatDateForInput;
|
|
265
|
+
private updateInternalState;
|
|
266
|
+
private resetInternalState;
|
|
239
267
|
private markAsTouched;
|
|
240
268
|
private addDocumentListener;
|
|
241
269
|
private removeDocumentListener;
|
|
@@ -255,8 +283,6 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
|
255
283
|
}
|
|
256
284
|
|
|
257
285
|
declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
|
|
258
|
-
private elementRef;
|
|
259
|
-
private ngZone;
|
|
260
286
|
filters: _angular_core.InputSignal<FilterItem[]>;
|
|
261
287
|
clearTrigger: _angular_core.InputSignal<number>;
|
|
262
288
|
filterSelected: _angular_core.OutputEmitterRef<{
|
|
@@ -264,34 +290,20 @@ declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
|
|
|
264
290
|
value: string;
|
|
265
291
|
}>;
|
|
266
292
|
valueChange: _angular_core.OutputEmitterRef<string | null>;
|
|
267
|
-
activeFilterType: _angular_core.WritableSignal<string | null>;
|
|
268
|
-
isOpen: _angular_core.WritableSignal<boolean>;
|
|
269
|
-
inputValue: _angular_core.WritableSignal<string>;
|
|
270
293
|
filterValues: _angular_core.WritableSignal<Record<string, string>>;
|
|
271
294
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
272
295
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
273
|
-
activeFilter: _angular_core.Signal<FilterItem | null>;
|
|
274
|
-
placeholder: _angular_core.Signal<string>;
|
|
275
|
-
filterValueKey: _angular_core.Signal<string>;
|
|
276
|
-
private documentClickListener?;
|
|
277
296
|
private onChange;
|
|
278
297
|
private onTouched;
|
|
279
|
-
constructor(
|
|
298
|
+
constructor();
|
|
280
299
|
ngOnDestroy(): void;
|
|
281
300
|
private resetAllFilters;
|
|
282
301
|
writeValue(value: string | null): void;
|
|
283
302
|
registerOnChange(fn: (value: string | null) => void): void;
|
|
284
303
|
registerOnTouched(fn: () => void): void;
|
|
285
304
|
setDisabledState(isDisabled: boolean): void;
|
|
286
|
-
|
|
287
|
-
open(): void;
|
|
288
|
-
close(): void;
|
|
289
|
-
onInputChange(event: Event): void;
|
|
290
|
-
applyFilter(): void;
|
|
291
|
-
clear(): void;
|
|
305
|
+
onInputChange(event: Event, filterValue: string): void;
|
|
292
306
|
private markAsTouched;
|
|
293
|
-
private addDocumentListener;
|
|
294
|
-
private removeDocumentListener;
|
|
295
307
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberFilter, never>;
|
|
296
308
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberFilter, "lib-input-number-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
297
309
|
}
|
|
@@ -312,6 +324,7 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
312
324
|
filterValues: _angular_core.WritableSignal<Record<string, string>>;
|
|
313
325
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
314
326
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
327
|
+
searchTerm: _angular_core.WritableSignal<string>;
|
|
315
328
|
activeFilter: _angular_core.Signal<FilterItem | null>;
|
|
316
329
|
placeholder: _angular_core.Signal<string>;
|
|
317
330
|
filterValueKey: _angular_core.Signal<string>;
|
|
@@ -319,6 +332,10 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
319
332
|
label: string;
|
|
320
333
|
value: string;
|
|
321
334
|
}[]>;
|
|
335
|
+
filteredOptions: _angular_core.Signal<{
|
|
336
|
+
label: string;
|
|
337
|
+
value: string;
|
|
338
|
+
}[]>;
|
|
322
339
|
private documentClickListener?;
|
|
323
340
|
private onChange;
|
|
324
341
|
private onTouched;
|
|
@@ -338,6 +355,9 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
338
355
|
}): void;
|
|
339
356
|
clear(): void;
|
|
340
357
|
private markAsTouched;
|
|
358
|
+
onInputChange(event: Event, filterType: string): void;
|
|
359
|
+
onFocusFilter(filterType: string): void;
|
|
360
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
341
361
|
private addDocumentListener;
|
|
342
362
|
private removeDocumentListener;
|
|
343
363
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputSelectFilter, never>;
|
|
@@ -345,8 +365,6 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
345
365
|
}
|
|
346
366
|
|
|
347
367
|
declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
348
|
-
private elementRef;
|
|
349
|
-
private ngZone;
|
|
350
368
|
filters: _angular_core.InputSignal<FilterItem[]>;
|
|
351
369
|
clearTrigger: _angular_core.InputSignal<number>;
|
|
352
370
|
filterSelected: _angular_core.OutputEmitterRef<{
|
|
@@ -354,34 +372,21 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
|
354
372
|
value: string;
|
|
355
373
|
}>;
|
|
356
374
|
valueChange: _angular_core.OutputEmitterRef<string | null>;
|
|
357
|
-
activeFilterType: _angular_core.WritableSignal<string | null>;
|
|
358
|
-
isOpen: _angular_core.WritableSignal<boolean>;
|
|
359
|
-
inputValue: _angular_core.WritableSignal<string>;
|
|
360
375
|
filterValues: _angular_core.WritableSignal<Record<string, string>>;
|
|
361
376
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
362
377
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
363
|
-
activeFilter: _angular_core.Signal<FilterItem | null>;
|
|
364
|
-
placeholder: _angular_core.Signal<string>;
|
|
365
|
-
filterValueKey: _angular_core.Signal<string>;
|
|
366
|
-
private documentClickListener?;
|
|
367
378
|
private onChange;
|
|
368
379
|
private onTouched;
|
|
369
|
-
constructor(
|
|
380
|
+
constructor();
|
|
370
381
|
ngOnDestroy(): void;
|
|
371
382
|
private resetAllFilters;
|
|
372
383
|
writeValue(value: string | null): void;
|
|
373
384
|
registerOnChange(fn: (value: string | null) => void): void;
|
|
374
385
|
registerOnTouched(fn: () => void): void;
|
|
375
386
|
setDisabledState(isDisabled: boolean): void;
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
close(): void;
|
|
379
|
-
onInputChange(event: Event): void;
|
|
380
|
-
applyFilter(): void;
|
|
381
|
-
clear(): void;
|
|
387
|
+
onInputChange(event: Event, filterValue: string): void;
|
|
388
|
+
clearFilter(filterValue: string): void;
|
|
382
389
|
private markAsTouched;
|
|
383
|
-
private addDocumentListener;
|
|
384
|
-
private removeDocumentListener;
|
|
385
390
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextFilter, never>;
|
|
386
391
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputTextFilter, "lib-input-text-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
387
392
|
}
|
|
@@ -483,11 +488,12 @@ declare class ModalForm {
|
|
|
483
488
|
canContinue: _angular_core.WritableSignal<boolean>;
|
|
484
489
|
onSubmit: _angular_core.OutputEmitterRef<any>;
|
|
485
490
|
onCancel: _angular_core.OutputEmitterRef<void>;
|
|
491
|
+
constructor();
|
|
486
492
|
nextStep(): void;
|
|
487
493
|
prevStep(): void;
|
|
488
494
|
submitForm(): void;
|
|
489
495
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalForm, never>;
|
|
490
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; }, never,
|
|
496
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; }, never, ["*"], true, never>;
|
|
491
497
|
}
|
|
492
498
|
|
|
493
499
|
declare class WizardForm {
|