@pega/angular-sdk-components 24.2.10 → 25.1.10

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

@@ -27,6 +27,8 @@ import { EmailComponent } from '../../_components/field/email/email.component';
 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';
@@ -39,7 +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';
@@ -47,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';
@@ -65,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';
@@ -107,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;
@@ -133,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;
@@ -159,6 +170,7 @@ declare const pegaSdkComponentMap: {
     ListUtility: typeof ListUtilityComponent;
     ListView: typeof ListViewComponent;
     ListViewActionButtons: typeof ListViewActionButtonsComponent;
+    Location: typeof LocationComponent;
     MaterialDetails: typeof MaterialDetailsComponent;
     MaterialUtility: typeof MaterialUtilityComponent;
     ModalViewContainer: typeof ModalViewContainerComponent;
@@ -168,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;
@@ -185,6 +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/banner/banner.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class BannerComponent {

package/lib/_components/designSystemExtension/case-create-stage/case-create-stage.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { OnInit, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';

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 | undefined, localeRuleKey?: string | undefined, componentName?: string | null | undefined) => string;
+    localizedVal: (localeKey: string, localePath?: string, localeRuleKey?: string | null, componentName?: string | null) => string;
     localeCategory: string;
     ngOnInit(): void;
     ngOnChanges(): void;

package/lib/_components/designSystemExtension/material-details-fields/material-details-fields.component.d.ts

@@ -7,6 +7,7 @@ export declare class MaterialDetailsFieldsComponent {
     arHighlightedFields: any[];
     _getValue(configValue: any, field?: any): any;
     _formatDate(dateValue: string, dateFormat: string): string;
+    getVisibility(config: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialDetailsFieldsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MaterialDetailsFieldsComponent, "app-material-details-fields", never, { "arFields$": { "alias": "arFields$"; "required": false; }; "arHighlightedFields": { "alias": "arHighlightedFields"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/_components/designSystemExtension/operator/operator.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { ElementRef, OnInit, Renderer2, ChangeDetectorRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
 import { Utils } from '../../../_helpers/utils';
 import * as i0 from "@angular/core";
@@ -9,10 +8,10 @@ export declare class OperatorComponent implements OnInit, OnChanges, OnDestroy {
     private utils;
     pConn$: typeof PConnect;
     displayLabel: any;
+    name$?: string;
     fields$: any[];
     bShowPopover$: boolean;
     date$: string;
-    name$: string;
     label$: string;
     id$: string;
     constructor(el: ElementRef, renderer: Renderer2, cdRef: ChangeDetectorRef, utils: Utils);
@@ -22,5 +21,5 @@ export declare class OperatorComponent implements OnInit, OnChanges, OnDestroy {
     updateSelf(): void;
     showOperator(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OperatorComponent, "app-operator", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "displayLabel": { "alias": "displayLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OperatorComponent, "app-operator", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "displayLabel": { "alias": "displayLabel"; "required": false; }; "name$": { "alias": "name$"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/_components/designSystemExtension/pulse/pulse.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 interface PulseProps {

package/lib/_components/designSystemExtension/rich-text-editor/rich-text-editor.component.d.ts

@@ -14,6 +14,7 @@ export declare class RichTextEditorComponent implements OnChanges {
     onBlur: EventEmitter<any>;
     onChange: EventEmitter<any>;
     richText: FormControl<any>;
+    editorConfig: any;
     ngOnChanges(): void;
     filePickerCallback: (cb: any) => void;
     blur(): void;

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

@@ -1,12 +1,13 @@
-/// <reference types="pcore-pconnect-typedefs" />
-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";
+interface IOption {
+    key: string;
+    value: string;
+}
 interface AutoCompleteProps extends PConnFieldProps {
     deferDatasource?: boolean;
     datasourceMetadata?: any;
@@ -17,46 +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>;
-    ngOnDestroy(): void;
+    setOptions(options: IOption[]): 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;
@@ -67,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

@@ -1,4 +1,3 @@
-/// <reference types="pcore-pconnect-typedefs" />
 import { EventEmitter, OnChanges } from '@angular/core';
 import { ProgressSpinnerService } from '../../../_messages/progress-spinner.service';
 import * as i0 from "@angular/core";
@@ -7,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,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 { 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'> {
@@ -17,30 +14,14 @@ interface CheckboxProps extends Omit<PConnFieldProps, 'value'> {
     primaryField: string;
     readonlyContextList: any;
     referenceList: string;
+    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;
@@ -51,20 +32,16 @@ export declare class CheckBoxComponent implements OnInit, OnDestroy {
     selectedvalues: any;
     referenceList: string;
     listOfCheckboxes: any[];
-    actionsApi: Object;
-    propName: string;
-    fieldControl: FormControl<string | null>;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
+    variant?: string;
     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,8 +1,6 @@
-/// <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 { 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 {
@@ -10,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,77 +1,26 @@
-/// <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 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,34 @@
-/// <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 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;
     };
+    timezone: string | undefined;
     placeholder: string;
-    actionsApi: Object;
-    propName: string;
-    formattedValue$: any;
-    constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
+    private sso;
+    scrollStrategy: import("@angular/cdk/overlay.d-BdoMy0hX").R;
     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 {};