ngx-material-entity 0.1.3 → 1.0.0

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

@@ -0,0 +1,51 @@
+import { OnInit } from '@angular/core';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipInputEvent } from '@angular/material/chips';
+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 ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS> implements OnInit {
+    stringChipsArrayValues?: string[];
+    filteredAutocompleteStrings: string[];
+    chipsInput: string;
+    ngOnInit(): void;
+    /**
+     * 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringAutocompleteChipsComponent<any>, 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

@@ -0,0 +1,44 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_CHIPS> implements OnInit {
+    stringChipsArrayValues?: string[];
+    chipsInput: string;
+    ngOnInit(): void;
+    /**
+     * 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringChipsInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringChipsInputComponent<any>, "array-string-chips-input", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,49 @@
+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<T, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType> implements OnInit {
+    private readonly matDialog;
+    arrayValues: T[];
+    input?: T;
+    dataSource: MatTableDataSource<T>;
+    selection: SelectionModel<T>;
+    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,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

@@ -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> 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> 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> 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>, 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

@@ -0,0 +1,13 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE> implements OnInit {
+    DateUtilities: typeof DateUtilities;
+    defaultDateFilter: DateFilterFn<Date | null | undefined>;
+    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,20 @@
+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>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_RANGE> implements OnInit {
+    dateRange: DateRange;
+    dateRangeStart?: Date;
+    dateRangeEnd?: Date;
+    defaultDateFilter: 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,31 @@
+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> implements OnInit {
+    DateUtilities: typeof DateUtilities;
+    dateTime?: Date;
+    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> 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> 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,32 @@
+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;
+    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"; }, { "fileDataChangeEvent": "fileDataChangeEvent"; }, never, never>;
+}

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

@@ -1,21 +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.class';
-import { Entity } from '../../classes/entity-model.class';
+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 { DateUtilities } from '../../classes/date.utilities';
+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"
@@ -25,21 +21,24 @@ 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 Entity> 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.
@@ -50,40 +49,30 @@ export declare class NgxMatEntityInputComponent<EntityType extends Entity> imple
      * Is used internally for the object property.
      */
     hideOmitForEdit?: 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: Entity;
-    objectPropertyRows: EntityRow<Entity>[];
-    metadataEntityArray: EntityArrayDecoratorConfigInternal<Entity>;
+    objectProperty: EntityType;
+    objectPropertyRows: EntityRow<EntityType>[];
+    metadataEntityArray: EntityArrayDecoratorConfigInternal<EntityType>;
     entityArrayValues: EntityType[];
-    metadataStringChipsArray: StringChipsArrayDecoratorConfigInternal;
-    stringChipsArrayValues: string[];
-    chipsInput: string;
-    metadataAutocompleteStringChipsArray: AutocompleteStringChipsArrayDecoratorConfigInternal;
     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;
-    getWidth: typeof EntityUtilities.getWidth;
+    DateUtilities: typeof DateUtilities;
     constructor(dialog: MatDialog);
     /**
      * This is needed for the inputs to work inside an ngFor.
@@ -93,12 +82,26 @@ export declare class NgxMatEntityInputComponent<EntityType extends Entity> imple
      */
     trackByFn(index: unknown): unknown;
     ngOnInit(): void;
+    private initEntityArray;
+    private initObjectInput;
     /**
-     * Tries to add an item to the array.
+     * Checks if the arrayItem is valid.
+     */
+    checkIsArrayItemValid(): void;
+    /**
+     * Checks if the arrayItem inside the dialog is valid.
+     */
+    checkIsDialogArrayItemValid(): void;
+    /**
+     * Emits that a the value has been changed.
+     */
+    emitChange(): void;
+    /**
+     * 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.
      */
@@ -108,56 +111,29 @@ export declare class NgxMatEntityInputComponent<EntityType extends Entity> 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"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
 }