sapenlinea-components 0.0.30 → 0.0.32

package/index.d.ts

@@ -24,7 +24,7 @@ declare class PaginationComponent {
 interface TableColumn {
     key: string;
     label: string;
-    type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button';
+    type?: 'text' | 'number' | 'money' | 'date' | 'percentage' | 'status' | 'icon-button' | 'email';
     align?: 'left' | 'right' | 'center' | 'auto';
     sortable?: boolean;
     showActions?: boolean;
@@ -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>;
 }
@@ -507,6 +509,7 @@ interface ModalFormStep {
     component: Type<any>;
 }
 declare class ModalForm {
+    isFull: _angular_core.InputSignal<boolean>;
     title: _angular_core.InputSignal<string>;
     subtitle: _angular_core.InputSignal<string | null>;
     submitLabel: _angular_core.InputSignal<string>;
@@ -533,7 +536,7 @@ declare class ModalForm {
     submitForm(): void;
     onFileSelected(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalForm, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "showActionsLeft": { "alias": "showActionsLeft"; "required": false; "isSignal": true; }; "evidenceLabel": { "alias": "evidenceLabel"; "required": false; "isSignal": true; }; "evidenceHelperText": { "alias": "evidenceHelperText"; "required": false; "isSignal": true; }; "evidenceAccept": { "alias": "evidenceAccept"; "required": false; "isSignal": true; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; "evidenceChange": "evidenceChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalForm, "lib-modal-form", never, { "isFull": { "alias": "isFull"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "showActionsLeft": { "alias": "showActionsLeft"; "required": false; "isSignal": true; }; "evidenceLabel": { "alias": "evidenceLabel"; "required": false; "isSignal": true; }; "evidenceHelperText": { "alias": "evidenceHelperText"; "required": false; "isSignal": true; }; "evidenceAccept": { "alias": "evidenceAccept"; "required": false; "isSignal": true; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; "evidenceChange": "evidenceChange"; }, never, ["*"], true, never>;
 }
 
 declare class WizardForm {
@@ -690,7 +693,7 @@ declare class InfoGroup {
 }
 
 interface Feature {
-    icon: string;
+    icon?: string;
     title: string;
     description: string;
 }
@@ -707,30 +710,114 @@ interface SideCardItem {
     value: string | number;
 }
 interface SideCardSection {
-    title: string;
+    title?: string;
     items?: SideCardItem[];
     showSlider?: boolean;
-    buttonLabel?: string;
-}
-declare class SideCard {
+    sliderLabel?: string;
+    sliderValue?: number;
+    sliderUnit?: string;
+    buttonSectionLabel?: string;
+}
+declare class SideCard implements OnChanges {
+    isFloating: boolean;
+    isCompact: boolean;
+    modeSideCard: 'create' | 'edit' | 'info';
     showTypeSelector: boolean;
     selectedType: 'radial' | 'poligonal';
+    btnClickIcon: EventEmitter<void>;
     placeholder: string;
     value: string;
     valueChange: EventEmitter<string>;
     typeChange: EventEmitter<"radial" | "poligonal">;
+    statusValue: 1 | 2;
+    statusChange: EventEmitter<1 | 2>;
     sections: SideCardSection[];
     sectionButtonClick: EventEmitter<SideCardSection>;
+    min: number;
+    max: number;
+    sliderLabel: string;
+    sliderUnit: string;
     sliderValue: number;
     sliderChange: EventEmitter<number>;
+    showBtnPrimary: boolean;
+    primaryButtonLabel: string;
+    showBtnSecondary: boolean;
+    secondaryButtonLabel: string;
+    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;
+    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, { "showTypeSelector": { "alias": "showTypeSelector"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; }, { "valueChange": "valueChange"; "typeChange": "typeChange"; "sectionButtonClick": "sectionButtonClick"; "sliderChange": "sliderChange"; }, 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.30",
+  "version": "0.0.32",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",