@pega/angular-sdk-components 0.25.1 → 0.25.2

package/lib/_bridge/angular-pconnect.d.ts

@@ -75,7 +75,7 @@ export declare class AngularPConnectService {
      * this component.
      * This is the full set of properties that are tracked in Redux for this component.
      */
-    getCurrentCompleteProps(inComp?: any): Object;
+    getCurrentCompleteProps(inComp?: any): object;
     /**
      * Registers the component and its callback function. When a component calls this method
      * (typically from its ngOnInit), the component is given a unique componentID (for this session)

package/lib/_bridge/component-mapper/component-mapper.component.d.ts

@@ -4,7 +4,7 @@ export declare class ComponentMapperComponent implements OnInit, OnDestroy, OnCh
     dynamicComponent: ViewContainerRef | undefined;
     componentRef: ComponentRef<any> | undefined;
     isInitialized: boolean;
-    name: string;
+    name?: string;
     props: any;
     errorMsg: string;
     outputEvents: any;

package/lib/_bridge/helpers/sdk-pega-component-map.d.ts

@@ -28,6 +28,7 @@ import { GroupComponent } from '../../_components/field/group/group.component';
 import { IntegerComponent } from '../../_components/field/integer/integer.component';
 import { ListViewActionButtonsComponent } from '../../_components/field/list-view-action-buttons/list-view-action-buttons.component';
 import { LocationComponent } from '../../_components/field/location/location.component';
+import { ObjectReferenceComponent } from '../../_components/field/object-reference/object-reference.component';
 import { PercentageComponent } from '../../_components/field/percentage/percentage.component';
 import { PhoneComponent } from '../../_components/field/phone/phone.component';
 import { RadioButtonsComponent } from '../../_components/field/radio-buttons/radio-buttons.component';
@@ -40,8 +41,10 @@ import { TimeComponent } from '../../_components/field/time/time.component';
 import { UrlComponent } from '../../_components/field/url/url.component';
 import { UserReferenceComponent } from '../../_components/field/user-reference/user-reference.component';
 import { ScalarListComponent } from '../../_components/field/scalar-list/scalar-list.component';
+import { SearchFormComponent } from '../../_components/template/data-reference/search-form/search-form.component';
 import { SelectableCardComponent } from '../../_components/field/selectable-card/selectable-card.component';
 import { RichTextComponent } from '../../_components/field/rich-text/rich-text.component';
+import { AdvancedSearchComponent } from '../../_components/template/advanced-search/advanced-search.component';
 import { AppShellComponent } from '../../_components/template/app-shell/app-shell.component';
 import { BannerPageComponent } from '../../_components/template/banner-page/banner-page.component';
 import { CaseSummaryComponent } from '../../_components/template/case-summary/case-summary.component';
@@ -49,6 +52,7 @@ import { CaseViewComponent } from '../../_components/template/case-view/case-vie
 import { ConfirmationComponent } from '../../_components/template/confirmation/confirmation.component';
 import { DataReferenceComponent } from '../../_components/template/data-reference/data-reference.component';
 import { DefaultFormComponent } from '../../_components/template/default-form/default-form.component';
+import { DefaultPageComponent } from '../../_components/template/default-page/default-page.component';
 import { DetailsComponent } from '../../_components/template/details/details.component';
 import { DetailsNarrowWideComponent } from '../../_components/template/details-narrow-wide/details-narrow-wide.component';
 import { DetailsOneColumnComponent } from '../../_components/template/details-one-column/details-one-column.component';
@@ -67,11 +71,14 @@ import { ListViewComponent } from '../../_components/template/list-view/list-vie
 import { MultiReferenceReadonlyComponent } from '../../_components/template/multi-reference-readonly/multi-reference-readonly.component';
 import { MultiselectComponent } from '../../_components/field/multiselect/multiselect.component';
 import { NarrowWideFormComponent } from '../../_components/template/narrow-wide-form/narrow-wide-form.component';
+import { ObjectPageComponent } from '../../_components/template/object-page/object-page.component';
 import { OneColumnComponent } from '../../_components/template/one-column/one-column.component';
 import { OneColumnPageComponent } from '../../_components/template/one-column-page/one-column-page.component';
 import { OneColumnTabComponent } from '../../_components/template/one-column-tab/one-column-tab.component';
 import { PageComponent } from '../../_components/template/page/page.component';
 import { PromotedFiltersComponent } from '../../_components/template/promoted-filters/promoted-filters.component';
+import { SearchGroupsComponent } from '../../_components/template/advanced-search/search-groups/search-groups.component';
+import { SelfServiceCaseViewComponent } from '../../_components/template/self-service-case-view/self-service-case-view.component';
 import { SimpleTableComponent } from '../../_components/template/simple-table/simple-table.component';
 import { SimpleTableManualComponent } from '../../_components/template/simple-table-manual/simple-table-manual.component';
 import { SimpleTableSelectComponent } from '../../_components/template/simple-table-select/simple-table-select.component';
@@ -109,6 +116,7 @@ import { PulseComponent } from '../../_components/designSystemExtension/pulse/pu
 import { RichTextEditorComponent } from '../../_components/designSystemExtension/rich-text-editor/rich-text-editor.component';
 import { WssQuickCreateComponent } from '../../_components/designSystemExtension/wss-quick-create/wss-quick-create.component';
 declare const pegaSdkComponentMap: {
+    AdvancedSearch: typeof AdvancedSearchComponent;
     ActionButtons: typeof ActionButtonsComponent;
     Alert: typeof AlertComponent;
     AlertBanner: typeof AlertBannerComponent;
@@ -135,6 +143,7 @@ declare const pegaSdkComponentMap: {
     DateTime: typeof DateTimeComponent;
     Decimal: typeof DecimalComponent;
     DefaultForm: typeof DefaultFormComponent;
+    DefaultPage: typeof DefaultPageComponent;
     DeferLoad: typeof DeferLoadComponent;
     Details: typeof DetailsComponent;
     DetailsFields: typeof MaterialDetailsFieldsComponent;
@@ -171,6 +180,8 @@ declare const pegaSdkComponentMap: {
     NarrowWideDetails: typeof DetailsNarrowWideComponent;
     NarrowWideForm: typeof NarrowWideFormComponent;
     NavBar: typeof NavbarComponent;
+    ObjectPage: typeof ObjectPageComponent;
+    ObjectReference: typeof ObjectReferenceComponent;
     OneColumn: typeof OneColumnComponent;
     OneColumnPage: typeof OneColumnPageComponent;
     OneColumnTab: typeof OneColumnTabComponent;
@@ -188,7 +199,10 @@ declare const pegaSdkComponentMap: {
     RichTextEditor: typeof RichTextEditorComponent;
     RootContainer: typeof RootContainerComponent;
     ScalarList: typeof ScalarListComponent;
+    SearchForm: typeof SearchFormComponent;
+    SearchGroups: typeof SearchGroupsComponent;
     SelectableCard: typeof SelectableCardComponent;
+    SelfServiceCaseView: typeof SelfServiceCaseViewComponent;
     SemanticLink: typeof SemanticLinkComponent;
     SimpleTable: typeof SimpleTableComponent;
     SimpleTableManual: typeof SimpleTableManualComponent;

package/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.d.ts

@@ -9,7 +9,7 @@ export declare class MaterialCaseSummaryComponent implements OnInit, OnChanges {
     secondaryFields$: any[];
     primaryFieldsWithStatus$: any[];
     constructor(utils: Utils);
-    localizedVal: (localeKey: string, localePath?: string, localeRuleKey?: string, componentName?: string | null) => string;
+    localizedVal: (localeKey: string, localePath?: string, localeRuleKey?: string | null, componentName?: string | null) => string;
     localeCategory: string;
     ngOnInit(): void;
     ngOnChanges(): void;

package/lib/_components/field/auto-complete/auto-complete.component.d.ts

@@ -1,8 +1,6 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { EventEmitter, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { FieldBase } from '../field.base';
 import { DatapageService } from '../../../_services/datapage.service';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
@@ -20,47 +18,23 @@ interface AutoCompleteProps extends PConnFieldProps {
     datasource: any;
     columns: any[];
 }
-export declare class AutoCompleteComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    private dataPageService;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class AutoCompleteComponent extends FieldBase implements OnInit {
+    protected dataPageService: DatapageService;
+    onRecordChange: EventEmitter<any>;
     configProps$: AutoCompleteProps;
-    label$: string;
-    value$: string;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
     options$: any[];
-    componentReference: string;
-    testId: string;
     listType: string;
     columns: never[];
-    helperText: string;
-    placeholder: string;
-    fieldControl: FormControl<string | null>;
     parameters: {};
-    hideLabel: boolean;
     filteredOptions: Observable<any[]>;
     filterValue: string;
-    actionsApi: Object;
-    propName: string;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils, dataPageService: DatapageService);
     ngOnInit(): Promise<void>;
     setOptions(options: IOption[]): void;
-    ngOnDestroy(): void;
     private _filter;
-    onStateChange(): Promise<void>;
-    checkAndUpdate(): Promise<void>;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): Promise<void>;
-    setPropertyValuesFromProps(): void;
     generateColumnsAndDataSource(): {
         columns: any[];
         datasource: any;
@@ -71,9 +45,7 @@ export declare class AutoCompleteComponent implements OnInit, OnDestroy {
     preProcessColumns(columnList: any): any;
     fieldOnChange(event: Event): void;
     optionChanged(event: any): void;
-    fieldOnBlur(event: Event): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "app-auto-complete", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "app-auto-complete", never, {}, { "onRecordChange": "onRecordChange"; }, never, never, true, never>;
 }
 export {};

package/lib/_components/field/cancel-alert/cancel-alert.component.d.ts

@@ -6,18 +6,20 @@ export declare class CancelAlertComponent implements OnChanges {
     pConn$: typeof PConnect;
     bShowAlert$: boolean;
     onAlertState$: EventEmitter<boolean>;
-    heading$: string;
-    body1$: string;
-    body2$: string;
     itemKey: string;
     localizedVal: Function;
     localeCategory: string;
+    discardButton: any;
+    goBackButton: any;
     constructor(psService: ProgressSpinnerService);
     ngOnChanges(): void;
-    dismissAlert(): void;
     dismissAlertOnly(): void;
+    dismissAlert(): void;
     sendMessage(sMessage: string): void;
-    buttonClick(sAction: any): void;
+    createCancelAlertButtons(): void;
+    buttonClick({ action }: {
+        action: any;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CancelAlertComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CancelAlertComponent, "app-cancel-alert", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "bShowAlert$": { "alias": "bShowAlert$"; "required": false; }; }, { "onAlertState$": "onAlertState$"; }, never, never, true, never>;
 }

package/lib/_components/field/check-box/check-box.component.d.ts

@@ -1,7 +1,5 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { OnInit, OnDestroy } from '@angular/core';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface CheckboxProps extends Omit<PConnFieldProps, 'value'> {
@@ -19,29 +17,11 @@ interface CheckboxProps extends Omit<PConnFieldProps, 'value'> {
     variant?: string;
     renderMode: string;
 }
-export declare class CheckBoxComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class CheckBoxComponent extends FieldBase implements OnInit, OnDestroy {
     configProps$: CheckboxProps;
-    label$: string;
-    value$: any;
     caption$?: string;
-    testId: string;
     showLabel$: boolean;
     isChecked$: boolean;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    helperText: string;
     trueLabel$?: string;
     falseLabel$?: string;
     selectionMode?: string;
@@ -52,21 +32,16 @@ export declare class CheckBoxComponent implements OnInit, OnDestroy {
     selectedvalues: any;
     referenceList: string;
     listOfCheckboxes: any[];
-    actionsApi: Object;
-    propName: string;
     variant?: string;
-    fieldControl: FormControl<string | null>;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
     fieldOnChange(event: any): void;
     fieldOnBlur(event: any): void;
     handleChangeMultiMode(event: any, element: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "app-check-box", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "app-check-box", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/currency/currency.component.d.ts

@@ -1,7 +1,6 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { FormControl } from '@angular/forms';
+import { NgxCurrencyInputMode } from 'ngx-currency';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface CurrrencyProps extends PConnFieldProps {
@@ -9,46 +8,32 @@ interface CurrrencyProps extends PConnFieldProps {
     allowDecimals: boolean;
     formatter?: string;
 }
-export declare class CurrencyComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class CurrencyComponent extends FieldBase {
     configProps$: CurrrencyProps;
-    label$: string;
-    value$: any;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    testId: string;
-    helperText: string;
-    placeholder: string;
-    currencyISOCode: string;
-    currencyOptions: Object;
     fieldControl: FormControl<number | null>;
+    currencyOptions: object;
     currencySymbol: string;
     thousandSeparator: string;
     decimalSeparator: string;
-    inputMode: any;
     decimalPrecision: number | undefined;
     formattedValue: string;
     formatter: any;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    inputMode: NgxCurrencyInputMode;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
+    /**
+     * Updates the currency properties
+     *
+     * @param {Object} configProps - Configuration properties.
+     * @param {boolean} configProps.allowDecimals - Whether to allow decimal values.
+     * @param {string} configProps.currencyISOCode - The ISO code of the currency.
+     * @param {string} configProps.formatter - The formatter type (e.g., 'currency').
+     */
+    protected updateCurrencyProperties(configProps: any): void;
     fieldOnBlur(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CurrencyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyComponent, "app-currency", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencyComponent, "app-currency", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/date/date.component.d.ts

@@ -1,76 +1,26 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { OnInit, OnDestroy } from '@angular/core';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface DateProps extends PConnFieldProps {
 }
-declare class MyFormat {
-    theDateFormat: {
-        dateFormatString: string;
-        dateFormatStringLong: string;
-        dateFormatStringLC: string;
-        dateFormatMask: string;
-    };
-    get display(): {
-        dateInput: string;
-        monthYearLabel: string;
-        dateA11yLabel: string;
-        monthYearA11yLabel: string;
-    };
-    get parse(): {
-        dateInput: string;
-    };
-}
-export declare class DateComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    private config;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class DateComponent extends FieldBase implements OnInit, OnDestroy {
     configProps$: DateProps;
-    label$: string;
-    value$: any;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    testId: string;
-    helperText: string;
-    placeholder: string;
-    fieldControl: FormControl<string | null>;
-    dateFormatInfo: {
-        dateFormatString: string;
-        dateFormatStringLong: string;
-        dateFormatStringLC: string;
-        dateFormatMask: string;
-    };
     theDateFormat: {
         dateFormatString: string;
         dateFormatStringLong: string;
         dateFormatStringLC: string;
         dateFormatMask: string;
     };
-    actionsApi: Object;
-    propName: string;
     formattedValue$: any;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils, config: MyFormat);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
     fieldOnDateChange(event: any): void;
     hasErrors(): boolean;
     getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "app-date", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "app-date", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/date-time/date-time.component.d.ts

@@ -1,62 +1,32 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { OnInit, OnDestroy } from '@angular/core';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface DateTimeProps extends PConnFieldProps {
 }
-export declare class DateTimeComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class DateTimeComponent extends FieldBase implements OnInit, OnDestroy {
     configProps$: DateTimeProps;
-    label$: string;
-    value$: any;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    testId: string;
-    helperText: string;
-    fieldControl: FormControl<string | null>;
     stepHour: number;
     stepMinute: number;
     stepSecond: number;
     color: string;
-    dateFormatInfo: {
-        dateFormatString: string;
-        dateFormatStringLong: string;
-        dateFormatStringLC: string;
-        dateFormatMask: string;
-    };
+    formattedValue$: any;
     theDateFormat: {
         dateFormatString: string;
         dateFormatStringLong: string;
         dateFormatStringLC: string;
         dateFormatMask: string;
     };
-    placeholder: string;
-    actionsApi: Object;
-    propName: string;
-    formattedValue$: any;
     timezone: string | undefined;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
+    placeholder: string;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
+    generateDateTime(sVal: any): string;
     fieldOnDateChange(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeComponent, "app-date-time", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeComponent, "app-date-time", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/decimal/decimal.component.d.ts

@@ -1,7 +1,5 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { FormControl } from '@angular/forms';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface DecimalProps extends PConnFieldProps {
@@ -10,27 +8,8 @@ interface DecimalProps extends PConnFieldProps {
     showGroupSeparators?: string;
     formatter?: string;
 }
-export declare class DecimalComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class DecimalComponent extends FieldBase {
     configProps$: DecimalProps;
-    label$: string;
-    value$: any;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    testId: string;
-    helperText: string;
-    placeholder: string;
     fieldControl: FormControl<number | null>;
     decimalSeparator: string;
     thousandSeparator: string;
@@ -40,15 +19,21 @@ export declare class DecimalComponent implements OnInit, OnDestroy {
     formattedValue: any;
     inputMode: any;
     suffix: string;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
+    /**
+     * Updates decimal properties based on the provided configuration.
+     *
+     * @param {Object} configProps - Configuration properties.
+     * @param {string} configProps.currencyISOCode - ISO code of the currency.
+     * @param {string} configProps.formatter - Formatter type (e.g., 'decimal', 'currency').
+     * @param {boolean} configProps.showGroupSeparators - Whether to show group separators.
+     */
+    protected updateDecimalProperties(configProps: any): void;
     fieldOnBlur(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DecimalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DecimalComponent, "app-decimal", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DecimalComponent, "app-decimal", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/dropdown/dropdown.component.d.ts

@@ -1,8 +1,5 @@
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { DatapageService } from '../../../_services/datapage.service';
-import { Utils } from '../../../_helpers/utils';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface IOption {
@@ -19,53 +16,32 @@ interface DropdownProps extends PConnFieldProps {
     datasourceMetadata?: any;
     parameters?: any;
 }
-export declare class DropdownComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    private dataPageService;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class DropdownComponent extends FieldBase implements OnInit, OnDestroy {
+    onRecordChange: EventEmitter<any>;
     configProps$: DropdownProps;
-    label$: string;
-    value$: string;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
     options$: IOption[];
-    componentReference: string;
-    testId: string;
-    helperText: string;
-    hideLabel: any;
     theDatasource: any[] | null;
-    fieldControl: FormControl<string | null>;
-    fieldMetadata: any[];
     localeContext: string;
     localeClass: string;
     localeName: string;
     localePath: string;
     localizedValue: string;
-    actionsApi: Object;
-    propName: string;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils, dataPageService: DatapageService);
-    ngOnInit(): void;
     set options(options: IOption[]);
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
+    /**
+     * Updates dropdown properties based on the provided configuration.
+     * @param configProps - Configuration properties
+     */
+    updateDropdownProperties(configProps: any): void;
     getDatapageData(): void;
     getData(dataSource: any, parameters: any, columns: any, context: any, listType: any): void;
     isSelected(buttonValue: string): boolean;
     fieldOnChange(event: any): void;
     getLocalizedOptionValue(opt: IOption): string;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "app-dropdown", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "app-dropdown", never, {}, { "onRecordChange": "onRecordChange"; }, never, never, true, never>;
 }
 export {};