ngx-material-entity 1.1.4 → 1.1.6

package/README.md

@@ -562,7 +562,7 @@ export interface EntityArrayDecoratorConfig<EntityType extends object> extends A
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<EntityType>[],
+    displayColumns: DisplayColumn<EntityType>[],
 
     /**
      * The data for the add-item-dialog.
@@ -675,7 +675,7 @@ export interface DateArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<Date>[],
+    displayColumns: DisplayColumn<Date>[],
 
     /**
      * The label for the add button.
@@ -725,7 +725,7 @@ export interface DateTimeArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<Date>[],
+    displayColumns: DisplayColumn<Date>[],
 
     /**
      * The label for the add button.
@@ -802,7 +802,7 @@ export interface DateRangeArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<DateRange>[],
+    displayColumns: DisplayColumn<DateRange>[],
 
     /**
      * The label for the add button.

package/classes/selection.utilities.d.ts

@@ -0,0 +1,31 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { MatTableDataSource } from '@angular/material/table';
+/**
+ * Provides functionality around material selections inside of tables.
+ */
+export declare abstract class SelectionUtilities {
+    /**
+     * Checks if all 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 items in the table have been selected.
+     */
+    static isAllSelected(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): boolean;
+    /**
+     * Toggles all items in the table.
+     *
+     * @param selection - The selection to toggle.
+     * @param dataSource - The dataSource of the selection.
+     */
+    static masterToggle(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): void;
+    /**
+     * Removes all selected entries from the array.
+     *
+     * @param selection - The selection containing the items to remove.
+     * @param values - The values of the dataSource.
+     * @param dataSource - The dataSource.
+     */
+    static remove(selection: SelectionModel<any>, values: any[], dataSource: MatTableDataSource<any>): void;
+}

package/components/get-validation-error-message.function.d.ts

@@ -1,11 +1,2 @@
 import { InjectionToken } from '@angular/core';
-import { NgModel } from '@angular/forms';
-export declare const NGX_GET_VALIDATION_ERROR_MESSAGE: InjectionToken<typeof getValidationErrorMessage>;
-/**
- * Generates a default error message for most validation errors.
- *
- * @param model - The ngModel to get the error from.
- * @returns The Validation Error Message to display.
- */
-declare function getValidationErrorMessage(model: NgModel): string;
-export {};
+export declare const NGX_GET_VALIDATION_ERROR_MESSAGE: InjectionToken<() => string>;

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

@@ -45,6 +45,7 @@ export declare class ArrayStringAutocompleteChipsComponent<EntityType extends Ba
      * @param input - The input of the user.
      */
     filterAutocompleteStrings(input: unknown): void;
+    private validateAndSetPropertyValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringAutocompleteChipsComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringAutocompleteChipsComponent<any>, "array-string-autocomplete-chips", never, {}, {}, never, never, false>;
 }

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

@@ -37,6 +37,7 @@ export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntit
      * @param chipsInput - The element where the user typed the value.
      */
     selected(event: MatAutocompleteSelectedEvent, chipsInput: HTMLInputElement): void;
+    private validateAndSetPropertyValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayStringChipsInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArrayStringChipsInputComponent<any>, "array-string-chips-input", never, {}, {}, never, never, false>;
 }

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

@@ -5,6 +5,7 @@ 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 { SelectionUtilities } from '../../../classes/selection.utilities';
 import * as i0 from "@angular/core";
 declare type ArrayTableType = DecoratorTypes.ARRAY | DecoratorTypes.ARRAY_DATE | DecoratorTypes.ARRAY_DATE_RANGE | DecoratorTypes.ARRAY_DATE_TIME;
 /**
@@ -16,20 +17,9 @@ export declare abstract class ArrayTableComponent<ValueType, EntityType extends
     dataSource: MatTableDataSource<ValueType>;
     selection: SelectionModel<ValueType>;
     displayedColumns: string[];
+    SelectionUtilities: typeof SelectionUtilities;
     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.
      */

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

@@ -3,7 +3,7 @@ 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 {
+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, MetadataType> implements OnInit {
     private readonly viewContainerRef;
     component: ComponentRef<ComponentType>;
     constructor(viewContainerRef: ViewContainerRef);

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

@@ -12,6 +12,7 @@ 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 { SelectionUtilities } from '../../classes/selection.utilities';
 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"
@@ -86,6 +87,7 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     readonly DecoratorTypes: typeof DecoratorTypes;
     EntityUtilities: typeof EntityUtilities;
     DateUtilities: typeof DateUtilities;
+    SelectionUtilities: typeof SelectionUtilities;
     constructor(dialog: MatDialog, defaultGetValidationErrorMessage: (model: NgModel) => string);
     /**
      * This is needed for the inputs to work inside an ngFor.
@@ -125,28 +127,8 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     cancelAddArrayItem(): void;
     /**
      * 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(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(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(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): boolean;
+    remove(): void;
     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"; "isReadOnly": "isReadOnly"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never, false>;
 }

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

@@ -22,26 +22,27 @@ 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";
-import * as i41 from "@angular/material/tabs";
+import * as i24 from "./relations/references-many-input/references-many-input.component";
+import * as i25 from "./custom/custom.component";
+import * as i26 from "./input.component";
+import * as i27 from "@angular/common";
+import * as i28 from "@angular/material/input";
+import * as i29 from "@angular/forms";
+import * as i30 from "@angular/material/form-field";
+import * as i31 from "@angular/material/select";
+import * as i32 from "@angular/material/autocomplete";
+import * as i33 from "@angular/material/checkbox";
+import * as i34 from "@angular/material/slide-toggle";
+import * as i35 from "@angular/material/chips";
+import * as i36 from "@angular/material/icon";
+import * as i37 from "@angular/material/table";
+import * as i38 from "@angular/material/dialog";
+import * as i39 from "@angular/material/button";
+import * as i40 from "@angular/material/datepicker";
+import * as i41 from "@angular/material/slider";
+import * as i42 from "@angular/material/tabs";
 export declare class NgxMatEntityInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.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 i41.MatTabsModule], [typeof i25.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.ReferencesManyInputComponent, typeof i25.CustomInputComponent, typeof i26.NgxMatEntityInputComponent], [typeof i27.CommonModule, typeof i28.MatInputModule, typeof i29.FormsModule, typeof i30.MatFormFieldModule, typeof i31.MatSelectModule, typeof i32.MatAutocompleteModule, typeof i33.MatCheckboxModule, typeof i34.MatSlideToggleModule, typeof i35.MatChipsModule, typeof i36.MatIconModule, typeof i37.MatTableModule, typeof i38.MatDialogModule, typeof i39.MatButtonModule, typeof i40.MatDatepickerModule, typeof i41.MatSliderModule, typeof i42.MatTabsModule], [typeof i26.NgxMatEntityInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityInputModule>;
 }

package/components/input/relations/references-many-input/references-many-input.component.d.ts

@@ -0,0 +1,27 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { EnvironmentInjector, OnInit } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { BaseEntityType } from '../../../../classes/entity.model';
+import { SelectionUtilities } from '../../../../classes/selection.utilities';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
+import { DropdownValue } from '../../../../decorators/base/dropdown-value.interface';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
+import * as i0 from "@angular/core";
+export declare class ReferencesManyInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.REFERENCES_MANY, string[]> implements OnInit {
+    private readonly injector;
+    allReferencedEntities: EntityType[];
+    allDropdownValues: DropdownValue<string>[];
+    dropdownValues: DropdownValue<string>[];
+    input: string;
+    referencedEntitiesDataSource: MatTableDataSource<string>;
+    displayedColumns: string[];
+    selection: SelectionModel<string>;
+    SelectionUtilities: typeof SelectionUtilities;
+    constructor(injector: EnvironmentInjector);
+    ngOnInit(): Promise<void>;
+    add(): Promise<void>;
+    addAll(): void;
+    remove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReferencesManyInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReferencesManyInputComponent<any>, "references-many-input", never, {}, {}, never, never, false>;
+}

package/components/table/table.component.d.ts

@@ -7,6 +7,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { MultiSelectAction, TableData } from './table-data';
 import { TableDataInternal } from './table-data.builder';
 import { BaseEntityType } from '../../classes/entity.model';
+import { SelectionUtilities } from '../../classes/selection.utilities';
 import * as i0 from "@angular/core";
 /**
  * Generates a fully functional table for displaying, creating, updating and deleting entities
@@ -30,6 +31,7 @@ export declare class NgxMatEntityTableComponent<EntityType extends BaseEntityTyp
     displayedColumns: string[];
     dataSource: MatTableDataSource<EntityType>;
     selection: SelectionModel<EntityType>;
+    SelectionUtilities: typeof SelectionUtilities;
     constructor(dialog: MatDialog, injector: Injector);
     /**
      * Sets up all the configuration for the table and the EntityService.
@@ -65,17 +67,6 @@ export declare class NgxMatEntityTableComponent<EntityType extends BaseEntityTyp
      * @returns Whether or not the Action can be used.
      */
     multiActionDisabled(action: MultiSelectAction<EntityType>): boolean;
-    /**
-     * Toggles all entries in the table.
-     */
-    masterToggle(): void;
-    /**
-     * Checks if all entries in the table have been selected.
-     * This is needed to display the "masterToggle"-checkbox correctly.
-     *
-     * @returns Whether or not all entries in the table have been selected.
-     */
-    isAllSelected(): boolean;
     ngOnDestroy(): void;
     /**
      * Applies the search input to filter the table entries.

package/decorators/array/array-decorator-internal.data.d.ts

@@ -1,13 +1,13 @@
-import { CreateDialogData } from '../../components/table/table-data';
+import { Time } from '@angular/common';
+import { DateFilterFn } from '@angular/material/datepicker';
 import { BaseEntityType, EntityClassNewable } from '../../classes/entity.model';
+import { ConfirmDialogData } from '../../components/confirm-dialog/confirm-dialog-data';
+import { CreateDialogData, DisplayColumn } from '../../components/table/table-data';
 import { DecoratorTypes } from '../base/decorator-types.enum';
-import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
-import { ArrayTableDisplayColumn, AutocompleteStringChipsArrayDecoratorConfig, DateArrayDecoratorConfig, DateRangeArrayDecoratorConfig, DateTimeArrayDecoratorConfig, EntityArrayDecoratorConfig, StringChipsArrayDecoratorConfig } from './array-decorator.data';
-import { DateFilterFn } from '@angular/material/datepicker';
-import { Time } from '@angular/common';
 import { DropdownValue } from '../base/dropdown-value.interface';
+import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
 import { DateRange } from '../date/date-decorator.data';
-import { ConfirmDialogData } from '../../components/confirm-dialog/confirm-dialog-data';
+import { AutocompleteStringChipsArrayDecoratorConfig, DateArrayDecoratorConfig, DateRangeArrayDecoratorConfig, DateTimeArrayDecoratorConfig, EntityArrayDecoratorConfig, StringChipsArrayDecoratorConfig } from './array-decorator.data';
 /**
  * The internal EntityArrayDecoratorConfig. Sets default values.
  */
@@ -16,7 +16,7 @@ export declare class EntityArrayDecoratorConfigInternal<EntityType extends BaseE
     allowDuplicates: boolean;
     duplicatesErrorDialog: ConfirmDialogData;
     EntityClass: EntityClassNewable<EntityType>;
-    displayColumns: ArrayTableDisplayColumn<EntityType>[];
+    displayColumns: DisplayColumn<EntityType>[];
     createDialogData?: CreateDialogData;
     createInline: boolean;
     missingErrorMessage: string;
@@ -31,7 +31,7 @@ export declare class DateArrayDecoratorConfigInternal extends PropertyDecoratorC
     itemType: DecoratorTypes.DATE;
     allowDuplicates: boolean;
     duplicatesErrorDialog: ConfirmDialogData;
-    displayColumns: ArrayTableDisplayColumn<Date>[];
+    displayColumns: DisplayColumn<Date>[];
     addButtonLabel: string;
     removeButtonLabel: string;
     missingErrorMessage: string;
@@ -47,7 +47,7 @@ export declare class DateTimeArrayDecoratorConfigInternal extends PropertyDecora
     itemType: DecoratorTypes.DATE_TIME;
     allowDuplicates: boolean;
     duplicatesErrorDialog: ConfirmDialogData;
-    displayColumns: ArrayTableDisplayColumn<Date>[];
+    displayColumns: DisplayColumn<Date>[];
     addButtonLabel: string;
     removeButtonLabel: string;
     missingErrorMessage: string;
@@ -68,7 +68,7 @@ export declare class DateRangeArrayDecoratorConfigInternal extends PropertyDecor
     itemType: DecoratorTypes.DATE_RANGE;
     allowDuplicates: boolean;
     duplicatesErrorDialog: ConfirmDialogData;
-    displayColumns: ArrayTableDisplayColumn<DateRange>[];
+    displayColumns: DisplayColumn<DateRange>[];
     addButtonLabel: string;
     removeButtonLabel: string;
     missingErrorMessage: string;

package/decorators/array/array-decorator.data.d.ts

@@ -1,4 +1,4 @@
-import { CreateDialogData } from '../../components/table/table-data';
+import { CreateDialogData, DisplayColumn } from '../../components/table/table-data';
 import { BaseEntityType, EntityClassNewable } from '../../classes/entity.model';
 import { DecoratorTypes } from '../base/decorator-types.enum';
 import { PropertyDecoratorConfig } from '../base/property-decorator.data';
@@ -7,19 +7,6 @@ import { Time } from '@angular/common';
 import { DropdownValue } from '../base/dropdown-value.interface';
 import { DateRange } from '../date/date-decorator.data';
 import { ConfirmDialogData } from '../../components/confirm-dialog/confirm-dialog-data';
-/**
- * The configuration options for an array property displayed as a table.
- */
-export interface ArrayTableDisplayColumn<EntityType extends BaseEntityType<EntityType>> {
-    /**
-     * The name inside the header.
-     */
-    displayName: string;
-    /**
-     * A method to get the value inside an row.
-     */
-    value: (entity: EntityType) => string;
-}
 /**
  * Interface definition for the @array metadata.
  */
@@ -52,7 +39,7 @@ export interface EntityArrayDecoratorConfig<EntityType extends BaseEntityType<En
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<EntityType>[];
+    displayColumns: DisplayColumn<EntityType>[];
     /**
      * The data for the add-item-dialog.
      * Can be omitted when adding items inline.
@@ -91,7 +78,7 @@ export interface DateArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<Date>[];
+    displayColumns: DisplayColumn<Date>[];
     /**
      * The label for the add button.
      *
@@ -130,7 +117,7 @@ export interface DateTimeArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<Date>[];
+    displayColumns: DisplayColumn<Date>[];
     /**
      * The label for the add button.
      *
@@ -191,7 +178,7 @@ export interface DateRangeArrayDecoratorConfig extends ArrayDecoratorConfig {
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.
      */
-    displayColumns: ArrayTableDisplayColumn<DateRange>[];
+    displayColumns: DisplayColumn<DateRange>[];
     /**
      * The label for the add button.
      *

package/decorators/base/decorator-types.enum.d.ts

@@ -5,6 +5,7 @@ import { DateRangeDateDecoratorConfigInternal, DateTimeDateDecoratorConfigIntern
 import { DefaultFileDecoratorConfigInternal, ImageFileDecoratorConfigInternal } from '../file/file-decorator-internal.data';
 import { DefaultNumberDecoratorConfigInternal, DropdownNumberDecoratorConfigInternal, SliderNumberDecoratorConfigInternal } from '../number/number-decorator-internal.data';
 import { DefaultObjectDecoratorConfigInternal } from '../object/object-decorator-internal.data';
+import { ReferencesManyDecoratorConfigInternal } from '../references-many/references-many-decorator-internal.data';
 import { AutocompleteStringDecoratorConfigInternal, DefaultStringDecoratorConfigInternal, DropdownStringDecoratorConfigInternal, PasswordStringDecoratorConfigInternal, TextboxStringDecoratorConfigInternal } from '../string/string-decorator-internal.data';
 /**
  * The enum Values for all the different DecoratorTypes.
@@ -33,9 +34,10 @@ export declare enum DecoratorTypes {
     DATE_TIME = "dateTime",
     FILE_DEFAULT = "fileDefault",
     FILE_IMAGE = "fileImage",
+    REFERENCES_MANY = "referencesMany",
     CUSTOM = "custom"
 }
 /**
  * Gives the metadata-config Type based on the DecoratorTypes enum.
  */
-export declare type DecoratorType<T, CustomMetadataType extends Record<string, unknown>> = T extends DecoratorTypes.STRING ? DefaultStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_TEXTBOX ? TextboxStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_DROPDOWN ? DropdownStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_AUTOCOMPLETE ? AutocompleteStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_PASSWORD ? PasswordStringDecoratorConfigInternal : T extends DecoratorTypes.NUMBER ? DefaultNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_DROPDOWN ? DropdownNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_SLIDER ? SliderNumberDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_CHECKBOX ? CheckboxBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_TOGGLE ? ToggleBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_DROPDOWN ? DropdownBooleanDecoratorConfigInternal : T extends DecoratorTypes.OBJECT ? DefaultObjectDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY_DATE ? DateArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_TIME ? DateTimeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_RANGE ? DateRangeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_CHIPS ? StringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS ? AutocompleteStringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.DATE ? DefaultDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_RANGE ? DateRangeDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_TIME ? DateTimeDateDecoratorConfigInternal : T extends DecoratorTypes.FILE_DEFAULT ? DefaultFileDecoratorConfigInternal : T extends DecoratorTypes.FILE_IMAGE ? ImageFileDecoratorConfigInternal : T extends DecoratorTypes.CUSTOM ? CustomDecoratorConfigInternal<any, any, CustomMetadataType, any> : never;
+export declare type DecoratorType<T, CustomMetadataType extends Record<string, unknown>> = T extends DecoratorTypes.STRING ? DefaultStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_TEXTBOX ? TextboxStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_DROPDOWN ? DropdownStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_AUTOCOMPLETE ? AutocompleteStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_PASSWORD ? PasswordStringDecoratorConfigInternal : T extends DecoratorTypes.NUMBER ? DefaultNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_DROPDOWN ? DropdownNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_SLIDER ? SliderNumberDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_CHECKBOX ? CheckboxBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_TOGGLE ? ToggleBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_DROPDOWN ? DropdownBooleanDecoratorConfigInternal : T extends DecoratorTypes.OBJECT ? DefaultObjectDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY_DATE ? DateArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_TIME ? DateTimeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_RANGE ? DateRangeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_CHIPS ? StringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS ? AutocompleteStringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.DATE ? DefaultDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_RANGE ? DateRangeDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_TIME ? DateTimeDateDecoratorConfigInternal : T extends DecoratorTypes.FILE_DEFAULT ? DefaultFileDecoratorConfigInternal : T extends DecoratorTypes.FILE_IMAGE ? ImageFileDecoratorConfigInternal : T extends DecoratorTypes.REFERENCES_MANY ? ReferencesManyDecoratorConfigInternal<any> : T extends DecoratorTypes.CUSTOM ? CustomDecoratorConfigInternal<any, any, CustomMetadataType, any> : never;

package/decorators/custom/custom-decorator-internal.data.d.ts

@@ -8,7 +8,7 @@ import { CustomDecoratorConfig } from './custom-decorator.data';
  * The internal config for the @custom decorator.
  * Sets default values.
  */
-export declare class CustomDecoratorConfigInternal<EntityType extends BaseEntityType<EntityType>, ValueType, MetadataType extends BaseEntityType<MetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, MetadataType>> extends PropertyDecoratorConfigInternal implements CustomDecoratorConfig<EntityType, ValueType, MetadataType, ComponentType> {
+export declare class CustomDecoratorConfigInternal<EntityType extends BaseEntityType<EntityType>, ValueType, MetadataType extends BaseEntityType<MetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType, MetadataType>> extends PropertyDecoratorConfigInternal implements CustomDecoratorConfig<EntityType, ValueType, MetadataType, ComponentType> {
     component: Type<ComponentType>;
     isValid: (value: ValueType, omit: 'create' | 'update') => boolean;
     isEqual: (value: ValueType, valuePriorChanges: ValueType, metadata: CustomDecoratorConfig<EntityType, ValueType, MetadataType, ComponentType>) => boolean;

package/decorators/custom/custom-decorator.data.d.ts

@@ -6,7 +6,7 @@ import { Type } from '@angular/core';
 /**
  * Definition for a custom property. Use this if the provided decorators don't fit your needs.
  */
-export interface CustomDecoratorConfig<EntityType extends BaseEntityType<EntityType>, ValueType, MetadataType extends BaseEntityType<MetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, MetadataType>> extends PropertyDecoratorConfig {
+export interface CustomDecoratorConfig<EntityType extends BaseEntityType<EntityType>, ValueType, CustomMetadataType extends BaseEntityType<CustomMetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType, CustomMetadataType>> extends PropertyDecoratorConfig {
     /**
      * The component to use for this input.
      */
@@ -29,9 +29,9 @@ export interface CustomDecoratorConfig<EntityType extends BaseEntityType<EntityT
      *
      * @default (value: ValueType, valuePriorChanges: ValueType) => LodashUtilities.isEqual(value, valuePriorChanges)
      */
-    isEqual?: (value: ValueType, valuePriorChanges: ValueType, metadata: CustomDecoratorConfig<EntityType, ValueType, MetadataType, ComponentType>) => boolean;
+    isEqual?: (value: ValueType, valuePriorChanges: ValueType, metadata: CustomDecoratorConfig<EntityType, ValueType, CustomMetadataType, ComponentType>) => boolean;
     /**
      * Any custom metadata you want to add to the property.
      */
-    customMetadata: MetadataType;
+    customMetadata: CustomMetadataType;
 }

package/decorators/custom/custom.decorator.d.ts

@@ -1,6 +1,4 @@
 import { BaseEntityType } from '../../classes/entity.model';
-import { NgxMatEntityBaseInputComponent } from '../../components/input/base-input.component';
-import { DecoratorTypes } from '../base/decorator-types.enum';
 import { CustomDecoratorConfig } from './custom-decorator.data';
 /**
  * Decorator for setting and getting custom property metadata.
@@ -8,4 +6,4 @@ import { CustomDecoratorConfig } from './custom-decorator.data';
  * @param metadata - The metadata of the custom property.
  * @returns The method that defines the metadata.
  */
-export declare function custom<ValueType, MetadataType extends BaseEntityType<MetadataType>, EntityType extends BaseEntityType<EntityType>>(metadata: CustomDecoratorConfig<EntityType, ValueType, MetadataType, NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, MetadataType>>): (target: object, propertyKey: string) => void;
+export declare function custom<ValueType, CustomMetadataType extends BaseEntityType<CustomMetadataType>, EntityType extends BaseEntityType<EntityType>>(metadata: CustomDecoratorConfig<EntityType, ValueType, CustomMetadataType, any>): (target: object, propertyKey: string) => void;

package/decorators/references-many/references-many-decorator-internal.data.d.ts

@@ -0,0 +1,20 @@
+import { BaseEntityType } from '../../classes/entity.model';
+import { DisplayColumn } from '../../components/table/table-data';
+import { DropdownValue } from '../base/dropdown-value.interface';
+import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
+import { ReferencesManyDecoratorConfig } from './references-many-decorator.data';
+/**
+ * The internal DefaultNumberDecoratorConfig. Sets default values.
+ */
+export declare class ReferencesManyDecoratorConfigInternal<EntityType extends BaseEntityType<EntityType>> extends PropertyDecoratorConfigInternal implements ReferencesManyDecoratorConfig<EntityType> {
+    getReferencedEntities: () => Promise<EntityType[]>;
+    getDropdownValues: (referencedEntities: EntityType[]) => DropdownValue<string>[];
+    getEntityForId: (entityId: string, allReferencedEntities: EntityType[]) => EntityType;
+    displayColumns: DisplayColumn<EntityType>[];
+    addButtonLabel: string;
+    removeButtonLabel: string;
+    dropdownLabel: string;
+    addAll: boolean;
+    addAllButtonLabel: string;
+    constructor(data: ReferencesManyDecoratorConfig<EntityType>);
+}

package/decorators/references-many/references-many-decorator.data.d.ts

@@ -0,0 +1,56 @@
+import { BaseEntityType } from '../../classes/entity.model';
+import { DisplayColumn } from '../../components/table/table-data';
+import { DropdownValue } from '../base/dropdown-value.interface';
+import { PropertyDecoratorConfig } from '../base/property-decorator.data';
+/**
+ * Definition for the @referencesMany metadata.
+ */
+export interface ReferencesManyDecoratorConfig<EntityType extends BaseEntityType<EntityType>> extends PropertyDecoratorConfig {
+    /**
+     * The function that returns the values that can be referenced.
+     */
+    getReferencedEntities: () => Promise<EntityType[]>;
+    /**
+     * Method to get the referenced dropdown values.
+     */
+    getDropdownValues: (referencedEntities: EntityType[]) => DropdownValue<string>[];
+    /**
+     * Gets the referenced entity for the given id.
+     */
+    getEntityForId?: (entityId: string, allReferencedEntities: EntityType[]) => EntityType;
+    /**
+     * The definition of the columns to display. Consists of the displayName to show in the header of the row
+     * and the value, which is a function that generates the value to display inside a column.
+     */
+    displayColumns: DisplayColumn<EntityType>[];
+    /**
+     * The label for the dropdown input.
+     *
+     * @default 'Select'
+     */
+    dropdownLabel?: string;
+    /**
+     * Whether or not a button that adds all values exists.
+     *
+     * @default false
+     */
+    addAll?: boolean;
+    /**
+     * The label for the add all button.
+     *
+     * @default 'Add all'
+     */
+    addAllButtonLabel?: string;
+    /**
+     * The label for the add button when createInline is true.
+     *
+     * @default 'Add'
+     */
+    addButtonLabel?: string;
+    /**
+     * The label for the remove button when createInline is true.
+     *
+     * @default 'Remove'
+     */
+    removeButtonLabel?: string;
+}

package/decorators/references-many/references-many.decorator.d.ts

@@ -0,0 +1,9 @@
+import { BaseEntityType } from '../../classes/entity.model';
+import { ReferencesManyDecoratorConfig } from './references-many-decorator.data';
+/**
+ * Decorator for setting and getting references many property metadata.
+ *
+ * @param metadata - The metadata of the references many property.
+ * @returns The method that defines the metadata.
+ */
+export declare function referencesMany<EntityType extends BaseEntityType<EntityType>>(metadata: ReferencesManyDecoratorConfig<EntityType>): (target: object, propertyKey: string) => void;