cats-ui-lib 2.2.8 → 2.2.10

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnChanges, TemplateRef, ChangeDetectorRef, ElementRef, SimpleChanges, OnDestroy, Renderer2, QueryList, ViewContainerRef, ApplicationRef, EnvironmentInjector } from '@angular/core';
+import { OnChanges, EventEmitter, ElementRef, SimpleChanges, OnInit, TemplateRef, ChangeDetectorRef, 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';
@@ -41,10 +41,33 @@ declare class SearchConfig {
     serachValue: string;
     placeholder?: string;
 }
+interface InputDropdownOption {
+    id?: string | number;
+    name?: string;
+    icon?: string;
+    [key: string]: any;
+}
+interface InputDropdownConfig {
+    options: InputDropdownOption[];
+    selected?: InputDropdownOption | string | number;
+    idField?: string;
+    textField?: string;
+    iconField?: string;
+    disabledField?: string;
+    placeholder?: string;
+}
 declare class InputConfig {
     type: 'text' | 'email' | 'password' | 'number';
     placeholder?: string;
     label?: string;
+    showDropdown?: boolean;
+    dropdownPosition?: 'leading' | 'trailing';
+    dropdownOptions?: InputDropdownOption[];
+    dropdownSelected?: InputDropdownOption | string | number;
+    leadingDropdown?: InputDropdownConfig;
+    trailingDropdown?: InputDropdownConfig;
+    errorMessage?: string;
+    showErrorMessage?: boolean;
 }
 declare class AutoCompleteSingleSelectConfig {
     idField: string;
@@ -74,6 +97,7 @@ declare class AutoCompleteMultiSelectConfig {
 declare class ToggleConfig {
     checked: boolean;
     disabled?: boolean;
+    type?: string;
 }
 declare class CheckBoxSubtask {
     idField: string;
@@ -86,6 +110,7 @@ declare class CheckBoxConfig {
     disabledField?: string;
     name: string;
     checked?: boolean;
+    type?: string;
     subtasks?: CheckBoxSubtask[];
 }
 interface RadioButtonConfig {
@@ -94,6 +119,7 @@ interface RadioButtonConfig {
     valueField?: string;
     textField?: string;
     name: string;
+    type?: string;
     layout?: 'horizontal' | 'vertical';
 }
 interface DialogConfig {
@@ -105,21 +131,29 @@ interface DialogConfig {
     showHeader?: boolean;
 }
 
-declare class InputComponent implements ControlValueAccessor, Validator {
+declare class InputComponent implements ControlValueAccessor, Validator, OnChanges {
+    private el;
     inputConfig: InputConfig;
+    selectedValue?: InputDropdownOption | string | number;
     onKeyDown: EventEmitter<{
         value: string;
     } & KeyboardEvent>;
     onKeyUp: EventEmitter<{
         value: string;
     } & KeyboardEvent>;
+    onDropdownSelection: EventEmitter<InputDropdownOption>;
     value: string;
     disabled: boolean;
     touched: boolean;
     control: FormControl<any> | null;
     showPassword: boolean;
+    openDropdown: 'leading' | 'trailing' | null;
+    selectedLeadingOption: InputDropdownOption | null;
+    selectedTrailingOption: InputDropdownOption | null;
     private onChange;
     private onTouched;
+    constructor(el: ElementRef);
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * @description Method to when value changes
      * @author Shiva Kant
@@ -158,8 +192,25 @@ declare class InputComponent implements ControlValueAccessor, Validator {
      * @author Shiva Kant
      */
     togglePassword(): void;
+    toggleDropdown(position: 'leading' | 'trailing', event: MouseEvent): void;
+    selectDropdownOption(position: 'leading' | 'trailing', option: InputDropdownOption, event: MouseEvent): void;
+    getDropdownText(option: InputDropdownOption | null, config?: InputDropdownConfig): string;
+    getDropdownIcon(option: InputDropdownOption | null, config?: InputDropdownConfig): string;
+    isDropdownSelected(position: 'leading' | 'trailing', option: InputDropdownOption): boolean;
+    isOptionDisabled(option: InputDropdownOption, config?: InputDropdownConfig): boolean;
+    closeDropdown(event: MouseEvent): void;
+    private syncDropdownSelections;
+    private resolveSelectedOption;
+    getDropdownConfig(position: 'leading' | 'trailing'): InputDropdownConfig | undefined;
+    private getIdField;
+    private getTextField;
+    private getIconField;
+    private hasDropdownConfig;
+    getOptionId(option: InputDropdownOption | null, config?: InputDropdownConfig): any;
+    private emitValueChange;
+    private getDropdownSelectedValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cats-ui-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; }, { "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "cats-ui-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; }, { "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onDropdownSelection": "onDropdownSelection"; }, never, never, true, never>;
 }
 
 declare const SINGLE_SELECT_CONTROL_VALUE_ACCESSOR: any;
@@ -330,6 +381,7 @@ declare class MultiSelectComponent implements OnChanges, OnInit, ControlValueAcc
 }
 
 declare class SearchBoxComponent implements ControlValueAccessor {
+    searchInput?: ElementRef<HTMLInputElement>;
     searchParam: string;
     searchConfig: SearchConfig;
     onClose: EventEmitter<void>;
@@ -337,6 +389,7 @@ declare class SearchBoxComponent implements ControlValueAccessor {
     private onChange;
     onTouched: () => void;
     isDisabled: boolean;
+    toggleSearch: boolean;
     ngOnInit(): void;
     /**
      * @description Method to Called when input changes
@@ -352,6 +405,7 @@ declare class SearchBoxComponent implements ControlValueAccessor {
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
+    showSearch(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SearchBoxComponent, "cats-ui-search-box", never, { "searchConfig": { "alias": "searchConfig"; "required": false; }; }, { "onClose": "onClose"; "searchParamValue": "searchParamValue"; }, never, never, true, never>;
 }
@@ -907,8 +961,9 @@ interface TimeFilterValue {
     type: string;
     dates?: any;
     lastValue?: number;
-    lastUnit?: 'seconds' | 'minutes' | 'hours' | 'days';
+    lastUnit?: LastUnit;
 }
+type LastUnit = 'seconds' | 'minutes' | 'hours' | 'days';
 declare class TimestampFilterComponent implements OnInit {
     private cdr;
     config: TimeFilterConfig;
@@ -917,8 +972,14 @@ declare class TimestampFilterComponent implements OnInit {
     radioValue: string | null;
     previousRadioValue: string | null;
     activePicker: TimeFilterOption | null;
+    activePickerTrigger: HTMLElement | null;
     lastValue: number;
-    lastUnit: 'seconds' | 'minutes' | 'hours' | 'days';
+    lastUnit: LastUnit;
+    isLastUnitDropdownOpen: boolean;
+    lastUnitOptions: {
+        label: string;
+        value: LastUnit;
+    }[];
     selectedDateLabels: Record<string, string>;
     dateControls: Record<string, FormControl>;
     get normalOptions(): TimeFilterOption[];
@@ -926,10 +987,11 @@ declare class TimestampFilterComponent implements OnInit {
     /** Returns the FormControl for the currently active picker. */
     get activePickerControl(): FormControl | null;
     constructor(cdr: ChangeDetectorRef);
+    closeLastUnitDropdown(): void;
     ngOnInit(): void;
     private applyPreset;
     getPickerConfig(option: TimeFilterOption): DatePickerConfig;
-    selectOption(option: TimeFilterOption): void;
+    selectOption(option: TimeFilterOption, trigger?: HTMLElement): void;
     onDateApplied(event: any): void;
     /**
      * Cancel: restore radio to whatever was selected before picker opened.
@@ -937,6 +999,9 @@ declare class TimestampFilterComponent implements OnInit {
     onCancel(_event: any): void;
     emitLast(): void;
     onLastChange(): void;
+    toggleLastUnitDropdown(option: TimeFilterOption, trigger: HTMLElement, event: MouseEvent): void;
+    selectLastUnit(unit: LastUnit, event: MouseEvent): void;
+    getLastUnitLabel(unit: TimeFilterValue['lastUnit']): string;
     reset(): void;
     private extractStartDate;
     private extractEndDate;
@@ -1119,7 +1184,7 @@ declare class DialogBoxService {
 }
 
 interface SidebarConfig {
-    sidebarType?: 'sectional' | string;
+    sidebarType?: 'sectional' | 'default' | string;
     switchOrganiser?: boolean;
 }
 interface SidebarAttribute {
@@ -1191,4 +1256,4 @@ declare class SidebarComponent {
 }
 
 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 };
+export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, DialogConfig, FilterType, HeaderConfig, InputDropdownConfig, InputDropdownOption, RadioButtonConfig, SidebarAttribute, SidebarConfig, SidebarFeature, SidebarModule, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput, TimeFilterValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-ui-lib",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"