@vality/matez 22.0.1-c4eda29.0 → 22.0.1-d9bef0b.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vality/matez",
-  "version": "22.0.1-c4eda29.0",
+  "version": "22.0.1-d9bef0b.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/valitydev/control-center.git"
@@ -20,24 +20,24 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/forms": "^22.0.1",
-    "@angular/material": "^22.0.1",
-    "@angular/material-date-fns-adapter": "^22.0.1",
-    "@angular/router": "^22.0.1",
+    "@angular/cdk": "^22.0.5",
+    "@angular/common": "^22.0.7",
+    "@angular/core": "^22.0.7",
+    "@angular/forms": "^22.0.7",
+    "@angular/material": "^22.0.5",
+    "@angular/material-date-fns-adapter": "^22.0.5",
+    "@angular/router": "^22.0.7",
     "date-fns": "^4.4.0",
     "lodash-es": "^4.18.1",
     "rxjs": "^7.8.2",
     "utility-types": "^3.11.0"
   },
   "dependencies": {
-    "@ng-matero/extensions": "^21.3.1",
-    "@s-libs/js-core": "^21.0.0",
-    "@s-libs/micro-dash": "^21.0.0",
-    "@s-libs/ng-core": "^21.0.0",
-    "@s-libs/rxjs-core": "^21.0.0",
+    "@ng-matero/extensions": "^22.0.0",
+    "@s-libs/js-core": "^22.0.0-next.2",
+    "@s-libs/micro-dash": "^22.0.0-next.2",
+    "@s-libs/ng-core": "^22.0.0-next.2",
+    "@s-libs/rxjs-core": "^22.0.0-next.2",
     "auto-bind": "^5.0.1",
     "dinero.js": "^2.0.2",
     "papaparse": "^5.5.3",

package/types/vality-matez.d.ts

@@ -29,17 +29,20 @@ import { AbstractControl, FormControlState, Validator, ValidationErrors, FormCon
 import * as i8 from '@angular/material/card';
 import * as i14 from '@angular/material/tooltip';
 import { SelectionModel } from '@angular/cdk/collections';
+import * as _angular_forms_signals from '@angular/forms/signals';
+import { FormValueControl } from '@angular/forms/signals';
 import * as i5 from '@angular/material/form-field';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { WrappedControlSuperclass, FormComponentSuperclass as FormComponentSuperclass$1 } from '@s-libs/ng-core';
 import * as i3$1 from '@angular/material/input';
 import * as i25 from '@angular/material/badge';
 import * as i3$2 from '@angular/material/chips';
 import * as i10 from '@angular/cdk/layout';
+import { WrappedControlSuperclass, FormComponentSuperclass as FormComponentSuperclass$1 } from '@s-libs/ng-core';
 import * as i3$3 from '@angular/material/datepicker';
 import { MatDatepickerInputEvent } from '@angular/material/datepicker';
 import * as i4$1 from '@ng-matero/extensions/select';
-import * as i6 from '@angular/material/checkbox';
+import { MtxSelect } from '@ng-matero/extensions/select';
+import * as i7$2 from '@angular/material/checkbox';
 import * as i5$1 from '@angular/material/autocomplete';
 export { MtxTooltip as Tooltip } from '@ng-matero/extensions/tooltip';
 import * as i1$1 from '@angular/material/snack-bar';
@@ -59,6 +62,7 @@ declare enum DialogResponseStatus {
 declare class DialogComponent implements Progressable {
     hostClass: boolean;
     title: string;
+    description?: string;
     disabled: boolean;
     progress?: Progressable['progress'];
     hasDivider: boolean;
@@ -72,7 +76,7 @@ declare class DialogComponent implements Progressable {
     };
     cancelDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "v-dialog", never, { "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "hasDivider": { "alias": "hasDivider"; "required": false; }; "noContent": { "alias": "noContent"; "required": false; }; "noActions": { "alias": "noActions"; "required": false; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; }, { "cancel": "cancel"; }, never, ["*", "v-dialog-actions"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "v-dialog", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "hasDivider": { "alias": "hasDivider"; "required": false; }; "noContent": { "alias": "noContent"; "required": false; }; "noActions": { "alias": "noActions"; "required": false; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; }; "fullSize": { "alias": "fullSize"; "required": false; }; }, { "cancel": "cancel"; }, never, ["*", "v-dialog-actions"], false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_hasDivider: unknown;
     static ngAcceptInputType_noContent: unknown;
@@ -228,7 +232,7 @@ declare function handleError<T>(handler: (err: unknown) => void, result?: Possib
 
 declare function asyncStartWith<V = never>(value?: V, timerMs?: number): <T>(src$: Observable<T>) => Observable<T | V>;
 
-declare function tapLog<T>(message?: string): MonoTypeOperatorFunction<T>;
+declare function tapLog<T>(message?: string | number): MonoTypeOperatorFunction<T>;
 
 declare function filterOperator<T>(...operators: [T | undefined]): [T];
 
@@ -242,6 +246,9 @@ type ComponentChanges<T> = {
 
 declare function getValueChanges<T>(form: AbstractControl<FormControlState<T> | T>): Observable<T>;
 
+/**
+ * @deprecated Use FormControlValue
+ */
 declare abstract class AbstractControlSuperclass<OuterType, InnerType = OuterType> extends WrappedControlSuperclass<OuterType, InnerType> implements Validator, OnInit {
     private _cdr;
     private _destroyRef;
@@ -255,6 +262,9 @@ declare abstract class AbstractControlSuperclass<OuterType, InnerType = OuterTyp
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractControlSuperclass<any, any>, never, never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated Use FormControlValue
+ */
 declare abstract class FormGroupSuperclass<OuterType, InnerType = OuterType> extends AbstractControlSuperclass<OuterType, InnerType> implements OnInit {
     protected emptyValue: InnerType;
     setDisabledState(_isDisabled: boolean): void;
@@ -272,12 +282,18 @@ declare const createControlProviders: (component: () => Type<unknown>) => Provid
  */
 declare function getErrorsTree(control: AbstractControl): ValidationErrors | null;
 
+/**
+ * @deprecated Use FormControlValue
+ */
 declare class FormControlSuperclass<OuterType, InnerType = OuterType> extends AbstractControlSuperclass<OuterType, InnerType> {
     control: FormControl<InnerType>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormControlSuperclass<any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormControlSuperclass<any, any>, never, never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated Use FormControlValue
+ */
 declare abstract class FormComponentSuperclass<OuterType> extends FormComponentSuperclass$1<OuterType> implements Validator, OnInit {
     private _cdr;
     private _destroyRef;
@@ -289,6 +305,9 @@ declare abstract class FormComponentSuperclass<OuterType> extends FormComponentS
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormComponentSuperclass<any>, never, never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated Use FormControlValue
+ */
 declare abstract class FormArraySuperclass<OuterType extends unknown[], InnerType = OuterType> extends FormGroupSuperclass<OuterType, InnerType> {
     protected outerToInnerValue(outer: OuterType): InnerType;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormArraySuperclass<any, any>, never>;
@@ -858,7 +877,12 @@ declare class SelectColumnComponent<T> extends BaseColumnComponent implements On
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectColumnComponent<any>, "v-select-column", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, never, true, never>;
 }
 
-declare class InputFieldComponent<T> extends FormControlSuperclass<T> {
+declare class InputFieldComponent<T extends string | number = string> implements FormValueControl<T> {
+    value: i0.ModelSignal<T>;
+    disabled: i0.InputSignal<boolean>;
+    required: i0.InputSignalWithTransform<boolean, unknown>;
+    touch: i0.OutputEmitterRef<void>;
+    control: _angular_forms_signals.FieldTree<string | number, string | number, "writable">;
     label?: string;
     placeholder: string;
     type: 'string' | 'number';
@@ -868,12 +892,12 @@ declare class InputFieldComponent<T> extends FormControlSuperclass<T> {
     icon: i0.InputSignal<string>;
     hintText: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent<any>, "v-input-field", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "cleanButton": { "alias": "cleanButton"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent<any>, "v-input-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "cleanButton": { "alias": "cleanButton"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, false, never>;
 }
 
 declare class InputFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFieldModule, [typeof InputFieldComponent], [typeof i2.CommonModule, typeof i3$1.MatInputModule, typeof _angular_forms.ReactiveFormsModule, typeof i7.MatIcon, typeof i15.MatIconButton], [typeof InputFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputFieldModule, [typeof InputFieldComponent], [typeof i2.CommonModule, typeof i3$1.MatInputModule, typeof _angular_forms_signals.FormField, typeof i7.MatIcon, typeof i15.MatIconButton], [typeof InputFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<InputFieldModule>;
 }
 
@@ -1093,57 +1117,72 @@ declare class ErrorPageModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ErrorPageModule>;
 }
 
-interface Option<T> {
+interface Option<T = unknown> {
     value: T;
-    label: string;
+    label?: string;
     description?: string;
     type?: unknown;
+    details?: PossiblyAsync<unknown>;
+    color?: ThemePalette;
 }
 
-declare class SelectFieldComponent<T = unknown> extends FormControlSuperclass<T[]> implements OnInit {
+declare class SelectFieldComponent<T = unknown> implements FormValueControl<T | T[]>, OnInit {
+    value: i0.ModelSignal<T | T[]>;
+    disabled: i0.InputSignal<boolean>;
+    touch: i0.OutputEmitterRef<void>;
+    selection: _angular_forms_signals.TransformedValueSignal<T | T[]>;
+    control: _angular_forms_signals.FieldTree<unknown, string | number, "writable">;
     options: Option<T>[];
-    searchChange: EventEmitter<string>;
+    search: i0.ModelSignal<string>;
     appearance: MatFormFieldAppearance;
     label?: string;
     hint?: string;
+    placeholder?: string;
     error?: string;
     progress: boolean;
+    clearable: boolean;
     externalSearch: boolean;
     multiple: boolean;
-    required: boolean;
+    required: i0.InputSignalWithTransform<boolean, unknown>;
     size?: 'small' | '';
-    searchStr: string;
     ngOnInit(): void;
     get hintText(): string;
-    search: (term: string, item: Option<T>) => boolean;
+    searchFn: (term: string, item: Option<T>) => boolean;
+    close(select: MtxSelect): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent<any>, "v-select-field", never, { "options": { "alias": "options"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "externalSearch": { "alias": "externalSearch"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "searchChange": "searchChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectFieldComponent<any>, "v-select-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "error": { "alias": "error"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "externalSearch": { "alias": "externalSearch"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; }; }, { "value": "valueChange"; "touch": "touch"; "search": "searchChange"; }, never, never, false, never>;
+    static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_externalSearch: unknown;
     static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_required: unknown;
 }
 
 declare class SelectFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectFieldModule, [typeof SelectFieldComponent], [typeof i2.CommonModule, typeof i3$1.MatInputModule, typeof i4$1.MtxSelectModule, typeof _angular_forms.FormsModule, typeof _angular_forms.ReactiveFormsModule, typeof i6.MatCheckboxModule], [typeof SelectFieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectFieldModule, [typeof SelectFieldComponent], [typeof i2.CommonModule, typeof i3$1.MatInputModule, typeof i4$1.MtxSelectModule, typeof _angular_forms.FormsModule, typeof _angular_forms_signals.FormField, typeof i7$2.MatCheckboxModule], [typeof SelectFieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectFieldModule>;
 }
 
-declare class AutocompleteFieldComponent<T> extends FormControlSuperclass<T> implements OnChanges {
-    options: Option<T>[];
+declare class AutocompleteFieldComponent<T> extends FormControlSuperclass<T> {
+    private dr;
+    options: i0.InputSignal<Option<T>[]>;
+    hint: i0.InputSignal<string>;
+    externalSearch: i0.InputSignalWithTransform<boolean, unknown>;
+    searchChange: i0.OutputEmitterRef<string>;
+    requireSelection: i0.InputSignalWithTransform<boolean, unknown>;
     label?: string;
-    hint?: string;
     error?: string;
-    type: string;
+    type: 'text' | 'number';
     mono: boolean;
     required: boolean;
-    get hintText(): string;
-    options$: BehaviorSubject<Option<T>[]>;
+    hintText$: rxjs.Observable<string>;
     selected$: rxjs.Observable<Option<T>>;
     filteredOptions$: rxjs.Observable<Option<T>[]>;
-    ngOnChanges(changes: ComponentChanges<AutocompleteFieldComponent<T>>): void;
+    ngOnInit(): void;
+    onBlur(): void;
+    protected innerToOuterValue(inner: T): T;
+    private getValidValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteFieldComponent<any>, "v-autocomplete-field", never, { "options": { "alias": "options"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mono": { "alias": "mono"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteFieldComponent<any>, "v-autocomplete-field", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "externalSearch": { "alias": "externalSearch"; "required": false; "isSignal": true; }; "requireSelection": { "alias": "requireSelection"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mono": { "alias": "mono"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "searchChange": "searchChange"; }, never, never, false, never>;
     static ngAcceptInputType_mono: unknown;
     static ngAcceptInputType_required: unknown;
 }
@@ -1230,6 +1269,7 @@ interface BaseLink {
     icon?: string;
     children?: BaseLink[];
     isHidden?: boolean;
+    divider?: boolean;
 }
 type Link = PossiblyAsyncValue<Overwrite<BaseLink, {
     children?: Link[];