ets-fe-ng-sdk 20.3.11 → 20.3.13

package/index.d.ts

@@ -1342,7 +1342,7 @@ declare enum EMenuType {
  * Common pattern for dropdown options and other selectable items
  * @template T Type of the value
  */
-interface IValueLabel<T> {
+interface IValueLabel<T = string> {
     /** Value to be used programmatically (e.g., stored in database) */
     value: T;
     /** Human-readable display label for the value */
@@ -3206,7 +3206,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 | FormControlOptions | AsyncValidatorFn | AsyncValidatorFn[] | ValidatorFn[] | T)[];
+    formControl: <T>(value?: T | null, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (FormControlOptions | ValidatorFn | AsyncValidatorFn | ValidatorFn[] | AsyncValidatorFn[] | T)[];
     /**
      * Navigates back to the previous page using Angular's Location service
      */
@@ -4904,6 +4904,8 @@ declare class InputBase<TFormGroup extends {
     readonly optionHintField: _angular_core.ModelSignal<keyof TOption>;
     readonly ctOptions: _angular_core.InputSignal<ICodeTitle<string>[]>;
     protected readonly ctOptionsEffect: _angular_core.EffectRef;
+    readonly vlOptions: _angular_core.InputSignal<IValueLabel<any>[]>;
+    protected readonly vlOptionsEffect: _angular_core.EffectRef;
     /** Preset label type for options */
     readonly labelType: _angular_core.ModelSignal<OptionLabelType>;
     /** Custom formatter function for options */
@@ -5086,7 +5088,7 @@ declare class InputBase<TFormGroup extends {
      */
     dateChanged(value: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputBase<any, any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputBase<any, any, any>, "ng-component", never, { "cls": { "alias": "cls"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "dontFormatAsInputSignal": { "alias": "dontFormatAsInput"; "required": false; "isSignal": true; }; "duplicateCheckSignal": { "alias": "duplicateCheck"; "required": false; "isSignal": true; }; "presetValue": { "alias": "presetValue"; "required": false; "isSignal": true; }; "endLabelSignal": { "alias": "endLabel"; "required": false; "isSignal": true; }; "endLabelTooltipSignal": { "alias": "endLabelTooltip"; "required": false; "isSignal": true; }; "idSignal": { "alias": "id"; "required": false; "isSignal": true; }; "inputContClassSignal": { "alias": "inputContClass"; "required": false; "isSignal": true; }; "labelSignal": { "alias": "label"; "required": false; "isSignal": true; }; "lblCl": { "alias": "lblCl"; "required": false; "isSignal": true; }; "light": { "alias": "light"; "required": false; "isSignal": true; }; "noFormat": { "alias": "noFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlySignal": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredTagSignal": { "alias": "showRequiredTag"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "textareaRowsSignal": { "alias": "textareaRows"; "required": false; "isSignal": true; }; "translatorOptions": { "alias": "translatorOptions"; "required": false; "isSignal": true; }; "setFormattedValue": { "alias": "setFormattedValue"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "inlineHint": { "alias": "inlineHint"; "required": false; "isSignal": true; }; "autoPickValueField": { "alias": "autoPickValueField"; "required": false; "isSignal": true; }; "labelField": { "alias": "labelField"; "required": false; "isSignal": true; }; "optionHintField": { "alias": "optionHintField"; "required": false; "isSignal": true; }; "ctOptions": { "alias": "ctOptions"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "xsmall": { "alias": "xsmall"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "_indeterminate": { "alias": "indeterminate"; "required": false; }; "maxToday": { "alias": "maxToday"; "required": false; }; "minToday": { "alias": "minToday"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "prefixSignal": { "alias": "prefix"; "required": false; "isSignal": true; }; "miniSignal": { "alias": "mini"; "required": false; "isSignal": true; }; "inpClSignal": { "alias": "inpCl"; "required": false; "isSignal": true; }; "showEmptyOptionSignal": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "showLabelSignal": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showValidationSignal": { "alias": "showValidation"; "required": false; "isSignal": true; }; "showValidationIconSignal": { "alias": "showValidationIcon"; "required": false; "isSignal": true; }; "smallSignal": { "alias": "small"; "required": false; "isSignal": true; }; "showValidationMsgSignal": { "alias": "showValidationMsg"; "required": false; "isSignal": true; }; "stackedSignal": { "alias": "stacked"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "verbose": { "alias": "verbose"; "required": false; "isSignal": true; }; "timeType": { "alias": "timeType"; "required": false; "isSignal": true; }; "checkParentBeforeDisable": { "alias": "checkParentBeforeDisable"; "required": false; "isSignal": true; }; "clearOnDisable": { "alias": "clearOnDisable"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "maxSignal": { "alias": "max"; "required": false; "isSignal": true; }; "minSignal": { "alias": "min"; "required": false; "isSignal": true; }; "coloredSignal": { "alias": "colored"; "required": false; "isSignal": true; }; "checkedSignal": { "alias": "checkedSignal"; "required": false; "isSignal": true; }; }, { "form": "formChange"; "labelField": "labelFieldChange"; "optionHintField": "optionHintFieldChange"; "labelType": "labelTypeChange"; "name": "nameChange"; "valueField": "valueFieldChange"; "prefixSignal": "prefixChange"; "miniSignal": "miniChange"; "inpClSignal": "inpClChange"; "showEmptyOptionSignal": "showEmptyOptionChange"; "showLabelSignal": "showLabelChange"; "showValidationSignal": "showValidationChange"; "showValidationIconSignal": "showValidationIconChange"; "smallSignal": "smallChange"; "showValidationMsgSignal": "showValidationMsgChange"; "checkParentBeforeDisable": "checkParentBeforeDisableChange"; "maxSignal": "maxChange"; "minSignal": "minChange"; "mchange": "mchange"; "mSelectOptionChange": "mSelectOptionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputBase<any, any, any>, "ng-component", never, { "cls": { "alias": "cls"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "dontFormatAsInputSignal": { "alias": "dontFormatAsInput"; "required": false; "isSignal": true; }; "duplicateCheckSignal": { "alias": "duplicateCheck"; "required": false; "isSignal": true; }; "presetValue": { "alias": "presetValue"; "required": false; "isSignal": true; }; "endLabelSignal": { "alias": "endLabel"; "required": false; "isSignal": true; }; "endLabelTooltipSignal": { "alias": "endLabelTooltip"; "required": false; "isSignal": true; }; "idSignal": { "alias": "id"; "required": false; "isSignal": true; }; "inputContClassSignal": { "alias": "inputContClass"; "required": false; "isSignal": true; }; "labelSignal": { "alias": "label"; "required": false; "isSignal": true; }; "lblCl": { "alias": "lblCl"; "required": false; "isSignal": true; }; "light": { "alias": "light"; "required": false; "isSignal": true; }; "noFormat": { "alias": "noFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlySignal": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredTagSignal": { "alias": "showRequiredTag"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "textareaRowsSignal": { "alias": "textareaRows"; "required": false; "isSignal": true; }; "translatorOptions": { "alias": "translatorOptions"; "required": false; "isSignal": true; }; "setFormattedValue": { "alias": "setFormattedValue"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "inlineHint": { "alias": "inlineHint"; "required": false; "isSignal": true; }; "autoPickValueField": { "alias": "autoPickValueField"; "required": false; "isSignal": true; }; "labelField": { "alias": "labelField"; "required": false; "isSignal": true; }; "optionHintField": { "alias": "optionHintField"; "required": false; "isSignal": true; }; "ctOptions": { "alias": "ctOptions"; "required": false; "isSignal": true; }; "vlOptions": { "alias": "vlOptions"; "required": false; "isSignal": true; }; "labelType": { "alias": "labelType"; "required": false; "isSignal": true; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "xsmall": { "alias": "xsmall"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "_indeterminate": { "alias": "indeterminate"; "required": false; }; "maxToday": { "alias": "maxToday"; "required": false; }; "minToday": { "alias": "minToday"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "prefixSignal": { "alias": "prefix"; "required": false; "isSignal": true; }; "miniSignal": { "alias": "mini"; "required": false; "isSignal": true; }; "inpClSignal": { "alias": "inpCl"; "required": false; "isSignal": true; }; "showEmptyOptionSignal": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "showLabelSignal": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showValidationSignal": { "alias": "showValidation"; "required": false; "isSignal": true; }; "showValidationIconSignal": { "alias": "showValidationIcon"; "required": false; "isSignal": true; }; "smallSignal": { "alias": "small"; "required": false; "isSignal": true; }; "showValidationMsgSignal": { "alias": "showValidationMsg"; "required": false; "isSignal": true; }; "stackedSignal": { "alias": "stacked"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "verbose": { "alias": "verbose"; "required": false; "isSignal": true; }; "timeType": { "alias": "timeType"; "required": false; "isSignal": true; }; "checkParentBeforeDisable": { "alias": "checkParentBeforeDisable"; "required": false; "isSignal": true; }; "clearOnDisable": { "alias": "clearOnDisable"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "maxSignal": { "alias": "max"; "required": false; "isSignal": true; }; "minSignal": { "alias": "min"; "required": false; "isSignal": true; }; "coloredSignal": { "alias": "colored"; "required": false; "isSignal": true; }; "checkedSignal": { "alias": "checkedSignal"; "required": false; "isSignal": true; }; }, { "form": "formChange"; "labelField": "labelFieldChange"; "optionHintField": "optionHintFieldChange"; "labelType": "labelTypeChange"; "name": "nameChange"; "valueField": "valueFieldChange"; "prefixSignal": "prefixChange"; "miniSignal": "miniChange"; "inpClSignal": "inpClChange"; "showEmptyOptionSignal": "showEmptyOptionChange"; "showLabelSignal": "showLabelChange"; "showValidationSignal": "showValidationChange"; "showValidationIconSignal": "showValidationIconChange"; "smallSignal": "smallChange"; "showValidationMsgSignal": "showValidationMsgChange"; "checkParentBeforeDisable": "checkParentBeforeDisableChange"; "maxSignal": "maxChange"; "minSignal": "minChange"; "mchange": "mchange"; "mSelectOptionChange": "mSelectOptionChange"; }, never, never, true, never>;
 }
 type InputTheme$1 = 1 | 2;
 
@@ -5660,7 +5662,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<"button" | "submit" | "reset">;
+    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 */
@@ -7983,7 +7985,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) => "" | "danger" | "success" | "info" | "warning";
+    cls: (status?: 0 | 1 | 2 | 3) => "info" | "danger" | "success" | "" | "warning";
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }
@@ -8860,7 +8862,7 @@ declare class ResizeGridPipe implements PipeTransform {
  */
 declare class IndexCompLayoutComponent {
     /** Number of columns in the grid layout */
-    readonly grid: InputSignal<3 | 1 | 2 | 5 | 4 | 6 | "auto">;
+    readonly grid: InputSignal<5 | 1 | 3 | 2 | 4 | "auto" | 6>;
     /** Whether to show the action buttons */
     readonly showButtons: InputSignal<boolean>;
     /** Whether to hide the clone button */
@@ -9660,8 +9662,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?: ("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;
+                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;
                 numberFormat: {
                     NATIONAL: number;
                     INTERNATIONAL: number;
@@ -9672,12 +9674,12 @@ declare class PhoneNumberComponent extends InputBasicComponent {
             };
         }>;
         nationalMode?: boolean;
-        placeholderNumberType?: "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP";
+        placeholderNumberType?: "UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP";
         showFlags?: boolean;
         separateDialCode?: boolean;
         strictMode?: boolean;
         useFullscreenPopup?: boolean;
-        validationNumberTypes?: ("FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "UNKNOWN" | "VOICEMAIL" | "VOIP")[] | null;
+        validationNumberTypes?: ("UNKNOWN" | "FIXED_LINE_OR_MOBILE" | "FIXED_LINE" | "MOBILE" | "PAGER" | "PERSONAL_NUMBER" | "PREMIUM_RATE" | "SHARED_COST" | "TOLL_FREE" | "UAN" | "VOICEMAIL" | "VOIP")[] | null;
     }>;
     /**
      * Initializes the component by adding a custom validator to the form control.
@@ -10495,7 +10497,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>;
     }>;
     /**
@@ -10504,7 +10506,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;
     }>;
     /**
@@ -10513,7 +10515,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;
     }>;
     /**
@@ -11387,7 +11389,7 @@ declare class TextCase2Component<T = any> {
      * Uses route input if provided, otherwise uses routeFunc
      * For email/phone values, creates a mailto: or tel: link
      */
-    readonly computedRoute: _angular_core.Signal<Observable<string> | Promise<string>>;
+    readonly computedRoute: _angular_core.Signal<Promise<string> | Observable<string>>;
     /**
      * Computes the value to display based on inputs
      * Uses value input if provided, otherwise uses data[name]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ets-fe-ng-sdk",
-  "version": "20.3.11",
+  "version": "20.3.13",
   "repository": {
     "url": "https://github.com/Evolutics-Tech/ets-fe-sdk"
   },