@smallpearl/ngx-helper 0.29.23

package/mat-file-input/README.md

@@ -0,0 +1,63 @@
+# QQMatFileInputComponent (qq-mat-file-input)
+
+A file input control, that shows the file's thumbnail, if the selected file is
+an image files. Supported image files are PNG, JPEG, GIF & WEBP.
+
+# Dependencies
+
+* Angular
+  - ReactiveFormsModule
+* Material
+  - MatIconModule
+  - MatFormFieldModule
+
+# How to use
+
+For the reactive form:-
+
+  ```
+  form: FormGroup = formBuilder.group({
+    image: [imageUrl, Validators.required]
+  })
+  ```
+
+Place the component inside a mat-form-field element as below:
+
+  ```
+  <mat-form-field class="w-100 pb-0" [formGroup]="createUpdateForm">
+    <qq-mat-file-input
+      formControlName="image"
+      accept="image/jpeg,image/png,image/gif"
+      class="w-100"
+    ></qq-mat-file-input>
+    <mat-hint>{{ 'communityImageHint' | transloco }}</mat-hint>
+  </mat-form-field>
+  ```
+
+This will display an input control which the user can click (or tap) to select
+a file from the local machine. The selected file will be loaded into a `File`
+object, which will be set as the value of `form.controls['image']`.
+
+This also marks the parent form's state as `touched`.
+
+# Inputs
+The control provides the follwing inputs:
+
+| Input  | Desc |
+|--------|-------------------------------------------------------- |
+| accept | File mime types, to be accepted in the file open dialog. Defaults to all files. |
+| imageFile | If set to true, set's accept to common image file types. |
+| thumbnailImageUrl | URL to the file thumbnail, if its different from the control's value. |
+| multiple | Wheter to select a single file or multiple files. Defaults to false. |
+| placeholder | Place holder string, displayed if control doesn't have a value. |
+| required | If the control input is required. |
+| disabled | If the control is disabled. |
+
+# Events
+This control does not raise any events.
+
+# Notes
+The control's current value may be initialized to the full URL of the existing
+file. In this case, if the URL is for an image file (determined by its
+extension) and if the `thumbnailImageUrl` property is not set, then that will be
+used as the thumbnail image for the file.

package/mat-file-input/index.d.ts

@@ -0,0 +1 @@
+export * from './src/mat-file-input.component';

package/mat-file-input/src/mat-file-input.component.d.ts

@@ -0,0 +1,58 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl, UntypedFormControl } from '@angular/forms';
+import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class QQMatFileInputComponent implements ControlValueAccessor, MatFormFieldControl<File[]>, OnInit, OnDestroy {
+    _formField: MatFormField;
+    ngControl: NgControl;
+    accept: string;
+    thumbnailImageUrl: string;
+    imageFile: boolean;
+    _fileName: string;
+    inputFileUpload: ElementRef | undefined;
+    fileControl: UntypedFormControl;
+    static nextId: number;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    errorState: boolean;
+    controlType: string;
+    id: string;
+    describedBy: string;
+    private _multiple;
+    ariaDescribedby: string | undefined;
+    _value: File[] | null;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get acceptedFileTypes(): string;
+    get multiple(): boolean;
+    set multiple(value: boolean | string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get required(): boolean;
+    set required(value: boolean);
+    private _required;
+    private _disabled;
+    private destroy$;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get fileName(): string;
+    get value(): File[] | null;
+    set value(files: File[] | string | null);
+    constructor(_formField: MatFormField, ngControl: NgControl);
+    setDescribedByIds(ids: string[]): void;
+    handleKeyboardEvent(event: KeyboardEvent): void;
+    onContainerClick(event: MouseEvent | KeyboardEvent): void;
+    writeValue(files: File[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onTouched: () => void;
+    setDisabledState(isDisabled: boolean): void;
+    onFileSelected(event: any): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    generateLocalThumbnail(file: File): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QQMatFileInputComponent, [{ optional: true; }, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QQMatFileInputComponent, "qq-mat-file-input", never, { "accept": { "alias": "accept"; "required": false; }; "thumbnailImageUrl": { "alias": "thumbnailImageUrl"; "required": false; }; "imageFile": { "alias": "imageFile"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+}

package/mat-form-error/README.md

@@ -0,0 +1,306 @@
+# NgxMatErrors
+
+## What Does It Do?
+
+NgxMatErrors provides an easy yet flexible solution for displaying error messages in a `MatFormField`.
+
+## Try It
+
+See it in action on [StackBlitz](https://stackblitz.com/edit/ngx-mat-errors-angular-18?file=src%2Fapp%2Fapp.component.html).
+
+## How to Use It
+
+Install `ngx-mat-errors` in your project:
+
+```sh
+npm install ngx-mat-errors
+```
+
+Import `NgxMatErrorsModule` and provide `NGX_MAT_ERROR_CONFIG_EN` (or your custom error messages) in your `app.module.ts`.
+
+```typescript
+import { NgxMatErrorsModule, NGX_MAT_ERROR_CONFIG_EN } from "ngx-mat-errors";
+
+@NgModule({
+  imports: [
+    ...,
+    NgxMatErrorsModule
+  ],
+  providers: [NGX_MAT_ERROR_CONFIG_EN],
+})
+export class AppModule {}
+```
+
+Or you can import only `NgxMatErrors` and `NgxMatErrorDef` as they are marked standalone.
+
+```typescript
+import { NgxMatErrors, NgxMatErrorDef, NGX_MAT_ERROR_CONFIG_EN } from "ngx-mat-errors";
+
+@NgModule({
+  imports: [
+    ...,
+    NgxMatErrors,
+    NgxMatErrorDef
+  ],
+  providers: [NGX_MAT_ERROR_CONFIG_EN],
+})
+export class AppModule {}
+```
+
+Add `[ngx-mat-errors]` to your `mat-error` in your `mat-form-field`.
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [formControl]="control" />
+  <mat-error ngx-mat-errors></mat-error>
+</mat-form-field>
+```
+
+### Outside a `MatFormField` or Override the Control
+
+`ngx-mat-errors` can be used as an `@Input()` to assign a control manually.
+
+#### Reactive Forms
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [formControl]="control" autocomplete="off" />
+</mat-form-field>
+<mat-error [ngx-mat-errors]="control"></mat-error>
+```
+
+#### Template-Driven Forms
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput #control="ngModel" [(ngModel)]="input" autocomplete="off" />
+</mat-form-field>
+<mat-error [ngx-mat-errors]="control"></mat-error>
+```
+
+### Multiple Controls
+
+It can display errors for multiple controls, one at a time. The order of the controls is important; the first control with an error will be displayed.
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <mat-date-range-input [rangePicker]="dateRangePicker">
+    <input matStartDate [formControl]="startControl" />
+    <input matEndDate [formControl]="endControl" />
+  </mat-date-range-input>
+  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
+  <mat-error [ngx-mat-errors]="[startControl, endControl]"></mat-error>
+</mat-form-field>
+```
+
+#### `NgxMatErrorsForDateRangePicker` Directive
+
+```typescript
+import { NgxMatErrorsForDateRangePicker } from "ngx-mat-errors";
+```
+
+You can use the `[forDateRangePicker]` standalone directive to display errors for the `MatDateRangePicker` component. The directive assigns the controls used in the `MatDateRangeInput` to the `NgxMatErrors` component.
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <mat-date-range-input [rangePicker]="dateRangePicker">
+    <input matStartDate formControlName="start" />
+    <input matEndDate formControlName="end" />
+  </mat-date-range-input>
+  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
+  <mat-error ngx-mat-errors forDateRangePicker></mat-error>
+</mat-form-field>
+```
+
+You can easily create directives like this to display errors in a `MatFormField` with multiple controls.
+
+## Customize
+
+There are two ways to customize your error messages.
+
+### Injection Token
+
+There is the `NGX_MAT_ERROR_DEFAULT_OPTIONS` injection token. You can provide it in your `app.module.ts` with `useClass` or `useFactory` and customize your error messages globally.
+
+This example changes only the `min` error message.
+
+```typescript
+import {
+  errorMessagesEnFactory,
+  NGX_MAT_ERROR_DEFAULT_OPTIONS
+} from 'ngx-mat-errors';
+import { FactoryProvider, LOCALE_ID } from '@angular/core';
+
+export const NGX_MAT_ERROR_DEFAULT_CONFIG: FactoryProvider = {
+  useFactory: (locale: string) => ({
+    ...errorMessagesEnFactory(locale),
+    min: (error: MinError) =>
+      `Min value is ${error.min}, actual is ${error.actual}`,
+  }),
+  provide: NGX_MAT_ERROR_DEFAULT_OPTIONS,
+  deps: [LOCALE_ID],
+};
+
+@NgModule({
+  ...
+  providers: [NGX_MAT_ERROR_DEFAULT_CONFIG],
+})
+export class AppModule {}
+```
+
+You can provide an `Observable<ErrorMessages>` too, which allows changes of error messages. This comes in handy when your app supports JIT localization with libraries like `@ngx-translate`.
+
+```typescript
+import {
+  NGX_MAT_ERROR_DEFAULT_OPTIONS
+} from 'ngx-mat-errors';
+import { FactoryProvider, LOCALE_ID } from '@angular/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { Observable, startWith, map } from 'rxjs';
+
+export const NGX_MAT_ERROR_DEFAULT_CONFIG: FactoryProvider = {
+  useFactory: (
+    locale: string,
+    translateService: TranslateService
+  ): Observable<ErrorMessages> => translateService.onLangChange.pipe(
+    startWith(null),
+    map(() => ({
+      required: translateService.instant('core.validations.required'),
+      minlength: (error: MinError) => translateService.instant('core.validations.minlength', error),
+      ...
+    }))
+  ),
+  provide: NGX_MAT_ERROR_DEFAULT_OPTIONS,
+  deps: [LOCALE_ID, TranslateService],
+};
+
+@NgModule({
+  ...
+  providers: [NGX_MAT_ERROR_DEFAULT_CONFIG],
+})
+export class AppModule {}
+```
+
+### \*ngxMatErrorDef
+
+You can customize your error messages even more with the `*ngxMatErrorDef` directive.
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [formControl]="control1" />
+  <mat-error ngx-mat-errors>
+    <span *ngxMatErrorDef="let error; for: 'pattern'"> Only digits are allowed, up to 12 digits. </span>
+    <ng-container *ngxMatErrorDef="let error; for: 'min'"> The minimum value is {{ error.min }}. </ng-container>
+  </mat-error>
+</mat-form-field>
+```
+
+When used with multiple controls, you can specify the control for which the error message is intended.
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <mat-date-range-input [rangePicker]="dateRangePicker">
+    <input matStartDate formControlName="start" />
+    <input matEndDate [formControl]="endControl" />
+  </mat-date-range-input>
+  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
+  <mat-error ngx-mat-errors forDateRangePicker>
+    <span *ngxMatErrorDef="let error; for: 'required', withControl: 'start'">Start date is required.</span>
+    <span *ngxMatErrorDef="let error; for: 'required', withControl: endControl">End date is required.</span>
+  </mat-error>
+</mat-form-field>
+```
+
+## Compatibility
+
+- `@angular/core: ^18.0.0 || ^19.0.0`
+- `@angular/material: ^18.0.0 || ^19.0.0`
+
+### Reactive Forms
+
+#### Errors Inside a `MatFormField`
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [formControl]="control" />
+  <mat-error ngx-mat-errors></mat-error>
+</mat-form-field>
+```
+
+#### Errors Outside a `MatFormField`
+
+```html
+<mat-error [ngx-mat-errors]="control"></mat-error>
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [formControl]="control" />
+</mat-form-field>
+```
+
+#### Errors for Multiple Controls
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <mat-date-range-input [rangePicker]="dateRangePicker">
+    <input matStartDate [formControl]="startControl" />
+    <input matEndDate [formControl]="endControl" />
+  </mat-date-range-input>
+  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
+  <mat-error [ngx-mat-errors]="[startControl, endControl]"></mat-error>
+</mat-form-field>
+```
+
+### Template-Driven Forms
+
+#### Errors Inside a `MatFormField`
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput [(ngModel)]="value" />
+  <mat-error ngx-mat-errors></mat-error>
+</mat-form-field>
+```
+
+#### Errors Outside a `MatFormField`
+
+```html
+<mat-error [ngx-mat-errors]="control"></mat-error>
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <input type="text" matInput #control="ngModel" [(ngModel)]="value" />
+</mat-form-field>
+```
+
+#### Errors for Multiple Controls
+
+```html
+<mat-form-field>
+  <mat-label>Label</mat-label>
+  <mat-date-range-input [rangePicker]="dateRangePicker">
+    <input matStartDate #startControl="ngModel" [(ngModel)]="start" />
+    <input matEndDate #endControl="ngModel" [(ngModel)]="end" />
+  </mat-date-range-input>
+  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
+  <mat-error [ngx-mat-errors]="[startControl, endControl]"></mat-error>
+</mat-form-field>
+```
+
+## Development
+
+### Library Build / NPM Package
+
+Run `npm run develop` to build the library and generate an NPM package. The build artifacts will be stored in the `dist/ngx-mat-errors` folder.
+
+### Development Server
+
+Run `npm start` for a dev server. Navigate to `http://localhost:4202/`. The app will automatically reload if you change any of the source files.

package/mat-form-error/index.d.ts

@@ -0,0 +1,6 @@
+export * from './src/locales';
+export * from './src/ngx-mat-error-def.directive';
+export * from './src/ngx-mat-errors-for-date-range-picker.directive';
+export * from './src/ngx-mat-errors.component';
+export * from './src/ngx-error-list.component';
+export type * from './src/types';

package/mat-form-error/src/locales/en.d.ts

@@ -0,0 +1,4 @@
+import { type FactoryProvider } from '@angular/core';
+import type { ErrorMessages } from '../types';
+export declare function errorMessagesEnFactory(locale: string, dateFormat?: string, timeFormat?: string): ErrorMessages;
+export declare const NGX_MAT_ERROR_CONFIG_EN: FactoryProvider;

package/mat-form-error/src/locales/hu.d.ts

@@ -0,0 +1,4 @@
+import { type FactoryProvider } from '@angular/core';
+import type { ErrorMessages } from '../types';
+export declare function errorMessagesHuFactory(locale: string, dateFormat?: string, timeFormat?: string): ErrorMessages;
+export declare const NGX_MAT_ERROR_CONFIG_HU: FactoryProvider;

package/mat-form-error/src/locales/index.d.ts

@@ -0,0 +1,3 @@
+export * from './en';
+export * from './hu';
+export * from './pt-br';

package/mat-form-error/src/locales/pt-br.d.ts

@@ -0,0 +1,4 @@
+import { type FactoryProvider } from '@angular/core';
+import type { ErrorMessages } from '../types';
+export declare function errorMessagesPtBtFactory(locale: string, dateFormat?: string, timeFormat?: string): ErrorMessages;
+export declare const NGX_MAT_ERROR_CONFIG_PT_BR: FactoryProvider;

package/mat-form-error/src/ngx-error-list.component.d.ts

@@ -0,0 +1,9 @@
+import { NgxMatErrors } from './ngx-mat-errors.component';
+import { NgxMatErrorControls } from './types';
+import * as i0 from "@angular/core";
+export declare class NgxErrorList extends NgxMatErrors {
+    isArray(e: string | string[]): e is string[];
+    set control(control: NgxMatErrorControls);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxErrorList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxErrorList, "ngx-error-list, [ngx-error-list]", never, { "control": { "alias": "ngx-error-list"; "required": false; }; }, {}, never, never, true, never>;
+}

package/mat-form-error/src/ngx-mat-error-control.d.ts

@@ -0,0 +1,17 @@
+import { type Provider } from '@angular/core';
+import type { FormFieldControl } from './types';
+import * as i0 from "@angular/core";
+/**
+ * This class contains the logic of getting the default control of a MatFormField.
+ * Extend it to implement a custom getter method.
+ */
+export declare class NgxMatErrorControl {
+    protected readonly matFormField: import("@angular/material/form-field").MatFormField | null;
+    get(): undefined | FormFieldControl | FormFieldControl[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatErrorControl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxMatErrorControl>;
+}
+/**
+ * Provides the default control accessor of a MatFormField.
+ */
+export declare function provideDefaultNgxMatErrorControl(): Provider;

package/mat-form-error/src/ngx-mat-error-def.directive.d.ts

@@ -0,0 +1,30 @@
+import { InjectionToken, TemplateRef } from '@angular/core';
+import { AbstractControl, type AbstractControlDirective } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface INgxMatErrorDef {
+    ngxMatErrorDefFor: string;
+    ngxMatErrorDefWithControl?: AbstractControlDirective | AbstractControl | string | null;
+    template: TemplateRef<any>;
+    control?: AbstractControl;
+}
+/**
+ * Lightweight injection token. When NgxMatErrorDef is not used, only this token will remain, the directive will be tree-shaken.
+ */
+export declare const NGX_MAT_ERROR_DEF: InjectionToken<INgxMatErrorDef>;
+export declare class NgxMatErrorDef implements INgxMatErrorDef {
+    /**
+     * Specify the error key to be used for error matching.
+     * @required
+     */
+    ngxMatErrorDefFor: string;
+    /**
+     * Specify the control to be used for error matching.
+     * @optional
+     */
+    ngxMatErrorDefWithControl?: AbstractControlDirective | AbstractControl | string | null;
+    readonly template: TemplateRef<any>;
+    private readonly controlContainer;
+    get control(): AbstractControl | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatErrorDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatErrorDef, "[ngxMatErrorDef]", never, { "ngxMatErrorDefFor": { "alias": "ngxMatErrorDefFor"; "required": true; }; "ngxMatErrorDefWithControl": { "alias": "ngxMatErrorDefWithControl"; "required": false; }; }, {}, never, never, true, never>;
+}

package/mat-form-error/src/ngx-mat-errors-for-date-range-picker.directive.d.ts

@@ -0,0 +1,8 @@
+import { NgxMatErrorControl } from './ngx-mat-error-control';
+import * as i0 from "@angular/core";
+export declare class NgxMatErrorsForDateRangePicker<D> extends NgxMatErrorControl {
+    /** Returns start and end controls of the date range picker. */
+    get(): (import("@angular/material/datepicker").MatStartDate<D> | import("@angular/material/datepicker").MatEndDate<D>)[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatErrorsForDateRangePicker<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatErrorsForDateRangePicker<any>, "[ngx-mat-errors][forDateRangePicker]", never, {}, {}, never, never, true, never>;
+}

package/mat-form-error/src/ngx-mat-errors.component.d.ts

@@ -0,0 +1,23 @@
+import { InjectionToken, type OnDestroy, type QueryList } from '@angular/core';
+import { type Observable } from 'rxjs';
+import { type INgxMatErrorDef } from './ngx-mat-error-def.directive';
+import type { ErrorMessages, ErrorTemplate, NgxMatErrorControls } from './types';
+import * as i0 from "@angular/core";
+export declare const NGX_MAT_ERROR_DEFAULT_OPTIONS: InjectionToken<ErrorMessages | Observable<ErrorMessages>>;
+export declare class NgxMatErrors implements OnDestroy {
+    private readonly messages$;
+    private readonly defaultControl;
+    private readonly controlChangedSubject;
+    protected error$: Observable<ErrorTemplate>;
+    protected set customErrorMessages(queryList: QueryList<INgxMatErrorDef>);
+    /**
+     * @deprecated will be changed to a signal and it won't be possible to set the property from TS.
+     * Instead of setting it in a directive, the directive should extend the {@link NgxMatErrorControl } class
+     * and provide itself as it.
+     */
+    set control(control: NgxMatErrorControls);
+    /** @ignore */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatErrors, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatErrors, "ngx-mat-errors, [ngx-mat-errors]", never, { "control": { "alias": "ngx-mat-errors"; "required": false; }; }, {}, ["customErrorMessages"], never, true, never>;
+}

package/mat-form-error/src/types.d.ts

@@ -0,0 +1,68 @@
+import type { TemplateRef } from '@angular/core';
+import type { AbstractControl, AbstractControlDirective, ValidationErrors } from '@angular/forms';
+import type { MatFormFieldControl } from '@angular/material/form-field';
+export type ErrorTemplate = {
+    template: TemplateRef<any>;
+    $implicit: ValidationErrors;
+} | {
+    template: undefined;
+    $implicit: string | string[];
+} | undefined;
+export type FormFieldControl = Pick<MatFormFieldControl<any>, 'ngControl'>;
+export type NgxMatErrorControls = FormFieldControl | AbstractControl | AbstractControlDirective | (FormFieldControl | AbstractControl | AbstractControlDirective)[] | undefined | null | '';
+export type ErrorTransform = (error: any) => string;
+export interface ErrorMessages {
+    [key: string]: string | ErrorTransform;
+}
+/**
+ * For errors: 'min', 'matDatepickerMin'
+ */
+export interface MinError<T = number> {
+    min: T;
+    actual: T;
+}
+/**
+ * For errors: 'max', 'matDatepickerMax'
+ */
+export interface MaxError<T = number> {
+    max: T;
+    actual: T;
+}
+/**
+ * For errors: 'minlength', 'maxlength'
+ */
+export interface LengthError {
+    requiredLength: number;
+    actualLength: number;
+}
+/**
+ * For errors: 'pattern'
+ */
+export interface PatternValidator {
+    requiredPattern: string;
+    actualValue: string;
+}
+/**
+ * For errors: 'matStartDateInvalid'
+ */
+export interface StartDateError<D> {
+    end: D;
+    actual: D;
+}
+/**
+ * For errors: 'matEndDateInvalid'
+ */
+export interface EndDateError<D> {
+    start: D;
+    actual: D;
+}
+/**
+ * For errors: 'matDatepickerParse', 'matTimepickerParse'
+ */
+export interface ParseError {
+    text: string;
+}
+/**
+ * @deprecated to be removed in version 20. Please use ParseError instead
+ */
+export type DatepickerParseError = ParseError;

package/mat-form-error/src/utils/coerce-to-observable.d.ts

@@ -0,0 +1,3 @@
+import { type Observable } from 'rxjs';
+import type { ErrorMessages } from '../types';
+export declare function coerceToObservable(errorMessages: ErrorMessages | Observable<ErrorMessages>): Observable<ErrorMessages>;

package/mat-form-error/src/utils/distinct-until-error-changed.d.ts

@@ -0,0 +1,2 @@
+import type { ErrorTemplate } from '../types';
+export declare function distinctUntilErrorChanged<P extends ErrorTemplate>(prev: P, curr: P): boolean;

package/mat-form-error/src/utils/find-error-for-control.d.ts

@@ -0,0 +1,9 @@
+import type { AbstractControl } from '@angular/forms';
+import type { INgxMatErrorDef } from '../ngx-mat-error-def.directive';
+import { ErrorMessages } from '../types';
+/**
+ * Finds the error key or custom error for a control. The original function
+ * has been modified
+ * @returns INgxMatErrorDef | undefined
+ */
+export declare function findErrorsForControl(control: AbstractControl, messages: ErrorMessages, customErrorMessages: readonly INgxMatErrorDef[]): string[] | INgxMatErrorDef;

package/mat-form-error/src/utils/get-abstract-controls.d.ts

@@ -0,0 +1,3 @@
+import { AbstractControl } from '@angular/forms';
+import type { NgxMatErrorControls } from '../types';
+export declare function getAbstractControls(controls: NgxMatErrorControls): AbstractControl[] | undefined;

package/mat-form-error/src/utils/get-control-with-error.d.ts

@@ -0,0 +1,3 @@
+import type { AbstractControl } from '@angular/forms';
+import { type Observable } from 'rxjs';
+export declare function getControlWithError(controls: AbstractControl[]): Observable<AbstractControl | undefined>;

package/mat-select-entity/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/providers';
+export * from './src/mat-select-entity.component';