commons-shared-web-ui 0.0.1

package/index.d.ts

@@ -0,0 +1,742 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges } 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';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i3 from '@angular/material/checkbox';
+import * as i4 from '@angular/material/divider';
+import * as i5 from '@angular/material/select';
+import * as i6 from '@angular/material/radio';
+import * as i7 from '@angular/material/dialog';
+import * as i8 from '@angular/material/form-field';
+import * as i9 from '@angular/material/datepicker';
+import * as i10 from '@angular/material/core';
+import * as i11 from '@angular/material/input';
+import * as i12 from '@angular/material/icon';
+import * as i13 from '@angular/material/progress-spinner';
+import * as i14 from '@angular/material/tabs';
+import * as i15 from '@angular/material/button';
+import * as i16 from '@angular/material/menu';
+import * as i17 from '@angular/material/progress-bar';
+import * as i18 from '@angular/material/tooltip';
+import * as i19 from '@angular/material/slider';
+import * as i20 from '@angular/material/list';
+import * as i21 from '@angular/material/chips';
+import * as i22 from '@angular/material/sort';
+import * as i23 from '@angular/material/autocomplete';
+import * as i24 from '@angular/material/slide-toggle';
+import * as i25 from '@angular/material/button-toggle';
+import * as i26 from '@angular/material/paginator';
+import * as i27 from '@angular/material/table';
+import * as i28 from '@angular/material/expansion';
+import * as i29 from '@angular/cdk/accordion';
+import * as i3$1 from '@angular/forms';
+import { ControlValueAccessor, FormGroup, FormBuilder, AbstractControl, FormControl, FormArray } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import * as i3$2 from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
+
+declare class MaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatCardModule, typeof i2.MatSnackBarModule, typeof i3.MatCheckboxModule, typeof i4.MatDividerModule, typeof i5.MatSelectModule, typeof i6.MatRadioModule, typeof i7.MatDialogModule, typeof i8.MatFormFieldModule, typeof i9.MatDatepickerModule, typeof i10.MatNativeDateModule, typeof i11.MatInputModule, typeof i12.MatIconModule, typeof i13.MatProgressSpinnerModule, typeof i14.MatTabsModule, typeof i15.MatButtonModule, typeof i16.MatMenuModule, typeof i14.MatTabsModule, typeof i17.MatProgressBarModule, typeof i18.MatTooltipModule, typeof i19.MatSliderModule, typeof i20.MatListModule, typeof i21.MatChipsModule, typeof i22.MatSortModule, typeof i23.MatAutocompleteModule, typeof i24.MatSlideToggleModule, typeof i25.MatButtonToggleModule], [typeof i1.MatCardModule, typeof i2.MatSnackBarModule, typeof i3.MatCheckboxModule, typeof i4.MatDividerModule, typeof i5.MatSelectModule, typeof i6.MatRadioModule, typeof i7.MatDialogModule, typeof i8.MatFormFieldModule, typeof i9.MatDatepickerModule, typeof i10.MatNativeDateModule, typeof i11.MatInputModule, typeof i12.MatIconModule, typeof i13.MatProgressSpinnerModule, typeof i14.MatTabsModule, typeof i15.MatButtonModule, typeof i16.MatMenuModule, typeof i14.MatTabsModule, typeof i17.MatProgressBarModule, typeof i18.MatTooltipModule, typeof i19.MatSliderModule, typeof i20.MatListModule, typeof i21.MatChipsModule, typeof i26.MatPaginatorModule, typeof i27.MatTableModule, typeof i28.MatExpansionModule, typeof i29.CdkAccordionModule, typeof i22.MatSortModule, typeof i23.MatAutocompleteModule, typeof i24.MatSlideToggleModule, typeof i25.MatButtonToggleModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MaterialModule>;
+}
+
+interface CardType1Config {
+    label: string;
+    value: string;
+    valueColor?: string;
+    subtext?: string;
+    subtextClass?: string;
+    width?: string;
+    height?: string;
+}
+interface CardType2Config {
+    iconName?: string;
+    iconUrl?: string;
+    label: string;
+    value: string;
+    targetText?: string;
+    iconBackgroundColor?: string;
+    iconColor?: string;
+    width?: string;
+    height?: string;
+}
+
+declare class CardType1Component {
+    config: CardType1Config;
+    theme: 'theme-1' | 'theme-2';
+    cardClick: EventEmitter<void>;
+    get valueStyle(): {
+        color: string;
+    } | {
+        color?: undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardType1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardType1Component, "lib-card-type-1", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, false, never>;
+}
+
+declare class CardType2Component {
+    config: CardType2Config;
+    theme: 'theme-1' | 'theme-2';
+    cardClick: EventEmitter<void>;
+    get iconBoxStyle(): {
+        backgroundColor: string;
+    } | {
+        backgroundColor?: undefined;
+    };
+    get iconStyle(): {
+        color: string;
+    } | {
+        color?: undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardType2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardType2Component, "lib-card-type-2", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, false, never>;
+}
+
+declare class CardsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardsModule, [typeof CardType1Component, typeof CardType2Component], [typeof i2$1.CommonModule, typeof MaterialModule], [typeof CardType1Component, typeof CardType2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardsModule>;
+}
+
+type AlertVariant = 'info' | 'warning' | 'warning-shadow' | 'success' | 'error';
+type IconInput = boolean | string | {
+    type: 'material' | 'fontawesome' | 'img';
+    value: string;
+};
+declare class AlertComponent implements OnInit {
+    variant: AlertVariant;
+    title: string;
+    message: string;
+    icon: IconInput;
+    customIcon: string;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    padding?: string;
+    gap?: string;
+    backgroundColor?: string;
+    color?: string;
+    borderColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    boxShadow?: string;
+    borderTopLeftRadius?: string;
+    borderTopRightRadius?: string;
+    borderBottomLeftRadius?: string;
+    borderBottomRightRadius?: string;
+    constructor();
+    ngOnInit(): void;
+    get isDefaultIcon(): boolean;
+    get isStringIcon(): boolean;
+    get isObjectIcon(): boolean;
+    get iconString(): string;
+    get isImgIcon(): boolean;
+    get iconObject(): {
+        type: string;
+        value: string;
+    };
+    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>;
+}
+
+declare class AlertModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof AlertComponent], [typeof i2$1.CommonModule], [typeof AlertComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
+}
+
+type ButtonVariant = 'primary' | 'warning' | 'outline' | 'secondary' | 'success' | 'danger' | 'danger-outline';
+declare class ButtonComponent implements OnInit {
+    variant: ButtonVariant;
+    type: 'button' | 'submit' | 'reset';
+    disabled: boolean;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    backgroundColor?: string;
+    color?: string;
+    border?: string;
+    icon: boolean | string | {
+        type: 'material' | 'fontawesome' | 'img';
+        value: string;
+    };
+    constructor();
+    ngOnInit(): void;
+    get isDefaultIcon(): boolean;
+    get isStringIcon(): boolean;
+    get isImgIcon(): boolean;
+    get isObjectIcon(): boolean;
+    get iconString(): string;
+    get iconObject(): {
+        type: string;
+        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>;
+}
+
+declare class ButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof ButtonComponent], [typeof i2$1.CommonModule], [typeof ButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
+}
+
+interface ConfirmationModalConfig {
+    title: string;
+    headerTheme?: 'light' | 'dark';
+    icon?: string | {
+        type: 'material' | 'custom';
+        value: string;
+        color?: string;
+    };
+    width?: string;
+    size?: 'sm' | 'md' | 'lg';
+    customClass?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    borderTopLeftRadius?: string;
+    borderTopRightRadius?: string;
+    borderBottomLeftRadius?: string;
+    borderBottomRightRadius?: string;
+    padding?: string;
+    headerBackgroundColor?: string;
+    headerTextColor?: string;
+    headerBorderBottom?: string;
+    bodyTextColor?: string;
+    footerBackgroundColor?: string;
+    footerBorderTop?: string;
+    confirmButton: {
+        label: string;
+        type: 'primary' | 'danger' | 'warning';
+        disabled?: boolean;
+        loading?: boolean;
+    };
+    cancelButton?: {
+        label?: string;
+        show?: boolean;
+    };
+    customFooter?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    showCloseButton?: boolean;
+    showCodeSnippetButton?: boolean;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+}
+
+declare class ConfirmationModalComponent implements OnInit, OnDestroy {
+    config: ConfirmationModalConfig;
+    isOpen: boolean;
+    confirm: EventEmitter<void>;
+    cancel: EventEmitter<void>;
+    close: EventEmitter<void>;
+    showCodeSnippet: EventEmitter<void>;
+    private defaultConfig;
+    mergedConfig: ConfirmationModalConfig;
+    private previousActiveElement;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private updateConfig;
+    ngOnDestroy(): void;
+    private toggleBodyScroll;
+    handleEscape(event: KeyboardEvent): void;
+    onBackdropClick(event: MouseEvent): void;
+    onConfirm(): void;
+    onCancel(): void;
+    onClose(): void;
+    onShowCodeSnippet(): void;
+    getModalWidth(): string;
+    getConfirmButtonClass(): string;
+    getHeaderClass(): string;
+    resolveIconType(icon: any): 'material' | 'custom' | 'img';
+    getIconValue(icon: any): string;
+    getIconColor(icon: any): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationModalComponent, "cc-confirmation-modal", never, { "config": { "alias": "config"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; "close": "close"; "showCodeSnippet": "showCodeSnippet"; }, never, ["*", "[cc-modal-footer]"], false, never>;
+}
+
+declare class ConfirmationModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmationModalModule, [typeof ConfirmationModalComponent], [typeof i2$1.CommonModule, typeof i12.MatIconModule, typeof i3$1.FormsModule], [typeof ConfirmationModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmationModalModule>;
+}
+
+interface FilterSidebarConfig {
+    tabs?: {
+        items: FilterSidebarTab[];
+        defaultActive?: string;
+    };
+    sections: FilterSidebarSection[];
+    actions?: {
+        apply?: {
+            label?: string;
+            visible?: boolean;
+            disabled?: boolean;
+        };
+        clear?: {
+            label?: string;
+            visible?: boolean;
+        };
+    };
+    settings?: {
+        collapsible?: boolean;
+        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;
+}
+interface FilterSidebarOutput {
+    [key: string]: any;
+}
+interface FilterSidebarChangeEvent {
+    key: string;
+    value: any;
+    allFilters: FilterSidebarOutput;
+}
+type FilterConfig = FilterSidebarConfig;
+type FilterChangeEvent = FilterSidebarChangeEvent;
+type FilterOutput = FilterSidebarOutput;
+
+declare class FilterSidebarComponent implements OnInit, ControlValueAccessor {
+    private router;
+    private route;
+    config: FilterSidebarConfig;
+    initialFilters: FilterSidebarOutput;
+    filterChange: EventEmitter<FilterSidebarChangeEvent>;
+    filterApply: EventEmitter<FilterSidebarOutput>;
+    filterClear: EventEmitter<void>;
+    tabChange: EventEmitter<string>;
+    showCodeSnippet: EventEmitter<void>;
+    filters: FilterSidebarOutput;
+    selectedTabId: string | null;
+    onChange: any;
+    onTouched: any;
+    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;
+    private notifyChanges;
+    private updateUrl;
+    applyFilters(): void;
+    clearFilters(): void;
+    trackByFn(index: number, item: any): any;
+    onShowCodeSnippet(): void;
+    isImgUrl(icon: string): boolean;
+    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>;
+}
+
+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 ɵinj: i0.ɵɵInjectorDeclaration<FilterSidebarModule>;
+}
+
+interface SummaryCardConfig {
+    header: string;
+    value: string;
+    description?: string;
+    icon?: string;
+    iconImage?: string;
+    descriptionPosition?: 'bottom' | 'inline';
+    valueSubtext?: string;
+    metaData?: SummaryCardMeta[];
+    valueColor?: string;
+    headerColor?: string;
+    descriptionColor?: string;
+    iconColor?: string;
+    iconBackgroundColor?: string;
+    iconClass?: string;
+    valueClass?: string;
+    headerClass?: string;
+    descriptionClass?: string;
+    isDisabled?: boolean;
+    isClickable?: boolean;
+}
+interface SummaryCardMeta {
+    text: string;
+    type?: 'text' | 'pill';
+    color?: string;
+    backgroundColor?: string;
+    cssClass?: string;
+}
+declare class SummaryCardComponent {
+    config: SummaryCardConfig;
+    theme: 'theme-1' | 'theme-2';
+    cardClick: EventEmitter<void>;
+    get hostClasses(): string;
+    constructor();
+    onCardClick(): void;
+    get cardClasses(): {
+        [key: string]: boolean;
+    };
+    get iconStyles(): {
+        [key: string]: string;
+    };
+    get headerStyles(): {
+        [key: string]: string;
+    };
+    get valueStyles(): {
+        [key: string]: string;
+    };
+    get descriptionStyles(): {
+        [key: string]: string;
+    };
+    get isDescriptionInline(): boolean;
+    getMetaStyles(meta: SummaryCardMeta): {
+        [key: string]: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryCardComponent, "lib-summary-card", never, { "config": { "alias": "config"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, false, never>;
+}
+
+declare class SummaryCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SummaryCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SummaryCardModule, [typeof SummaryCardComponent], [typeof i2$1.CommonModule, typeof i12.MatIconModule], [typeof SummaryCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SummaryCardModule>;
+}
+
+type FieldType = 'text' | 'number' | 'email' | 'tel' | 'password' | 'select' | 'radio' | 'textarea' | 'date' | 'composite' | 'file' | 'dropdown' | 'url';
+type KeyType = 'KEY_TYPE.UI_INPUT' | 'KEY_TYPE.NESTED_REF_JSON' | 'KEY_TYPE.REF_JSON';
+type UIType = 'UI_TYPE.TEXT' | 'UI_TYPE.DROP_DOWN' | 'UI_TYPE.RADIO' | 'UI_TYPE.DATE' | 'UI_TYPE.FILE' | 'UI_TYPE.TEXTAREA';
+type UISubType = 'UI_SUBTYPE.SHORT_TEXT' | 'UI_SUBTYPE.LONG_TEXT' | 'UI_SUBTYPE.NUMBER' | 'UI_SUBTYPE.EMAIL' | 'UI_SUBTYPE.PHONE' | 'UI_SUBTYPE.URL';
+type OptionDTO = 'OPTION_DTO.REF_DATA' | 'OPTION_DTO.STATIC';
+interface FormOption {
+    label: string;
+    value: any;
+    code?: string;
+    name?: string;
+}
+interface OptionConfig {
+    optionDTO: OptionDTO;
+    class?: string;
+    url?: string;
+    labelKey?: string;
+    requestKey?: string;
+    valueKey?: string;
+    staticOptions?: FormOption[];
+}
+interface UIConfig {
+    type: UIType;
+    subType?: UISubType;
+    dependent?: string[];
+    optionConfigs?: OptionConfig;
+    minCharacters?: number;
+    maxCharacters?: number;
+}
+interface ValidationRules {
+    isMandatory?: boolean;
+    isRequired?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    min?: number;
+    max?: number;
+}
+interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    url?: string;
+    file?: File;
+}
+interface FormField {
+    type?: FieldType;
+    name: string;
+    label?: string;
+    jsonKey?: string;
+    sequence?: number;
+    keyType?: KeyType;
+    uiConfig?: UIConfig;
+    validationRules?: ValidationRules;
+    placeholder?: string;
+    hint?: string;
+    helpText?: string;
+    options?: FormOption[];
+    required?: boolean;
+    mandatory?: boolean;
+    disabled?: boolean;
+    visible?: boolean;
+    class?: string;
+    value?: any;
+    icon?: string;
+    suffixIcon?: string;
+    prefixIcon?: string;
+    suffixText?: string;
+    readonly?: boolean;
+    subFields?: FormField[];
+    separator?: string;
+    dependsOn?: string;
+    dependent?: string[];
+    accept?: string;
+    multiple?: boolean;
+    uploadedFiles?: UploadedFile[];
+    optionConfigs?: OptionConfig;
+    loadedOptions?: FormOption[];
+    compositeValidationRule?: 'minTotal' | 'percentageTotal' | 'minMax';
+}
+interface FormSection {
+    sectionTitle?: string;
+    fields: FormField[];
+    isRepeater?: boolean;
+    addLabel?: string;
+    removeLabel?: string;
+    repeaterItemLabel?: string;
+    formArrayName?: string;
+    noCardLayout?: boolean;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    minItems?: number;
+    maxItems?: number;
+    class?: string;
+}
+interface FormConfig {
+    sections: FormSection[];
+    submitLabel?: string;
+    cancelLabel?: string;
+    saveDraftLabel?: string;
+    entityType?: string;
+    isModal?: boolean;
+}
+interface JsonFieldConfig {
+    jsonKey: string;
+    sequence: number;
+    label: string;
+    keyType: KeyType;
+    validationRules?: ValidationRules;
+    uiConfig: UIConfig;
+}
+interface JsonFormConfig {
+    entityType: string;
+    label: string;
+    jsonConfig: JsonFieldConfig[];
+}
+
+declare class ConfigurableFormComponent implements OnInit, OnChanges {
+    private fb;
+    private snackBar;
+    private http;
+    config: FormConfig;
+    jsonConfig: JsonFormConfig;
+    data: any;
+    baseApiUrl: string;
+    formSubmit: EventEmitter<any>;
+    formCancel: EventEmitter<void>;
+    optionsLoad: EventEmitter<any>;
+    form: FormGroup;
+    processedConfig: FormConfig;
+    fieldVisibilityMap: Map<string, boolean>;
+    constructor(fb: FormBuilder, snackBar: MatSnackBar, http: HttpClient);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    initializeForm(): void;
+    transformJsonConfig(jsonConfig: JsonFormConfig): FormConfig;
+    transformJsonField(jsonField: JsonFieldConfig): FormField;
+    mapUISubTypeToFieldType(subType?: string): FieldType;
+    normalizeFields(): void;
+    initializeFieldVisibility(): void;
+    buildForm(): void;
+    createCompositeValidator(field: FormField): (control: AbstractControl) => {
+        [x: string]: boolean;
+    };
+    createControl(field: FormField): FormControl;
+    createGroup(fields: FormField[]): FormGroup;
+    getFormArray(name: string): FormArray;
+    addRepeaterItem(section: FormSection): void;
+    removeRepeaterItem(sectionName: string, index: number): void;
+    onSubmit(): void;
+    scrollToFirstInvalidControl(): void;
+    setupDependencies(): void;
+    onFieldValueChange(field: FormField, value: any): void;
+    loadFieldOptions(field: FormField, parentValues?: any): void;
+    extractOptions(data: any[], config: any): FormOption[];
+    getFieldOptions(field: FormField): FormOption[];
+    isFieldVisible(field: FormField): boolean;
+    toggleFieldVisibility(field: FormField, visible: boolean): void;
+    updateControlValidators(control: AbstractControl, field: FormField): void;
+    onFileChange(event: any, field: FormField): void;
+    removeFile(field: FormField, index: number): void;
+    updateFileControlValue(field: FormField): void;
+    getCharacterCount(fieldName: string): number;
+    toggleSection(section: FormSection): void;
+    onCancel(): void;
+    private findFieldByName;
+    get sections(): FormSection[];
+    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>;
+}
+
+declare class ConfigurableFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfigurableFormModule, never, [typeof i2$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i3$2.HttpClientModule, typeof MaterialModule, typeof ConfigurableFormComponent], [typeof ConfigurableFormComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfigurableFormModule>;
+}
+
+declare class SharedUiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedUiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedUiModule, never, [typeof i2$1.CommonModule, typeof MaterialModule, typeof CardsModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof SummaryCardModule, typeof ConfigurableFormModule], [typeof MaterialModule, typeof CardsModule, typeof AlertModule, typeof ButtonModule, typeof ConfirmationModalModule, typeof FilterSidebarModule, typeof SummaryCardModule, typeof ConfigurableFormModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedUiModule>;
+}
+
+/**
+ * Utility functions for LocalStorage operations
+ */
+declare const getLocalStorageItem: (key: string) => string | null;
+declare const setLocalStorageItem: (key: string, value: string) => void;
+declare const removeLocalStorageItem: (key: string) => void;
+declare const clearLocalStorage: () => void;
+/**
+ * Utility functions for SessionStorage operations
+ */
+declare const getSessionStorageItem: (key: string) => string | null;
+declare const setSessionStorageItem: (key: string, value: string) => void;
+declare const removeSessionStorageItem: (key: string) => void;
+declare const clearSessionStorage: () => void;
+
+/**
+ * Example: Basic Form Configuration
+ * This is a generic example for testing and demonstration purposes.
+ */
+declare const EXAMPLE_FORM_CONFIG: FormConfig;
+/**
+ * Example: Target Group Configuration
+ * Demonstrates composite fields for Age Group and Gender Split
+ */
+declare const TARGET_GROUP_CONFIG: FormConfig;
+
+declare const configurableForm_examples_d_EXAMPLE_FORM_CONFIG: typeof EXAMPLE_FORM_CONFIG;
+declare const configurableForm_examples_d_TARGET_GROUP_CONFIG: typeof TARGET_GROUP_CONFIG;
+declare namespace configurableForm_examples_d {
+  export {
+    configurableForm_examples_d_EXAMPLE_FORM_CONFIG as EXAMPLE_FORM_CONFIG,
+    configurableForm_examples_d_TARGET_GROUP_CONFIG as TARGET_GROUP_CONFIG,
+  };
+}
+
+interface PaginationLabels {
+    items: string;
+    of: string;
+    perPage: string;
+}
+declare class PaginationComponent implements OnInit, OnChanges {
+    totalItems: number;
+    itemsPerPage: number;
+    currentPage: number;
+    pageSizeOptions: number[];
+    theme: 'theme-1' | 'theme-2';
+    labels: PaginationLabels;
+    pageChange: EventEmitter<number>;
+    itemsPerPageChange: EventEmitter<number>;
+    totalPages: number;
+    pages: (number | string)[];
+    startItem: number;
+    endItem: number;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    calculatePagination(): void;
+    getVisiblePages(current: number, total: number): (number | string)[];
+    onPageChange(page: number | string): void;
+    onItemsPerPageChange(event: Event): void;
+    nextPage(): void;
+    prevPage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "lib-pagination", never, { "totalItems": { "alias": "totalItems"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; }, never, never, false, never>;
+}
+
+declare class PaginationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof PaginationComponent], [typeof i2$1.CommonModule], [typeof PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
+}
+
+interface NavStyleConfig {
+    width?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    border?: string;
+    padding?: string;
+    gap?: string;
+    boxShadow?: string;
+    itemColor?: string;
+    itemRadius?: string;
+    itemPadding?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    activeItemBg?: string;
+    activeItemColor?: string;
+    activeItemFontWeight?: string;
+    activeItemBorderColor?: string;
+    hoverItemBg?: string;
+    hoverItemColor?: string;
+    badgeBg?: string;
+    badgeColor?: string;
+}
+
+interface NavItem {
+    id: string | number;
+    label: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+declare class NavComponent implements OnChanges {
+    items: NavItem[];
+    activeId: string | number | null;
+    variant: 'filled' | 'underline' | 'pills';
+    orientation: 'horizontal' | 'vertical';
+    styleConfig: NavStyleConfig;
+    selectionChange: EventEmitter<NavItem>;
+    ngOnChanges(changes: SimpleChanges): void;
+    get computedStyles(): {
+        [key: string]: string | undefined;
+    };
+    onItemClick(item: NavItem): void;
+    trackById(index: number, item: NavItem): string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavComponent, "lib-nav", never, { "items": { "alias": "items"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "styleConfig": { "alias": "styleConfig"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}
+
+declare class NavModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, [typeof NavComponent], [typeof i2$1.CommonModule], [typeof NavComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavModule>;
+}
+
+declare const DEFAULT_ITEMS_PER_PAGE = 10;
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+declare const PAGINATION_THEME_DEFAULT = "theme-1";
+declare const PAGINATION_THEME_DARK = "theme-2";
+declare const NAV_VARIANT_DEFAULT: 'filled' | 'underline' | 'pills';
+declare const NAV_ORIENTATION_DEFAULT: 'horizontal' | 'vertical';
+
+export { AlertComponent, AlertModule, ButtonComponent, ButtonModule, CardType1Component, CardType2Component, CardsModule, ConfigurableFormComponent, configurableForm_examples_d as ConfigurableFormExamples, ConfigurableFormModule, ConfirmationModalComponent, ConfirmationModalModule, DEFAULT_ITEMS_PER_PAGE, DEFAULT_PAGE_SIZE_OPTIONS, FilterSidebarComponent, FilterSidebarModule, MaterialModule, NAV_ORIENTATION_DEFAULT, NAV_VARIANT_DEFAULT, NavComponent, NavModule, PAGINATION_THEME_DARK, PAGINATION_THEME_DEFAULT, PaginationComponent, PaginationModule, SharedUiModule, SummaryCardComponent, SummaryCardModule, clearLocalStorage, clearSessionStorage, getLocalStorageItem, getSessionStorageItem, removeLocalStorageItem, removeSessionStorageItem, setLocalStorageItem, setSessionStorageItem };
+export type { AlertVariant, ButtonVariant, CardType1Config, CardType2Config, ConfirmationModalConfig, FieldType, FilterChangeEvent, FilterConfig, FilterOutput, FilterSidebarChangeEvent, FilterSidebarConfig, FilterSidebarOption, FilterSidebarOutput, FilterSidebarSection, FilterSidebarTab, FormConfig, FormField, FormOption, FormSection, IconInput, JsonFieldConfig, JsonFormConfig, KeyType, NavItem, NavStyleConfig, OptionConfig, OptionDTO, PaginationLabels, SummaryCardConfig, SummaryCardMeta, UIConfig, UISubType, UIType, UploadedFile, ValidationRules };