sapenlinea-components 0.0.34 → 0.0.36
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 +184 -92
- package/fesm2022/sapenlinea-components.mjs.map +1 -1
- package/index.d.ts +30 -10
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -86,6 +86,7 @@ declare class Table implements AfterViewInit {
|
|
|
86
86
|
isDate(value: any): boolean;
|
|
87
87
|
onSort(col: TableColumn): void;
|
|
88
88
|
onIconColumnClick(col: TableColumn, row: TableRow, event: MouseEvent): void;
|
|
89
|
+
private recalculateStatusChipWidth;
|
|
89
90
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
|
|
90
91
|
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; }; "statusEnumMap": { "alias": "statusEnumMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
|
|
91
92
|
}
|
|
@@ -208,15 +209,18 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
|
|
|
208
209
|
declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
209
210
|
private elementRef;
|
|
210
211
|
private ngZone;
|
|
212
|
+
chipRef: ElementRef<HTMLElement>;
|
|
211
213
|
filters: _angular_core.InputSignal<FilterItem[]>;
|
|
212
214
|
dateSelected: _angular_core.OutputEmitterRef<DateFilterSelection>;
|
|
213
215
|
dateChange: _angular_core.OutputEmitterRef<Date | null>;
|
|
216
|
+
enterPressed: _angular_core.OutputEmitterRef<void>;
|
|
214
217
|
activeFilterType: _angular_core.WritableSignal<string | null>;
|
|
215
218
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
216
219
|
selectedDate: _angular_core.WritableSignal<Date | null>;
|
|
217
220
|
inputTextValue: _angular_core.WritableSignal<string>;
|
|
218
221
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
219
222
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
223
|
+
dropdownDirection: _angular_core.WritableSignal<"left" | "right">;
|
|
220
224
|
inputMask: _angular_core.Signal<{
|
|
221
225
|
char: string;
|
|
222
226
|
filled: boolean;
|
|
@@ -238,11 +242,13 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
238
242
|
private onTouched;
|
|
239
243
|
constructor(elementRef: ElementRef, ngZone: NgZone);
|
|
240
244
|
ngOnDestroy(): void;
|
|
245
|
+
onEnter(event: KeyboardEvent): void;
|
|
241
246
|
writeValue(value: string | Date | null): void;
|
|
242
247
|
registerOnChange(fn: (value: string | null) => void): void;
|
|
243
248
|
registerOnTouched(fn: () => void): void;
|
|
244
249
|
setDisabledState(isDisabled: boolean): void;
|
|
245
250
|
toggle(filterValue: string): void;
|
|
251
|
+
private calculateDropdownDirectionFromChip;
|
|
246
252
|
open(): void;
|
|
247
253
|
close(): void;
|
|
248
254
|
selectDay(day: number | null): void;
|
|
@@ -276,7 +282,7 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
|
|
|
276
282
|
isDayDisabled(day: number | null): boolean;
|
|
277
283
|
isDateDisabled(date: Date): boolean;
|
|
278
284
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeFilter, never>;
|
|
279
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "lib-date-time-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; }, never, never, true, never>;
|
|
285
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "lib-date-time-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; "enterPressed": "enterPressed"; }, never, never, true, never>;
|
|
280
286
|
}
|
|
281
287
|
|
|
282
288
|
declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
|
|
@@ -287,6 +293,7 @@ declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
|
|
|
287
293
|
value: string;
|
|
288
294
|
}>;
|
|
289
295
|
valueChange: _angular_core.OutputEmitterRef<string | null>;
|
|
296
|
+
enterPressed: _angular_core.OutputEmitterRef<void>;
|
|
290
297
|
filterValues: _angular_core.WritableSignal<Record<string, string>>;
|
|
291
298
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
292
299
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
@@ -302,8 +309,9 @@ declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
|
|
|
302
309
|
onInputChange(event: Event, filterValue: string): void;
|
|
303
310
|
private markAsTouched;
|
|
304
311
|
clearFilter(filterValue: string): void;
|
|
312
|
+
onEnter(event: KeyboardEvent): void;
|
|
305
313
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberFilter, never>;
|
|
306
|
-
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>;
|
|
314
|
+
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"; "enterPressed": "enterPressed"; }, never, never, true, never>;
|
|
307
315
|
}
|
|
308
316
|
|
|
309
317
|
declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
@@ -316,6 +324,7 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
316
324
|
value: string;
|
|
317
325
|
}>;
|
|
318
326
|
valueChange: _angular_core.OutputEmitterRef<string | null>;
|
|
327
|
+
enterPressed: _angular_core.OutputEmitterRef<void>;
|
|
319
328
|
activeFilterType: _angular_core.WritableSignal<string | null>;
|
|
320
329
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
321
330
|
selectedLabel: _angular_core.WritableSignal<string>;
|
|
@@ -356,10 +365,11 @@ declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
|
|
|
356
365
|
onInputChange(event: Event, filterType: string): void;
|
|
357
366
|
onFocusFilter(filterType: string): void;
|
|
358
367
|
onKeyDown(event: KeyboardEvent): void;
|
|
368
|
+
onEnter(event: KeyboardEvent): void;
|
|
359
369
|
private addDocumentListener;
|
|
360
370
|
private removeDocumentListener;
|
|
361
371
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputSelectFilter, never>;
|
|
362
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputSelectFilter, "lib-input-select-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; }, never, never, true, never>;
|
|
372
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputSelectFilter, "lib-input-select-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; "enterPressed": "enterPressed"; }, never, never, true, never>;
|
|
363
373
|
}
|
|
364
374
|
|
|
365
375
|
declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
@@ -370,6 +380,7 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
|
370
380
|
value: string;
|
|
371
381
|
}>;
|
|
372
382
|
valueChange: _angular_core.OutputEmitterRef<string | null>;
|
|
383
|
+
enterPressed: _angular_core.OutputEmitterRef<void>;
|
|
373
384
|
filterValues: _angular_core.WritableSignal<Record<string, string>>;
|
|
374
385
|
isDisabled: _angular_core.WritableSignal<boolean>;
|
|
375
386
|
isTouched: _angular_core.WritableSignal<boolean>;
|
|
@@ -385,12 +396,13 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
|
|
|
385
396
|
onInputChange(event: Event, filterValue: string): void;
|
|
386
397
|
clearFilter(filterValue: string): void;
|
|
387
398
|
private markAsTouched;
|
|
399
|
+
onEnter(event: KeyboardEvent): void;
|
|
388
400
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextFilter, never>;
|
|
389
|
-
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>;
|
|
401
|
+
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"; "enterPressed": "enterPressed"; }, never, never, true, never>;
|
|
390
402
|
}
|
|
391
403
|
|
|
392
404
|
declare class Input {
|
|
393
|
-
mode: _angular_core.InputSignal<"
|
|
405
|
+
mode: _angular_core.InputSignal<"search" | "select">;
|
|
394
406
|
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
395
407
|
type: _angular_core.InputSignal<string>;
|
|
396
408
|
value: _angular_core.ModelSignal<string>;
|
|
@@ -678,7 +690,7 @@ interface InfoItem {
|
|
|
678
690
|
value: string | boolean | null | undefined;
|
|
679
691
|
}
|
|
680
692
|
declare class InfoGroup {
|
|
681
|
-
type: _angular_core.InputSignal<"
|
|
693
|
+
type: _angular_core.InputSignal<"success" | "error" | "info">;
|
|
682
694
|
showBox: _angular_core.InputSignal<boolean>;
|
|
683
695
|
items: _angular_core.InputSignal<InfoItem[]>;
|
|
684
696
|
title: _angular_core.InputSignal<string | null>;
|
|
@@ -703,6 +715,7 @@ declare class FeatureCard {
|
|
|
703
715
|
}
|
|
704
716
|
|
|
705
717
|
interface SideCardItem {
|
|
718
|
+
key: number;
|
|
706
719
|
label: string;
|
|
707
720
|
value: string | number;
|
|
708
721
|
}
|
|
@@ -728,7 +741,7 @@ declare class SideCard implements AfterViewInit, OnChanges, OnDestroy {
|
|
|
728
741
|
valueChange: EventEmitter<string>;
|
|
729
742
|
typeChange: EventEmitter<"radial" | "poligonal">;
|
|
730
743
|
statusValue: 1 | 2;
|
|
731
|
-
statusChange: EventEmitter<
|
|
744
|
+
statusChange: EventEmitter<1 | 2>;
|
|
732
745
|
sections: SideCardSection[];
|
|
733
746
|
sectionButtonClick: EventEmitter<SideCardSection>;
|
|
734
747
|
min: number;
|
|
@@ -773,7 +786,7 @@ declare class SideCardDetail implements AfterViewInit, OnDestroy {
|
|
|
773
786
|
subtitle: string;
|
|
774
787
|
btnClickIcon: EventEmitter<"back" | "location" | "message">;
|
|
775
788
|
statusValue: 1 | 2;
|
|
776
|
-
statusChange: EventEmitter<
|
|
789
|
+
statusChange: EventEmitter<1 | 2>;
|
|
777
790
|
sections: SideCardSection[];
|
|
778
791
|
activeTab: 'principal' | 'historial';
|
|
779
792
|
tabChange: EventEmitter<"principal" | "historial">;
|
|
@@ -814,7 +827,7 @@ declare class DevicesCarousel implements AfterViewInit {
|
|
|
814
827
|
agoLabel: string;
|
|
815
828
|
canScrollLeft: boolean;
|
|
816
829
|
canScrollRight: boolean;
|
|
817
|
-
btnClickIcon: EventEmitter<
|
|
830
|
+
btnClickIcon: EventEmitter<DeviceCard>;
|
|
818
831
|
listRef: ElementRef<HTMLElement>;
|
|
819
832
|
onResize(): void;
|
|
820
833
|
onScroll(el: HTMLElement): void;
|
|
@@ -836,6 +849,7 @@ interface TitleFilterConfig {
|
|
|
836
849
|
}
|
|
837
850
|
type FilterButtonMode = 'toggle' | 'action';
|
|
838
851
|
declare class TitleFilters {
|
|
852
|
+
filtersContainer: ElementRef<HTMLElement>;
|
|
839
853
|
showFilters: _angular_core.WritableSignal<boolean>;
|
|
840
854
|
title: _angular_core.InputSignal<string>;
|
|
841
855
|
filtersConfig: _angular_core.InputSignal<TitleFilterConfig[]>;
|
|
@@ -859,6 +873,7 @@ declare class TitleFilters {
|
|
|
859
873
|
filter: string;
|
|
860
874
|
value: string;
|
|
861
875
|
}): void;
|
|
876
|
+
focusNextFilter(): void;
|
|
862
877
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TitleFilters, never>;
|
|
863
878
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TitleFilters, "lib-title-filters", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "filtersConfig": { "alias": "filtersConfig"; "required": false; "isSignal": true; }; "buttonMode": { "alias": "buttonMode"; "required": false; "isSignal": true; }; }, { "filtersChange": "filtersChange"; "applyFilters": "applyFilters"; "filterButtonClicked": "filterButtonClicked"; }, never, never, true, never>;
|
|
864
879
|
}
|
|
@@ -880,5 +895,10 @@ declare class NotificationModal {
|
|
|
880
895
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationModal, "lib-notification-modal", never, { "titulo": { "alias": "titulo"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
881
896
|
}
|
|
882
897
|
|
|
883
|
-
|
|
898
|
+
declare class Footer {
|
|
899
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Footer, never>;
|
|
900
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Footer, "app-footer", never, {}, {}, never, never, true, never>;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
export { DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DynamicFormFields, FeatureCard, Footer, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, Loader, ModalForm, NotFoundModal, NotificationModal, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, SelectCustomSearch, SideCard, SideCardDetail, TOAST_EVENTS, Table, TitleFilters, ToastHelper, WizardForm };
|
|
884
904
|
export type { DateFilterSelection, DateTimeMode, DeviceCard, DeviceStatus, DialogItem, Feature, FieldConfig, FilterItem, FilterOption, FilterType, Hour12, InfoItem, ModalFormStep, Option, SectionConfig, SelectedDatesMap, SideCardItem, SideCardSection, StatusTone, StatusToneMap, TableAction, TableColumn, TableRow, TitleFilterConfig, ToastData };
|