sapenlinea-components 0.0.26 → 0.0.28

package/index.d.ts

@@ -1,114 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, NgZone, EventEmitter, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, AfterViewInit, QueryList, ElementRef, OnDestroy, NgZone, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormGroup, AbstractControl, FormArray } from '@angular/forms';
 
-interface FilterOption {
-    label: string;
-    value: string;
-    type: 'date';
-}
-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 DateFilterSelection {
-    filter: string;
-    value: Date;
-}
-interface DateFilterSelection {
-    filter: string;
-    value: Date;
-}
-type DateTimeMode = 'date' | 'datetime';
-type FilterType = DateTimeMode | 'text' | 'number' | 'select';
-interface Hour12 {
-    value: number;
-    display: string;
-}
-
-declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
-    private elementRef;
-    private ngZone;
-    filters: _angular_core.InputSignal<FilterItem[]>;
-    dateSelected: _angular_core.OutputEmitterRef<DateFilterSelection>;
-    dateChange: _angular_core.OutputEmitterRef<Date | null>;
-    activeFilterType: _angular_core.WritableSignal<string | null>;
-    isOpen: _angular_core.WritableSignal<boolean>;
-    selectedDate: _angular_core.WritableSignal<Date | null>;
-    inputTextValue: _angular_core.WritableSignal<string>;
-    isDisabled: _angular_core.WritableSignal<boolean>;
-    isTouched: _angular_core.WritableSignal<boolean>;
-    inputMask: _angular_core.Signal<{
-        char: string;
-        filled: boolean;
-    }[]>;
-    clearTrigger: _angular_core.InputSignal<number>;
-    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?;
-    private onChange;
-    private onTouched;
-    constructor(elementRef: ElementRef, ngZone: NgZone);
-    ngOnDestroy(): void;
-    writeValue(value: string | Date | 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;
-    selectDay(day: number | null): void;
-    displayValue: _angular_core.Signal<string>;
-    onInputChange(event: Event, filterValue: string): void;
-    onInputFocus(filterValue: string): void;
-    private parseDateInput;
-    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 updateInternalState;
-    private resetInternalState;
-    private formatDateForInput;
-    private markAsTouched;
-    private addDocumentListener;
-    private removeDocumentListener;
-    previousMonth(): void;
-    nextMonth(): void;
-    previousYear(): void;
-    nextYear(): void;
-    today(): void;
-    clear(): 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;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeFilter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "lib-date-time-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; }, never, never, true, never>;
-}
-
 declare class PaginationComponent {
     page: number;
     pageSize: number;
@@ -159,7 +52,7 @@ declare const STATUS_TONE_STYLES: Record<StatusTone, {
     bg: string;
     color: string;
 }>;
-declare class Table {
+declare class Table implements AfterViewInit {
     columns: _angular_core.InputSignal<TableColumn[]>;
     data: _angular_core.InputSignal<TableRow[]>;
     actions: _angular_core.InputSignal<TableAction[] | ((row: TableRow) => TableAction[])>;
@@ -177,6 +70,8 @@ declare class Table {
         row: TableRow;
     }>;
     statusToneMap: _angular_core.InputSignal<StatusToneMap>;
+    chips: QueryList<ElementRef>;
+    ngAfterViewInit(): void;
     toggleMenu(index: number): void;
     onOptionClick(option: TableAction, row: TableRow): void;
     openModal(row: TableRow, event?: MouseEvent): void;
@@ -202,6 +97,39 @@ 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; }; "statusToneMap": { "alias": "statusToneMap"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; "iconAction": "iconAction"; }, never, never, true, never>;
 }
 
+interface FilterOption {
+    label: string;
+    value: string;
+    type: 'date';
+}
+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 DateFilterSelection {
+    filter: string;
+    value: Date;
+}
+interface DateFilterSelection {
+    filter: string;
+    value: Date;
+}
+type DateTimeMode = 'date' | 'datetime';
+type FilterType = DateTimeMode | 'text' | 'number' | 'select';
+interface Hour12 {
+    value: number;
+    display: string;
+}
+
 declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
     private elementRef;
     private ngZone;
@@ -214,6 +142,8 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
     selectedDate: _angular_core.WritableSignal<Date | null>;
     isDisabled: _angular_core.WritableSignal<boolean>;
     isTouched: _angular_core.WritableSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    isBlocked: _angular_core.Signal<boolean>;
     inputTextValue: _angular_core.WritableSignal<string>;
     currentMonth: _angular_core.WritableSignal<number>;
     currentYear: _angular_core.WritableSignal<number>;
@@ -279,7 +209,81 @@ declare class DateTimePicker implements ControlValueAccessor, OnDestroy {
      */
     setFromISOString(isoString: string | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePicker, "lib-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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePicker, "lib-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; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}
+
+declare class DateTimeFilter implements ControlValueAccessor, OnDestroy {
+    private elementRef;
+    private ngZone;
+    filters: _angular_core.InputSignal<FilterItem[]>;
+    dateSelected: _angular_core.OutputEmitterRef<DateFilterSelection>;
+    dateChange: _angular_core.OutputEmitterRef<Date | null>;
+    activeFilterType: _angular_core.WritableSignal<string | null>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedDate: _angular_core.WritableSignal<Date | null>;
+    inputTextValue: _angular_core.WritableSignal<string>;
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    isTouched: _angular_core.WritableSignal<boolean>;
+    inputMask: _angular_core.Signal<{
+        char: string;
+        filled: boolean;
+    }[]>;
+    clearTrigger: _angular_core.InputSignal<number>;
+    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?;
+    private onChange;
+    private onTouched;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
+    ngOnDestroy(): void;
+    writeValue(value: string | Date | 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;
+    selectDay(day: number | null): void;
+    displayValue: _angular_core.Signal<string>;
+    onInputChange(event: Event, filterValue: string): void;
+    onInputFocus(filterValue: string): void;
+    private parseDateInput;
+    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 updateInternalState;
+    private resetInternalState;
+    private formatDateForInput;
+    private markAsTouched;
+    private addDocumentListener;
+    private removeDocumentListener;
+    previousMonth(): void;
+    nextMonth(): void;
+    previousYear(): void;
+    nextYear(): void;
+    today(): void;
+    clear(): 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;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeFilter, "lib-date-time-filter", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "clearTrigger": { "alias": "clearTrigger"; "required": false; "isSignal": true; }; }, { "dateSelected": "dateSelected"; "dateChange": "dateChange"; }, never, never, true, never>;
 }
 
 declare class InputNumberFilter implements ControlValueAccessor, OnDestroy {
@@ -391,6 +395,20 @@ declare class InputTextFilter implements ControlValueAccessor, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputTextFilter, "lib-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>;
 }
 
+declare class Input {
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    type: _angular_core.InputSignal<string>;
+    value: _angular_core.ModelSignal<string>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    onSearch: _angular_core.OutputEmitterRef<string>;
+    onClear: _angular_core.OutputEmitterRef<void>;
+    clear(): void;
+    search(): void;
+    handleInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "lib-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "onSearch": "onSearch"; "onClear": "onClear"; }, never, never, true, never>;
+}
+
 interface Option$1 {
     value: any;
     label: string;
@@ -404,6 +422,8 @@ declare class SelectCustomSearch implements ControlValueAccessor {
     searchTerm: _angular_core.WritableSignal<string>;
     selectedValue: _angular_core.WritableSignal<any>;
     isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    isBlocked: _angular_core.Signal<boolean>;
     selectedOption: _angular_core.Signal<Option$1 | null>;
     filteredOptions: _angular_core.Signal<Option$1[]>;
     private onChange;
@@ -421,7 +441,7 @@ declare class SelectCustomSearch implements ControlValueAccessor {
     onKeyDown(event: KeyboardEvent): void;
     onDocumentClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectCustomSearch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectCustomSearch, "lib-select-custom-search", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectCustomSearch, "lib-select-custom-search", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "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';
@@ -525,7 +545,10 @@ declare class DialogAlertComponent implements OnInit, OnChanges {
         label: string;
         value: any;
     }[];
-    confirmReason: EventEmitter<string | undefined>;
+    confirmReason: EventEmitter<{
+        reason?: string;
+        observations?: string;
+    }>;
     icon: string;
     form: FormGroup;
     sections: SectionConfig[];
@@ -560,5 +583,97 @@ declare class DialogConfirmation {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogConfirmation, "lib-dialog-confirmation", never, { "title": { "alias": "title"; "required": false; }; "confirm": { "alias": "confirm"; "required": false; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
 }
 
-export { DateTimeFilter, DateTimePicker, DialogAlertComponent, DialogConfirmation, DynamicFormFields, InputNumberFilter, InputSelectFilter, InputTextFilter, ModalForm, PaginationComponent, STATUS_TONE_STYLES, SelectCustomSearch, Table, WizardForm };
-export type { DateFilterSelection, DateTimeMode, DialogItem, FieldConfig, FilterItem, FilterOption, FilterType, Hour12, ModalFormStep, Option, SectionConfig, SelectedDatesMap, StatusTone, StatusToneMap, TableAction, TableColumn, TableRow };
+declare const TOAST_EVENTS: {
+    readonly SHOW_TOAST: "SHOW_TOAST";
+    readonly SHOW_TOAST_WITH_ACTION: "SHOW_TOAST_WITH_ACTION";
+    readonly HIDE_TOAST: "HIDE_TOAST";
+};
+interface ToastData {
+    description: string;
+    duration?: number;
+    buttonText?: string;
+    action?: () => void;
+}
+declare class ToastHelper {
+    static show(description: string, duration?: number): void;
+    static showWithAction(description: string, buttonText: string, action: () => void, duration?: number): void;
+    static success(message: string, duration?: number): void;
+    static error(message: string, duration?: number): void;
+    static warning(message: string, duration?: number): void;
+    static info(message: string, duration?: number): void;
+    static hide(): void;
+    static showUndo(message: string, undoAction: () => void, duration?: number): void;
+}
+
+declare class NotFoundModal {
+    isVisible: _angular_core.InputSignal<boolean>;
+    title: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string>;
+    onClose: _angular_core.OutputEmitterRef<void>;
+    onOverlayClick(event: Event): void;
+    onAccept(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotFoundModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotFoundModal, "lib-not-found-modal", never, { "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
+}
+
+declare class Loader {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Loader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Loader, "lib-loader", never, {}, {}, never, never, true, never>;
+}
+
+declare class ProgressFormService {
+    currentPage: _angular_core.WritableSignal<number>;
+    totalPages: _angular_core.WritableSignal<number>;
+    private stepsConfig;
+    resetData(): void;
+    getProgressText(): string;
+    getCurrentPageTitle(): string;
+    nextPage(): boolean;
+    prevPage(): boolean;
+    getProgressPercentage(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressFormService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ProgressFormService>;
+}
+
+declare class ProgressBar {
+    progress: ProgressFormService;
+    constructor(progress: ProgressFormService);
+    title: _angular_core.InputSignal<string>;
+    current: _angular_core.InputSignal<number>;
+    total: _angular_core.InputSignal<number>;
+    get percentage(): number;
+    get text(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBar, "lib-progress-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ProcessingOverlay {
+    loadingText: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProcessingOverlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProcessingOverlay, "lib-processing-overlay", never, { "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface InfoItem {
+    label: string;
+    value: string | boolean | null | undefined;
+}
+declare class InfoGroup {
+    items: _angular_core.InputSignal<InfoItem[]>;
+    title: _angular_core.InputSignal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoGroup, "lib-info-group", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface Feature {
+    icon: string;
+    title: string;
+    description: string;
+}
+declare class FeatureCard {
+    feature: _angular_core.InputSignal<Feature | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FeatureCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FeatureCard, "lib-feature-card", never, { "feature": { "alias": "feature"; "required": false; "isSignal": true; }; }, {}, 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, TOAST_EVENTS, Table, ToastHelper, WizardForm };
+export type { DateFilterSelection, DateTimeMode, DialogItem, Feature, FieldConfig, FilterItem, FilterOption, FilterType, Hour12, InfoItem, ModalFormStep, Option, SectionConfig, SelectedDatesMap, StatusTone, StatusToneMap, TableAction, TableColumn, TableRow, ToastData };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "sapenlinea-components",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
-    "@angular/core": "^20.3.0"
+    "@angular/core": "^20.3.0",
+    "pubsub-js": "^1.9.5"
   },
   "dependencies": {
     "tslib": "^2.3.0"