cats-ui-lib 2.0.7 → 2.0.9

package/index.d.ts

@@ -235,7 +235,7 @@ declare class SingleSelectComponent implements OnInit, OnChanges, ControlValueAc
     onDivScroll(event: any): void;
     get filteredOptionsValue(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "cats-ui-single-select", never, { "optionList": { "alias": "optionList"; "required": false; }; "singleSelectConfig": { "alias": "singleSelectConfig"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "parentNativeElement": { "alias": "parentNativeElement"; "required": false; }; }, { "onSelection": "onSelection"; "onScroll": "onScroll"; }, ["selectedData"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "cats-ui-single-select", never, { "optionList": { "alias": "optionList"; "required": false; }; "singleSelectConfig": { "alias": "singleSelectConfig"; "required": false; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; "disableControl": { "alias": "disableControl"; "required": false; }; "parentNativeElement": { "alias": "parentNativeElement"; "required": false; }; }, { "onSelection": "onSelection"; "onScroll": "onScroll"; }, ["selectedData"], never, true, never>;
 }
 
 declare const MULTI_SELECT_CONTROL_VALUE_ACCESSOR: any;
@@ -315,7 +315,7 @@ declare class MultiSelectComponent implements OnChanges, OnInit, ControlValueAcc
     checkUncheckAll(): void;
     get filteredOptionsValue(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "cats-ui-multi-select", never, { "optionList": { "alias": "optionList"; "required": false; }; "multiSelectConfig": { "alias": "multiSelectConfig"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; }, { "onSelection": "onSelection"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "cats-ui-multi-select", never, { "optionList": { "alias": "optionList"; "required": false; }; "multiSelectConfig": { "alias": "multiSelectConfig"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "disabledControl": { "alias": "disabledControl"; "required": false; }; }, { "onSelection": "onSelection"; }, never, never, true, never>;
 }
 
 declare class SearchBoxComponent implements ControlValueAccessor {
@@ -413,7 +413,7 @@ declare class AutoCompleteSingleSelectComponent implements OnInit {
      */
     onDivScroll(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteSingleSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteSingleSelectComponent, "cats-ui-input-single-select", never, { "autoSingleSelectConfig": { "alias": "autoSingleSelectConfig"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "optionsList": { "alias": "optionsList"; "required": false; }; "parentNativeElement": { "alias": "parentNativeElement"; "required": false; }; }, { "onItemSelection": "onItemSelection"; "onScroll": "onScroll"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteSingleSelectComponent, "cats-ui-input-single-select", never, { "autoSingleSelectConfig": { "alias": "autoSingleSelectConfig"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "optionsList": { "alias": "optionsList"; "required": false; }; "parentNativeElement": { "alias": "parentNativeElement"; "required": false; }; "disableControl": { "alias": "disableControl"; "required": false; }; }, { "onItemSelection": "onItemSelection"; "onScroll": "onScroll"; }, never, never, true, never>;
 }
 
 declare class OutsideClickDirective {
@@ -888,33 +888,53 @@ interface TimeFilterOutput {
     value?: number;
     unit?: 'Hours' | 'Days';
     key?: string;
+    dates?: any;
 }
-declare class TimestampFilterComponent {
+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: string | null;
+    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;
-    private startOfDay;
-    private startOfWeek;
-    private startOfFinancialYear;
-    private subtractTime;
+    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;
-    onDateApplied(event: any): void;
-    onCancel(event: any): void;
+    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; }; }, { "selectionChange": "selectionChange"; }, never, never, true, 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 {
@@ -970,5 +990,30 @@ declare class WizardComponent {
     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>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, 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, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
-export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, FilterType, RadioButtonConfig, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput };
+declare class FileUploadComponent implements ControlValueAccessor {
+    placeholder: string;
+    errorMessage: string;
+    disabled: boolean;
+    multiple: boolean;
+    /** Button position: 'left' (prefix) | 'right' (suffix) */
+    buttonPosition: 'left' | 'right';
+    value: File[];
+    isFocused: boolean;
+    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;
+    onFileSelect(event: Event, input: HTMLInputElement): void;
+    onDrop(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    removeFile(index: number, input?: HTMLInputElement): void;
+    get isFilled(): boolean;
+    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; }; }, {}, never, never, true, never>;
+}
+
+export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, FileUploadComponent, 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, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
+export type { CalenderView, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, FilterType, RadioButtonConfig, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput, TimeFilterValue };

package/package.json

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

package/styles/_utilities.scss

@@ -812,6 +812,8 @@ button.cats-btn {
   margin-bottom: rem(8px);
   color: var(--text-heading-primary);
   &.disabled-option{
+    color: var(--text-body-muted);
+    pointer-events: none;
     input[type="checkbox"]:checked{
       background-color: var(--surface-background-subtle);
       border-color: var(--border-core-default);