ngx-material-entity 0.1.5 → 1.0.6

package/classes/entity.utilities.d.ts

@@ -36,7 +36,7 @@ export declare abstract class EntityUtilities {
      * @returns The metadata of the property.
      * @throws When no metadata can be found for the given property.
      */
-    static getPropertyMetadata<EntityType extends BaseEntityType<EntityType>, T extends DecoratorTypes>(entity: EntityType, propertyKey: keyof EntityType, type?: T): DecoratorType<T>;
+    static getPropertyMetadata<EntityType extends BaseEntityType<EntityType>, T extends DecoratorTypes, CustomMetadataType extends Record<string, unknown>>(entity: EntityType, propertyKey: keyof EntityType, type?: T): DecoratorType<T, CustomMetadataType>;
     /**
      * Gets the type of the property-metadata.
      *
@@ -80,6 +80,7 @@ export declare abstract class EntityUtilities {
     private static isBooleanValid;
     private static isStringValid;
     private static isTextboxValid;
+    private static isPasswordValid;
     private static isNumberValid;
     private static isDateValid;
     private static isDateRangeValid;
@@ -92,7 +93,7 @@ export declare abstract class EntityUtilities {
      * @param entityPriorChanges - The entity before the changes.
      * @returns Whether or not the entity is dirty.
      */
-    static dirty<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, entityPriorChanges: EntityType): Promise<boolean>;
+    static isDirty<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, entityPriorChanges: EntityType): Promise<boolean>;
     private static differencesForDirty;
     /**
      * Compares two Entities and returns their difference in an object.
@@ -119,6 +120,7 @@ export declare abstract class EntityUtilities {
     private static isEqualDate;
     private static isEqualDateRange;
     private static isEqualFile;
+    private static isEqualCustom;
     /**
      * Compare function for sorting entity keys by their order value.
      *
@@ -148,13 +150,25 @@ export declare abstract class EntityUtilities {
      * Gets the rows that are used to display the given entity.
      *
      * @param entity - The entity to get the rows from.
+     * @param tab - The tab number for which the rows should be returned.
      * @param hideOmitForCreate - Whether or not keys with the metadata omitForCreate should be filtered out.
      * @param hideOmitForEdit - Whether or not keys with the metadata omitForUpdate should be filtered out.
      * @returns The sorted Rows containing the row number and the keys to display in that row.
      */
-    static getEntityRows<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): EntityRow<EntityType>[];
+    private static getEntityRows;
+    /**
+     * Gets the tabs that are used to display the given entity.
+     *
+     * @param entity - The entity to get the rows from.
+     * @param hideOmitForCreate - Whether or not keys with the metadata omitForCreate should be filtered out.
+     * @param hideOmitForEdit - Whether or not keys with the metadata omitForUpdate should be filtered out.
+     * @returns The sorted Tabs containing the rows and the keys to display in that row.
+     */
+    static getEntityTabs<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): EntityTab<EntityType>[];
     private static getKeysForRow;
     private static getNumberOfRows;
+    private static getNumberOfTabs;
+    private static getTabName;
     /**
      * Gets the keys of the provided entity correctly typed.
      *
@@ -166,7 +180,7 @@ export declare abstract class EntityUtilities {
     static keysOf<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): (keyof EntityType)[];
 }
 /**
- * A row that contains all the information about how to display an entity.
+ * A row that contains information about how to display an entity.
  */
 export interface EntityRow<EntityType extends BaseEntityType<EntityType>> {
     /**
@@ -178,3 +192,20 @@ export interface EntityRow<EntityType extends BaseEntityType<EntityType>> {
      */
     keys: (keyof EntityType)[];
 }
+/**
+ * A tab that contains all the information about how to display an entity.
+ */
+export interface EntityTab<EntityType extends BaseEntityType<EntityType>> {
+    /**
+     * The tab in which the rows should be displayed.
+     */
+    tab: number;
+    /**
+     * The name to display inside the tab.
+     */
+    tabName: string;
+    /**
+     * The rows that should be displayed inside this tab,.
+     */
+    rows: EntityRow<EntityType>[];
+}

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

@@ -1,22 +1,11 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DateArrayDecoratorConfigInternal } from '../../../../decorators/array/array-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+import { OnInit } from '@angular/core';
 import { DateUtilities } from '../../../../classes/date.utilities';
-import { MatDialog } from '@angular/material/dialog';
-import { ArrayTable } from '../array-table.class';
+import { ArrayTableComponent } from '../array-table.class';
 import { BaseEntityType } from '../../../../classes/entity.model';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import * as i0 from "@angular/core";
-export declare class ArrayDateInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTable<Date, EntityType> implements OnInit {
-    private readonly dialog;
+export declare class ArrayDateInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTableComponent<Date, EntityType, DecoratorTypes.ARRAY_DATE> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DateArrayDecoratorConfigInternal;
-    constructor(dialog: MatDialog);
-    ngOnInit(): void;
-    protected emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateInputComponent<any>, "array-date-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateInputComponent<any>, "array-date-input", never, {}, {}, never, never>;
 }

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,13 @@
-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;
-    stringChipsArrayValues?: string[];
+export declare class ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS, string[]> implements OnInit {
     filteredAutocompleteStrings: string[];
     chipsInput: string;
-    constructor();
     ngOnInit(): void;
     /**
      * Handles adding strings to the chipsArray.
@@ -52,7 +45,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,20 +1,12 @@
-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;
-    stringChipsArrayValues?: string[];
+export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_CHIPS, string[]> implements OnInit {
     chipsInput: string;
-    constructor();
-    ngOnInit(): void;
     /**
      * Handles adding strings to the chipsArray.
      * Checks validation and also creates a new array if it is undefined.
@@ -45,7 +37,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,23 @@
 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<ValueType, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType, ValueType[]> 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>;
+    input?: ValueType;
+    dataSource: MatTableDataSource<ValueType>;
+    selection: SelectionModel<ValueType>;
     displayedColumns: string[];
-    abstract metadata: DateArrayDecoratorConfigInternal | DateTimeArrayDecoratorConfigInternal | DateRangeArrayDecoratorConfigInternal;
     constructor(matDialog: MatDialog);
-    init(): void;
+    ngOnInit(): void;
     /**
      * Toggles all array-items in the table.
      *
@@ -44,5 +42,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,57 @@
+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.
+ * Extend from this when implementing your own custom decorator.
+ *
+ * It already provides:
+ *
+ * - entity: The entity which the property is on. (type-safe due to the Generic "EntityType")
+ * - key: The key of the property. (type-safe due to the Generic "EntityType")
+ * - getValidationErrorMessage: The function that generates the error message when the input is invalid.
+ * - isReadOnly: Whether or not the input is read only. Can be used to disable elements.
+ * - propertyValue: Just the typed version of the property, its the same as entity[key].
+ * - metadata: The metadata of the property. (type-safe due to the Generic "CustomMetadataType")
+ * - ngOnInit: Gets the metadata for the property, be aware of this when overriding this method.
+ * - emitChange: Should be called when the input has changed. This is needed to trigger validation and dirty checks.
+ */
+export declare abstract class NgxMatEntityBaseInputComponent<EntityType extends BaseEntityType<EntityType>, Type extends DecoratorTypes, ValueType, 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;
+    /**
+     * Whether or not the input should be readonly.
+     * In that case it is disabled, but most of the disabled-styling is overridden.
+     */
+    isReadOnly: boolean;
+    inputChangeEvent: EventEmitter<void>;
+    /**
+     * The property value of entity[key] correctly typed.
+     * Uses getters and setters so that inputs are always linked to the original value.
+     */
+    get propertyValue(): ValueType | undefined;
+    set propertyValue(value: ValueType | undefined);
+    /**
+     * The metadata of the property.
+     */
+    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, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityBaseInputComponent<any, any, any, any>, "ngx-mat-entity-base-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; "isReadOnly": "isReadOnly"; }, { "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, boolean> 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, boolean> 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, boolean> 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>, ValueType, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType, MetadataType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType> implements OnInit {
+    private readonly viewContainerRef;
+    component: ComponentRef<ComponentType>;
+    constructor(viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent<any, any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent<any, any, any, any>, "custom-input", never, {}, {}, never, never>;
+}

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

@@ -1,21 +1,11 @@
-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, 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,19 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DateRangeDateDecoratorConfigInternal } from '../../../../decorators/date/date-decorator-internal.data';
-import { NgModel } from '@angular/forms';
-import { DateFilterFn } from '@angular/material/datepicker';
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 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, DateRange> implements OnInit {
     dateRange: DateRange;
     dateRangeStart?: Date;
     dateRangeEnd?: Date;
-    constructor();
-    defaultDateFilter: DateFilterFn<Date | null | undefined>;
+    defaultDateFilter: import("@angular/material/datepicker").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,16 @@
-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, Date> 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;
     /**
@@ -27,12 +20,11 @@ export declare class DateTimeInputComponent<EntityType extends BaseEntityType<En
      * @param time2 - The second time to compare.
      * @returns Whether or not the time objects are the same.
      */
-    compareTimes(time1: Time, time2: Time): boolean;
+    compareTimes(time1?: Time, time2?: Time): boolean;
     /**
      * 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, FileData | FileData[]> 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>;
 }