ngx-material-entity 18.0.0 → 18.1.0

package/components/custom-table/custom-table-configuration.model.d.ts

@@ -0,0 +1,65 @@
+import { NgxGlobalDefaultValues } from '../../global-configuration-values';
+import { DisplayColumn, DynamicStyleClasses } from '../table/table-data';
+/**
+ * Configuration for the custom table.
+ */
+export interface CustomTableConfiguration<T = unknown> {
+    /**
+     * Configuration for css classes that should be applied to table rows based on a condition.
+     * This could be used to eg. Set the background color to green when an item has the status completed etc.
+     * INFO: You need to use ng-deep or apply the styling in the styles.scss.
+     * @default () => []
+     */
+    dynamicRowStyleClasses?: DynamicStyleClasses<T>;
+    /**
+     * The columns to display inside the custom table.
+     */
+    displayColumns: DisplayColumn<T>[];
+    /**
+     * Whether or not a loading spinner should be shown.
+     * Only works when you provide the "loading" input to the custom table.
+     * @default true
+     */
+    displayLoadingSpinner?: boolean;
+    /**
+     * Whether or not the select column should be enabled.
+     * @default true
+     */
+    withSelection: boolean;
+    /**
+     * A function that resolves a row value to a string that can be searched for.
+     * By default this uses a built in search filter.
+     */
+    searchStringForRow?: (value: T) => string;
+    /**
+     * Whether or not the user is allowed to click on entries in the custom table.
+     * @default () => true
+     */
+    allowClick?: (value: T) => boolean;
+    /**
+     * An error message to show when the table contains no entries.
+     * Also applies styling to the table.
+     */
+    emptyErrorMessage?: string;
+    /**
+     * Resolves the given id for an entity.
+     * This is used for the referencesMany input,
+     * where you want to show values of the entity in the table rows and not the id.
+     */
+    resolveToReferencedEntity?: (id: unknown) => unknown;
+}
+/**
+ * Internal configuration for the custom table.
+ * Provides default values.
+ */
+export declare class InternalCustomTableConfiguration<T = unknown> implements CustomTableConfiguration<T> {
+    dynamicRowStyleClasses: DynamicStyleClasses<T>;
+    displayColumns: DisplayColumn<T>[];
+    displayLoadingSpinner: boolean;
+    withSelection: boolean;
+    searchStringForRow: (value: T) => string;
+    allowClick: (value: T) => boolean;
+    emptyErrorMessage: string;
+    resolveToReferencedEntity?: (id: unknown) => unknown;
+    constructor(globalConfig: NgxGlobalDefaultValues, configuration: CustomTableConfiguration<T>);
+}

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

@@ -0,0 +1,111 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { EnvironmentInjector, EventEmitter, OnInit } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatTableDataSource } from '@angular/material/table';
+import { CustomTableConfiguration, InternalCustomTableConfiguration } from './custom-table-configuration.model';
+import { BaseEntityType } from '../../classes/entity.model';
+import { NgxGlobalDefaultValues } from '../../global-configuration-values';
+import { SelectionUtilities } from '../../utilities/selection.utilities';
+import { DisplayColumn, TableColumnValue } from '../table/table-data';
+import * as i0 from "@angular/core";
+/**
+ * The event for clicking on a table cell.
+ */
+export type CellClickedEvent<T> = {
+    /**
+     * The column that was clicked.
+     */
+    displayColumn: DisplayColumn<T>;
+    /**
+     * The value of the row that was clicked.
+     */
+    value: T;
+};
+/**
+ * A custom table that has things like sorting and pagination already built in.
+ */
+export declare class CustomTableComponent<T, EntityType extends BaseEntityType<EntityType>> implements OnInit {
+    private readonly injector;
+    private readonly globalConfig;
+    SelectionUtilities: typeof SelectionUtilities;
+    /**
+     * Updates the table entries.
+     */
+    set data(value: T[]);
+    /**
+     * Applies the given string as a filter to the table.
+     */
+    set searchString(value: string);
+    set required(value: boolean);
+    /**
+     * Whether or not the table should show an error message when the table is empty.
+     */
+    shouldShowMissingError: boolean;
+    /**
+     * Whether or not the table data is currently loading.
+     */
+    isLoading: boolean;
+    /**
+     * The configuration of the table.
+     */
+    configuration: CustomTableConfiguration<T>;
+    internalConfiguration: InternalCustomTableConfiguration<T>;
+    /**
+     * Emits when a cell is clicked that is neither disabled nor disallowed to be clicked.
+     */
+    readonly cellClicked: EventEmitter<CellClickedEvent<T>>;
+    /**
+     * Emits when the selected values change.
+     */
+    readonly selectionChanged: EventEmitter<T[]>;
+    /**
+     * The paginator from the html.
+     */
+    private readonly paginator;
+    /**
+     * The sort from the html.
+     */
+    private readonly sort;
+    /**
+     * The data source for the table.
+     */
+    dataSource: MatTableDataSource<T>;
+    /**
+     * The selection of the table.
+     */
+    selection: SelectionModel<T>;
+    /**
+     * The columns of the table.
+     */
+    displayedColumns: string[];
+    constructor(injector: EnvironmentInjector, globalConfig: NgxGlobalDefaultValues);
+    ngOnInit(): void;
+    private setupDataSource;
+    /**
+     * Emits a cellClicked event when the clicked column is enabled and clicking is allowed by the configuration.
+     * @param value - The value of the row that was clicked.
+     * @param dCol - The display column of the row that was clicked.
+     */
+    clickCell(value: T, dCol: DisplayColumn<T>): void;
+    /**
+     * Toggles a single table row.
+     * @param value - The value of the row that was clicked.
+     * @param event - The change event from the checkbox.
+     */
+    toggle(value: T, event?: MatCheckboxChange): void;
+    /**
+     * Toggles all table rows.
+     * @param event - The change event from the checkbox.
+     */
+    masterToggle(event?: MatCheckboxChange): void;
+    /**
+     * Gets the value to display in the column.
+     * Runs in environment context to enable injection.
+     * @param value - The column value to get the display string from.
+     * @param displayColumn - The display column to get the value from.
+     * @returns The value of the display column.
+     */
+    getDisplayColumnValue(value: T, displayColumn: DisplayColumn<T>): TableColumnValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomTableComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomTableComponent<any, any>, "custom-table", never, { "data": { "alias": "data"; "required": true; }; "searchString": { "alias": "searchString"; "required": false; }; "required": { "alias": "required"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "configuration": { "alias": "configuration"; "required": true; }; }, { "cellClicked": "cellClicked"; "selectionChanged": "selectionChanged"; }, never, never, true, never>;
+}

package/components/edit-page/edit-page.component.d.ts

@@ -8,7 +8,7 @@ import { BaseEntityType, EntityClassNewable } from '../../classes/entity.model';
 import { NgxGlobalDefaultValues } from '../../global-configuration-values';
 import { EntityService } from '../../services/entity.service';
 import { UnsavedChangesPage } from '../../services/unsaved-changes.guard';
-import { EntityUtilities } from '../../utilities/entity.utilities';
+import { Difference, EntityUtilities } from '../../utilities/entity.utilities';
 import { ValidationError } from '../../utilities/validation.utilities';
 import { ConfirmDialogData } from '../confirm-dialog/confirm-dialog-data';
 import { EditActionInternal } from '../table/edit-dialog/edit-data.builder';
@@ -91,6 +91,10 @@ export declare class NgxMatEntityEditPageComponent<EntityType extends BaseEntity
      * Whether or not the entity is valid.
      */
     isEntityValid: boolean;
+    /**
+     * All changes that have been done to the entity.
+     */
+    changes: Difference<EntityType>[];
     /**
      * Whether or not the entity is dirty.
      */

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

@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { EnvironmentInjector, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
 export declare class ArrayDateInputComponent<EntityType extends BaseEntityType<EntityType>> extends ArrayTableComponent<Date, EntityType, DecoratorTypes.ARRAY_DATE> implements OnInit {
     private readonly globalConfig;
     DateUtilities: typeof DateUtilities;
-    constructor(matDialog: MatDialog, injector: EnvironmentInjector, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
+    constructor(dialog: MatDialog, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateInputComponent<any>, "array-date-input", never, {}, {}, never, never, true, never>;

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

@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { EnvironmentInjector, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
@@ -13,12 +13,12 @@ export declare class ArrayDateRangeInputComponent<EntityType extends BaseEntityT
     DateUtilities: typeof DateUtilities;
     dateRangeStart?: Date;
     dateRangeEnd?: Date;
-    constructor(matDialog: MatDialog, injector: EnvironmentInjector, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
+    constructor(dialog: MatDialog, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
     ngOnInit(): void;
     /**
      * Adds a DateRange to the array.
      */
-    addDateRange(): void;
+    add(): Promise<void>;
     protected resetInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateRangeInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateRangeInputComponent<any>, "array-date-range-input", never, {}, {}, never, never, true, never>;

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

@@ -1,5 +1,5 @@
 import { HttpClient } from '@angular/common/http';
-import { EnvironmentInjector, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
@@ -14,13 +14,13 @@ export declare class ArrayDateTimeInputComponent<EntityType extends BaseEntityTy
     dateTime?: Date;
     time?: Time;
     timeDropdownValues: DropdownValue<Time>[];
-    constructor(matDialog: MatDialog, injector: EnvironmentInjector, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
+    constructor(matDialog: MatDialog, http: HttpClient, globalConfig: NgxGlobalDefaultValues);
     ngOnInit(): void;
     protected resetInput(): void;
     /**
      * Adds a date time to the array.
      */
-    addDateTime(): void;
+    addDateTime(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArrayDateTimeInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArrayDateTimeInputComponent<any>, "array-date-time-input", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,41 +1,47 @@
-import { SelectionModel } from '@angular/cdk/collections';
 import { HttpClient } from '@angular/common/http';
-import { EnvironmentInjector, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
-import { MatTableDataSource } from '@angular/material/table';
 import { BaseEntityType } from '../../../classes/entity.model';
 import { DecoratorTypes } from '../../../decorators/base/decorator-types.enum';
-import { SelectionUtilities } from '../../../utilities/selection.utilities';
-import { DisplayColumn } from '../../table/table-data';
+import { CustomTableConfiguration } from '../../custom-table/custom-table-configuration.model';
 import { NgxMatEntityBaseInputComponent } from '../base-input.component';
 import * as i0 from "@angular/core";
+/**
+ * The Decorator Types that use the array table class.
+ */
 type ArrayTableType = DecoratorTypes.ARRAY | DecoratorTypes.ARRAY_DATE | DecoratorTypes.ARRAY_DATE_RANGE | DecoratorTypes.ARRAY_DATE_TIME;
 /**
  * The base component 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;
-    private readonly injector;
+    private readonly dialog;
     private readonly http;
+    /**
+     * The input that should be added to the array.
+     */
     input?: ValueType;
-    dataSource: MatTableDataSource<ValueType>;
-    selection: SelectionModel<ValueType>;
-    displayedColumns: string[];
-    SelectionUtilities: typeof SelectionUtilities;
-    constructor(matDialog: MatDialog, injector: EnvironmentInjector, http: HttpClient);
+    /**
+     * The currently selected values.
+     */
+    selected: ValueType[];
+    /**
+     * The configuration of the table.
+     */
+    tableConfig: CustomTableConfiguration;
+    get propertyValue(): ValueType[];
+    set propertyValue(value: ValueType[]);
+    constructor(dialog: MatDialog, http: HttpClient);
     ngOnInit(): void;
     /**
-     * Gets the value to display in the column.
-     * Runs in environment context to enable injection.
-     * @param entity - The entity to get the value from.
-     * @param displayColumn - The display column to get the value from.
-     * @returns The value of the display column.
+     * Sets the table config.
+     * This is not included in the ngOnInit for child classes to be able to set their metadata.
+     * (which is used in the table config).
      */
-    getDisplayColumnValue(entity: ValueType, displayColumn: DisplayColumn<ValueType>): unknown;
+    protected setTableConfig(): void;
     /**
      * Tries to add an item to the array.
      */
-    add(): void;
+    add(): Promise<void>;
     /**
      * Is split up from the add method to override this functionality more easily.
      */

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

@@ -3,7 +3,6 @@ import { HttpClient } from '@angular/common/http';
 import { EnvironmentInjector, EventEmitter, OnInit } from '@angular/core';
 import { NgModel } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
-import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { Router } from '@angular/router';
 import { BaseEntityType } from '../../classes/entity.model';
@@ -16,14 +15,24 @@ import { DefaultObjectDecoratorConfigInternal, DropdownObjectDecoratorConfigInte
 import { ReferencesOneDecoratorConfigInternal } from '../../decorators/references-one/references-one-decorator-internal.data';
 import { NgxGlobalDefaultValues } from '../../global-configuration-values';
 import { DateUtilities } from '../../utilities/date.utilities';
-import { EntityTab, EntityUtilities } from '../../utilities/entity.utilities';
+import { Difference, EntityTab, EntityUtilities } from '../../utilities/entity.utilities';
 import { SelectionUtilities } from '../../utilities/selection.utilities';
 import { ValidationError } from '../../utilities/validation.utilities';
+import { InternalCustomTableConfiguration } from '../custom-table/custom-table-configuration.model';
 import { CreateDataInternal } from '../table/create-dialog/create-data.builder';
 import { EditActionInternal } from '../table/edit-dialog/edit-data.builder';
 import { DisplayColumn } from '../table/table-data';
 import { BaseTableActionInternal, TableActionInternal } from '../table/table-data.builder';
 import * as i0 from "@angular/core";
+/**
+ * Generic type for contexts that can fill an inline template.
+ */
+type TemplateContext<T> = {
+    /**
+     * The actual value. The $implicit is needed so that we don't need to specify a key when writing "let-context" in the html template.
+     */
+    $implicit: T;
+};
 /**
  * A form context that is used to fill an inline template.
  * This is used to go around the limitations of having everything in the same file due to circular dependencies.
@@ -31,38 +40,64 @@ import * as i0 from "@angular/core";
  */
 type FormContext<EntityType extends BaseEntityType<EntityType>> = {
     /**
-     * The actual value. The $implicit is needed so that we don't need to specify a key when writing "let-context" in the html template.
+     * The entity to build the form for.
+     */
+    entity: EntityType;
+    /**
+     * The tabs to display.
+     */
+    tabs: EntityTab<EntityType>[];
+    /**
+     * Whether or not edit values should be omitted.
+     */
+    hideOmitForEdit?: boolean;
+    /**
+     * Whether or not create values should be omitted.
+     */
+    hideOmitForCreate?: boolean;
+    /**
+     * What happens when the input changes.
      */
-    $implicit: {
-        /**
-         * The entity to build the form for.
-         */
-        entity: EntityType;
-        /**
-         * The tabs to display.
-         */
-        tabs: EntityTab<EntityType>[];
-        /**
-         * Whether or not edit values should be omitted.
-         */
-        hideOmitForEdit?: boolean;
-        /**
-         * Whether or not create values should be omitted.
-         */
-        hideOmitForCreate?: boolean;
-        /**
-         * What happens when the input changes.
-         */
-        inputChangeEvent: () => void | Promise<void>;
-        /**
-         * Whether or not the input is readonly.
-         */
-        isReadOnly?: (property: EntityType, key: keyof EntityType) => boolean;
-        /**
-         * Whether or not the input is valid empty.
-         */
-        validEmpty?: () => boolean;
-    };
+    inputChangeEvent: () => void | Promise<void>;
+    /**
+     * Whether or not the input is readonly.
+     */
+    isReadOnly?: (property: EntityType, key: keyof EntityType) => boolean;
+    /**
+     * Whether or not the input is valid empty.
+     */
+    validEmpty?: () => boolean;
+};
+/**
+ * A table context that is used to fill an inline template.
+ * This is used to go around the limitations of having everything in the same file due to circular dependencies.
+ * The table is used for entity array and hasMany.
+ */
+type TableContext<T> = InternalCustomTableConfiguration & {
+    /**
+     * The data source of the table.
+     */
+    dataSource: MatTableDataSource<T>;
+    /**
+     * Whether or not a error message should be shown when the table is empty.
+     */
+    shouldShowMissingError: boolean;
+    /**
+     * The selection of the table.
+     */
+    selection: SelectionModel<T>;
+    /**
+     * What happens when a cell is clicked.
+     */
+    clickCell: (value: T, displayColumn: DisplayColumn<T>) => void;
+    /**
+     * Whether or not the data for the table is currently being loaded.
+     */
+    isLoading: boolean;
+    /**
+     * All columns that should be displayed.
+     */
+    displayedColumns: string[];
 };
 /**
  * The default input component. It gets the metadata of the property from the given @Input "entity" and @Input "propertyKey"
@@ -122,6 +157,12 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * Emits when the input value has been changed.
      */
     readonly inputChangeEvent: EventEmitter<void>;
+    /**
+     * A setter for the has many sort.
+     * Is needed because the sort is inside a switch case,
+     * which means that at ngOnInit it can't be initialized.
+     */
+    private set sort(value);
     /**
      * The type of the decorator for this input.
      */
@@ -137,7 +178,7 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     /**
      * The form context for an object property.
      */
-    objectFormContext: FormContext<EntityType>;
+    objectFormContext: TemplateContext<FormContext<EntityType>>;
     /**
      * The metadata of an dropdown object property.
      */
@@ -176,9 +217,9 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      */
     metadataEntityArray: EntityArrayDecoratorConfigInternal<EntityType>;
     /**
-     * The entity array property value.
+     * The table context for the entity array input.
      */
-    entityArrayValues: EntityType[];
+    entityArrayTableContext: TemplateContext<TableContext<EntityType>>;
     /**
      * The current array item to be added or updated.
      */
@@ -190,23 +231,11 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     /**
      * The form context for adding an array item.
      */
-    addArrayItemFormContext: FormContext<EntityType>;
+    addArrayItemFormContext: TemplateContext<FormContext<EntityType>>;
     /**
      * The form context for editing an array item.
      */
-    editArrayItemFormContext: FormContext<EntityType>;
-    /**
-     * The dataSource for the entity array.
-     */
-    entityArrayDataSource: MatTableDataSource<EntityType>;
-    /**
-     * The selection for the entity array.
-     */
-    entityArraySelection: SelectionModel<EntityType>;
-    /**
-     * The columns to display in the entity array table.
-     */
-    entityArrayDisplayedColumns: string[];
+    editArrayItemFormContext: TemplateContext<FormContext<EntityType>>;
     /**
      * Whether or not the array item is valid.
      */
@@ -231,6 +260,10 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * All validation errors for the array item.
      */
     arrayItemValidationErrors: ValidationError[];
+    /**
+     * All the changes that have been done to the array item.
+     */
+    arrayItemChanges: Difference<EntityType>[];
     /**
      * What to display inside the array item tooltip.
      */
@@ -240,34 +273,9 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      */
     metadataHasMany: HasManyDecoratorConfigInternal<EntityType, EntityType>;
     /**
-     * Whether or not has many is currently loading.
-     */
-    hasManyIsLoading: boolean;
-    /**
-     * A setter for the has many paginator.
-     * Is needed because the paginator is inside a switch case,
-     * which means that at ngOnInit it can't be initialized.
-     */
-    set hasManyPaginator(paginator: MatPaginator);
-    /**
-     * A setter for the has many sort.
-     * Is needed because the sort is inside a switch case,
-     * which means that at ngOnInit it can't be initialized.
-     */
-    private set hasManySort(value);
-    private readonly hasManyFilter;
-    /**
-     * The columns of the has many table.
+     * The table context for the has many input.
      */
-    displayedHasManyColumns: string[];
-    /**
-     * The data source of the has many table.
-     */
-    hasManyDataSource: MatTableDataSource<EntityType>;
-    /**
-     * The selection of the has many table.
-     */
-    hasManySelection: SelectionModel<EntityType>;
+    hasManyTableContext: TemplateContext<TableContext<EntityType>>;
     /**
      * The has many import action.
      */
@@ -293,6 +301,10 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * All validation errors of the has many entity.
      */
     hasManyValidationErrors: ValidationError[];
+    /**
+     * All the changes that have been done to the has many entity.
+     */
+    hasManyChanges: Difference<EntityType>[];
     /**
      * What to display inside the has many tooltip.
      */
@@ -308,11 +320,11 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     /**
      * The form context for creating an has many entity.
      */
-    hasManyCreateFormContext: FormContext<EntityType>;
+    hasManyCreateFormContext: TemplateContext<FormContext<EntityType>>;
     /**
      * The form context for editing an has many entity.
      */
-    hasManyEditFormContext: FormContext<EntityType>;
+    hasManyEditFormContext: TemplateContext<FormContext<EntityType>>;
     private hasManyCreateBaseUrl;
     /**
      * The metadata for a references one property.
@@ -337,7 +349,7 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     /**
      * The form context for an object property.
      */
-    referencesOneFormContext: FormContext<EntityType>;
+    referencesOneFormContext: TemplateContext<FormContext<EntityType>>;
     /**
      * The enum Values for all the different DecoratorTypes.
      */
@@ -381,6 +393,13 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * @returns The value of the display column.
      */
     getDisplayColumnValue(entity: EntityType, displayColumn: DisplayColumn<EntityType>): unknown;
+    /**
+     * Emits a cellClicked event when the clicked column is enabled and clicking is allowed by the configuration.
+     * @param value - The value of the row that was clicked.
+     * @param dCol - The display column of the row that was clicked.
+     * @param context - The context of the table where the cell was clicked.
+     */
+    clickCell<T>(value: T, dCol: DisplayColumn<T>, context: TableContext<T>): void;
     ngOnInit(): void;
     private initReferencesOne;
     /**

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

@@ -1,12 +1,9 @@
-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 { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { DropdownValue } from '../../../../decorators/base/dropdown-value.interface';
 import { NgxGlobalDefaultValues } from '../../../../global-configuration-values';
-import { SelectionUtilities } from '../../../../utilities/selection.utilities';
-import { DisplayColumn } from '../../../table/table-data';
+import { CustomTableConfiguration } from '../../../custom-table/custom-table-configuration.model';
 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 {
@@ -17,12 +14,18 @@ export declare class ReferencesManyInputComponent<EntityType extends BaseEntityT
     dropdownValues: DropdownValue<string>[];
     filteredDropdownValues: DropdownValue<string>[];
     input: string;
-    referencedEntitiesDataSource: MatTableDataSource<string>;
-    displayedColumns: string[];
-    selection: SelectionModel<string>;
-    SelectionUtilities: typeof SelectionUtilities;
     get currentDropdownValue(): DropdownValue<string> | undefined;
     get shouldDisplayCurrentValue(): boolean;
+    /**
+     * The currently selected values.
+     */
+    selected: string[];
+    /**
+     * Configuration for the references many table.
+     */
+    tableConfig: CustomTableConfiguration;
+    get propertyValue(): string[];
+    set propertyValue(value: string[]);
     constructor(injector: EnvironmentInjector, globalConfig: NgxGlobalDefaultValues);
     ngOnInit(): void;
     /**
@@ -30,15 +33,7 @@ export declare class ReferencesManyInputComponent<EntityType extends BaseEntityT
      * @param searchInput - The search input to filter for.
      */
     filterDropdownValues(searchInput: string): void;
-    /**
-     * Gets the value to display in the column.
-     * Runs in environment context to enable injection.
-     * @param entityId - The id of the entity to get the value from.
-     * @param displayColumn - The display column to get the value from.
-     * @returns The value of the display column.
-     */
-    getDisplayColumnValue(entityId: string, displayColumn: DisplayColumn<EntityType>): unknown;
-    add(): Promise<void>;
+    add(): void;
     addAll(): void;
     remove(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ReferencesManyInputComponent<any>, never>;