sapenlinea-components 0.0.11 → 0.0.13

package/index.d.ts

@@ -1,7 +1,25 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, NgZone, EventEmitter } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { OnDestroy, ElementRef, NgZone, EventEmitter, OnInit, Type } from '@angular/core';
+import { ControlValueAccessor, FormGroup, AbstractControl, FormArray } from '@angular/forms';
 
+interface FilterItem {
+    label: string;
+    value: string;
+    type: FilterType;
+    placeholder: string;
+    minDate?: Date;
+    maxDate?: Date;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+}
+type SelectedDatesMap = Record<string, Date | null>;
+interface FilterOption {
+    label: string;
+    value: string;
+    type: 'date';
+}
 interface FilterOption {
     label: string;
     value: string;
@@ -11,44 +29,40 @@ interface DateFilterSelection {
     filter: string;
     value: Date;
 }
+interface DateFilterSelection {
+    filter: string;
+    value: Date;
+}
 type DateTimeMode = 'date' | 'datetime';
-interface Hour12 {
+type FilterType = DateTimeMode | 'text' | 'number' | 'select';
+
+interface Hour12$1 {
     value: number;
     display: string;
 }
-type FilterType = DateTimeMode;
 declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
     private elementRef;
     private ngZone;
-    mode: _angular_core.InputSignal<DateTimeMode>;
-    placeholder: _angular_core.InputSignal<string>;
-    minDate: _angular_core.InputSignal<Date | null>;
-    maxDate: _angular_core.InputSignal<Date | null>;
-    filter: _angular_core.InputSignal<string>;
+    filters: _angular_core.InputSignal<FilterItem[]>;
     dateSelected: _angular_core.OutputEmitterRef<DateFilterSelection>;
-    filters: FilterOption[];
     dateChange: _angular_core.OutputEmitterRef<Date | null>;
+    activeFilterType: _angular_core.WritableSignal<string | null>;
     isOpen: _angular_core.WritableSignal<boolean>;
     selectedDate: _angular_core.WritableSignal<Date | null>;
     isDisabled: _angular_core.WritableSignal<boolean>;
     isTouched: _angular_core.WritableSignal<boolean>;
+    activeFilter: _angular_core.Signal<FilterItem | null>;
+    mode: _angular_core.Signal<DateTimeMode>;
+    placeholder: _angular_core.Signal<string>;
+    minDate: _angular_core.Signal<Date | null>;
+    maxDate: _angular_core.Signal<Date | null>;
+    filterValue: _angular_core.Signal<string>;
     currentMonth: _angular_core.WritableSignal<number>;
     currentYear: _angular_core.WritableSignal<number>;
     selectedHour: _angular_core.WritableSignal<number>;
     selectedMinute: _angular_core.WritableSignal<number>;
     selectedAmPm: _angular_core.WritableSignal<"AM" | "PM">;
     private documentClickListener?;
-    showFilters: boolean;
-    showDatePicker: boolean;
-    activeFilterType: string | null;
-    selectDate(date: Date): void;
-    getDatePickerMode(type: FilterType): DateTimeMode;
-    displayValue: _angular_core.Signal<string>;
-    monthName: _angular_core.Signal<string>;
-    calendarDays: _angular_core.Signal<(number | null)[]>;
-    hours12: _angular_core.Signal<Hour12[]>;
-    selectedHour12: _angular_core.Signal<number>;
-    minutes: _angular_core.Signal<number[]>;
     private onChange;
     private onTouched;
     constructor(elementRef: ElementRef, ngZone: NgZone);
@@ -57,41 +71,37 @@ declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
     registerOnChange(fn: (value: string | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    toggle(): void;
+    toggle(filterValue: string): void;
     open(): void;
     close(): void;
     selectDay(day: number | null): void;
-    setHour12(hour12: number): void;
-    setMinute(minute: number): void;
-    setAmPm(amPm: 'AM' | 'PM'): void;
+    displayValue: _angular_core.Signal<string>;
+    monthName: _angular_core.Signal<string>;
+    calendarDays: _angular_core.Signal<(number | null)[]>;
+    hours12: _angular_core.Signal<Hour12$1[]>;
+    selectedHour12: _angular_core.Signal<number>;
+    minutes: _angular_core.Signal<number[]>;
+    private updateInternalState;
+    private resetInternalState;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
     previousMonth(): void;
     nextMonth(): void;
     previousYear(): void;
     nextYear(): void;
     today(): void;
     clear(): void;
-    onKeyDown(event: KeyboardEvent): void;
+    setHour12(hour12: number): void;
+    setMinute(minute: number): void;
+    setAmPm(amPm: 'AM' | 'PM'): void;
+    private updateDateTime;
     isDaySelected(day: number | null): boolean;
     isToday(day: number | null): boolean;
     isDayDisabled(day: number | null): boolean;
     isDateDisabled(date: Date): boolean;
-    private updateDateTime;
-    private markAsTouched;
-    private addDocumentListener;
-    private removeDocumentListener;
-    markTouched(): void;
-    /**
-     * Obtiene la fecha seleccionada en formato ISO string
-     * @returns string ISO o null si no hay fecha seleccionada
-     */
-    getISOString(): string | null;
-    /**
-     * Establece la fecha desde un string ISO
-     * @param isoString - Fecha en formato ISO
-     */
-    setFromISOString(isoString: string | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeFilter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "app-date-time-filter", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "app-date-time-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; }, never, never, true, never>;
 }
 
 declare class PaginationComponent {
@@ -132,7 +142,6 @@ interface TableAction {
     label: string;
     color?: string;
 }
-
 declare class Table {
     columns: _angular_core.InputSignal<TableColumn[]>;
     data: _angular_core.InputSignal<TableRow[]>;
@@ -163,5 +172,326 @@ declare class Table {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "lib-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
 
-export { DateTimeFilter, PaginationComponent, Table };
-export type { DateFilterSelection, DateTimeMode, FilterOption, FilterType };
+interface Hour12 {
+    value: number;
+    display: string;
+}
+declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private ngZone;
+    mode: _angular_core.InputSignal<DateTimeMode>;
+    placeholder: _angular_core.InputSignal<string>;
+    minDate: _angular_core.InputSignal<Date | null>;
+    maxDate: _angular_core.InputSignal<Date | null>;
+    dateChange: _angular_core.OutputEmitterRef<Date | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedDate: _angular_core.WritableSignal<Date | null>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    isTouched: _angular_core.WritableSignal<boolean>;
+    currentMonth: _angular_core.WritableSignal<number>;
+    currentYear: _angular_core.WritableSignal<number>;
+    selectedHour: _angular_core.WritableSignal<number>;
+    selectedMinute: _angular_core.WritableSignal<number>;
+    selectedAmPm: _angular_core.WritableSignal<"AM" | "PM">;
+    private documentClickListener?;
+    displayValue: _angular_core.Signal<string>;
+    monthName: _angular_core.Signal<string>;
+    calendarDays: _angular_core.Signal<(number | null)[]>;
+    hours12: _angular_core.Signal<Hour12[]>;
+    selectedHour12: _angular_core.Signal<number>;
+    minutes: _angular_core.Signal<number[]>;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    ngOnDestroy(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    selectDay(day: number | null): void;
+    setHour12(hour12: number): void;
+    setMinute(minute: number): void;
+    setAmPm(amPm: 'AM' | 'PM'): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    previousYear(): void;
+    nextYear(): void;
+    today(): void;
+    clear(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    isDaySelected(day: number | null): boolean;
+    isToday(day: number | null): boolean;
+    isDayDisabled(day: number | null): boolean;
+    isDateDisabled(date: Date): boolean;
+    private updateDateTime;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
+    markTouched(): void;
+    /**
+     * Obtiene la fecha seleccionada en formato ISO string
+     * @returns string ISO o null si no hay fecha seleccionada
+     */
+    getISOString(): string | null;
+    /**
+     * Establece la fecha desde un string ISO
+     * @param isoString - Fecha en formato ISO
+     */
+    setFromISOString(isoString: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePicker, "app-date-time-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}
+
+declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private ngZone;
+    filters: _angular_core.InputSignal<FilterItem[]>;
+    clearTrigger: _angular_core.InputSignal<number>;
+    filterSelected: _angular_core.OutputEmitterRef<{
+        filter: string;
+        value: string;
+    }>;
+    valueChange: _angular_core.OutputEmitterRef<string | null>;
+    activeFilterType: _angular_core.WritableSignal<string | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    inputValue: _angular_core.WritableSignal<string>;
+    filterValues: _angular_core.WritableSignal<Record<string, string>>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    isTouched: _angular_core.WritableSignal<boolean>;
+    activeFilter: _angular_core.Signal<FilterItem | null>;
+    placeholder: _angular_core.Signal<string>;
+    filterValueKey: _angular_core.Signal<string>;
+    private documentClickListener?;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    ngOnDestroy(): void;
+    private resetAllFilters;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(filterValue: string): void;
+    open(): void;
+    close(): void;
+    onInputChange(event: Event): void;
+    applyFilter(): void;
+    clear(): void;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberFilter, "app-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>;
+}
+
+declare class InputSelectFilter implements ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private ngZone;
+    filters: _angular_core.InputSignal<FilterItem[]>;
+    clearTrigger: _angular_core.InputSignal<number>;
+    filterSelected: _angular_core.OutputEmitterRef<{
+        filter: string;
+        value: string;
+    }>;
+    valueChange: _angular_core.OutputEmitterRef<string | null>;
+    activeFilterType: _angular_core.WritableSignal<string | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedLabel: _angular_core.WritableSignal<string>;
+    filterValues: _angular_core.WritableSignal<Record<string, string>>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    isTouched: _angular_core.WritableSignal<boolean>;
+    activeFilter: _angular_core.Signal<FilterItem | null>;
+    placeholder: _angular_core.Signal<string>;
+    filterValueKey: _angular_core.Signal<string>;
+    options: _angular_core.Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    private documentClickListener?;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    ngOnDestroy(): void;
+    private resetAllFilters;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(filterValue: string): void;
+    open(): void;
+    close(): void;
+    selectOption(option: {
+        label: string;
+        value: string;
+    }): void;
+    clear(): void;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputSelectFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputSelectFilter, "app-input-select-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private ngZone;
+    filters: _angular_core.InputSignal<FilterItem[]>;
+    clearTrigger: _angular_core.InputSignal<number>;
+    filterSelected: _angular_core.OutputEmitterRef<{
+        filter: string;
+        value: string;
+    }>;
+    valueChange: _angular_core.OutputEmitterRef<string | null>;
+    activeFilterType: _angular_core.WritableSignal<string | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    inputValue: _angular_core.WritableSignal<string>;
+    filterValues: _angular_core.WritableSignal<Record<string, string>>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    isTouched: _angular_core.WritableSignal<boolean>;
+    activeFilter: _angular_core.Signal<FilterItem | null>;
+    placeholder: _angular_core.Signal<string>;
+    filterValueKey: _angular_core.Signal<string>;
+    private documentClickListener?;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    ngOnDestroy(): void;
+    private resetAllFilters;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(filterValue: string): void;
+    open(): void;
+    close(): void;
+    onInputChange(event: Event): void;
+    applyFilter(): void;
+    clear(): void;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputTextFilter, "app-input-text-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "filterSelected": "filterSelected"; "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface Option$1 {
+    value: any;
+    label: string;
+}
+declare class SelectCustomSearch implements ControlValueAccessor {
+    private elementRef;
+    options: _angular_core.InputSignal<Option$1[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    selectionChange: _angular_core.OutputEmitterRef<Option$1 | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    searchTerm: _angular_core.WritableSignal<string>;
+    selectedValue: _angular_core.WritableSignal<any>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    selectedOption: _angular_core.Signal<Option$1 | null>;
+    filteredOptions: _angular_core.Signal<Option$1[]>;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    selectOption(option: Option$1): void;
+    onSearch(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onDocumentClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectCustomSearch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectCustomSearch, "app-select-custom-search", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+type FieldType = 'text' | 'email' | 'number' | 'date' | 'datetime-local' | 'select' | 'radio' | 'checkbox' | 'textarea' | 'disabled' | 'password' | 'time' | 'file';
+interface Option {
+    value: string | number | boolean;
+    label: string;
+}
+interface FieldConfig {
+    key: string;
+    label?: string;
+    type: FieldType;
+    placeholder?: string;
+    required?: boolean;
+    options?: Option[];
+    col?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+    matchWith?: string;
+    copyFrom?: string;
+    pattern?: string;
+    patternType?: 'numbers' | 'phone' | 'custom' | 'text' | 'username' | 'alphanumeric';
+    minDate?: Date;
+    maxDate?: Date;
+}
+interface SectionConfig {
+    title?: string;
+    description?: string;
+    fields: FieldConfig[];
+}
+declare class DynamicFormFields implements OnInit, OnDestroy {
+    form: _angular_core.InputSignal<FormGroup<any>>;
+    sections: _angular_core.InputSignal<SectionConfig[]>;
+    private copyFromSubscriptions;
+    private realTimeCopySubscriptions;
+    ngOnInit(): void;
+    getDatePickerMode(fieldType: FieldType): 'date' | 'datetime';
+    private setupCopyFromLogic;
+    private setupFieldCopy;
+    private findTriggerField;
+    private setupSimpleCopy;
+    private setupRealTimeCopy;
+    private removeRealTimeCopy;
+    ctrl: (key: string) => AbstractControl | null;
+    getCheckboxArray(key: string): FormArray;
+    onCheckboxChange(event: Event, fieldKey: string, optionIndex: number): void;
+    ngOnDestroy(): void;
+    onCancel(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicFormFields, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicFormFields, "app-dynamic-form-fields", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface ModalFormStep {
+    key: string;
+    label: string;
+    component: Type<any>;
+}
+declare class ModalForm {
+    title: _angular_core.InputSignal<string>;
+    submitLabel: _angular_core.InputSignal<string>;
+    form: _angular_core.InputSignal<FormGroup<any> | undefined>;
+    steps: _angular_core.InputSignal<ModalFormStep[]>;
+    currentStep: _angular_core.WritableSignal<number>;
+    canContinue: _angular_core.WritableSignal<boolean>;
+    onSubmit: _angular_core.OutputEmitterRef<any>;
+    onCancel: _angular_core.OutputEmitterRef<void>;
+    nextStep(): void;
+    prevStep(): void;
+    submitForm(): 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; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; }, never, never, true, never>;
+}
+
+declare class WizardForm {
+    form: _angular_core.InputSignal<FormGroup<any> | undefined>;
+    currentStep: _angular_core.InputSignal<number>;
+    steps: _angular_core.InputSignal<ModalFormStep[]>;
+    canContinue: _angular_core.OutputEmitterRef<boolean>;
+    currentStepKey: _angular_core.Signal<string>;
+    currentGroup: _angular_core.Signal<FormGroup<any> | null>;
+    constructor();
+    currentGroupComponent: _angular_core.Signal<_angular_core.Type<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WizardForm, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WizardForm, "lib-wizard-form", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "currentStep": { "alias": "currentStep"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "canContinue": "canContinue"; }, never, never, true, never>;
+}
+
+export { DateTimeFilter, DateTimePicker, DynamicFormFields, InputNumberFilter, InputSelectFilter, InputTextFilter, ModalForm, PaginationComponent, SelectCustomSearch, Table, WizardForm };
+export type { DateFilterSelection, DateTimeMode, FieldConfig, FilterItem, FilterOption, FilterType, ModalFormStep, Option, SectionConfig, SelectedDatesMap, TableAction, TableColumn, TableRow };

package/package.json

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