cats-ui-lib 2.0.10 → 2.0.12

package/index.d.ts

@@ -106,7 +106,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;
@@ -247,7 +247,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;
@@ -360,7 +360,7 @@ declare class AutoCompleteSingleSelectComponent implements OnInit {
     selectedOption: any;
     constructor();
     inValid: boolean;
-    control: FormControl<any>;
+    control: FormControl<any> | null;
     disableControl: boolean;
     ngOnInit(): void;
     private onTouchedCallback;
@@ -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; }; "disableControl": { "alias": "disableControl"; "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; }; }, { "onItemSelection": "onItemSelection"; "onScroll": "onScroll"; }, never, never, true, never>;
 }
 
 declare class OutsideClickDirective {
@@ -444,7 +444,7 @@ declare class AutoCompleteMultiSelectComponent implements OnInit, ControlValueAc
     selectedOptions: any[];
     isSelectedAll: boolean;
     inValid: boolean;
-    control: FormControl<any>;
+    control: FormControl<any> | null;
     isDisabled: boolean;
     safePlaceholder: SafeHtml;
     constructor(sanitizer: DomSanitizer);
@@ -646,6 +646,7 @@ declare class CustomDatePickerComponent implements OnInit, ControlValueAccessor,
     private onChange;
     private onTouched;
     isOpen: boolean;
+    control: FormControl<any> | null;
     selectedDate: Date | null;
     tempDate: Date | null;
     rangeFrom: Date | null;
@@ -686,6 +687,7 @@ declare class CustomDatePickerComponent implements OnInit, ControlValueAccessor,
     writeValue(val: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    validate(control: FormControl): any;
     toggleCalendar(): void;
     initializeCurrentMonthYear(): void;
     onDocumentClick(event: MouseEvent): void;
@@ -997,23 +999,60 @@ declare class FileUploadComponent implements ControlValueAccessor {
     multiple: boolean;
     /** Button position: 'left' (prefix) | 'right' (suffix) */
     buttonPosition: 'left' | 'right';
+    maxSize: number | null;
+    minSize: number | null;
+    helperText: string;
+    /**
+     * 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;
+    /**
+     * 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; }; }, {}, never, never, true, 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; }; }, {}, never, never, true, never>;
+}
+
+declare class HeaderComponent {
+    menuOpen: boolean;
+    toggleMenu(): void;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "cats-ui-header", never, {}, {}, 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 { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, 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, 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.10",
+  "version": "2.0.12",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"