ets-fe-ng-sdk 20.0.0 → 20.0.2

package/index.d.ts

@@ -2178,7 +2178,7 @@ declare class BtnComponent implements OnInit {
     /** CSS class for the button */
     readonly _mclass: _angular_core.WritableSignal<string>;
     /** HTML button type (submit, button, reset) */
-    readonly actionType: _angular_core.InputSignal<"submit" | "reset" | "button">;
+    readonly actionType: _angular_core.InputSignal<"submit" | "button" | "reset">;
     /** Enables animation effect on the button */
     readonly animate: _angular_core.InputSignal<boolean>;
     /** Excludes this button from logging when true */
@@ -2195,17 +2195,16 @@ declare class BtnComponent implements OnInit {
      */
     set customIcon(v: string);
     /** Form to bind to the button for validation */
-    readonly form: _angular_core.InputSignal<AbstractControl<any, any, any> | FormGroup<any> | FormArray<any> | FormControl<any>>;
+    readonly form: _angular_core.InputSignal<FormGroup<any> | FormControl<any> | FormArray<any> | AbstractControl<any, any, any>>;
     /** Subject for form changes */
-    protected readonly form$: ReplaySubject<AbstractControl<any, any, any>>;
+    protected readonly formStateRes: _angular_core.ResourceRef<boolean>;
     /** Signal for form validity state */
     protected readonly formState: _angular_core.Signal<boolean>;
     /** Multiple forms to bind to the button for validation */
-    readonly forms: _angular_core.InputSignal<(AbstractControl<any, any, any> | FormGroup<any> | FormArray<any> | FormControl<any>)[]>;
-    /** Subject for forms changes */
-    protected readonly forms$: ReplaySubject<AbstractControl<any, any, any>[]>;
+    readonly forms: _angular_core.InputSignal<(FormGroup<any> | FormControl<any> | FormArray<any> | AbstractControl<any, any, any>)[]>;
     /** Signal for multiple forms validity state */
-    protected readonly formsState: _angular_core.Signal<Omit<IFormState, "status">>;
+    protected readonly formsStateRes: _angular_core.ResourceRef<Omit<IFormState, "status">>;
+    protected readonly formsState: _angular_core.Signal<boolean>;
     /** Tooltip message to display */
     readonly help: _angular_core.InputSignal<string>;
     /** Delay before showing tooltip in milliseconds */
@@ -2951,7 +2950,7 @@ declare class InfoDialogComponent implements OnInit {
      * @param status Status code (0=danger, 1=success, 2=info, 3=warning)
      * @returns CSS class name corresponding to the status
      */
-    cls: (status?: 0 | 1 | 2 | 3) => "" | "info" | "danger" | "success" | "warning";
+    cls: (status?: 0 | 1 | 2 | 3) => "info" | "warning" | "" | "danger" | "success";
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
@@ -3121,7 +3120,7 @@ declare class UtilityService<TEnvironment extends SDKEnvironment = SDKEnvironmen
      * @returns Array containing value, validators, and async validators
      * @template T - Type of the form control value
      */
-    formControl: <T>(value?: T | null, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (ValidatorFn | AsyncValidatorFn | ValidatorFn[] | AsyncValidatorFn[] | FormControlOptions | T)[];
+    formControl: <T>(value?: T | null, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (FormControlOptions | AsyncValidatorFn | AsyncValidatorFn[] | ValidatorFn | ValidatorFn[] | T)[];
     /**
      * Navigates back to the previous page using Angular's Location service
      */
@@ -5079,8 +5078,8 @@ declare class InputBase<TFormGroup extends {
     readonly addOnControlObtainedHook: (key: string, func: (control: ReturnType<typeof this.control>) => any) => void;
     /** Observable of value changes from the control */
     readonly valueChanges: rxjs.Observable<any>;
-    readonly formChanged: rxjs.Observable<_angular_forms.ControlEvent<any>>;
-    readonly formFieldNotifier: _angular_core.Signal<number>;
+    readonly formChangedRes: _angular_core.ResourceRef<_angular_forms.ControlEvent<any>>;
+    readonly formFieldNotifier: _angular_core.Signal<_angular_forms.ControlEvent<any>>;
     /** Signal for whether the input is valid */
     readonly validSignal: _angular_core.Signal<boolean>;
     /** Signal for whether the input is invalid */
@@ -7263,7 +7262,7 @@ declare class TableHttpsComponent<TItem = any> extends TableBaseComponent<TItem>
     readonly form: FormGroup<{
         pageNumber: FormControl<number>;
         sortBy: FormControl<keyof TItem>;
-        sortDirection: FormControl<"" | "DESC" | "ASC">;
+        sortDirection: FormControl<"" | "ASC" | "DESC">;
         pageSize: FormControl<number>;
     }>;
     /**
@@ -7272,7 +7271,7 @@ declare class TableHttpsComponent<TItem = any> extends TableBaseComponent<TItem>
     readonly allQueryData: _angular_core.Signal<{
         pageNumber: number;
         sortBy: keyof TItem;
-        sortDirection: "" | "DESC" | "ASC";
+        sortDirection: "" | "ASC" | "DESC";
         pageSize: number;
     }>;
     /**
@@ -7281,7 +7280,7 @@ declare class TableHttpsComponent<TItem = any> extends TableBaseComponent<TItem>
     readonly formValue: _angular_core.Signal<{
         pageNumber: number;
         sortBy: keyof TItem;
-        sortDirection: "" | "DESC" | "ASC";
+        sortDirection: "" | "ASC" | "DESC";
         pageSize: number;
     }>;
     /**
@@ -8666,18 +8665,14 @@ declare class FieldsToDisplayComponent {
 declare class FormErrorComponent {
     el: ElementRef<HTMLElement>;
     uS: UtilityService;
-    destroyerRef: DestroyRef;
-    /** Subscription manager for handling form status changes */
-    readonly sub: {
-        clear: () => void;
-        push: (...subs: rxjs.Subscription[]) => number;
-        subs: () => rxjs.Subscription[];
-    };
-    set form(v: Form | Form[]);
+    readonly form: _angular_core.InputSignal<Form | Form[]>;
+    protected readonly formErrorRes: _angular_core.ResourceRef<{
+        formControl: AbstractControl;
+        label: string;
+        parent: string | null;
+    }[]>;
     /** Signal containing all errors from the monitored form(s) */
-    readonly errors: _angular_core.WritableSignal<IError>;
-    /** Computed signal filtering to only invalid or pending form controls */
-    readonly cErrors: _angular_core.Signal<IError>;
+    readonly errors: _angular_core.Signal<IError>;
     /** Input signal to enable custom result display */
     readonly customResult: _angular_core.InputSignal<boolean>;
     /** Input signal to display errors inline */
@@ -8698,7 +8693,7 @@ declare class FormErrorComponent {
      * @param uS Utility service for formatting and other operations
      * @param destroyerRef Reference for handling component destruction
      */
-    constructor(el: ElementRef<HTMLElement>, uS: UtilityService, destroyerRef: DestroyRef);
+    constructor(el: ElementRef<HTMLElement>, uS: UtilityService);
     /**
      * Recursively collects error messages from a form or form control.
      * @param form The form or control to check for errors
@@ -8714,7 +8709,7 @@ declare class FormErrorComponent {
      */
     toggleErrors(errCont?: HTMLDivElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormErrorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormErrorComponent, "form-error", never, { "form": { "alias": "form"; "required": false; }; "customResult": { "alias": "customResult"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "lgGridNo": { "alias": "lgGridNo"; "required": false; "isSignal": true; }; "xxlGridNo": { "alias": "xxlGridNo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormErrorComponent, "form-error", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "customResult": { "alias": "customResult"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "lgGridNo": { "alias": "lgGridNo"; "required": false; "isSignal": true; }; "xxlGridNo": { "alias": "xxlGridNo"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /** Type representing a form control, group, or array */
 type Form = FormGroup | FormControl | FormArray;
@@ -9459,6 +9454,7 @@ declare class ValidationMessageComponent {
     /** Computed control that resolves to either the direct control or the one from the input component */
     protected readonly computedControl: _angular_core.Signal<AbstractControl<any, any, any>>;
     /** Signal that notifies when the form field changes */
+    protected readonly formEventsRes: _angular_core.ResourceRef<_angular_forms.ControlEvent<any>>;
     protected readonly formFieldNotifier: _angular_core.Signal<_angular_forms.ControlEvent<any>>;
     /** Computed minimum length from various sources */
     readonly minLength: _angular_core.Signal<number>;
@@ -9752,7 +9748,7 @@ declare class ResizeGridPipe implements PipeTransform {
  */
 declare class IndexCompLayoutComponent {
     /** Number of columns in the grid layout */
-    readonly grid: InputSignal<2 | 1 | 4 | 3 | 5 | 6 | "auto">;
+    readonly grid: InputSignal<1 | 5 | 3 | 2 | 4 | 6 | "auto">;
     /** Whether to show the action buttons */
     readonly showButtons: InputSignal<boolean>;
     /** Whether to hide the clone button */
@@ -10568,8 +10564,8 @@ declare class PhoneNumberComponent extends InputBasicComponent {
                 getExtension(number: string, iso2: string | undefined): string;
                 getNumberType(number: string, iso2: string | undefined): number;
                 getValidationError(number: string, iso2: string | undefined): number;
-                isPossibleNumber(number: string, iso2: string | undefined, numberType?: ("UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP")[] | null): boolean;
-                isValidNumber(number: string, iso2: string | undefined, numberType?: ("UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP")[] | null): boolean;
+                isPossibleNumber(number: string, iso2: string | undefined, numberType?: ("FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP")[] | null): boolean;
+                isValidNumber(number: string, iso2: string | undefined, numberType?: ("FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP")[] | null): boolean;
                 numberFormat: {
                     NATIONAL: number;
                     INTERNATIONAL: number;
@@ -10580,12 +10576,12 @@ declare class PhoneNumberComponent extends InputBasicComponent {
             };
         }>;
         nationalMode?: boolean;
-        placeholderNumberType?: "UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP";
+        placeholderNumberType?: "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP";
         showFlags?: boolean;
         separateDialCode?: boolean;
         strictMode?: boolean;
         useFullscreenPopup?: boolean;
-        validationNumberTypes?: ("UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP")[] | null;
+        validationNumberTypes?: ("FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP")[] | null;
     }>;
     /**
      * Initializes the component by adding a custom validator to the form control.

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "ets-fe-ng-sdk",
-  "version": "20.0.0",
+  "version": "20.0.2",
   "repository": {
     "url": "https://github.com/Evolutics-Tech/ets-fe-sdk"
   },
   "author": "Evolutics Technology Services",
   "homepage": "https://www.evoluticstech.com/",
   "peerDependencies": {
-    "@angular/animations": "^19.1.1",
-    "@angular/cdk": "^19.1.0",
-    "@angular/common": "^19.1.1",
-    "@angular/compiler": "^19.1.1",
-    "@angular/core": "^19.1.1",
-    "@angular/forms": "^19.1.1",
-    "@angular/material": "^19.1.0",
-    "@angular/platform-browser": "^19.1.1",
-    "@angular/platform-browser-dynamic": "^19.1.1",
-    "@angular/router": "^19.1.1",
-    "@angular/service-worker": "^19.1.1",
-    "@evolutics/translation": "^19.0.0",
+    "@angular/animations": "^20.0.0",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/material": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@angular/service-worker": "^20.0.0",
+    "@evolutics/translation": "^20.0.0",
     "@fortawesome/angular-fontawesome": "^1.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
@@ -31,11 +31,11 @@
     "@ngrx/store": "^19.0.0",
     "@sentry/angular": "^8.50.0",
     "@sentry/cli": "^2.40.0",
-    "@serene-dev/ng-tel-input": "^19.0.0",
-    "@serene-dev/toast-notifications": "19.0.1",
+    "@serene-dev/ng-tel-input": "^20.0.0",
+    "@serene-dev/toast-notifications": "20.0.0",
     "crypto-js": "^4.2.0",
     "file-saver": "^2.0.5",
-    "intl-tel-input": "^25.2.1",
+    "intl-tel-input": "^25.3.1",
     "javascript-time-ago": "2.5.11",
     "js-file-download": "^0.4.12",
     "katex": "^0.16.20",
@@ -49,50 +49,6 @@
     "rxjs": "7.8.1",
     "zone.js": "~0.15.0"
   },
-  "dependencies": {
-    "@angular/animations": "^19.1.1",
-    "@angular/cdk": "^19.1.0",
-    "@angular/common": "^19.1.1",
-    "@angular/compiler": "^19.1.1",
-    "@angular/core": "^19.1.1",
-    "@angular/forms": "^19.1.1",
-    "@angular/material": "^19.1.0",
-    "@angular/platform-browser": "^19.1.1",
-    "@angular/platform-browser-dynamic": "^19.1.1",
-    "@angular/router": "^19.1.1",
-    "@angular/service-worker": "^19.1.1",
-    "@evolutics/translation": "^19.0.0",
-    "@fortawesome/angular-fontawesome": "^1.0.0",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@ng-idle/core": "16.0.0",
-    "@ngrx/effects": "^19.0.0",
-    "@ngrx/entity": "^19.0.0",
-    "@ngrx/operators": "^19.0.0",
-    "@ngrx/store": "^19.0.0",
-    "@sentry/angular": "^8.50.0",
-    "@sentry/cli": "^2.40.0",
-    "@serene-dev/ng-tel-input": "^19.0.0",
-    "@serene-dev/toast-notifications": "19.0.1",
-    "crypto-js": "^4.2.0",
-    "file-saver": "^2.0.5",
-    "intl-tel-input": "^25.2.1",
-    "javascript-time-ago": "2.5.11",
-    "js-file-download": "^0.4.12",
-    "katex": "^0.16.20",
-    "lodash-es": "^4.17.21",
-    "ngx-quill": "^27.0.0",
-    "papaparse": "^5.5.1",
-    "perfect-scrollbar": "^1.5.6",
-    "quill": "^2.0.3",
-    "quill-mention": "^6.0.2",
-    "quill-resize-image": "^1.0.5",
-    "rxjs": "7.8.1",
-    "tslib": "^2.6.3",
-    "zone.js": "~0.15.0"
-  },
   "private": false,
   "module": "fesm2022/ets-fe-ng-sdk.mjs",
   "typings": "index.d.ts",
@@ -105,5 +61,8 @@
       "default": "./fesm2022/ets-fe-ng-sdk.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.6.3"
+  }
 }