sapenlinea-components 0.0.32 → 0.0.33

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;
@@ -718,7 +713,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';
@@ -744,10 +740,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,11 +755,13 @@ 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;
@@ -773,6 +774,9 @@ declare class SideCardDetail {
     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 +784,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 +794,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 +811,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 +819,42 @@ 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>;
+    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>;
 }
 
-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, 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.33",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",