sapenlinea-components 0.0.31 → 0.0.32

package/index.d.ts

@@ -306,6 +306,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 +498,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 +710,7 @@ interface SideCardItem {
     value: string | number;
 }
 interface SideCardSection {
-    title: string;
+    title?: string;
     items?: SideCardItem[];
     showSlider?: boolean;
     sliderLabel?: string;
@@ -739,25 +741,83 @@ 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">;
     get statusLabel(): string;
     get statusClass(): string;
+    get sliderPercentage(): string;
     ngOnChanges(): 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;
     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; }; "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>;
+}
+
+declare class SideCardDetail {
+    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">;
+    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;
+    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>;
+}
+
+interface DeviceStatus {
+    geofence: 'inside' | 'outside';
+    wifi?: boolean;
+    bluetooth?: boolean;
+    gps?: boolean;
+    signalStatus?: 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;
+    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: 1 | 2 | 3 | 4): string;
+    getRelativeTime(date: string | Date | number): string;
+    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>;
 }
 
-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, 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 };

package/package.json

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