@pega/angular-sdk-components 24.2.10 → 25.1.10

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

@@ -1,8 +1,5 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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 {
@@ -11,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 +18,22 @@ export declare class DecimalComponent implements OnInit, OnDestroy {
     formatter: any;
     formattedValue: any;
     inputMode: any;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    suffix: string;
+    /**
+     * 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,9 +1,5 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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 {
@@ -20,52 +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;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    set options(options: IOption[]);
+    /**
+     * 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 {};

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

@@ -1,46 +1,18 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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 EmailProps extends PConnFieldProps {
 }
-export declare class EmailComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class EmailComponent extends FieldBase implements OnInit, OnDestroy {
     configProps$: EmailProps;
-    label$: string;
-    value$: string;
-    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>;
-    actionsApi: Object;
-    propName: 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;
     fieldOnChange(event: any): void;
     fieldOnBlur(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmailComponent, "app-email", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailComponent, "app-email", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/field.base.d.ts

@@ -0,0 +1,57 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { AngularPConnectData, AngularPConnectService } from '../../_bridge/angular-pconnect';
+import { Utils } from '../../_helpers/utils';
+import * as i0 from "@angular/core";
+export declare class FieldBase implements OnInit, OnDestroy {
+    pConn$: typeof PConnect;
+    formGroup$: FormGroup;
+    protected angularPConnect: AngularPConnectService;
+    protected utils: Utils;
+    protected angularPConnectData: AngularPConnectData;
+    fieldControl: FormControl<any>;
+    controlName$: string;
+    actionsApi: object;
+    propName: string;
+    bHasForm$: boolean;
+    testId: string;
+    helperText: string;
+    placeholder: string;
+    value$: any;
+    label$: string;
+    hideLabel: boolean;
+    bRequired$: boolean;
+    bReadonly$: boolean;
+    bDisabled$: boolean;
+    bVisible$: boolean;
+    displayMode$: string;
+    /**
+     * Initializes the component, registers with AngularPConnect, and sets up form control.
+     */
+    ngOnInit(): void;
+    /**
+     * Cleans up the component by removing it from the form group and unsubscribing from any observables.
+     */
+    ngOnDestroy(): void;
+    onStateChange(): void;
+    checkAndUpdate(): void;
+    updateSelf(): void;
+    /**
+     * Updates the component's common properties based on the provided configuration.
+     *
+     * @param configProps The configuration properties to update.
+     */
+    protected updateComponentCommonProperties(configProps: any): void;
+    /**
+     * Displays the validation message if it exists.
+     */
+    private displayValidationMessage;
+    /**
+     * Retrieves the error message for the current field control.
+     *
+     * @returns The error message, or an empty string if no error is found.
+     */
+    getErrorMessage(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldBase, never, never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
@@ -14,18 +13,21 @@ export declare class GroupComponent implements OnInit {
     private angularPConnect;
     pConn$: typeof PConnect;
     formGroup$: FormGroup;
+    angularPConnectData: AngularPConnectData;
+    configProps$: GroupProps;
     arChildren$: any[];
     visibility$?: boolean;
     showHeading$?: boolean;
     heading$: string;
     instructions$: string;
     collapsible$: boolean;
-    angularPConnectData: AngularPConnectData;
-    configProps$: GroupProps;
     constructor(angularPConnect: AngularPConnectService);
     ngOnInit(): void;
     onStateChange(): void;
     checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GroupComponent, "app-group", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -1,46 +1,19 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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 IntegerProps extends PConnFieldProps {
 }
-export declare class IntegerComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class IntegerComponent extends FieldBase {
     configProps$: IntegerProps;
-    label$: string;
-    value$: number;
-    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>;
-    actionsApi: Object;
-    propName: 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;
-    fieldOnChange(): void;
+    fieldOnChange(event: any): void;
     fieldOnBlur(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IntegerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IntegerComponent, "app-integer", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IntegerComponent, "app-integer", never, {}, {}, never, never, true, never>;
 }
 export {};

package/lib/_components/field/list-view-action-buttons/list-view-action-buttons.component.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ListViewActionButtonsComponent {
     pConn$: typeof PConnect;
     context$: string;
     closeActionsDialog: EventEmitter<any>;
-    localizedVal: (localeKey: string, localePath?: string | undefined, localeRuleKey?: string | undefined, componentName?: string | null | undefined) => string;
+    localizedVal: (localeKey: string, localePath?: string, localeRuleKey?: string | null, componentName?: string | null) => string;
     localeCategory: string;
     isDisabled: boolean;
     onCancel(): void;

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

@@ -0,0 +1,47 @@
+import { FieldBase } from '../field.base';
+import { PConnFieldProps } from '../../../_types/PConnProps.interface';
+import * as i0 from "@angular/core";
+interface LocationProps extends PConnFieldProps {
+    coordinates: string;
+    showMap: boolean;
+    onlyCoordinates: boolean;
+    showMapReadOnly: boolean;
+}
+export declare class LocationComponent extends FieldBase {
+    private loader;
+    private autocompleteService;
+    private geocoder;
+    mapReady: boolean;
+    isLocating: boolean;
+    showMap: boolean;
+    filteredOptions: string[];
+    center: google.maps.LatLngLiteral;
+    markerPosition: google.maps.LatLngLiteral | null;
+    configProps$: LocationProps;
+    onlyCoordinates: boolean;
+    coordinates: string;
+    showMapReadOnly$: boolean;
+    valueProp: string;
+    coordinatesProp: string;
+    ngOnInit(): Promise<void>;
+    /**
+     * Updates the component when there are changes in the state.
+     */
+    updateSelf(): void;
+    onOptionSelected(event: any): void;
+    fieldOnBlur(): void;
+    locateMe(): void;
+    onMapClick(event: google.maps.MapMouseEvent): void;
+    private tryGetLocation;
+    private initializeGoogleServices;
+    private getPlacePredictions;
+    private isCoordinateString;
+    private getSuggestions;
+    private updateMap;
+    private updateProps;
+    private setCoordinates;
+    private setLocationValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LocationComponent, "app-location", never, {}, {}, never, never, true, never>;
+}
+export {};

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

@@ -1,40 +1,13 @@
-/// <reference types="pcore-pconnect-typedefs" />
-import { OnDestroy, OnInit } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
-import { Utils } from '../../../_helpers/utils';
+import { FieldBase } from '../field.base';
 import * as i0 from "@angular/core";
-export declare class MultiselectComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
-    label$: string;
-    value$: string;
-    bRequired$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    controlName$: string;
-    bHasForm$: boolean;
+export declare class MultiselectComponent extends FieldBase {
+    configProps$: any;
     listType: string;
-    placeholder: string;
-    fieldControl: FormControl<string | null>;
     parameters: {};
-    hideLabel: boolean;
-    configProps$: any;
     referenceList: any;
     selectionKey: string;
     primaryField: string;
-    initialCaseClass: any;
     showSecondaryInSearchOnly: boolean;
-    isGroupData: boolean;
-    referenceType: any;
-    secondaryFields: any;
-    groupDataSource: never[];
-    matchPosition: string;
-    maxResultsDisplay: any;
-    groupColumnsConfig: {}[];
     selectionList: any;
     listActions: any;
     selectedItems: any[];
@@ -43,13 +16,9 @@ export declare class MultiselectComponent implements OnInit, OnDestroy {
     dataApiObj: any;
     itemsTree: any[];
     trigger: any;
-    actionsApi: Object;
-    propName: string;
-    constructor(angularPConnect: AngularPConnectService, utils: Utils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
     setPropertyValuesFromProps(): void;
     getCaseListBasedOnParams(searchText: any, group: any, selectedRows: any, currentItemsTree: any, isTriggeredFromSearch?: boolean): void;
@@ -59,7 +28,6 @@ export declare class MultiselectComponent implements OnInit, OnDestroy {
     toggleSelection: (data: any) => void;
     removeChip: (data: any) => void;
     setSelectedItemsForReferenceList(data: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent, "app-multiselect", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent, "app-multiselect", never, {}, {}, never, never, true, never>;
 }

package/lib/_components/field/object-reference/object-reference.component.d.ts

@@ -0,0 +1,45 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ComponentMetadataConfig } from '@pega/pcore-pconnect-typedefs/interpreter/types';
+import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
+import { PConnFieldProps } from '../../../_types/PConnProps.interface';
+import * as i0 from "@angular/core";
+interface ObjectReferenceProps extends PConnFieldProps {
+    showPromotedFilters: boolean;
+    inline: boolean;
+    parameters: object;
+    mode: string;
+    targetObjectType: any;
+    allowAndPersistChangesInReviewMode: boolean;
+}
+export declare class ObjectReferenceComponent implements OnInit, OnDestroy {
+    private angularPConnect;
+    pConn$: typeof PConnect;
+    formGroup$: FormGroup;
+    angularPConnectData: AngularPConnectData;
+    configProps: ObjectReferenceProps;
+    value: {
+        [key: string]: any;
+    };
+    readOnly: boolean;
+    isForm: boolean;
+    type: string;
+    isDisplayModeEnabled: boolean;
+    canBeChangedInReviewMode: boolean;
+    newComponentName: string;
+    newPconn: typeof PConnect;
+    rawViewMetadata: ComponentMetadataConfig | undefined;
+    constructor(angularPConnect: AngularPConnectService);
+    ngOnInit(): void;
+    onStateChange(): void;
+    ngOnDestroy(): void;
+    checkAndUpdate(): void;
+    updateSelf(): void;
+    onRecordChange(value: any): void;
+    private getComponentType;
+    private createSemanticLinkPConnect;
+    private createOtherComponentPConnect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObjectReferenceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectReferenceComponent, "app-object-reference", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

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

@@ -1,54 +1,36 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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 PercentageProps extends PConnFieldProps {
+interface PercentageProps extends Omit<PConnFieldProps, 'value'> {
+    value?: number;
     showGroupSeparators?: string;
     decimalPrecision?: number;
     currencyISOCode?: string;
 }
-export declare class PercentageComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class PercentageComponent extends FieldBase {
     configProps$: PercentageProps;
-    label$: string;
-    value$: number;
-    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;
     inputMode: any;
     decimalPrecision: number | undefined;
-    fieldControl: FormControl<number | null>;
-    actionsApi: Object;
-    propName: string;
     formattedValue: 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;
-    fieldOnChange(): void;
+    /**
+     * Updates the percentage properties
+     *
+     * @param {Object} configProps - Configuration properties.
+     * @param {boolean} configProps.showGroupSeparators - Whether to show group separators.
+     * @param {number} configProps.decimalPrecision - The number of decimal places to display.
+     */
+    updatePercentageProperties(configProps: any): void;
+    fieldOnChange(event: any): void;
     fieldOnBlur(event: any): void;
-    getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PercentageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PercentageComponent, "app-percentage", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PercentageComponent, "app-percentage", never, {}, {}, never, never, true, never>;
 }
 export {};

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

@@ -1,50 +1,20 @@
-/// <reference types="pcore-pconnect-typedefs" />
-import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
-import { Utils } from '../../../_helpers/utils';
-import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
+import { FieldBase } from '../field.base';
 import { PConnFieldProps } from '../../../_types/PConnProps.interface';
 import * as i0 from "@angular/core";
 interface PhoneProps extends PConnFieldProps {
 }
-export declare class PhoneComponent implements OnInit, OnDestroy {
-    private angularPConnect;
-    private cdRef;
-    private utils;
-    pConn$: typeof PConnect;
-    formGroup$: FormGroup;
-    angularPConnectData: AngularPConnectData;
+export declare class PhoneComponent extends FieldBase {
     configProps$: PhoneProps;
-    label$: string;
-    value$: string;
-    bRequired$: boolean;
-    bReadonly$: boolean;
-    bDisabled$: boolean;
-    bVisible$: boolean;
-    displayMode$?: string;
-    controlName$: string;
-    bHasForm$: boolean;
-    componentReference: string;
-    testId: string;
-    separateDialCode: boolean;
-    afterBlur: boolean;
-    helperText: string;
-    fieldControl: FormControl<string | null>;
-    phoneForm: FormGroup<{
-        phone: FormControl<string | null>;
-    }>;
-    actionsApi: Object;
-    propName: string;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onStateChange(): void;
-    checkAndUpdate(): void;
+    preferredCountries: string[];
+    /**
+     * Updates the component when there are changes in the state.
+     */
     updateSelf(): void;
     fieldOnBlur(): void;
     fieldOnChange(): void;
+    updatePreferredCountries(): void;
     getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneComponent, "app-phone", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneComponent, "app-phone", never, {}, {}, never, never, true, never>;
 }
 export {};