ngx-material-entity 0.1.4 → 1.0.5

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

@@ -0,0 +1,48 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { MatDialog } from '@angular/material/dialog';
+import { MatTableDataSource } from '@angular/material/table';
+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 ArrayTableComponent<ValueType, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType, ValueType[]> implements OnInit {
+    private readonly matDialog;
+    input?: ValueType;
+    dataSource: MatTableDataSource<ValueType>;
+    selection: SelectionModel<ValueType>;
+    displayedColumns: string[];
+    constructor(matDialog: MatDialog);
+    ngOnInit(): void;
+    /**
+     * Toggles all array-items in the table.
+     *
+     */
+    masterToggle(): void;
+    /**
+     * Checks if all array-items in the table have been selected.
+     * This is needed to display the "masterToggle"-checkbox correctly.
+     *
+     * @returns Whether or not all array-items in the table have been selected.
+     */
+    isAllSelected(): boolean;
+    /**
+     * Tries to add an item to the array.
+     */
+    add(): void;
+    /**
+     * Is split up from the add method to override this functionality more easily.
+     */
+    protected resetInput(): void;
+    /**
+     * Removes all selected entries from the entity array.
+     */
+    remove(): 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

@@ -0,0 +1,10 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_CHECKBOX, boolean> implements OnInit {
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanCheckboxInputComponent<any>, 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

@@ -0,0 +1,9 @@
+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>> 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, {}, {}, never, never>;
+}

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

@@ -0,0 +1,10 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_TOGGLE, boolean> implements OnInit {
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanToggleInputComponent<any>, 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

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
+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 DateInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE, Date> implements OnInit {
+    DateUtilities: typeof DateUtilities;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent<any>, 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

@@ -0,0 +1,19 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_RANGE, DateRange> implements OnInit {
+    dateRange: DateRange;
+    dateRangeStart?: Date;
+    dateRangeEnd?: Date;
+    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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInputComponent<any>, 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

@@ -0,0 +1,30 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_TIME, Date> implements OnInit {
+    DateUtilities: typeof DateUtilities;
+    time?: Time;
+    timeDropdownValues: DropdownValue<Time>[];
+    defaultDateFilter: DateFilterFn<Date | null | undefined>;
+    ngOnInit(): void;
+    /**
+     * Checks if two times are equal. Is needed for the dropdown.
+     *
+     * @param time1 - The first time to compare.
+     * @param time2 - The second time to compare.
+     * @returns Whether or not the time objects are the same.
+     */
+    compareTimes(time1?: Time, time2?: Time): boolean;
+    /**
+     * Sets the time on a datetime property.
+     */
+    setTime(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeInputComponent<any>, 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

@@ -0,0 +1,13 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_DEFAULT, FileData | FileData[]> implements OnInit {
+    FileUtilities: typeof FileUtilities;
+    refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileDefaultInputComponent<any>, 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

@@ -0,0 +1,22 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_IMAGE, FileData | FileData[]> implements OnInit {
+    FileUtilities: typeof FileUtilities;
+    singlePreviewImage?: string;
+    multiPreviewImages?: string[];
+    imageIndex: number;
+    placeHolder: string;
+    private setSinglePreviewImage;
+    private setMultiPreviewImages;
+    refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
+    prev(): Promise<void>;
+    next(): Promise<void>;
+    setIndex(index: number): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileImageInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageInputComponent<any>, "file-image-input", never, {}, {}, never, never>;
+}

package/components/input/file/file-input/dragDrop.directive.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Adds drag and drop functionality to an element.
+ */
+export declare class DragDropDirective {
+    /**
+     * Emits the dropped files to the parent.
+     */
+    files: EventEmitter<File[]>;
+    constructor();
+    /**
+     * Prevents the event default.
+     *
+     * @param evt - The Event when dragged files hover over the parent.
+     */
+    onDragOver(evt: DragEvent): void;
+    /**
+     * Prevents the event default.
+     *
+     * @param evt - The Event when dragged files leave the parent.
+     */
+    onDragLeave(evt: DragEvent): void;
+    /**
+     * Prevents the event default and emits the dropped files with the output.
+     *
+     * @param evt - The Event when files are dropped.
+     */
+    onDrop(evt: DragEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragDropDirective, "[dragDrop]", never, {}, { "files": "files"; }, never>;
+}

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

@@ -0,0 +1,33 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NgModel } from '@angular/forms';
+import { DefaultFileDecoratorConfigInternal } from '../../../../decorators/file/file-decorator-internal.data';
+import { FileUtilities } from '../../../../classes/file.utilities';
+import { FileData } from '../../../../decorators/file/file-decorator.data';
+import { MatDialog } from '@angular/material/dialog';
+import { BaseEntityType } from '../../../../classes/entity.model';
+import * as i0 from "@angular/core";
+export declare class FileInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
+    private readonly dialog;
+    singleFileData?: FileData;
+    multiFileData?: FileData[];
+    filenames?: string[];
+    FileUtilities: typeof FileUtilities;
+    entity: EntityType;
+    key: keyof EntityType;
+    getValidationErrorMessage: (model: NgModel) => string;
+    isReadOnly: boolean;
+    fileDataChangeEvent: EventEmitter<FileData | FileData[]>;
+    metadata: DefaultFileDecoratorConfigInternal;
+    constructor(dialog: MatDialog);
+    ngOnInit(): Promise<void>;
+    private initMultiFile;
+    private initSingleFile;
+    setFileFromInput(event: Event): Promise<void>;
+    setFile(files: File[]): Promise<void>;
+    private resetFileInputs;
+    private setMultiFile;
+    private setSingleFile;
+    removeFile(name: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputComponent<any>, "file-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; "isReadOnly": "isReadOnly"; }, { "fileDataChangeEvent": "fileDataChangeEvent"; }, never, never>;
+}

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

@@ -1,26 +1,17 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { NgModel } from '@angular/forms';
 import { EntityRow, EntityUtilities } from '../../classes/entity.utilities';
 import { DecoratorTypes } from '../../decorators/base/decorator-types.enum';
-import { MatChipInputEvent } from '@angular/material/chips';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { AutocompleteStringChipsArrayDecoratorConfigInternal, EntityArrayDecoratorConfigInternal, StringChipsArrayDecoratorConfigInternal } from '../../decorators/array/array-decorator-internal.data';
-import { DropdownBooleanDecoratorConfigInternal } from '../../decorators/boolean/boolean-decorator-internal.data';
-import { DefaultNumberDecoratorConfigInternal, DropdownNumberDecoratorConfigInternal } from '../../decorators/number/number-decorator-internal.data';
+import { EntityArrayDecoratorConfigInternal } from '../../decorators/array/array-decorator-internal.data';
 import { DefaultObjectDecoratorConfigInternal } from '../../decorators/object/object-decorator-internal.data';
-import { AutocompleteStringDecoratorConfigInternal, DefaultStringDecoratorConfigInternal, DropdownStringDecoratorConfigInternal, TextboxStringDecoratorConfigInternal } from '../../decorators/string/string-decorator-internal.data';
 import { PropertyDecoratorConfigInternal } from '../../decorators/base/property-decorator-internal.data';
 import { MatTableDataSource } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
 import { AddArrayItemDialogDataInternal } from './add-array-item-dialog-data.builder';
 import { AddArrayItemDialogData } from './add-array-item-dialog-data';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { DateRangeDateDecoratorConfigInternal, DateTimeDateDecoratorConfigInternal, DefaultDateDecoratorConfigInternal } from '../../decorators/date/date-decorator-internal.data';
 import { DateUtilities } from '../../classes/date.utilities';
-import { DateFilterFn } from '@angular/material/datepicker';
-import { DateRange } from '../../decorators/date/date-decorator.data';
-import { Time } from '@angular/common';
-import { DropdownValue } from '../../decorators/base/dropdown-value.interface';
+import { BaseEntityType } from '../../classes/entity.model';
 import * as i0 from "@angular/core";
 /**
  * The default input component. It gets the metadata of the property from the given @Input "entity" and @Input "propertyKey"
@@ -30,76 +21,71 @@ import * as i0 from "@angular/core";
  * that it should be omitted for creating or updating.
  * The last part being mostly relevant if you want to use this component inside an ngFor.
  */
-export declare class NgxMatEntityInputComponent<EntityType extends object> implements OnInit {
+export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
     private readonly dialog;
     /**
      * The entity on which the property exists. Used in conjunction with the "propertyKey"
      * to determine the property for which the input should be generated.
      */
-    entity: EntityType;
+    entity?: EntityType;
+    internalEntity: EntityType;
     /**
      * The name of the property to generate the input for. Used in conjunction with the "entity".
      */
-    propertyKey: keyof EntityType;
+    propertyKey?: keyof EntityType;
+    internalPropertyKey: keyof EntityType;
     /**
      * (optional) A custom function to generate the error-message for invalid inputs.
      */
-    getValidationErrorMessage: (model: NgModel) => string;
+    getValidationErrorMessage?: (model: NgModel) => string;
+    internalGetValidationErrorMessage: (model: NgModel) => string;
     /**
      * Whether to hide a value if it is omitted for creation.
      * Is used internally for the object property.
+     *
+     * @default false
      */
     hideOmitForCreate?: boolean;
     /**
      * Whether to hide a value if it is omitted for editing.
      * Is used internally for the object property.
+     *
+     * @default false
      */
     hideOmitForEdit?: boolean;
+    /**
+     * Whether or not the input should be readonly.
+     * In that case it is disabled, but most of the default styling is overwritten.
+     *
+     * @default false
+     */
+    isReadOnly?: boolean;
+    internalIsReadOnly: boolean;
+    inputChangeEvent: EventEmitter<void>;
     addArrayItemDialog: TemplateRef<unknown>;
     addArrayItemDialogRef: MatDialogRef<unknown>;
     type: DecoratorTypes;
     metadata: PropertyDecoratorConfigInternal;
-    metadataDefaultString: DefaultStringDecoratorConfigInternal;
-    metadataTextboxString: TextboxStringDecoratorConfigInternal;
-    metadataAutocompleteString: AutocompleteStringDecoratorConfigInternal;
-    autocompleteStrings: string[];
-    filteredAutocompleteStrings: string[];
-    metadataDropdownString: DropdownStringDecoratorConfigInternal;
-    metadataDropdownBoolean: DropdownBooleanDecoratorConfigInternal;
-    metadataDefaultNumber: DefaultNumberDecoratorConfigInternal;
-    metadataDropdownNumber: DropdownNumberDecoratorConfigInternal;
     metadataDefaultObject: DefaultObjectDecoratorConfigInternal<EntityType>;
     objectProperty: EntityType;
     objectPropertyRows: EntityRow<EntityType>[];
     metadataEntityArray: EntityArrayDecoratorConfigInternal<EntityType>;
     entityArrayValues: EntityType[];
-    metadataStringChipsArray: StringChipsArrayDecoratorConfigInternal;
-    stringChipsArrayValues: string[];
-    chipsInput: string;
-    metadataAutocompleteStringChipsArray: AutocompleteStringChipsArrayDecoratorConfigInternal;
-    metadataDefaultDate: DefaultDateDecoratorConfigInternal;
-    metadataDateRangeDate: DateRangeDateDecoratorConfigInternal;
-    metadataDateTimeDate: DateTimeDateDecoratorConfigInternal;
-    dateRange: DateRange;
-    dateRangeStart: Date;
-    dateRangeEnd: Date;
-    dateTime: Date;
-    time: Time;
-    timeDropdownValues: DropdownValue<Time>[];
     arrayItem: EntityType;
     private arrayItemPriorChanges;
     arrayItemInlineRows: EntityRow<EntityType>[];
     dataSource: MatTableDataSource<EntityType>;
     selection: SelectionModel<EntityType>;
     displayedColumns: string[];
+    isArrayItemValid: boolean;
     dialogInputData: AddArrayItemDialogData<EntityType>;
     dialogData: AddArrayItemDialogDataInternal<EntityType>;
     arrayItemDialogRows: EntityRow<EntityType>[];
+    isDialogArrayItemValid: boolean;
     readonly DecoratorTypes: typeof DecoratorTypes;
     EntityUtilities: typeof EntityUtilities;
     DateUtilities: typeof DateUtilities;
     constructor(dialog: MatDialog);
-    defaultDateFilter: DateFilterFn<Date | null | undefined>;
     /**
      * This is needed for the inputs to work inside an ngFor.
      *
@@ -108,28 +94,26 @@ export declare class NgxMatEntityInputComponent<EntityType extends object> imple
      */
     trackByFn(index: unknown): unknown;
     ngOnInit(): void;
+    private initEntityArray;
+    private initObjectInput;
     /**
-     * Checks if two times are equal. Is needed for the dropdown.
-     *
-     * @param time1 - The first time to compare.
-     * @param time2 - The second time to compare.
-     * @returns Whether or not the time objects are the same.
+     * Checks if the arrayItem is valid.
      */
-    compareTimes(time1: Time, time2: Time): boolean;
+    checkIsArrayItemValid(): void;
     /**
-     * Updates the date range values based on the start and end date.
+     * Checks if the arrayItem inside the dialog is valid.
      */
-    setDateRangeValues(): void;
+    checkIsDialogArrayItemValid(): void;
     /**
-     * Sets the time on a datetime property.
+     * Emits that a the value has been changed.
      */
-    setTime(): void;
+    emitChange(): void;
     /**
-     * Tries to add an item to the array.
+     * Tries to add an item to the entity array.
      * Does this either inline if the "createInline"-metadata is set to true
      * or in a separate dialog if it is set to false.
      */
-    add(): void;
+    addEntity(): Promise<void>;
     /**
      * Adds the array item defined in the dialog.
      */
@@ -139,56 +123,29 @@ export declare class NgxMatEntityInputComponent<EntityType extends object> imple
      */
     cancelAddArrayItem(): void;
     /**
-     * Removes all selected entries from the array.
+     * Removes all selected entries from the entity array.
+     *
+     * @param selection - The selection containing the items to remove.
+     * @param values - The values of the dataSource.
+     * @param dataSource - The dataSource.
      */
-    remove(): void;
+    remove(selection: SelectionModel<any>, values: any[], dataSource: MatTableDataSource<any>): void;
     /**
      * Toggles all array-items in the table.
+     *
+     * @param selection - The selection to toggle.
+     * @param dataSource - The dataSource of the selection.
      */
-    masterToggle(): void;
+    masterToggle(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): void;
     /**
      * Checks if all array-items in the table have been selected.
      * This is needed to display the "masterToggle"-checkbox correctly.
      *
+     * @param selection - The selection to check.
+     * @param dataSource - The dataSource of the selection.
      * @returns Whether or not all array-items in the table have been selected.
      */
-    isAllSelected(): boolean;
-    /**
-     * Handles adding strings to the chipsArray.
-     * Checks validation and also creates a new array if it is undefined.
-     * This is needed because two things are validated: The array itself
-     * and the contents of the array. And we need a way to display an
-     * mat-error. As the only validation for the array is whether or not
-     * it contains values, we can set it to undefined when the last element is removed
-     * (removeStringChipArrayValue). That way we can use the "required" validator.
-     *
-     * @param event - The event that fires when a new chip is completed.
-     */
-    addStringChipArrayValue(event: MatChipInputEvent): void;
-    /**
-     * Removes the given value from the array.
-     * Sets the array to undefined if it is now empty.
-     * This is needed because two things are validated: The array itself
-     * and the contents of the array. And we need a way to display an
-     * mat-error. As the only validation for the array is whether or not
-     * it is empty, setting it to undefined here enables us to use the "required" validator.
-     *
-     * @param value - The string to remove from the array.
-     */
-    removeStringChipArrayValue(value: string): void;
-    /**
-     * Handles adding a string to the array when an autocomplete value has been selected.
-     *
-     * @param event - The autocomplete selected event.
-     * @param chipsInput - The element where the user typed the value.
-     */
-    selected(event: MatAutocompleteSelectedEvent, chipsInput: HTMLInputElement): void;
-    /**
-     * Dynamically filters the Autocomplete options when the user inputs something.
-     *
-     * @param input - The input of the user.
-     */
-    filterAutocompleteStrings(input: unknown): void;
+    isAllSelected(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityInputComponent<any>, "ngx-mat-entity-input", never, { "entity": "entity"; "propertyKey": "propertyKey"; "getValidationErrorMessage": "getValidationErrorMessage"; "hideOmitForCreate": "hideOmitForCreate"; "hideOmitForEdit": "hideOmitForEdit"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityInputComponent<any>, "ngx-mat-entity-input", never, { "entity": "entity"; "propertyKey": "propertyKey"; "getValidationErrorMessage": "getValidationErrorMessage"; "hideOmitForCreate": "hideOmitForCreate"; "hideOmitForEdit": "hideOmitForEdit"; "isReadOnly": "isReadOnly"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
 }

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

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