sapenlinea-components 0.0.31 → 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;
@@ -306,6 +301,7 @@ declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
     setDisabledState(isDisabled: boolean): void;
     onInputChange(event: Event, filterValue: string): void;
     private markAsTouched;
+    clearFilter(filterValue: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberFilter, never>;
     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>;
 }
@@ -497,6 +493,7 @@ declare class DynamicFormFields implements OnInit, OnDestroy {
     onCheckboxChange(event: Event, fieldKey: string, optionIndex: number): void;
     ngOnDestroy(): void;
     onCancel(): void;
+    onUppercaseInput(event: Event, fieldType: string, key: string): void;
     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>;
 }
@@ -708,7 +705,7 @@ interface SideCardItem {
     value: string | number;
 }
 interface SideCardSection {
-    title: string;
+    title?: string;
     items?: SideCardItem[];
     showSlider?: boolean;
     sliderLabel?: string;
@@ -716,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';
@@ -739,25 +737,124 @@ declare class SideCard implements OnChanges {
     sliderChange: EventEmitter<number>;
     showBtnPrimary: boolean;
     primaryButtonLabel: string;
-    primaryButtonClick: EventEmitter<void>;
     showBtnSecondary: boolean;
     secondaryButtonLabel: string;
-    secondaryButtonClick: EventEmitter<void>;
+    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;
     onSliderChange(event: Event): void;
-    onButtonClick(section: SideCardSection): void;
-    onPrimaryClick(): void;
-    onSecondaryClick(): void;
+    onButtonSectionClick(section: SideCardSection): void;
+    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"; "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; }, 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 implements AfterViewInit, OnDestroy {
+    wrapper: ElementRef<HTMLElement>;
+    isFloating: boolean;
+    isCompact: boolean;
+    nowLabel: string;
+    agoLabel: string;
+    title: string;
+    subtitle: string;
+    btnClickIcon: EventEmitter<"back" | "location" | "message">;
+    statusValue: 1 | 2;
+    statusChange: EventEmitter<1 | 2>;
+    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;
+    setTab(tab: 'principal' | 'historial'): void;
+    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; }; "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 {
+    geofence: 'inside' | 'outside';
+    wifi?: boolean;
+    bluetooth?: boolean;
+    gps?: boolean;
+    signalStatus?: 0 | 1 | 2 | 3 | 4;
+    batteryPercentage?: string;
+}
+interface DeviceCard {
+    code: string;
+    name: string;
+    geofenceName: string;
+    deviceInfo: string;
+    status: DeviceStatus;
+    lastUpdate: string | Date | number;
+}
+declare class DevicesCarousel implements AfterViewInit {
+    devices: DeviceCard[];
+    nowLabel: string;
+    agoLabel: string;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    btnClickIcon: EventEmitter<void>;
+    listRef: ElementRef<HTMLElement>;
+    onResize(): void;
+    onScroll(el: HTMLElement): void;
+    updateScrollButtons(el?: HTMLElement): void;
+    ngAfterViewInit(): void;
+    scroll(el: HTMLElement, dir: 'left' | 'right'): void;
+    getGeofenceClass(state: string): "badge-inside" | "badge-outside";
+    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; }; }, { "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, DialogAlertComponent, DialogConfirmation, DynamicFormFields, FeatureCard, InfoGroup, Input, InputNumberFilter, InputSelectFilter, InputTextFilter, Loader, ModalForm, NotFoundModal, PaginationComponent, ProcessingOverlay, ProgressBar, ProgressFormService, STATUS_TONE_STYLES, SelectCustomSearch, SideCard, TOAST_EVENTS, Table, ToastHelper, WizardForm };
-export type { DateFilterSelection, DateTimeMode, 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.31",
+  "version": "0.0.33",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",