ets-fe-ng-sdk 20.3.10 → 20.3.12

package/index.d.ts

@@ -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[]) => (FormControlOptions | AsyncValidatorFn | AsyncValidatorFn[] | ValidatorFn | ValidatorFn[] | T)[];
+    formControl: <T>(value?: T | null, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (ValidatorFn | FormControlOptions | AsyncValidatorFn | AsyncValidatorFn[] | ValidatorFn[] | T)[];
     /**
      * Navigates back to the previous page using Angular's Location service
      */
@@ -4902,8 +4902,10 @@ declare class InputBase<TFormGroup extends {
     readonly labelField: _angular_core.ModelSignal<keyof TOption | (keyof TOption)[]>;
     /** Field to use for option hints */
     readonly optionHintField: _angular_core.ModelSignal<keyof TOption>;
-    readonly ctOptions: _angular_core.ModelSignal<ICodeTitle<string>[]>;
+    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"; "ctOptions": "ctOptionsChange"; "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<"submit" | "button" | "reset">;
+    readonly actionType: _angular_core.InputSignal<"button" | "submit" | "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) => "info" | "danger" | "success" | "" | "warning";
+    cls: (status?: 0 | 1 | 2 | 3) => "" | "danger" | "success" | "info" | "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<2 | 1 | 3 | 4 | 5 | 6 | "auto">;
+    readonly grid: InputSignal<3 | 1 | 2 | 5 | 4 | 6 | "auto">;
     /** Whether to show the action buttons */
     readonly showButtons: InputSignal<boolean>;
     /** Whether to hide the clone button */
@@ -10495,7 +10497,7 @@ declare class TableHttpsComponent<TItem = any> extends TableBaseComponent<TItem>
     readonly form: FormGroup<{
         pageNumber: FormControl<number>;
         sortBy: FormControl<keyof TItem>;
-        sortDirection: FormControl<"" | "ASC" | "DESC">;
+        sortDirection: FormControl<"" | "DESC" | "ASC">;
         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: "" | "ASC" | "DESC";
+        sortDirection: "" | "DESC" | "ASC";
         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: "" | "ASC" | "DESC";
+        sortDirection: "" | "DESC" | "ASC";
         pageSize: number;
     }>;
     /**
@@ -11014,7 +11016,7 @@ declare class GetColFormattedPipe implements PipeTransform {
      * @param col - The column configuration
      * @returns An observable containing the formatted value
      */
-    transform(row: any, col: TableCol): Promise<string> | rxjs.Observable<any>;
+    transform(row: any, col: TableCol): rxjs.Observable<any> | Promise<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GetColFormattedPipe, never>;
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<GetColFormattedPipe, "getColFormatted", true>;
 }
@@ -11029,7 +11031,7 @@ declare class GetColFormattedEPipe implements PipeTransform {
      * @param col - The column configuration
      * @returns An observable containing the formatted value
      */
-    transform(row: any, col: TableCol): Promise<string> | rxjs.Observable<any>;
+    transform(row: any, col: TableCol): rxjs.Observable<any> | Promise<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GetColFormattedEPipe, never>;
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<GetColFormattedEPipe, "getColFormattedE", true>;
 }
@@ -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<Promise<string> | Observable<string>>;
+    readonly computedRoute: _angular_core.Signal<Observable<string> | Promise<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.10",
+  "version": "20.3.12",
   "repository": {
     "url": "https://github.com/Evolutics-Tech/ets-fe-sdk"
   },