@recursyve/ngx-material-components 22.0.0 → 22.2.0

package/types/recursyve-ngx-material-components-dropzone.d.ts

@@ -38,6 +38,10 @@ type NiceDropzoneTranslationKeyConfig = {
         files: string;
         image: string;
         images: string;
+        uploadingFile: string;
+        uploadingFiles: string;
+        uploadingImage: string;
+        uploadingImages: string;
     };
     format: {
         label: string;
@@ -87,6 +91,7 @@ declare class NiceDropzone implements OnDestroy, ControlValueAccessor {
     readonly accept: _angular_core.InputSignal<string[] | undefined>;
     readonly config: _angular_core.InputSignal<NiceDropzoneImageConfig | undefined>;
     readonly maxFileSize: _angular_core.InputSignal<NiceDropzoneFileSizeConfig | undefined>;
+    readonly uploadProgress: _angular_core.InputSignal<number | null>;
     protected readonly _elementRef: _angular_core.Signal<ElementRef<any> | undefined>;
     protected readonly _inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     /**
@@ -96,6 +101,8 @@ declare class NiceDropzone implements OnDestroy, ControlValueAccessor {
     protected readonly _rippleLoader: MatRippleLoader;
     protected readonly _translationKeys: NiceDropzoneTranslationKeyConfig;
     protected readonly files: _angular_core.WritableSignal<NiceSelectedFiles[]>;
+    protected readonly isUploading: _angular_core.Signal<boolean>;
+    protected readonly normalizedUploadProgress: _angular_core.Signal<number>;
     protected _disabled: boolean;
     private _onChange;
     private _value;
@@ -112,7 +119,7 @@ declare class NiceDropzone implements OnDestroy, ControlValueAccessor {
     protected getImageDimension(file: File): Promise<NiceFileDimensions>;
     protected resetInput(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceDropzone, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceDropzone, "nice-dropzone", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceDropzone, "nice-dropzone", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type NiceDropzoneOptions = {

package/types/recursyve-ngx-material-components-form-field-error.d.ts

@@ -1,6 +1,7 @@
 import { ValidationErrors } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { AfterViewInit, FactoryProvider, Provider } from '@angular/core';
+import { Field } from '@angular/forms/signals';
 import { NiceTranslater } from '@recursyve/ngx-material-components/common';
 
 type TransformedError = {
@@ -23,15 +24,35 @@ declare class NiceFormFieldErrorDirective implements AfterViewInit {
     private readonly formField;
     private readonly transformers;
     private readonly translater;
-    private ref;
+    private readonly display;
     private control;
     onChange: () => void;
     ngAfterViewInit(): void;
-    setError(text: string, params: Record<string, string>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceFormFieldErrorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NiceFormFieldErrorDirective, "[niceFormFieldError]", never, {}, {}, never, never, true, never>;
 }
 
+declare class NiceSignalFormFieldErrorDirective {
+    private readonly elementRef;
+    private readonly formField;
+    private readonly transformers;
+    private readonly translater;
+    private readonly viewContainerRef;
+    /**
+     * The signal form field to watch. When omitted, the directive resolves the `[formField]`
+     * binding from a descendant control inside the `mat-form-field`.
+     */
+    readonly field: i0.InputSignal<Field<unknown> | undefined>;
+    private readonly formFieldDirective;
+    private readonly display;
+    private readonly signalTransformers;
+    constructor();
+    private resolveFieldState;
+    private resolveErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceSignalFormFieldErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NiceSignalFormFieldErrorDirective, "[niceSignalFormFieldError]", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, ["formFieldDirective"], never, true, never>;
+}
+
 declare class NiceFormErrorComponent {
     message: string;
     increment: number;
@@ -45,9 +66,10 @@ type NiceFormFieldErrorsOptions = {
         useFactory: (...args: any[]) => NiceTranslater;
     };
     errorTransformers?: ErrorTransformers;
+    signalErrorTransformers?: ErrorTransformers;
 };
 
 declare function provideFormFieldError(options: NiceFormFieldErrorsOptions): Provider[];
 
-export { DefaultErrorTransformers, LengthErrorTransformer, MaskErrorTransformer, MaxErrorTransformer, MinErrorTransformer, NiceFormErrorComponent, NiceFormFieldErrorDirective, PatternErrorTransformer, provideFormFieldError };
+export { DefaultErrorTransformers, LengthErrorTransformer, MaskErrorTransformer, MaxErrorTransformer, MinErrorTransformer, NiceFormErrorComponent, NiceFormFieldErrorDirective, NiceSignalFormFieldErrorDirective, PatternErrorTransformer, provideFormFieldError };
 export type { ErrorTransformer, ErrorTransformers, TransformedError };

package/types/recursyve-ngx-material-components-timepicker.d.ts

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { Provider } from '@angular/core';
+import { FieldTree, SchemaPath, FieldState } from '@angular/forms/signals';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as _recursyve_ngx_material_components_timepicker from '@recursyve/ngx-material-components/timepicker';
+
+type NiceTimepickerTranslationKeyConfig = {
+    cancel: string;
+    confirm: string;
+    title: string;
+};
+type NiceTimepickerConfig = {
+    dottedMinutesInGap?: boolean;
+    minutesGap?: number;
+    toggleIcon?: string;
+    /** Translation key for invalid free-text time values. */
+    invalidFormatKey?: string;
+    translationKeys: NiceTimepickerTranslationKeyConfig;
+};
+
+type NiceTimepickerOptions = {
+    config?: Partial<NiceTimepickerConfig>;
+};
+
+declare const defaultConfig: NiceTimepickerConfig;
+
+declare function provideTimepicker(options?: NiceTimepickerOptions): Provider[];
+
+declare class NiceTimepicker implements MatFormFieldControl<string> {
+    private static nextId;
+    readonly field: _angular_core.InputSignal<FieldTree<string>>;
+    readonly id: string;
+    readonly controlType = "nice-timepicker";
+    readonly stateChanges: Subject<void>;
+    readonly ngControl: null;
+    readonly placeholder = "";
+    readonly required = false;
+    private readonly textInput;
+    protected readonly isInputFocused: _angular_core.WritableSignal<boolean>;
+    get value(): string | null;
+    get focused(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get disabled(): boolean;
+    get errorState(): boolean;
+    constructor();
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    protected onInputBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceTimepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceTimepicker, "nice-timepicker", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NiceTimepickerToggle {
+    private readonly config;
+    private readonly dialog;
+    private readonly destroyRef;
+    readonly field: _angular_core.InputSignal<FieldTree<string>>;
+    protected readonly toggleIcon: string | undefined;
+    protected readonly translationKeys: _recursyve_ngx_material_components_timepicker.NiceTimepickerTranslationKeyConfig;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected openPicker(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceTimepickerToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceTimepickerToggle, "nice-timepicker-toggle", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const NICE_TIME_PARSE_ERROR_KIND = "parse";
+declare function isValidNiceTime(value: string | null | undefined): boolean;
+declare function normalizeNiceTime(value: string): string | null;
+declare function niceTimeFormat(path: FieldTree<string> | SchemaPath<string>, message: string): void;
+declare function registerNiceTimeFormatValidation(field: FieldTree<string>, message: string): void;
+
+declare function hasNiceTimeFormatError(value: string | null | undefined): boolean;
+declare function niceTimeFieldErrorState(state: FieldState<string>): boolean;
+
+type TimePeriod = "AM" | "PM";
+type ParsedTime = {
+    hour: number;
+    minute: number;
+    period: TimePeriod;
+};
+type ClockFaceOption = {
+    angle: number;
+    value: number;
+};
+declare const DEFAULT_MINUTES_GAP = 1;
+declare const DEFAULT_MINUTE_LABEL_GAP = 5;
+declare function parseTime(value: string | null | undefined): ParsedTime | null;
+declare function formatTime(time: ParsedTime): string;
+declare function getDefaultTime(): ParsedTime;
+declare function resolveTime(value: string | null | undefined): ParsedTime;
+declare function getHourFaceOptions(): ClockFaceOption[];
+declare function getMinuteFaceOptions(minutesGap?: number): ClockFaceOption[];
+declare function isMinuteLabelVisible(minute: number, minutesGap?: number): boolean;
+declare function getMinuteLabelGap(minutesGap: number, dottedMinutesInGap: boolean): number;
+
+export { DEFAULT_MINUTES_GAP, DEFAULT_MINUTE_LABEL_GAP, NICE_TIME_PARSE_ERROR_KIND, NiceTimepicker, NiceTimepickerToggle, defaultConfig as defaultTimepickerConfig, formatTime, getDefaultTime, getHourFaceOptions, getMinuteFaceOptions, getMinuteLabelGap, hasNiceTimeFormatError, isMinuteLabelVisible, isValidNiceTime, niceTimeFieldErrorState, niceTimeFormat, normalizeNiceTime, parseTime, provideTimepicker, registerNiceTimeFormatValidation, resolveTime };
+export type { ClockFaceOption, NiceTimepickerConfig, NiceTimepickerOptions, NiceTimepickerTranslationKeyConfig, ParsedTime, TimePeriod };

package/types/recursyve-ngx-material-components-typeahead.d.ts

@@ -112,6 +112,8 @@ declare class NiceTypeaheadBase<T> implements MatFormFieldControl<T>, ControlVal
     readonly optionSelectionChanges: Observable<MatOptionSelectionChange>;
     readonly ngControl: NgControl | null;
     readonly _panelDoneAnimatingStream: Subject<string>;
+    /** Tab index of the typeahead trigger, aligned with `MatSelect`. */
+    tabIndex: number;
     _keyManager: ActiveDescendantKeyManager<MatOption>;
     _preferredOverlayOrigin?: CdkOverlayOrigin | ElementRef;
     _overlayWidth: string | number;
@@ -155,6 +157,7 @@ declare class NiceTypeaheadBase<T> implements MatFormFieldControl<T>, ControlVal
     _handleScrollEnd(): void;
     protected _canOpen(): boolean;
     protected _onAttached(): void;
+    protected _focusSearchInput(): void;
     protected _initKeyManager(): void;
     protected _getOverlayWidth(preferredOrigin?: ElementRef<ElementRef> | CdkOverlayOrigin): string | number;
     protected _skipPredicate: (option: MatOption) => boolean;