commons-shared-web-ui 0.0.4 → 0.0.5

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, AfterViewInit, QueryList, ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, ElementRef, AfterViewInit, QueryList, ChangeDetectorRef, NgZone } from '@angular/core';
 import * as i2$1 from '@angular/common';
 import * as i1 from '@angular/material/card';
 import * as i2 from '@angular/material/snack-bar';
@@ -34,6 +34,8 @@ import * as i29 from '@angular/cdk/accordion';
 import * as i3$1 from '@angular/forms';
 import { ControlValueAccessor, FormGroup, FormBuilder, AbstractControl, FormControl, FormArray, ValidatorFn, ValidationErrors } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
+import * as i11$1 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { HttpClient } from '@angular/common/http';
 import { Observable, Subject } from 'rxjs';
 
@@ -48,12 +50,17 @@ type IconInput = boolean | string | {
     type: 'material' | 'fontawesome' | 'img';
     value: string;
 };
+interface AlertLabels {
+    iconAltText?: string;
+}
+
 declare class AlertComponent implements OnInit {
     variant: AlertVariant;
     title: string;
     message: string;
     icon: IconInput;
     customIcon: string;
+    labels?: AlertLabels;
     width?: string;
     height?: string;
     borderRadius?: string;
@@ -82,7 +89,7 @@ declare class AlertComponent implements OnInit {
     };
     get defaultIconClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "borderTopLeftRadius": { "alias": "borderTopLeftRadius"; "required": false; }; "borderTopRightRadius": { "alias": "borderTopRightRadius"; "required": false; }; "borderBottomLeftRadius": { "alias": "borderBottomLeftRadius"; "required": false; }; "borderBottomRightRadius": { "alias": "borderBottomRightRadius"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "lib-alert", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "borderTopLeftRadius": { "alias": "borderTopLeftRadius"; "required": false; }; "borderTopRightRadius": { "alias": "borderTopRightRadius"; "required": false; }; "borderBottomLeftRadius": { "alias": "borderBottomLeftRadius"; "required": false; }; "borderBottomRightRadius": { "alias": "borderBottomRightRadius"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class AlertModule {
@@ -91,7 +98,11 @@ declare class AlertModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
 }
 
-type ButtonVariant = 'primary' | 'warning' | 'outline' | 'secondary' | 'success' | 'danger' | 'danger-outline';
+type ButtonVariant = 'primary' | 'warning' | 'outline' | 'secondary' | 'success' | 'danger' | 'danger-outline' | 'text';
+interface ButtonLabels {
+    iconAltText?: string;
+}
+
 declare class ButtonComponent implements OnInit {
     variant: ButtonVariant;
     type: 'button' | 'submit' | 'reset';
@@ -108,6 +119,7 @@ declare class ButtonComponent implements OnInit {
         type: 'material' | 'fontawesome' | 'img';
         value: string;
     };
+    labels?: ButtonLabels;
     constructor();
     ngOnInit(): void;
     get isDefaultIcon(): boolean;
@@ -120,7 +132,7 @@ declare class ButtonComponent implements OnInit {
         value: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "border": { "alias": "border"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class ButtonModule {
@@ -170,6 +182,12 @@ interface ConfirmationModalConfig {
     showCodeSnippetButton?: boolean;
     ariaLabel?: string;
     ariaDescribedBy?: string;
+    labels?: {
+        closeAriaLabel?: string;
+        codeSnippetAriaLabel?: string;
+        codeSnippetTitle?: string;
+        iconAltText?: string;
+    };
 }
 
 declare class ConfirmationModalComponent implements OnInit, OnDestroy {
@@ -209,19 +227,334 @@ declare class ConfirmationModalModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmationModalModule>;
 }
 
+type InputType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'textarea';
+interface InputLabels {
+    label?: string;
+    placeholder?: string;
+    errorMessage?: string;
+    helperText?: string;
+    requiredMarker?: string;
+    passwordToggleAriaLabel?: string;
+    prefixAltText?: string;
+    suffixAltText?: string;
+}
+interface InputConfig {
+    type?: InputType;
+    label?: string;
+    placeholder?: string;
+    value?: any;
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    min?: number;
+    max?: number;
+    pattern?: string;
+    errorMessage?: string;
+    helperText?: string;
+    rows?: number;
+    prefixIcon?: string | {
+        type: 'material' | 'fontawesome' | 'img';
+        value: string;
+    };
+    suffixIcon?: string | {
+        type: 'material' | 'fontawesome' | 'img';
+        value: string;
+    };
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+}
+
+interface DropdownOption {
+    value: any;
+    label: string;
+    disabled?: boolean;
+    icon?: string | {
+        type: 'material' | 'fontawesome' | 'img';
+        value: string;
+    };
+}
+interface DropdownLabels {
+    label?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    errorMessage?: string;
+    selectedSuffix?: string;
+    clearAriaLabel?: string;
+    noResultsFound?: string;
+    requiredMarker?: string;
+}
+interface DropdownConfig {
+    options: DropdownOption[];
+    placeholder?: string;
+    label?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    errorMessage?: string;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+}
+
+interface CheckboxOption {
+    value: any;
+    label: string;
+    disabled?: boolean;
+    checked?: boolean;
+}
+interface CheckboxLabels {
+    label?: string;
+    requiredMarker?: string;
+}
+interface CheckboxConfig {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    indeterminate?: boolean;
+    options?: CheckboxOption[];
+    labelPosition?: 'before' | 'after';
+    color?: 'primary' | 'accent' | 'warn';
+    borderRadius?: string;
+    size?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    groupLabelColor?: string;
+    groupLabelFontSize?: string;
+    groupLabelFontWeight?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    labelColor?: string;
+    gap?: string;
+    fontFamily?: string;
+}
+
+interface RadioOption {
+    value: any;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioLabels {
+    label?: string;
+    requiredMarker?: string;
+}
+interface RadioConfig {
+    label?: string;
+    options: RadioOption[];
+    value?: any;
+    disabled?: boolean;
+    required?: boolean;
+    labelPosition?: 'before' | 'after';
+    color?: 'primary' | 'accent' | 'warn';
+    layout?: 'vertical' | 'horizontal';
+    gap?: string;
+    labelColor?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    groupLabelColor?: string;
+    groupLabelFontSize?: string;
+    groupLabelFontWeight?: string;
+    disabledColor?: string;
+    errorColor?: string;
+    size?: string;
+    borderRadius?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+}
+
+interface ToggleLabels {
+    label?: string;
+}
+interface ToggleConfig {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    labelPosition?: 'before' | 'after';
+    color?: string;
+    uncheckedColor?: string;
+    checkedColor?: string;
+    thumbColor?: string;
+    checkedThumbColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    toggleWidth?: string;
+    toggleHeight?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+}
+
+interface DatepickerLabels {
+    label?: string;
+    placeholder?: string;
+    startDateLabel?: string;
+    endDateLabel?: string;
+    requiredMarker?: string;
+}
+interface DatePickerConfig {
+    label?: string;
+    placeholder?: string;
+    value?: Date;
+    disabled?: boolean;
+    required?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    startView?: 'month' | 'year' | 'multi-year';
+    isRange?: boolean;
+    startDate?: Date;
+    endDate?: Date;
+    width?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    errorMessage?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    height?: string;
+}
+
+interface SearchLabels {
+    label?: string;
+    placeholder?: string;
+    clearAriaLabel?: string;
+}
+interface FilterSearchConfig {
+    placeholder?: string;
+    label?: string;
+    value?: string;
+    disabled?: boolean;
+    debounceTime?: number;
+    clearable?: boolean;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    border?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    textColor?: string;
+    iconColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+}
+
+type FilterItemType = 'input' | 'dropdown' | 'checkbox' | 'radio' | 'toggle' | 'datepicker' | 'active-search' | 'group' | 'custom' | 'divider';
+interface FilterItem {
+    key?: string;
+    type: FilterItemType;
+    label?: string;
+    visible?: boolean;
+    inputConfig?: InputConfig;
+    dropdownConfig?: DropdownConfig;
+    checkboxConfig?: CheckboxConfig;
+    radioConfig?: RadioConfig;
+    toggleConfig?: ToggleConfig;
+    datepickerConfig?: DatePickerConfig;
+    searchConfig?: FilterSearchConfig;
+    children?: FilterItem[];
+    expanded?: boolean;
+    styles?: {
+        [key: string]: string;
+    };
+}
 interface FilterSidebarConfig {
-    tabs?: {
-        items: FilterSidebarTab[];
-        defaultActive?: string;
+    items: FilterItem[];
+    styles?: {
+        width?: string;
+        padding?: string;
+        gap?: string;
+        backgroundColor?: string;
+        headerHeight?: string;
+        borderRadius?: string;
     };
-    sections: FilterSidebarSection[];
-    actions?: {
-        apply?: {
+    header?: {
+        title?: string;
+        icon?: string;
+        visible?: boolean;
+        showClose?: boolean;
+    };
+    footer?: {
+        visible?: boolean;
+        applyButton?: {
             label?: string;
             visible?: boolean;
             disabled?: boolean;
         };
-        clear?: {
+        clearButton?: {
             label?: string;
             visible?: boolean;
         };
@@ -231,25 +564,12 @@ interface FilterSidebarConfig {
         persistent?: boolean;
         showCodeSnippet?: boolean;
     };
-}
-interface FilterSidebarTab {
-    id: string;
-    label: string;
-    icon?: string;
-}
-interface FilterSidebarSection {
-    key: string;
-    title: string;
-    type: 'select' | 'accordion' | 'checkbox-group' | 'radio-group' | 'search';
-    options?: FilterSidebarOption[];
-    multi?: boolean;
-    expanded?: boolean;
-    placeholder?: string;
-    visible?: boolean;
-}
-interface FilterSidebarOption {
-    label: string;
-    value: any;
+    labels?: {
+        collapseAriaLabel?: string;
+        expandAriaLabel?: string;
+        closeAriaLabel?: string;
+        codeSnippetAriaLabel?: string;
+    };
 }
 interface FilterSidebarOutput {
     [key: string]: any;
@@ -271,37 +591,627 @@ declare class FilterSidebarComponent implements OnInit, ControlValueAccessor {
     filterChange: EventEmitter<FilterSidebarChangeEvent>;
     filterApply: EventEmitter<FilterSidebarOutput>;
     filterClear: EventEmitter<void>;
-    tabChange: EventEmitter<string>;
     showCodeSnippet: EventEmitter<void>;
+    close: EventEmitter<void>;
     filters: FilterSidebarOutput;
-    selectedTabId: string | null;
     onChange: any;
     onTouched: any;
+    isCollapsed: boolean;
+    toggleCollapse(): void;
     constructor(router: Router, route: ActivatedRoute);
     ngOnInit(): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    onTabClick(tab: FilterSidebarTab): void;
-    onFilterChange(key: string, value: any, isMulti?: boolean): void;
-    private toggleFilterValue;
+    onValueChange(key: string | undefined, value: any): void;
     private notifyChanges;
     private updateUrl;
     applyFilters(): void;
     clearFilters(): void;
-    trackByFn(index: number, item: any): any;
+    onClose(): void;
     onShowCodeSnippet(): void;
-    isImgUrl(icon: string): boolean;
+    get sidebarStyles(): {
+        [key: string]: string;
+    };
+    trackByFn(index: number, item: FilterItem): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSidebarComponent, "lib-filter-sidebar", never, { "config": { "alias": "config"; "required": false; }; "initialFilters": { "alias": "initialFilters"; "required": false; }; }, { "filterChange": "filterChange"; "filterApply": "filterApply"; "filterClear": "filterClear"; "tabChange": "tabChange"; "showCodeSnippet": "showCodeSnippet"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterSidebarComponent, "lib-filter-sidebar", never, { "config": { "alias": "config"; "required": false; }; "initialFilters": { "alias": "initialFilters"; "required": false; }; }, { "filterChange": "filterChange"; "filterApply": "filterApply"; "filterClear": "filterClear"; "showCodeSnippet": "showCodeSnippet"; "close": "close"; }, never, ["[header-actions]"], false, never>;
+}
+
+declare class InputComponent implements ControlValueAccessor, OnInit, OnChanges {
+    config?: InputConfig;
+    labels?: InputLabels;
+    type: InputType;
+    label: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    clearable: boolean;
+    maxLength?: number;
+    minLength?: number;
+    min?: number | string;
+    max?: number | string;
+    pattern?: string;
+    errorMessage: string;
+    helperText: string;
+    rows: number;
+    prefixIcon?: any;
+    suffixIcon?: any;
+    value: any;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    valueChange: EventEmitter<any>;
+    inputBlur: EventEmitter<void>;
+    inputFocus: EventEmitter<void>;
+    showPassword: boolean;
+    focused: boolean;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    get requiredMarker(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: any): void;
+    onBlur(): void;
+    onFocus(): void;
+    togglePasswordVisibility(): void;
+    getIconType(icon: any): 'material' | 'fontawesome' | 'img' | 'none';
+    getIconValue(icon: any): string;
+    get inputType(): string;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    get labelStyles(): {
+        [key: string]: string | undefined;
+    };
+    get fieldStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "lib-input", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "valueChange": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, never, false, never>;
+}
+
+declare class DropdownComponent implements ControlValueAccessor, OnInit, OnChanges {
+    config?: DropdownConfig;
+    labels?: DropdownLabels;
+    options: DropdownOption[];
+    placeholder: string;
+    label: string;
+    multiple: boolean;
+    searchable: boolean;
+    clearable: boolean;
+    disabled: boolean;
+    required: boolean;
+    errorMessage: string;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    selectionChange: EventEmitter<any>;
+    viewport?: CdkVirtualScrollViewport;
+    searchInput?: ElementRef;
+    filteredOptions: DropdownOption[];
+    searchTerm: string;
+    value: any;
+    isOpen: boolean;
+    focusedIndex: number;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    get requiredMarker(): string;
+    get searchPlaceholder(): string;
+    get selectedSuffix(): string;
+    get clearAriaLabel(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    close(): void;
+    selectOption(option: DropdownOption): void;
+    isSelected(option: DropdownOption): boolean;
+    onSearch(term: string): void;
+    clearSelection(event?: Event): void;
+    getIconType(icon: any): 'material' | 'fontawesome' | 'img' | 'none';
+    getIconValue(icon: any): string;
+    getSelectedLabel(): string;
+    hasValue(): boolean;
+    handleKeyboardEvent(event: KeyboardEvent): void;
+    scrollToIndex(index: number): void;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    get labelStyles(): {
+        [key: string]: string | undefined;
+    };
+    get fieldStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}
+
+declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnChanges {
+    config: CheckboxConfig;
+    labels?: CheckboxLabels;
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    indeterminate: boolean;
+    options: CheckboxOption[];
+    labelPosition: 'before' | 'after';
+    color: string;
+    borderRadius: string;
+    value: any;
+    errorMessage: string;
+    width?: string;
+    height?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    gap?: string;
+    fontFamily?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    size?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    groupLabelColor?: string;
+    groupLabelFontSize?: string;
+    groupLabelFontWeight?: string;
+    checkedChange: EventEmitter<any>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    get isGroup(): boolean;
+    get requiredMarker(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onCheckboxChange(event: any): void;
+    onGroupCheckboxChange(option: CheckboxOption, event: any): void;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "lib-checkbox", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "options": { "alias": "options"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "groupLabelColor": { "alias": "groupLabelColor"; "required": false; }; "groupLabelFontSize": { "alias": "groupLabelFontSize"; "required": false; }; "groupLabelFontWeight": { "alias": "groupLabelFontWeight"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
+}
+
+declare class RadioComponent implements ControlValueAccessor, OnInit {
+    config?: RadioConfig;
+    label: string;
+    options: RadioOption[];
+    disabled: boolean;
+    required: boolean;
+    labelPosition: 'before' | 'after';
+    color: 'primary' | 'accent' | 'warn';
+    layout: 'vertical' | 'horizontal';
+    labels: RadioLabels;
+    gap?: string;
+    labelColor?: string;
+    checkedColor?: string;
+    uncheckedColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    groupLabelColor?: string;
+    groupLabelFontSize?: string;
+    groupLabelFontWeight?: string;
+    disabledColor?: string;
+    errorColor?: string;
+    size?: string;
+    borderRadius?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    selectionChange: EventEmitter<any>;
+    value: any;
+    uuid: string;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    ngOnChanges(changes: any): void;
+    private updateFromConfig;
+    get requiredMarker(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onRadioChange(event: any): void;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "lib-radio", never, { "config": { "alias": "config"; "required": false; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "groupLabelColor": { "alias": "groupLabelColor"; "required": false; }; "groupLabelFontSize": { "alias": "groupLabelFontSize"; "required": false; }; "groupLabelFontWeight": { "alias": "groupLabelFontWeight"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}
+
+declare class ToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
+    config?: ToggleConfig;
+    labels?: ToggleLabels;
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    labelPosition: 'before' | 'after';
+    color: string;
+    labelColor?: string;
+    uncheckedColor?: string;
+    checkedColor?: string;
+    thumbColor?: string;
+    checkedThumbColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    toggleWidth?: string;
+    toggleHeight?: string;
+    gap?: string;
+    sliderColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    disabledColor?: string;
+    toggleChange: EventEmitter<boolean>;
+    value: boolean;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onToggleChange(event: any): void;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "lib-toggle", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "uncheckedColor": { "alias": "uncheckedColor"; "required": false; }; "checkedColor": { "alias": "checkedColor"; "required": false; }; "thumbColor": { "alias": "thumbColor"; "required": false; }; "checkedThumbColor": { "alias": "checkedThumbColor"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "toggleWidth": { "alias": "toggleWidth"; "required": false; }; "toggleHeight": { "alias": "toggleHeight"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "sliderColor": { "alias": "sliderColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, never, false, never>;
+}
+
+declare class DatepickerComponent implements ControlValueAccessor, OnInit, OnChanges {
+    config?: DatePickerConfig;
+    labels?: DatepickerLabels;
+    label: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    minDate?: string | Date;
+    maxDate?: string | Date;
+    isRange: boolean;
+    startView: 'month' | 'year' | 'multi-year';
+    value: any;
+    startDate?: string | Date;
+    endDate?: string | Date;
+    errorMessage: string;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    errorColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    dateChange: EventEmitter<any>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    focused: boolean;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    get requiredMarker(): string;
+    get startDateLabel(): string;
+    get endDateLabel(): string;
+    private formatDate;
+    get formattedValue(): string;
+    get formattedStartDate(): string;
+    get formattedEndDate(): string;
+    get formattedMin(): string;
+    get formattedMax(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onDateInput(event: any): void;
+    onBlur(): void;
+    onFocus(): void;
+    onRangeStartInput(event: any): void;
+    onRangeEndInput(event: any): void;
+    private updateRangeValue;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    get labelStyles(): {
+        [key: string]: string | undefined;
+    };
+    get fieldStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "lib-datepicker", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "value": { "alias": "value"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "errorColor": { "alias": "errorColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
+}
+
+declare class SearchComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
+    config?: FilterSearchConfig;
+    labels?: SearchLabels;
+    placeholder: string;
+    label: string;
+    disabled: boolean;
+    debounceMs: number;
+    clearable: boolean;
+    value: any;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    gap?: string;
+    fontFamily?: string;
+    labelColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    border?: string;
+    padding?: string;
+    fontWeight?: string;
+    color?: string;
+    textColor?: string;
+    iconColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
+    boxShadow?: string;
+    search: EventEmitter<string>;
+    clear: EventEmitter<void>;
+    private searchSubject;
+    focused: boolean;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateFromConfig;
+    private updateFromLabels;
+    ngOnDestroy(): void;
+    get clearAriaLabel(): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: any): void;
+    onClear(): void;
+    onBlur(): void;
+    onFocus(): void;
+    private getStyleValue;
+    get wrapperStyles(): {
+        [key: string]: string | undefined;
+    };
+    get labelStyles(): {
+        [key: string]: string | undefined;
+    };
+    get fieldStyles(): {
+        [key: string]: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "lib-search", never, { "config": { "alias": "config"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "labelFontSize": { "alias": "labelFontSize"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "border": { "alias": "border"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "focusBorderColor": { "alias": "focusBorderColor"; "required": false; }; "disabledBackgroundColor": { "alias": "disabledBackgroundColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; }, { "search": "search"; "clear": "clear"; }, never, never, false, never>;
+}
+
+declare class ClickOutsideDirective {
+    private elementRef;
+    libClickOutside: EventEmitter<void>;
+    constructor(elementRef: ElementRef);
+    onClick(target: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[libClickOutside]", never, {}, { "libClickOutside": "libClickOutside"; }, never, never, false, never>;
+}
+
+declare class FormComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormComponentsModule, [typeof InputComponent, typeof DropdownComponent, typeof CheckboxComponent, typeof RadioComponent, typeof ToggleComponent, typeof DatepickerComponent, typeof SearchComponent, typeof ClickOutsideDirective], [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$1.FormsModule, typeof i11$1.ScrollingModule], [typeof InputComponent, typeof DropdownComponent, typeof CheckboxComponent, typeof RadioComponent, typeof ToggleComponent, typeof DatepickerComponent, typeof SearchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormComponentsModule>;
 }
 
 declare class FilterSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterSidebarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterSidebarModule, [typeof FilterSidebarComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof i3$1.ReactiveFormsModule, typeof MaterialModule], [typeof FilterSidebarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterSidebarModule, [typeof FilterSidebarComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof i3$1.ReactiveFormsModule, typeof FormComponentsModule, typeof ButtonModule], [typeof FilterSidebarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FilterSidebarModule>;
 }
 
+interface TableFilterItem {
+    key?: string;
+    type: FilterItemType;
+    label?: string;
+    visible?: boolean;
+    inputConfig?: InputConfig;
+    dropdownConfig?: DropdownConfig;
+    checkboxConfig?: CheckboxConfig;
+    radioConfig?: RadioConfig;
+    toggleConfig?: ToggleConfig;
+    datepickerConfig?: DatePickerConfig;
+    searchConfig?: FilterSearchConfig;
+    children?: TableFilterItem[];
+    expanded?: boolean;
+    styles?: {
+        [key: string]: string;
+    };
+}
+interface TableFilterConfig {
+    items: TableFilterItem[];
+    styles?: {
+        width?: string;
+        padding?: string;
+        gap?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        headerHeight?: string;
+    };
+    columns?: TableFilterColumn[];
+    settings?: {
+        persistent?: boolean;
+        collapsible?: boolean;
+    };
+    actions?: {
+        clear?: {
+            visible?: boolean;
+            label?: string;
+        };
+        apply?: {
+            visible?: boolean;
+            label?: string;
+        };
+    };
+}
+interface TableFilterColumn {
+    id: string;
+    label: string;
+    visible: boolean;
+    filterable?: boolean;
+    filterOptions?: any[];
+}
+interface TableFilterLabels {
+    filterBtn: string;
+    clear: string;
+    apply: string;
+    search: string;
+    columns: string;
+    showAll: string;
+    hideAll: string;
+    items?: string;
+}
+interface TableFilterOutput {
+    [key: string]: any;
+}
+interface TableFilterChangeEvent {
+    key: string;
+    value: any;
+    allFilters: TableFilterOutput;
+}
+
+declare class FilterComponent implements OnInit {
+    private elementRef;
+    private router;
+    private route;
+    config: TableFilterConfig;
+    activeFilters: TableFilterOutput;
+    columns: TableFilterColumn[];
+    labels: TableFilterLabels;
+    theme: string;
+    filterChange: EventEmitter<TableFilterOutput>;
+    columnChange: EventEmitter<TableFilterColumn[]>;
+    toggle: EventEmitter<boolean>;
+    isOpen: boolean;
+    activeTab: 'filters' | 'columns';
+    tempFilters: TableFilterOutput;
+    tempColumns: TableFilterColumn[];
+    constructor(elementRef: ElementRef, router: Router, route: ActivatedRoute);
+    ngOnInit(): void;
+    private initFromUrl;
+    onClickOutside(event: Event): void;
+    togglePanel(): void;
+    setActiveTab(tab: 'filters' | 'columns'): void;
+    onFilterChange(key: string | undefined, value: any): void;
+    toggleColumn(columnId: string): void;
+    toggleAllColumns(visible: boolean): void;
+    clearAll(): void;
+    apply(): void;
+    private updateUrl;
+    activeFilterCountValue(): number;
+    get activeFilterCount(): number;
+    private syncTempState;
+    get containerStyles(): {
+        [key: string]: string;
+    };
+    trackByFn(index: number, item: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "lib-filter", never, { "config": { "alias": "config"; "required": false; }; "activeFilters": { "alias": "activeFilters"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "filterChange": "filterChange"; "columnChange": "columnChange"; "toggle": "toggle"; }, never, never, false, never>;
+}
+
+declare class FilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterModule, [typeof FilterComponent], [typeof i2$1.CommonModule, typeof i3$1.FormsModule, typeof i3$1.ReactiveFormsModule, typeof ButtonModule, typeof FormComponentsModule], [typeof FilterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilterModule>;
+}
+
 interface SummaryCardConfig {
     header: string;
     value: string;
@@ -461,11 +1371,7 @@ interface FormSection {
 }
 interface FormConfig {
     sections: FormSection[];
-    submitLabel?: string;
-    cancelLabel?: string;
-    saveDraftLabel?: string;
     entityType?: string;
-    isModal?: boolean;
 }
 interface JsonFieldConfig {
     jsonKey: string;
@@ -489,12 +1395,11 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
     jsonConfig: JsonFormConfig;
     data: any;
     baseApiUrl: string;
-    formSubmit: EventEmitter<any>;
-    formCancel: EventEmitter<void>;
     optionsLoad: EventEmitter<any>;
     form: FormGroup;
     processedConfig: FormConfig;
     fieldVisibilityMap: Map<string, boolean>;
+    passwordFieldState: Map<string, boolean>;
     constructor(fb: FormBuilder, snackBar: MatSnackBar, http: HttpClient);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -513,7 +1418,7 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
     getFormArray(name: string): FormArray;
     addRepeaterItem(section: FormSection): void;
     removeRepeaterItem(sectionName: string, index: number): void;
-    onSubmit(): void;
+    validate(): boolean;
     scrollToFirstInvalidControl(): void;
     setupDependencies(): void;
     onFieldValueChange(field: FormField, value: any): void;
@@ -528,11 +1433,12 @@ declare class ConfigurableFormComponent implements OnInit, OnChanges {
     updateFileControlValue(field: FormField): void;
     getCharacterCount(fieldName: string): number;
     toggleSection(section: FormSection): void;
-    onCancel(): void;
     private findFieldByName;
     get sections(): FormSection[];
+    togglePassword(fieldName: string): void;
+    isPasswordVisible(fieldName: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableFormComponent, "lib-configurable-form", never, { "config": { "alias": "config"; "required": false; }; "jsonConfig": { "alias": "jsonConfig"; "required": false; }; "data": { "alias": "data"; "required": false; }; "baseApiUrl": { "alias": "baseApiUrl"; "required": false; }; }, { "formSubmit": "formSubmit"; "formCancel": "formCancel"; "optionsLoad": "optionsLoad"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableFormComponent, "lib-configurable-form", never, { "config": { "alias": "config"; "required": false; }; "jsonConfig": { "alias": "jsonConfig"; "required": false; }; "data": { "alias": "data"; "required": false; }; "baseApiUrl": { "alias": "baseApiUrl"; "required": false; }; }, { "optionsLoad": "optionsLoad"; }, never, never, true, never>;
 }
 
 declare class ConfigurableFormModule {
@@ -822,7 +1728,7 @@ declare class SmartFormModule {
 
 declare class SharedUiModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedUiModule, never, [typeof i2$1.CommonModule, typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof SmartFormModule], [typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof SmartFormModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedUiModule, never, [typeof i2$1.CommonModule, typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof FilterModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof FormComponentsModule, typeof SmartFormModule], [typeof MaterialModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof FilterModule, typeof SummaryCardModule, typeof ConfigurableFormModule, typeof FormComponentsModule, typeof SmartFormModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedUiModule>;
 }
 
@@ -1175,5 +2081,5 @@ declare namespace smartForm_examples_d {
   };
 }
 
-export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, ExpressionService, FilterSidebarComponent, FilterSidebarModule, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, SharedUiModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SummaryCardComponent, SummaryCardModule, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem };
-export type { AlertVariant, AttachmentConfig, ButtonVariant, ConfirmationModalConfig, DateConfig, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterOutput, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOption, FilterSidebarOutput, FilterSidebarSection, FilterSidebarTab, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RangeConfig, RatingConfig, SearchConfig, SectionConfig, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardMeta, TableAction, TableColumn, TableConfig, TableFilter, TableLabels, TableOption, TableTheme, TextConfig, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };
+export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CheckboxComponent, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, DatepickerComponent, DropdownComponent, ExpressionService, FilterComponent, FilterModule, FilterSidebarComponent, FilterSidebarModule, FormComponentsModule, InputComponent, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, RadioComponent, SearchComponent, SharedUiModule, SmartFormComponent, SmartFormController, smartForm_examples_d as SmartFormExamples, SmartFormModule, SmartTableComponent, SmartTableModule, SummaryCardComponent, SummaryCardModule, ToggleComponent, ValidationUtils, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem };
+export type { AlertLabels, AlertVariant, AttachmentConfig, ButtonLabels, ButtonVariant, CheckboxConfig, CheckboxLabels, CheckboxOption, ConfirmationModalConfig, DateConfig, DatePickerConfig, DatepickerLabels, DropdownConfig, DropdownLabels, DropdownOption, EmailConfig, FieldConfig, FieldType, FilterChangeEvent, FilterConfig, FilterItem, FilterItemType, FilterOutput, FilterSearchConfig, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOutput, FormConfig, FormField, FormOption, FormSchema, FormSection, GeneratedConfig, IconInput, InputConfig, InputLabels, InputType, JsonFieldConfig, JsonFormConfig, KeyType, LengthConstraint, LocationConfig, NavItem, NavStyleConfig, NestedStringConfig, NumberConfig, OptionConfig$1 as OptionConfig, OptionDTO, OptionItem, PaginationConfig, PaginationLabels, PhoneConfig, QueryParamsConfig, RadioConfig, RadioLabels, RadioOption, RangeConfig, RatingConfig, SearchConfig, SearchLabels, SectionConfig, StepperConfig, SubmitConfig, SummaryCardConfig, SummaryCardMeta, TableAction, TableColumn, TableConfig, TableFilter, TableFilterChangeEvent, TableFilterColumn, TableFilterConfig, TableFilterItem, TableFilterLabels, TableFilterOutput, TableLabels, TableOption, TableTheme, TextConfig, ToggleConfig, ToggleLabels, UIConfig, UISubType, UIType, UploadedFile, ValidationResult, ValidationRules };