cats-ui-lib 2.0.42 → 2.2.1

package/index.d.ts

@@ -1,7 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnChanges, TemplateRef, ChangeDetectorRef, ElementRef, SimpleChanges, OnDestroy, Renderer2, QueryList } from '@angular/core';
-import { ControlValueAccessor, Validator, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';
-import { DatePipe } from '@angular/common';
+import { EventEmitter, OnInit, OnChanges, TemplateRef, ChangeDetectorRef, ElementRef, SimpleChanges, OnDestroy, Renderer2, QueryList, ViewContainerRef, ApplicationRef, EnvironmentInjector } from '@angular/core';
+import { ControlValueAccessor, Validator, FormControl } from '@angular/forms';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { Router } from '@angular/router';
 
 declare class CatsUiService {
     constructor();
@@ -13,18 +15,24 @@ declare class SingleSelectConfig {
     idField: string;
     textField: string;
     disabledField?: string;
+    colorField?: string;
+    iconField?: string;
     placeholder?: string;
     prefixLabel?: string;
     enableSearch?: boolean;
+    searchPlaceholder?: string;
     required?: boolean;
 }
 declare class MultiSelectConfig {
     idField: string;
     textField: string;
     disabledField?: string;
+    colorField?: string;
+    iconField?: string;
     placeholder?: string;
     prefixLabel?: string;
     enableSearch?: boolean;
+    searchPlaceholder?: string;
     chipLimit: number;
     selectAll?: boolean;
     required?: boolean;
@@ -41,6 +49,8 @@ declare class InputConfig {
 declare class AutoCompleteSingleSelectConfig {
     idField: string;
     textField: string;
+    colorField?: string;
+    iconField?: string;
     disabledField?: string;
     placeholder?: string;
     required?: boolean;
@@ -50,12 +60,16 @@ declare class AutoCompleteMultiSelectConfig {
     idField: string;
     textField: string;
     disabledField?: string;
+    colorField?: string;
+    iconField?: string;
     selectAll?: boolean;
     placeholder?: string;
     required?: boolean;
     chipLimit: number;
-    customInput: boolean;
+    customInput?: boolean;
     pattern?: string;
+    infoText?: string;
+    selectionLimit?: number;
 }
 declare class ToggleConfig {
     checked: boolean;
@@ -82,9 +96,13 @@ interface RadioButtonConfig {
     name: string;
     layout?: 'horizontal' | 'vertical';
 }
-interface DateConfig {
-    selectionMode: 'single' | 'range';
-    enableTime?: boolean;
+interface DialogConfig {
+    id?: string;
+    title?: string;
+    closeOnBackdropClick?: boolean;
+    showBackdrop?: boolean;
+    class?: string;
+    showHeader?: boolean;
 }
 
 declare class InputComponent implements ControlValueAccessor, Validator {
@@ -98,7 +116,7 @@ declare class InputComponent implements ControlValueAccessor, Validator {
     value: string;
     disabled: boolean;
     touched: boolean;
-    control: FormControl | null;
+    control: FormControl<any> | null;
     showPassword: boolean;
     private onChange;
     private onTouched;
@@ -239,7 +257,7 @@ declare class MultiSelectComponent implements OnChanges, OnInit, ControlValueAcc
     multiSelectConfig: MultiSelectConfig;
     selectedOptions: any[];
     onSelection: EventEmitter<any>;
-    control: FormControl<any>;
+    control: FormControl<any> | null;
     showDropdown: boolean;
     isListArrayOfObject: boolean;
     isSelectedAll: boolean;
@@ -352,7 +370,7 @@ declare class AutoCompleteSingleSelectComponent implements OnInit {
     selectedOption: any;
     constructor();
     inValid: boolean;
-    control: FormControl<any>;
+    control: FormControl<any> | null;
     disableControl: boolean;
     ngOnInit(): void;
     private onTouchedCallback;
@@ -375,7 +393,7 @@ declare class AutoCompleteSingleSelectComponent implements OnInit {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    validate(control: AbstractControl): ValidationErrors | null;
+    validate(control: FormControl): void;
     private syncSelectionWithValue;
     /**
      * @description this method is use to update input value
@@ -423,7 +441,8 @@ declare class OutsideClickDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<OutsideClickDirective, "[catsOutsideClick]", never, {}, { "clickOutSide": "clickOutSide"; }, never, never, true, never>;
 }
 
-declare class AutoCompleteMultiSelectComponent implements OnInit, ControlValueAccessor, Validator {
+declare class AutoCompleteMultiSelectComponent implements OnInit, ControlValueAccessor {
+    private sanitizer;
     autoCompleteMultiSelectConfig: AutoCompleteMultiSelectConfig;
     selectedItem: any;
     optionsList: any[];
@@ -435,14 +454,14 @@ declare class AutoCompleteMultiSelectComponent implements OnInit, ControlValueAc
     selectedOptions: any[];
     isSelectedAll: boolean;
     inValid: boolean;
-    control: FormControl<any>;
+    control: FormControl<any> | null;
     isDisabled: boolean;
-    constructor();
+    safePlaceholder: SafeHtml;
+    constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
     ngOnChanges(_changes: SimpleChanges): void;
     private onChange;
     private onTouched;
-    private applyDefaultConfig;
     /**
      * @description Method to toggle dropdown list
      * @author Shiva Kant
@@ -452,8 +471,9 @@ declare class AutoCompleteMultiSelectComponent implements OnInit, ControlValueAc
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    validate(control: AbstractControl): ValidationErrors | null;
+    validate(control: FormControl): void;
     onInput(event: Event): void;
+    handleBlur(): void;
     /**
      * @description method to update selected item
      * @author Shiva Kant
@@ -597,197 +617,142 @@ declare class RadioButtonComponent implements ControlValueAccessor {
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "cats-ui-radio-button", never, { "config": { "alias": "config"; "required": false; }; "optionList": { "alias": "optionList"; "required": false; }; "selectedRadio": { "alias": "selectedRadio"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
-interface IRange {
-    value: Date;
-    label: string;
+type DatePickerMode = 'single' | 'range' | 'dual';
+interface DatePickerConfig {
+    mode?: DatePickerMode;
+    time?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    fromPlaceholder?: string;
+    toPlaceholder?: string;
+    dateFormat?: 'dd MMM yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
+    parentDateFormat?: 'dd MMM yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
+    disabledDates?: Date[];
+    disablePastDays?: number;
+    showDateLabel?: boolean;
+    showTimeLabel?: boolean;
 }
-declare class DateTimePickerComponent implements OnInit, OnChanges, ControlValueAccessor {
-    private locale;
-    private cd;
-    private datePipe;
-    dateTimeSelected: EventEmitter<any>;
-    dateConfig: DateConfig;
-    minDate?: string;
-    maxDate?: string;
-    preSelectedValue: any;
-    selectedDateTime: any;
-    currentDate: Date;
+interface DateRange {
+    from: string | null;
+    fromTime: string;
+    to: string | null;
+    toTime: string;
+}
+interface DateTimeResult {
+    date: string | null;
+    time: string;
+    meridiem: 'AM' | 'PM';
+}
+type CalenderView = 'day' | 'year' | 'month';
+declare class CustomDatePickerComponent implements OnInit, ControlValueAccessor, OnChanges {
+    private elRef;
+    config: DatePickerConfig;
+    label: string;
+    showHeader: boolean;
+    showTrigger: boolean;
+    parentNativeElement: any;
+    applied: EventEmitter<string | Date | DateRange | DateTimeResult>;
+    cancelled: EventEmitter<void>;
+    rangeSelected: EventEmitter<DateRange>;
+    private onChange;
+    private onTouched;
+    isOpen: boolean;
+    selectedDate: Date | null;
+    tempDate: Date | null;
+    rangeFrom: Date | null;
+    rangeTo: Date | null;
+    tempFrom: Date | null;
+    tempTo: Date | null;
+    timeValue: string;
+    timeMeridiem: 'AM' | 'PM';
+    fromTimeValue: string;
+    fromTimeMeridiem: 'AM' | 'PM';
+    toTimeValue: string;
+    toTimeMeridiem: 'AM' | 'PM';
     currentMonth: number;
     currentYear: number;
-    selectedDate: number | null;
-    selectedTime: string | null;
-    calendar: number[][];
-    timeSlots: IRange[];
-    rangeStart: number | null;
-    rangeEnd: number | null;
-    selectedMonth: any;
-    selectedYear: any;
-    control: AbstractControl<any, any>;
-    disableControl: boolean;
-    date: any;
-    calendarView: string;
+    weekDays: string[];
+    calendarDays: (number | null)[];
+    currentMonth2: number;
+    currentYear2: number;
+    calendarDays2: (number | null)[];
     yearRange: number[];
-    daysInMonth: any[];
-    selectedDay: number;
-    selectedStartDate: any;
-    selectedEndDate: any;
-    isOpen: boolean;
-    showYearSelector: boolean;
-    monthRange: any;
-    constructor(locale: string, cd: ChangeDetectorRef, datePipe: DatePipe);
-    ngOnChanges(_changes: SimpleChanges): void;
+    calenderView: CalenderView;
+    activeCalendar: 'primary' | 'secondary';
+    monthNames: string[];
+    constructor(elRef: ElementRef);
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
-    private onTouchedCallback;
-    private onChangeCallback;
-    writeValue(value: any): void;
+    get mode(): DatePickerMode;
+    get showDateLabel(): boolean;
+    get time(): boolean;
+    get currentMonthYear(): string;
+    get currentMonthName(): string;
+    get activeMonthName(): string;
+    get activeYearValue(): number;
+    get displayValue(): string;
+    get tempDisplayValue(): string;
+    get tempFromDisplay(): string;
+    get tempToDisplay(): string;
+    writeValue(val: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * @description Validates date time picker component
-     * @author Shiva Kant
-     * @param control
-     * @returns validate
-     */
-    validate(control: AbstractControl): ValidationErrors | null;
-    /**
-     * @description method to toggleCalendar
-     * @author Shiva Kant
-     */
     toggleCalendar(): void;
-    /**
-     * @description Closes calendar
-     * @author Shiva Kant
-     */
-    closeCalendar(): void;
-    /**
-     * @description Method to Gets month year
-     * @author Shiva Kant
-     * @returns month year
-     */
-    getMonthYear(): {
-        month: string;
-        year: string;
-    };
-    /**
-     * @description Method to Updates current year month
-     * @author Shiva Kant
-     */
-    updateCurrentYearMonth(): void;
-    /**
-     * @description Method to Selects year
-     * @author Shiva Kant
-     * @param year
-     */
-    selectYear(year: number): void;
-    /**
-     * @description Method to Selects month
-     * @author Shiva Kant
-     * @param month
-     */
-    selectMonth(month: any): void;
-    /**
-     * @description Method to Previous year range
-     * @author Shiva Kant
-     */
+    initializeCurrentMonthYear(): void;
+    onDocumentClick(event: MouseEvent): void;
+    buildCalendar(): void;
+    private buildCalendarDays;
+    private getNextMonthYear;
+    private getPrevMonthYear;
+    generateYearRange(year?: number): void;
+    openView(calendar: 'primary' | 'secondary', view: CalenderView): void;
+    getDayDisplay(day: number | null): string;
+    isOtherMonth(day: number | null): boolean;
+    getActualDay(day: number | null): number | null;
+    prevMonth(): void;
+    nextMonth(): void;
+    selectMonth(month: string): void;
     previousYearRange(): void;
-    /**
-     * @description Method to Next year range
-     * @author Shiva Kant
-     */
     nextYearRange(): void;
-    /**
-     * @description Method to Toggles year selector
-     * @author Shiva Kant
-     */
-    toggleYearSelector(): void;
-    /**
-     * @description Method to Generates year range
-     * @author Shiva Kant
-     */
-    generateYearRange(): void;
-    /**
-     * @description Method to Determines whether date selectable is
-     * @author Shiva Kant
-     * @param date
-     * @returns true if date selectable
-     */
-    isDateSelectable(date: Date): boolean;
-    /**
-     * @description Method to Determines whether day disabled is
-     * @author Shiva Kant
-     * @param day
-     * @returns true if day disabled
-     */
-    isDayDisabled(day: number): boolean;
-    /**
-     * @description Method to Generates calendar
-     * @author Shiva Kant
-     */
-    generateCalendar(): void;
-    /**
-     * @description Method to Previous month
-     * @author Shiva Kant
-     */
-    previousMonth(): void;
-    /**
-     * @description Method to Next month
-     * @author Shiva Kant
-     */
-    nextMonth(): void;
-    /**
-     * @description Method to Initializes calendar when preSelectedValue  date
-     * @author Shiva Kant
-     * @returns calendar
-     */
-    initializeCalendar(): void;
-    /**
-     * @description Method to Selects date
-     * @author Shiva Kant
-     * @param date
-     */
-    selectDate(date: number): void;
-    /**
-     * @description Method to Selects time
-     * @author Shiva Kant
-     * @param time
-     */
-    selectTime(time: string): void;
-    /**
-     * @description Method to Determines whether selected date is
-     * @author Shiva Kant
-     * @param date
-     * @returns
-     */
-    isSelectedDate(date: number, month: number, year: number): boolean;
-    /**
-     * @description Method to Generates time ranges
-     * @author Shiva Kant
-     */
-    generateTimeRanges(): void;
-    /**
-     * @description Method to Formats time
-     * @author Shiva Kant
-     * @param date
-     * @returns time
-     */
-    formatTime(date: Date): string;
-    /**
-     * @description Method to Formats date time
-     * @author Shiva Kant
-     * @param fullDate
-     * @param selectedTime
-     * @returns date time
-     */
-    formatDateTime(fullDate: Date, selectedTime: string | null): string;
-    /**
-     * @description Method to Emits date time
-     * @author Shiva Kant
-     * @returns date time
-     */
-    emitDateTime(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "cats-ui-date-time-picker", never, { "dateConfig": { "alias": "dateConfig"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "preSelectedValue": { "alias": "preSelectedValue"; "required": false; }; }, { "dateTimeSelected": "dateTimeSelected"; }, never, never, true, never>;
+    selectYear(year: number): void;
+    selectDay(day: number | null, calendar?: 'primary' | 'secondary'): void;
+    isSelected(day: number | null, month?: number, year?: number): boolean;
+    isInRange(day: number | null, month?: number, year?: number): boolean;
+    isRangeStart(day: number | null, month?: number, year?: number): boolean;
+    isRangeEnd(day: number | null, month?: number, year?: number): boolean;
+    isToday(day: number | null, month?: number, year?: number): boolean;
+    isDayDisabled(day: number | null, month?: number, year?: number): boolean;
+    setTime(event: any): void;
+    singleTimeInSeconds: number | null;
+    fromTimeInSeconds: number | null;
+    toTimeInSeconds: number | null;
+    private convertToSeconds;
+    onSingleTimeChange(event: {
+        time: string;
+        meridiem: 'AM' | 'PM';
+    }): void;
+    onFromTimeChange(event: {
+        time: string;
+        meridiem: 'AM' | 'PM';
+    }): void;
+    onToTimeChange(event: {
+        time: string;
+        meridiem: 'AM' | 'PM';
+    }): void;
+    onApply(): void;
+    private normalizeTime;
+    appendTimeInDate(time: string, date: Date, timeMeridiem: string): Date;
+    onCancel(): void;
+    clearDate(): void;
+    cancelDate(source: string): void;
+    onDaySelected(day: number | null, calendar: 'primary' | 'secondary'): void;
+    isSameDay(a: Date | null, b: Date | null): boolean;
+    formatDate(date: Date, dateFormat?: string): string;
+    get canApply(): boolean;
+    private isValidTime;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomDatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomDatePickerComponent, "cats-ui-custom-date-picker", never, { "config": { "alias": "config"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showTrigger": { "alias": "showTrigger"; "required": false; }; "parentNativeElement": { "alias": "parentNativeElement"; "required": false; }; }, { "applied": "applied"; "cancelled": "cancelled"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
 }
 
 declare class CatsUiTooltipDirective implements OnInit, OnDestroy {
@@ -867,41 +832,361 @@ declare class AccordionItemComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "cats-ui-accordion-item", never, { "title": { "alias": "title"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, ["contentTemplate"], never, true, never>;
 }
 
-declare class TabContentDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabContentDirective, "[tabContent]", never, {}, {}, never, never, true, never>;
+declare class TabContentComponent {
+    active: boolean;
+    tabId: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabContentComponent, "cats-ui-tab-content", never, { "active": { "alias": "active"; "required": false; }; "tabId": { "alias": "tabId"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+interface TabConfig {
+    type?: 'Default' | 'Stroke' | string;
+    addTab?: boolean;
+    closeTab?: boolean;
+    homeTab?: boolean;
+}
+interface TabItem {
+    id: number;
+    title: string;
+    leadingIcon?: string;
+    tralingIocn?: string;
+    count?: number | string;
+    isDisable?: boolean;
+    isHome?: boolean;
+}
+declare class TabsetComponent {
+    tabs: TabItem[];
+    activeTab: number | null;
+    activeTabChange: EventEmitter<number | null>;
+    tabConfig: TabConfig;
+    tabAdded: EventEmitter<TabItem>;
+    tabClosed: EventEmitter<number>;
+    contents: QueryList<TabContentComponent>;
+    counter: number;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    addHomeTabIfNeeded(): void;
+    setActive(id: number): void;
+    closeTab(event: Event, id: number, index: number): void;
+    addTab(event: Event): void;
+    updateContentActivation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsetComponent, "cats-ui-tabset", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "tabConfig": { "alias": "tabConfig"; "required": false; }; }, { "activeTabChange": "activeTabChange"; "tabAdded": "tabAdded"; "tabClosed": "tabClosed"; }, ["contents"], ["*"], true, never>;
+}
+
+type FilterType = 'live' | 'today' | 'week' | 'month' | 'fy' | 'last' | 'customRange' | 'customDate';
+interface TimeFilterOption {
+    label: string;
+    value: string;
+    type?: 'radio' | 'input' | 'submenu';
+    children?: TimeFilterOption[];
+    default?: boolean;
+    custom?: boolean;
+    parentDateFormat?: 'dd MMM yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
+    pickerMode?: DatePickerMode;
+    time?: boolean;
+    extraConfig?: Partial<DatePickerConfig>;
+}
+interface TimeFilterConfig {
+    title?: string;
+    showReset?: boolean;
+    options: TimeFilterOption[];
+}
+interface TimeFilterOutput {
+    type: FilterType;
+    label?: string;
+    startDate?: string;
+    endDate?: string;
+    value?: number;
+    unit?: 'Hours' | 'Days';
+    key?: string;
+    dates?: any;
+}
+interface TimeFilterValue {
+    type: string;
+    dates?: any;
+    lastValue?: number;
+    lastUnit?: 'seconds' | 'minutes' | 'hours' | 'days';
+}
+declare class TimestampFilterComponent implements OnInit {
+    private cdr;
+    config: TimeFilterConfig;
+    selectionChange: EventEmitter<TimeFilterOutput>;
+    selectedValue: TimeFilterValue | null;
+    radioValue: string | null;
+    previousRadioValue: string | null;
+    activePicker: TimeFilterOption | null;
+    lastValue: number;
+    lastUnit: 'seconds' | 'minutes' | 'hours' | 'days';
+    selectedDateLabels: Record<string, string>;
+    dateControls: Record<string, FormControl>;
+    get normalOptions(): TimeFilterOption[];
+    get customOptions(): TimeFilterOption[];
+    /** Returns the FormControl for the currently active picker. */
+    get activePickerControl(): FormControl | null;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    private applyPreset;
+    getPickerConfig(option: TimeFilterOption): DatePickerConfig;
+    selectOption(option: TimeFilterOption): void;
+    onDateApplied(event: any): void;
+    /**
+     * Cancel: restore radio to whatever was selected before picker opened.
+     */
+    onCancel(_event: any): void;
+    emitLast(): void;
+    onLastChange(): void;
+    reset(): void;
+    private extractStartDate;
+    private extractEndDate;
+    private buildDateLabel;
+    private emit;
+    private startOfDay;
+    private startOfWeek;
+    private startOfFinancialYear;
+    private subtractTime;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimestampFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimestampFilterComponent, "cats-ui-timestamp-filter", never, { "config": { "alias": "config"; "required": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+declare class WizardService {
+    private wizards;
+    activeStep: i0.WritableSignal<any>;
+    stepConfig: i0.WritableSignal<any>;
+    open(wizardId: string, config: any): void;
+    close(wizardId: string): void;
+    nextStep(wizardId: string): void;
+    previousStep(wizardId: string): void;
+    gotoStep(step: number, wizardId: string): void;
+    isOpen(wizardId: string): i0.Signal<any>;
+    getConfig(wizardId: string): i0.Signal<any>;
+    getCurrentStepIndex(wizardId: string): i0.Signal<any>;
+    getCurrentStep(wizardId: string): i0.Signal<any>;
+    getProgress(wizardId: string): i0.Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WizardService>;
 }
 
-declare class TabHeadingDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabHeadingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabHeadingDirective, "[tabHeading]", never, {}, {}, never, never, true, never>;
+declare class WizardStepDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WizardStepDirective, "[wizardStep]", never, {}, {}, never, never, true, never>;
 }
 
-declare class TabItemComponent {
-    heading: TabHeadingDirective;
-    content: TabContentDirective;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "cats-ui-tab-item", never, {}, {}, ["heading", "content"], never, true, never>;
+declare class WizardComponent {
+    private commonService;
+    wizardId: string;
+    title: string;
+    closed: EventEmitter<void>;
+    stepTemplates: QueryList<WizardStepDirective>;
+    showProgressBar: boolean;
+    showStepBadge: boolean;
+    expandable: boolean;
+    isExpanded: boolean;
+    steps: any;
+    activeStep: any;
+    templates: WizardStepDirective[];
+    constructor(commonService: WizardService);
+    ngAfterContentInit(): void;
+    toggleExpand(): void;
+    onEscPressed(): void;
+    get currentStepIndex(): number;
+    get wizardSteps(): any[];
+    get currentTemplate(): i0.TemplateRef<any>;
+    get currentStepLabel(): string;
+    get currentStepNumber(): number;
+    goToStep(step: number): void;
+    closeModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "cats-ui-wizard", never, { "wizardId": { "alias": "wizardId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "showStepBadge": { "alias": "showStepBadge"; "required": false; }; }, { "closed": "closed"; }, ["stepTemplates"], never, true, never>;
 }
 
-declare class TabComponent {
-    activeTab: number;
-    disabledTabs: number[];
-    selectTab: EventEmitter<number>;
-    items: QueryList<TabItemComponent>;
+declare class FileUploadComponent implements ControlValueAccessor {
+    placeholder: string;
+    errorMessage: string;
+    disabled: boolean;
+    multiple: boolean;
+    /** Button position: 'left' (prefix) | 'right' (suffix) */
+    buttonPosition: 'left' | 'right';
+    maxSize: number | null;
+    minSize: number | null;
+    helperText: string;
+    onfileChange: EventEmitter<any>;
+    onfileRemove: EventEmitter<any>;
+    /**
+     * Accepted MIME types or extensions, comma-separated.
+     * e.g. 'image/png,image/jpeg' or '.png,.jpg,.pdf'
+     * Passed directly to the hidden <input accept="..."> attribute.
+     * Also used for runtime validation.
+     * null = accept all
+     */
+    accept: string | null;
+    value: File[];
+    isFocused: boolean;
+    validationError: string;
+    control: FormControl<any> | null;
+    onChange: (value: File[]) => void;
+    onTouched: () => void;
+    writeValue(files: File[] | null | undefined): void;
+    registerOnChange(fn: (value: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: FormControl): any;
     /**
-     * @description Sets active
-     * @author Shiva Kant
-     * @param index
-     */
-    setActive(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "cats-ui-tab", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "disabledTabs": { "alias": "disabledTabs"; "required": false; }; }, { "selectTab": "selectTab"; }, ["items"], never, true, never>;
+     * Validates a single file against minSize, maxSize, and accept rules.
+     * Returns an error string, or empty string if valid.
+     */
+    private validateFile;
+    /** Validates a batch; sets validationError and returns only valid files. */
+    private processFiles;
+    onFileSelect(event: Event, input: HTMLInputElement): void;
+    onDrop(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    removeFile(index: number, input?: HTMLInputElement): void;
+    /** Human-readable byte string: 1024 → "1 KB", 5242880 → "5 MB" */
+    formatBytes(bytes: number): string;
+    /**
+     * Builds a human-readable hint string from the current constraints.
+     * e.g. "PNG, JPG • Max 5 MB • Min 10 KB"
+     */
+    get isFilled(): boolean;
+    /** Combines external errorMessage prop with internal validation errors. */
+    get displayError(): string;
+    get hasError(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "cats-ui-file-upload", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "buttonPosition": { "alias": "buttonPosition"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "onfileChange": "onfileChange"; "onfileRemove": "onfileRemove"; }, never, never, true, never>;
+}
+
+interface HeaderConfig {
+    brandLogo: string;
+    productLogo: string;
+    showDropdown?: boolean;
+    showGlobalIcon?: boolean;
+    showAiAgent?: boolean;
+}
+declare class HeaderComponent {
+    headerConfig: HeaderConfig;
+    dropdownItems: any[];
+    onDropdownSelection: EventEmitter<any>;
+    profileOpen: boolean;
+    dropdownOpen: boolean;
+    selectedItem: any;
+    ngOnInit(): void;
+    onSelect(item: any): void;
+    toggleMenu(): void;
+    toggleDropdown(): void;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "cats-ui-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; }; }, { "onDropdownSelection": "onDropdownSelection"; }, never, never, true, never>;
+}
+
+declare class DialogRef<T = any> {
+    id: string;
+    private afterClosed$;
+    constructor(id: string);
+    close(result?: T): void;
+    afterClosed(): Observable<T | undefined>;
+}
+
+declare class DialogBoxComponent {
+    content: any;
+    config: DialogConfig;
+    dialogRef: DialogRef;
+    expandable: boolean;
+    vc: ViewContainerRef;
+    isExpanded: boolean;
+    ngAfterViewInit(): void;
+    toggleExpand(): void;
+    onBackdropClick(): void;
+    closeModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogBoxComponent, "cats-ui-dialog-box", never, { "content": { "alias": "content"; "required": false; }; "config": { "alias": "config"; "required": false; }; "dialogRef": { "alias": "dialogRef"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DialogBoxService {
+    private appRef;
+    private injector;
+    private dialogs;
+    constructor(appRef: ApplicationRef, injector: EnvironmentInjector);
+    open(componentOrTemplate: any, config?: DialogConfig): DialogRef;
+    close(id: string): void;
+    closeAll(): void;
+    private generateId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogBoxService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogBoxService>;
+}
+
+interface SidebarConfig {
+    sidebarType?: 'sectional' | string;
+    switchOrganiser?: boolean;
+}
+interface SidebarAttribute {
+    attributeId?: number;
+    attributeName: string;
+    icon?: string;
+    activeIcon?: string;
+    url?: string;
+}
+interface SidebarFeature {
+    featureId?: number;
+    moduleId?: number;
+    featuresName: string;
+    icon?: string;
+    activeIcon?: string;
+    expandable?: boolean;
+    url?: string;
+    isEnable?: boolean;
+    attributes?: SidebarAttribute[];
+}
+interface SidebarModule {
+    moduleName: string;
+    icon?: string;
+    activeIcon?: string;
+    expandable?: boolean;
+    url?: string;
+    isEnable?: boolean;
+    features: SidebarFeature[];
+}
+declare class SidebarComponent {
+    private router;
+    appMenus: SidebarModule[];
+    isCollapsed: boolean;
+    sidebarConfig: SidebarConfig;
+    expandedFeatures: Set<string>;
+    activeSidebar: EventEmitter<any>;
+    collapsedOpenModule: number | null;
+    collapsedOpenFeature: string | null;
+    activeItem: {
+        moduleIndex: number;
+        featureIndex: number;
+        attrIndex: number;
+    } | null;
+    constructor(router: Router);
+    /** A feature is expandable if it has at least one attribute */
+    isExpandable(feature: SidebarFeature): boolean;
+    ngOnInit(): void;
+    toggleCollapse(): void;
+    expandedModules: Set<number>;
+    toggleModule(moduleIndex: number): void;
+    isModuleExpanded(moduleIndex: number): boolean;
+    toggleFeature(moduleIndex: number, featureIndex: number): void;
+    isFeatureExpanded(moduleIndex: number, featureIndex: number): boolean;
+    setActiveItem(moduleIndex: number, featureIndex: number, attrIndex: number): void;
+    onFeatureClick(moduleIndex: number, featureIndex: number, feature: SidebarFeature): void;
+    isActiveItem(moduleIndex: number, featureIndex?: number, attrIndex?: number): boolean;
+    collapsedModuleIndex: number | null;
+    collapsedFeatureIndex: number | null;
+    openAttributeFeatureIndex: number | null;
+    isCollapsedIconActive(mIdx: number, fIdx?: number): boolean;
+    onCollapsedSectionalIconClick(mIdx: number, fIdx: number, source?: string): void;
+    onCollapsedModuleIconClick(mIdx: number): void;
+    onCollapsedFeatureClick(mIdx: number, fIdx: number): void;
+    navigateToItem(module: SidebarModule, feature?: SidebarFeature, attribute?: SidebarAttribute): void;
+    handleOutsideClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "cats-ui-sidebar", never, { "appMenus": { "alias": "appMenus"; "required": false; }; "sidebarConfig": { "alias": "sidebarConfig"; "required": false; }; }, { "activeSidebar": "activeSidebar"; }, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DateTimePickerComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabComponent, TabContentDirective, TabHeadingDirective, TabItemComponent, ToggleConfig, ToogleButtonComponent };
-export type { DateConfig, RadioButtonConfig };
+export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DialogBoxComponent, DialogBoxService, FileUploadComponent, HeaderComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SidebarComponent, SingleSelectComponent, SingleSelectConfig, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
+export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, DialogConfig, FilterType, HeaderConfig, RadioButtonConfig, SidebarAttribute, SidebarConfig, SidebarFeature, SidebarModule, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput, TimeFilterValue };