ngx-material-entity 0.1.5 → 1.0.0

package/components/input/array/array-date-range-input/array-date-range-input.component.d.ts

@@ -1,30 +1,20 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
+import { OnInit } from '@angular/core';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { DateUtilities } from '../../../../classes/date.utilities';
-import { DateRangeArrayDecoratorConfigInternal } from '../../../../decorators/array/array-decorator-internal.data';
 import { DateRange } from '../../../../decorators/date/date-decorator.data';
-import { ArrayTable } from '../array-table.class';
+import { ArrayTableComponent } from '../array-table.class';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import * as i0 from "@angular/core";
-export declare class ArrayDateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTable<DateRange, EntityType> implements OnInit {
-    private readonly dialog;
+export declare class ArrayDateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTableComponent<DateRange, EntityType, DecoratorTypes.ARRAY_DATE_RANGE> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    metadata: DateRangeArrayDecoratorConfigInternal;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
     dateRangeStart?: Date;
     dateRangeEnd?: Date;
-    constructor(dialog: MatDialog);
     ngOnInit(): void;
     /**
      * Adds a DateRange to the array.
      */
     addDateRange(): void;
     protected resetInput(): void;
-    protected emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateRangeInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateRangeInputComponent<any>, "array-date-range-input", never, { "entity": "entity"; "key": "key"; "metadata": "metadata"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateRangeInputComponent<any>, "array-date-range-input", never, {}, {}, never, never>;
 }

package/components/input/array/array-date-time-input/array-date-time-input.component.d.ts

@@ -1,32 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DateTimeArrayDecoratorConfigInternal } from '../../../../decorators/array/array-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
 import { DateUtilities } from '../../../../classes/date.utilities';
-import { ArrayTable } from '../array-table.class';
-import { MatDialog } from '@angular/material/dialog';
+import { ArrayTableComponent } from '../array-table.class';
 import { Time } from '@angular/common';
 import { DropdownValue } from '../../../../decorators/base/dropdown-value.interface';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import * as i0 from "@angular/core";
-export declare class ArrayDateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTable<Date, EntityType> implements OnInit {
-    private readonly dialog;
+export declare class ArrayDateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTableComponent<Date, EntityType, DecoratorTypes.ARRAY_DATE_TIME> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DateTimeArrayDecoratorConfigInternal;
     dateTime?: Date;
     time?: Time;
     timeDropdownValues: DropdownValue<Time>[];
-    constructor(dialog: MatDialog);
     ngOnInit(): void;
     protected resetInput(): void;
     /**
      * Adds a date time to the array.
      */
     addDateTime(): void;
-    protected emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateTimeInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateTimeInputComponent<any>, "array-date-time-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateTimeInputComponent<any>, "array-date-time-input", never, {}, {}, never, never>;
 }

package/components/input/array/array-string-autocomplete-chips/array-string-autocomplete-chips.component.d.ts

@@ -1,20 +1,14 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { BaseEntityType } from '../../../../classes/entity.model';
-import { AutocompleteStringChipsArrayDecoratorConfigInternal } from '../../../../decorators/array/array-decorator-internal.data';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: AutocompleteStringChipsArrayDecoratorConfigInternal;
+export declare class ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS> implements OnInit {
     stringChipsArrayValues?: string[];
     filteredAutocompleteStrings: string[];
     chipsInput: string;
-    constructor();
     ngOnInit(): void;
     /**
      * Handles adding strings to the chipsArray.
@@ -52,7 +46,6 @@ export declare class ArrayStringAutocompleteChipsComponent<EntityType extends Ba
      * @param input - The input of the user.
      */
     filterAutocompleteStrings(input: unknown): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringAutocompleteChipsComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringAutocompleteChipsComponent<any>, "array-string-autocomplete-chips", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringAutocompleteChipsComponent<any>, "array-string-autocomplete-chips", never, {}, {}, never, never>;
 }

package/components/input/array/array-string-chips-input/array-string-chips-input.component.d.ts

@@ -1,19 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { StringChipsArrayDecoratorConfigInternal } from '../../../../decorators/array/array-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: StringChipsArrayDecoratorConfigInternal;
+export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_CHIPS> implements OnInit {
     stringChipsArrayValues?: string[];
     chipsInput: string;
-    constructor();
     ngOnInit(): void;
     /**
      * Handles adding strings to the chipsArray.
@@ -45,7 +39,6 @@ export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntit
      * @param chipsInput - The element where the user typed the value.
      */
     selected(event: MatAutocompleteSelectedEvent, chipsInput: HTMLInputElement): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringChipsInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringChipsInputComponent<any>, "array-string-chips-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringChipsInputComponent<any>, "array-string-chips-input", never, {}, {}, never, never>;
 }

package/components/input/array/array-table.class.d.ts

@@ -1,25 +1,24 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { MatDialog } from '@angular/material/dialog';
 import { MatTableDataSource } from '@angular/material/table';
-import { DateArrayDecoratorConfigInternal, DateRangeArrayDecoratorConfigInternal, DateTimeArrayDecoratorConfigInternal } from '../../../decorators/array/array-decorator-internal.data';
-import { NgModel } from '@angular/forms';
 import { BaseEntityType } from '../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../base-input.component';
+import { DecoratorTypes } from '../../../decorators/base/decorator-types.enum';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+declare type ArrayTableType = DecoratorTypes.ARRAY | DecoratorTypes.ARRAY_DATE | DecoratorTypes.ARRAY_DATE_RANGE | DecoratorTypes.ARRAY_DATE_TIME;
 /**
  * The base data needed for all arrays that are displayed as a table.
  */
-export declare abstract class ArrayTable<T, EntityType extends BaseEntityType<EntityType>> {
+export declare abstract class ArrayTableComponent<T, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType> implements OnInit {
     private readonly matDialog;
-    abstract entity: EntityType;
-    abstract key: keyof EntityType;
-    abstract getValidationErrorMessage: (model: NgModel) => string;
     arrayValues: T[];
     input?: T;
     dataSource: MatTableDataSource<T>;
     selection: SelectionModel<T>;
     displayedColumns: string[];
-    abstract metadata: DateArrayDecoratorConfigInternal | DateTimeArrayDecoratorConfigInternal | DateRangeArrayDecoratorConfigInternal;
     constructor(matDialog: MatDialog);
-    init(): void;
+    ngOnInit(): void;
     /**
      * Toggles all array-items in the table.
      *
@@ -44,5 +43,7 @@ export declare abstract class ArrayTable<T, EntityType extends BaseEntityType<En
      * Removes all selected entries from the entity array.
      */
     remove(): void;
-    protected abstract emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayTableComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayTableComponent<any, any, any>, "ngx-mat-entity-array-table", never, {}, {}, never, never>;
 }
+export {};

package/components/input/base-input.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NgModel } from '@angular/forms';
+import { BaseEntityType } from '../../classes/entity.model';
+import { DecoratorType, DecoratorTypes } from '../../decorators/base/decorator-types.enum';
+import * as i0 from "@angular/core";
+/**
+ * The abstract base class of any ngx-mat-entity input.
+ */
+export declare abstract class NgxMatEntityBaseInputComponent<EntityType extends BaseEntityType<EntityType>, Type extends DecoratorTypes, CustomMetadataType extends BaseEntityType<CustomMetadataType> = {}> implements OnInit {
+    /**
+     * The entity that the property to display as an input comes from.
+     */
+    entity: EntityType;
+    /**
+     * The key of the property to build the input for.
+     */
+    key: keyof EntityType;
+    /**
+     * The function that generates the error message when the input is invalid.
+     */
+    getValidationErrorMessage: (model: NgModel) => string;
+    inputChangeEvent: EventEmitter<void>;
+    metadata: DecoratorType<Type, CustomMetadataType>;
+    ngOnInit(): void;
+    /**
+     * Should emit when the input has changed. This is needed to trigger validation and dirty checks.
+     */
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityBaseInputComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityBaseInputComponent<any, any, any>, "ngx-mat-entity-base-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+}

package/components/input/boolean/boolean-checkbox-input/boolean-checkbox-input.component.d.ts

@@ -1,17 +1,10 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { CheckboxBooleanDecoratorConfigInternal } from '../../../../decorators/boolean/boolean-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanCheckboxInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: CheckboxBooleanDecoratorConfigInternal;
-    constructor();
+export declare class BooleanCheckboxInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_CHECKBOX> implements OnInit {
     ngOnInit(): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanCheckboxInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanCheckboxInputComponent<any>, "boolean-checkbox-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanCheckboxInputComponent<any>, "boolean-checkbox-input", never, {}, {}, never, never>;
 }

package/components/input/boolean/boolean-dropdown-input/boolean-dropdown-input.component.d.ts

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DropdownBooleanDecoratorConfigInternal } from '../../../../decorators/boolean/boolean-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DropdownBooleanDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+export declare class BooleanDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_DROPDOWN> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanDropdownInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanDropdownInputComponent<any>, "boolean-dropdown-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanDropdownInputComponent<any>, "boolean-dropdown-input", never, {}, {}, never, never>;
 }

package/components/input/boolean/boolean-toggle-input/boolean-toggle-input.component.d.ts

@@ -1,17 +1,10 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { ToggleBooleanDecoratorConfigInternal } from '../../../../decorators/boolean/boolean-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanToggleInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: ToggleBooleanDecoratorConfigInternal;
-    constructor();
+export declare class BooleanToggleInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_TOGGLE> implements OnInit {
     ngOnInit(): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanToggleInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanToggleInputComponent<any>, "boolean-toggle-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BooleanToggleInputComponent<any>, "boolean-toggle-input", never, {}, {}, never, never>;
 }

package/components/input/custom/custom.component.d.ts

@@ -0,0 +1,13 @@
+import { ComponentRef, OnInit, ViewContainerRef } from '@angular/core';
+import { BaseEntityType } from '../../../classes/entity.model';
+import { DecoratorTypes } from '../../../decorators/base/decorator-types.enum';
+import { NgxMatEntityBaseInputComponent } from '../base-input.component';
+import * as i0 from "@angular/core";
+export declare class CustomInputComponent<EntityType extends BaseEntityType<EntityType>, MetadataType extends BaseEntityType<MetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, MetadataType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM> implements OnInit {
+    private readonly viewContainerRef;
+    component: ComponentRef<ComponentType>;
+    constructor(viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent<any, any, any>, "custom-input", never, {}, {}, never, never>;
+}

package/components/input/date/date-input/date-input.component.d.ts

@@ -1,21 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DefaultDateDecoratorConfigInternal } from '../../../../decorators/date/date-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { DateUtilities } from '../../../../classes/date.utilities';
 import { DateFilterFn } from '@angular/material/datepicker';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
+export declare class DateInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DefaultDateDecoratorConfigInternal;
-    constructor();
     defaultDateFilter: DateFilterFn<Date | null | undefined>;
-    ngOnInit(): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent<any>, "date-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent<any>, "date-input", never, {}, {}, never, never>;
 }

package/components/input/date/date-range-input/date-range-input.component.d.ts

@@ -1,27 +1,20 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DateRangeDateDecoratorConfigInternal } from '../../../../decorators/date/date-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { DateFilterFn } from '@angular/material/datepicker';
 import { DateRange } from '../../../../decorators/date/date-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DateRangeDateDecoratorConfigInternal;
+export declare class DateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_RANGE> implements OnInit {
     dateRange: DateRange;
     dateRangeStart?: Date;
     dateRangeEnd?: Date;
-    constructor();
     defaultDateFilter: DateFilterFn<Date | null | undefined>;
     ngOnInit(): void;
     /**
      * Updates the date range values based on the start and end date.
      */
     setDateRangeValues(): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputComponent<any>, "date-range-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeInputComponent<any>, "date-range-input", never, {}, {}, never, never>;
 }

package/components/input/date/date-time-input/date-time-input.component.d.ts

@@ -1,23 +1,17 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DateTimeDateDecoratorConfigInternal } from '../../../../decorators/date/date-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { DateFilterFn } from '@angular/material/datepicker';
 import { Time } from '@angular/common';
 import { DropdownValue } from '../../../../decorators/base/dropdown-value.interface';
 import { DateUtilities } from '../../../../classes/date.utilities';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
+export declare class DateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_TIME> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DateTimeDateDecoratorConfigInternal;
     dateTime?: Date;
     time?: Time;
     timeDropdownValues: DropdownValue<Time>[];
-    constructor();
     defaultDateFilter: DateFilterFn<Date | null | undefined>;
     ngOnInit(): void;
     /**
@@ -32,7 +26,6 @@ export declare class DateTimeInputComponent<EntityType extends BaseEntityType<En
      * Sets the time on a datetime property.
      */
     setTime(): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeInputComponent<any>, "date-time-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeInputComponent<any>, "date-time-input", never, {}, {}, never, never>;
 }

package/components/input/file/file-default-input/file-default-input.component.d.ts

@@ -1,21 +1,13 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { DefaultFileDecoratorConfigInternal } from '../../../../decorators/file/file-decorator-internal.data';
+import { OnInit } from '@angular/core';
 import { FileUtilities } from '../../../../classes/file.utilities';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { FileData } from '../../../../decorators/file/file-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class FileDefaultInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
+export declare class FileDefaultInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_DEFAULT> implements OnInit {
     FileUtilities: typeof FileUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DefaultFileDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): Promise<void>;
     refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileDefaultInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileDefaultInputComponent<any>, "file-default-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileDefaultInputComponent<any>, "file-default-input", never, {}, {}, never, never>;
 }

package/components/input/file/file-image-input/file-image-input.component.d.ts

@@ -1,30 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { ImageFileDecoratorConfigInternal } from '../../../../decorators/file/file-decorator-internal.data';
+import { OnInit } from '@angular/core';
 import { FileUtilities } from '../../../../classes/file.utilities';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { FileData } from '../../../../decorators/file/file-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class FileImageInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
+export declare class FileImageInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_IMAGE> implements OnInit {
     FileUtilities: typeof FileUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: ImageFileDecoratorConfigInternal;
     singlePreviewImage?: string;
     multiPreviewImages?: string[];
     imageIndex: number;
     placeHolder: string;
-    constructor();
-    ngOnInit(): Promise<void>;
     private setSinglePreviewImage;
     private setMultiPreviewImages;
     refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
     prev(): Promise<void>;
     next(): Promise<void>;
     setIndex(index: number): Promise<void>;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileImageInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageInputComponent<any>, "file-image-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageInputComponent<any>, "file-image-input", never, {}, {}, never, never>;
 }

package/components/input/input.component.d.ts

@@ -101,7 +101,7 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * Does this either inline if the "createInline"-metadata is set to true
      * or in a separate dialog if it is set to false.
      */
-    addEntity(): void;
+    addEntity(): Promise<void>;
     /**
      * Adds the array item defined in the dialog.
      */

package/components/input/input.module.d.ts

@@ -20,23 +20,24 @@ import * as i18 from "./file/file-input/file-input.component";
 import * as i19 from "./file/file-image-input/file-image-input.component";
 import * as i20 from "./file/file-default-input/file-default-input.component";
 import * as i21 from "./file/file-input/dragDrop.directive";
-import * as i22 from "./input.component";
-import * as i23 from "@angular/common";
-import * as i24 from "@angular/material/input";
-import * as i25 from "@angular/forms";
-import * as i26 from "@angular/material/form-field";
-import * as i27 from "@angular/material/select";
-import * as i28 from "@angular/material/autocomplete";
-import * as i29 from "@angular/material/checkbox";
-import * as i30 from "@angular/material/slide-toggle";
-import * as i31 from "@angular/material/chips";
-import * as i32 from "@angular/material/icon";
-import * as i33 from "@angular/material/table";
-import * as i34 from "@angular/material/dialog";
-import * as i35 from "@angular/material/button";
-import * as i36 from "@angular/material/datepicker";
+import * as i22 from "./custom/custom.component";
+import * as i23 from "./input.component";
+import * as i24 from "@angular/common";
+import * as i25 from "@angular/material/input";
+import * as i26 from "@angular/forms";
+import * as i27 from "@angular/material/form-field";
+import * as i28 from "@angular/material/select";
+import * as i29 from "@angular/material/autocomplete";
+import * as i30 from "@angular/material/checkbox";
+import * as i31 from "@angular/material/slide-toggle";
+import * as i32 from "@angular/material/chips";
+import * as i33 from "@angular/material/icon";
+import * as i34 from "@angular/material/table";
+import * as i35 from "@angular/material/dialog";
+import * as i36 from "@angular/material/button";
+import * as i37 from "@angular/material/datepicker";
 export declare class NgxMatEntityInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.BooleanCheckboxInputComponent, typeof i6.BooleanToggleInputComponent, typeof i7.BooleanDropdownInputComponent, typeof i8.NumberInputComponent, typeof i9.NumberDropdownInputComponent, typeof i10.ArrayStringChipsInputComponent, typeof i11.ArrayStringAutocompleteChipsComponent, typeof i12.DateInputComponent, typeof i13.DateRangeInputComponent, typeof i14.DateTimeInputComponent, typeof i15.ArrayDateInputComponent, typeof i16.ArrayDateTimeInputComponent, typeof i17.ArrayDateRangeInputComponent, typeof i18.FileInputComponent, typeof i19.FileImageInputComponent, typeof i20.FileDefaultInputComponent, typeof i21.DragDropDirective, typeof i22.NgxMatEntityInputComponent], [typeof i23.CommonModule, typeof i24.MatInputModule, typeof i25.FormsModule, typeof i26.MatFormFieldModule, typeof i27.MatSelectModule, typeof i28.MatAutocompleteModule, typeof i29.MatCheckboxModule, typeof i30.MatSlideToggleModule, typeof i31.MatChipsModule, typeof i32.MatIconModule, typeof i33.MatTableModule, typeof i34.MatDialogModule, typeof i35.MatButtonModule, typeof i36.MatDatepickerModule], [typeof i22.NgxMatEntityInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.BooleanCheckboxInputComponent, typeof i6.BooleanToggleInputComponent, typeof i7.BooleanDropdownInputComponent, typeof i8.NumberInputComponent, typeof i9.NumberDropdownInputComponent, typeof i10.ArrayStringChipsInputComponent, typeof i11.ArrayStringAutocompleteChipsComponent, typeof i12.DateInputComponent, typeof i13.DateRangeInputComponent, typeof i14.DateTimeInputComponent, typeof i15.ArrayDateInputComponent, typeof i16.ArrayDateTimeInputComponent, typeof i17.ArrayDateRangeInputComponent, typeof i18.FileInputComponent, typeof i19.FileImageInputComponent, typeof i20.FileDefaultInputComponent, typeof i21.DragDropDirective, typeof i22.CustomInputComponent, typeof i23.NgxMatEntityInputComponent], [typeof i24.CommonModule, typeof i25.MatInputModule, typeof i26.FormsModule, typeof i27.MatFormFieldModule, typeof i28.MatSelectModule, typeof i29.MatAutocompleteModule, typeof i30.MatCheckboxModule, typeof i31.MatSlideToggleModule, typeof i32.MatChipsModule, typeof i33.MatIconModule, typeof i34.MatTableModule, typeof i35.MatDialogModule, typeof i36.MatButtonModule, typeof i37.MatDatepickerModule], [typeof i23.NgxMatEntityInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityInputModule>;
 }

package/components/input/number/number-dropdown-input/number-dropdown-input.component.d.ts

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DropdownNumberDecoratorConfigInternal } from '../../../../decorators/number/number-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class NumberDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DropdownNumberDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+export declare class NumberDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER_DROPDOWN> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberDropdownInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberDropdownInputComponent<any>, "number-dropdown-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberDropdownInputComponent<any>, "number-dropdown-input", never, {}, {}, never, never>;
 }

package/components/input/number/number-input/number-input.component.d.ts

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DefaultNumberDecoratorConfigInternal } from '../../../../decorators/number/number-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class NumberInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DefaultNumberDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+export declare class NumberInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent<any>, "number-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent<any>, "number-input", never, {}, {}, never, never>;
 }

package/components/input/string/string-autocomplete-input/string-autocomplete-input.component.d.ts

@@ -1,17 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { AutocompleteStringDecoratorConfigInternal } from '../../../../decorators/string/string-decorator-internal.data';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: AutocompleteStringDecoratorConfigInternal;
+export declare class StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_AUTOCOMPLETE> implements OnInit {
     autocompleteStrings: string[];
     filteredAutocompleteStrings: string[];
-    constructor();
     ngOnInit(): void;
     /**
      * Dynamically filters the Autocomplete options when the user inputs something.
@@ -19,7 +13,6 @@ export declare class StringAutocompleteInputComponent<EntityType extends BaseEnt
      * @param input - The input of the user.
      */
     filterAutocompleteStrings(input: unknown): void;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringAutocompleteInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StringAutocompleteInputComponent<any>, "string-autocomplete-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringAutocompleteInputComponent<any>, "string-autocomplete-input", never, {}, {}, never, never>;
 }