sapenlinea-components 0.0.32 → 0.0.34

package/index.d.ts

@@ -30,7 +30,6 @@ interface TableColumn {
     showActions?: boolean;
     icon?: string;
     iconKey?: string;
-    iconColor?: string;
 }
 interface TableRow {
     [key: string]: any;
@@ -39,16 +38,11 @@ interface TableAction {
     key: string;
     icon: string;
     label: string;
-    color?: string;
 }
 interface StatusToneMap {
     [statusKey: string]: StatusTone;
 }
 type StatusTone = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-declare const STATUS_TONE_STYLES: Record<StatusTone, {
-    bg: string;
-    color: string;
-}>;
 declare class Table implements AfterViewInit {
     columns: _angular_core.InputSignal<TableColumn[]>;
     data: _angular_core.InputSignal<TableRow[]>;
@@ -76,6 +70,7 @@ declare class Table implements AfterViewInit {
     onClickOutside(event: MouseEvent): void;
     getAlignment(col: TableColumn): string;
     formatValue(col: TableColumn, value: any): string;
+    getActionColor(action: TableAction): string;
     getStatusStyle(value: any): {
         bg: string;
         color: string;
@@ -395,7 +390,7 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
 }
 
 declare class Input {
-    mode: _angular_core.InputSignal<"search" | "select">;
+    mode: _angular_core.InputSignal<"select" | "search">;
     placeholder: _angular_core.InputSignal<string | undefined>;
     type: _angular_core.InputSignal<string>;
     value: _angular_core.ModelSignal<string>;
@@ -498,7 +493,9 @@ declare class DynamicFormFields implements OnInit, OnDestroy {
     onCheckboxChange(event: Event, fieldKey: string, optionIndex: number): void;
     ngOnDestroy(): void;
     onCancel(): void;
+    onEnter(event: KeyboardEvent): void;
     onUppercaseInput(event: Event, fieldType: string, key: string): void;
+    private focusNextElement;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicFormFields, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicFormFields, "lib-dynamic-form-fields", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -681,7 +678,7 @@ interface InfoItem {
     value: string | boolean | null | undefined;
 }
 declare class InfoGroup {
-    type: _angular_core.InputSignal<"success" | "error" | "info">;
+    type: _angular_core.InputSignal<"error" | "success" | "info">;
     showBox: _angular_core.InputSignal<boolean>;
     items: _angular_core.InputSignal<InfoItem[]>;
     title: _angular_core.InputSignal<string | null>;
@@ -718,7 +715,8 @@ interface SideCardSection {
     sliderUnit?: string;
     buttonSectionLabel?: string;
 }
-declare class SideCard implements OnChanges {
+declare class SideCard implements AfterViewInit, OnChanges, OnDestroy {
+    wrapper: ElementRef<HTMLElement>;
     isFloating: boolean;
     isCompact: boolean;
     modeSideCard: 'create' | 'edit' | 'info';
@@ -730,7 +728,7 @@ declare class SideCard implements OnChanges {
     valueChange: EventEmitter<string>;
     typeChange: EventEmitter<"radial" | "poligonal">;
     statusValue: 1 | 2;
-    statusChange: EventEmitter<1 | 2>;
+    statusChange: EventEmitter<2 | 1>;
     sections: SideCardSection[];
     sectionButtonClick: EventEmitter<SideCardSection>;
     min: number;
@@ -744,10 +742,13 @@ declare class SideCard implements OnChanges {
     showBtnSecondary: boolean;
     secondaryButtonLabel: string;
     buttonClick: EventEmitter<"primary" | "secondary">;
+    private ro;
     get statusLabel(): string;
     get statusClass(): string;
     get sliderPercentage(): string;
     ngOnChanges(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     selectType(type: 'radial' | 'poligonal'): void;
     onInput(event: Event): void;
     focusInput(input: HTMLInputElement): void;
@@ -756,23 +757,29 @@ declare class SideCard implements OnChanges {
     onButtonClick(type: 'primary' | 'secondary'): void;
     changeStatusLabel(): void;
     buttonClickIcon(): void;
+    private updateCompact;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCard, "lib-side-card", never, { "isFloating": { "alias": "isFloating"; "required": false; }; "isCompact": { "alias": "isCompact"; "required": false; }; "modeSideCard": { "alias": "modeSideCard"; "required": false; }; "showTypeSelector": { "alias": "showTypeSelector"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "statusValue": { "alias": "statusValue"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showBtnPrimary": { "alias": "showBtnPrimary"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "showBtnSecondary": { "alias": "showBtnSecondary"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; "valueChange": "valueChange"; "typeChange": "typeChange"; "statusChange": "statusChange"; "sectionButtonClick": "sectionButtonClick"; "sliderChange": "sliderChange"; "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCard, "lib-side-card", never, { "isFloating": { "alias": "isFloating"; "required": false; }; "modeSideCard": { "alias": "modeSideCard"; "required": false; }; "showTypeSelector": { "alias": "showTypeSelector"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "statusValue": { "alias": "statusValue"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "showBtnPrimary": { "alias": "showBtnPrimary"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "showBtnSecondary": { "alias": "showBtnSecondary"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; "valueChange": "valueChange"; "typeChange": "typeChange"; "statusChange": "statusChange"; "sectionButtonClick": "sectionButtonClick"; "sliderChange": "sliderChange"; "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
-declare class SideCardDetail {
+declare class SideCardDetail implements AfterViewInit, OnDestroy {
+    wrapper: ElementRef<HTMLElement>;
     isFloating: boolean;
     isCompact: boolean;
     nowLabel: string;
     agoLabel: string;
+    showMessageModal: boolean;
     title: string;
     subtitle: string;
     btnClickIcon: EventEmitter<"back" | "location" | "message">;
     statusValue: 1 | 2;
-    statusChange: EventEmitter<1 | 2>;
+    statusChange: EventEmitter<2 | 1>;
     sections: SideCardSection[];
     activeTab: 'principal' | 'historial';
     tabChange: EventEmitter<"principal" | "historial">;
+    private ro;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     get statusLabel(): string;
     get statusClass(): string;
     buttonClickIcon(type: 'back' | 'location' | 'message'): void;
@@ -780,8 +787,9 @@ declare class SideCardDetail {
     getIndicatorLeft(): string;
     isDateValue(value: any): boolean;
     getRelativeTime(date: string | Date | number): string;
+    private updateCompact;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideCardDetail, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCardDetail, "lib-side-card-detail", never, { "isFloating": { "alias": "isFloating"; "required": false; }; "isCompact": { "alias": "isCompact"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "statusValue": { "alias": "statusValue"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; "statusChange": "statusChange"; "tabChange": "tabChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideCardDetail, "lib-side-card-detail", never, { "isFloating": { "alias": "isFloating"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "statusValue": { "alias": "statusValue"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; "statusChange": "statusChange"; "tabChange": "tabChange"; }, never, never, true, never>;
 }
 
 interface DeviceStatus {
@@ -789,7 +797,7 @@ interface DeviceStatus {
     wifi?: boolean;
     bluetooth?: boolean;
     gps?: boolean;
-    signalStatus?: 1 | 2 | 3 | 4;
+    signalStatus?: 0 | 1 | 2 | 3 | 4;
     batteryPercentage?: string;
 }
 interface DeviceCard {
@@ -806,6 +814,7 @@ declare class DevicesCarousel implements AfterViewInit {
     agoLabel: string;
     canScrollLeft: boolean;
     canScrollRight: boolean;
+    btnClickIcon: EventEmitter<void>;
     listRef: ElementRef<HTMLElement>;
     onResize(): void;
     onScroll(el: HTMLElement): void;
@@ -813,11 +822,63 @@ declare class DevicesCarousel implements AfterViewInit {
     ngAfterViewInit(): void;
     scroll(el: HTMLElement, dir: 'left' | 'right'): void;
     getGeofenceClass(state: string): "badge-inside" | "badge-outside";
-    getSignalClass(level: 1 | 2 | 3 | 4): string;
+    getSignalClass(level: 0 | 1 | 2 | 3 | 4): string;
+    getBatteryLevel(battery?: string): 0 | 1 | 2 | 3 | 4;
     getRelativeTime(date: string | Date | number): string;
+    buttonClickIcon(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DevicesCarousel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DevicesCarousel, "lib-devices-carousel", never, { "devices": { "alias": "devices"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DevicesCarousel, "lib-devices-carousel", never, { "devices": { "alias": "devices"; "required": false; }; }, { "btnClickIcon": "btnClickIcon"; }, never, never, true, never>;
+}
+
+interface TitleFilterConfig {
+    type: FilterType;
+    filters: FilterItem[];
+}
+type FilterButtonMode = 'toggle' | 'action';
+declare class TitleFilters {
+    showFilters: _angular_core.WritableSignal<boolean>;
+    title: _angular_core.InputSignal<string>;
+    filtersConfig: _angular_core.InputSignal<TitleFilterConfig[]>;
+    filtersChange: _angular_core.OutputEmitterRef<Record<string, string | number | Date | null>>;
+    applyFilters: _angular_core.OutputEmitterRef<void>;
+    clearFilterTrigger: _angular_core.WritableSignal<number>;
+    selectedDates: _angular_core.WritableSignal<SelectedDatesMap>;
+    selectedTextFilters: _angular_core.WritableSignal<Record<string, string>>;
+    buttonMode: _angular_core.InputSignal<FilterButtonMode>;
+    filterButtonClicked: _angular_core.OutputEmitterRef<void>;
+    private emitAllFilters;
+    private normalizeSelectOptions;
+    private normalizeFilters;
+    normalizedFiltersConfig: _angular_core.Signal<TitleFilterConfig[]>;
+    onFilterButtonClick(): void;
+    toggleFilters(): void;
+    clearAllFilters(): void;
+    onApplyFilters(): void;
+    onDateSelected(event: DateFilterSelection): void;
+    onFilterSelected(event: {
+        filter: string;
+        value: string;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TitleFilters, never>;
+    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>;
+}
+
+declare class NotificationModal {
+    messageInput: ElementRef<HTMLTextAreaElement>;
+    mode: 'list' | 'edit';
+    titulo: string;
+    buttonClick: EventEmitter<void>;
+    itemLabel: string;
+    btnLabel: string;
+    defaultMessages: string[];
+    messageValue: string;
+    selectDefaultMessage(message: string): void;
+    customMessage(): void;
+    btnClick(): void;
+    backToList(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationModal, "lib-notification-modal", never, { "titulo": { "alias": "titulo"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
-export { DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DynamicFormFields, FeatureCard, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, Loader, ModalForm, NotFoundModal, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, STATUS_TONE_STYLES, SelectCustomSearch, SideCard, SideCardDetail, TOAST_EVENTS, Table, ToastHelper, WizardForm };
-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, ToastData };
+export { DateTimeFilter, DateTimePicker, DevicesCarousel, DialogAlertComponent, DialogConfirmation, DynamicFormFields, FeatureCard, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, Loader, ModalForm, NotFoundModal, NotificationModal, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, SelectCustomSearch, SideCard, SideCardDetail, TOAST_EVENTS, Table, TitleFilters, ToastHelper, WizardForm };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sapenlinea-components",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",