ngx-material-entity 0.1.1 → 0.1.2

package/fesm2020/ngx-material-entity.mjs

@@ -14,12 +14,6 @@ import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i12 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i7$1 from '@angular/material/paginator';
-import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
-import { MatSort } from '@angular/material/sort';
-import * as i4$1 from '@angular/material/table';
-import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { SelectionModel } from '@angular/cdk/collections';
 import * as i1$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i2 from '@angular/material/autocomplete';
@@ -29,6 +23,9 @@ import * as i4 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i6 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i4$1 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import * as i8 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i10 from '@angular/cdk/text-field';
@@ -36,45 +33,18 @@ import * as i8$1 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i9 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
+import * as i7$1 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
 import * as i4$2 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 
 /**
- * The base options for all propertyDecorators
- */
-class PropertyDecoratorConfig {
-    /**
-     * Defines, Whether or not there should be a line break after this input.
-     * Is used inside the default create and edit dialogs.
-     */
-    // lineBreakAfter?: boolean;
-    constructor(displayName, display = true, required = true, omitForCreate = false, omitForUpdate = false, defaultWidths = [6, 6, 12], order
-    // lineBreakAfter: boolean = false
-    ) {
-        this.displayName = displayName;
-        this.display = display;
-        this.required = required;
-        this.omitForCreate = omitForCreate;
-        this.omitForUpdate = omitForUpdate;
-        this.defaultWidths = defaultWidths;
-        if (order) {
-            if (order < 0) {
-                throw new Error('order must be at least 0');
-            }
-            this.order = order;
-        }
-        else {
-            this.order = -1;
-        }
-        // this.lineBreakAfter = lineBreakAfter;
-    }
-}
-
-/**
- * The base decorator for setting metadata on properties
- * @param metadata The metadata to define
- * @param type The type of metadata
- * @returns The function that sets the metadata
+ * The base decorator for setting metadata on properties.
+ *
+ * @param metadata - The metadata to define.
+ * @param type - The type of metadata.
+ * @returns The method that sets the metadata.
  */
 function baseProperty(metadata, type) {
     return function (target, propertyKey) {
@@ -103,61 +73,74 @@ var DecoratorTypes;
     DecoratorTypes["ARRAY_STRING_AUTOCOMPLETE_CHIPS"] = "arrayStringAutocompleteChips";
 })(DecoratorTypes || (DecoratorTypes = {}));
 
-/**
- * Decorator for setting and getting string propery metadata
- * @param metadata The metadata of the string property
- */
-function string(metadata) {
-    if (metadata.displayStyle === 'dropdown') {
-        return baseProperty(new DropdownStringDecoratorConfig(metadata), DecoratorTypes.STRING_DROPDOWN);
+class PropertyDecoratorConfigInternal {
+    constructor(data) {
+        if (data.order && (data.order < 0)) {
+            throw new Error('order must be at least 0');
+        }
+        this.display = data.display != undefined ? data.display : true;
+        this.displayName = data.displayName;
+        this.required = data.required != undefined ? data.required : true;
+        this.omitForCreate = data.omitForCreate != undefined ? data.omitForCreate : false;
+        this.omitForUpdate = data.omitForUpdate != undefined ? data.omitForUpdate : false;
+        this.defaultWidths = data.defaultWidths ? data.defaultWidths : [6, 6, 12];
+        this.order = data.order ? data.order : -1;
     }
-    else if (metadata.displayStyle === 'autocomplete') {
-        return baseProperty(new AutocompleteStringDecoratorConfig(metadata), DecoratorTypes.STRING_AUTOCOMPLETE);
+}
+
+class DropdownStringDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.dropdownValues = data.dropdownValues;
     }
-    else if (metadata.displayStyle === 'textbox') {
-        return baseProperty(new TextboxStringDecoratorConfig(metadata), DecoratorTypes.STRING_TEXTBOX);
+}
+class DefaultStringDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.minLength = data.minLength;
+        this.maxLength = data.maxLength;
+        this.regex = data.regex;
     }
-    else {
-        return baseProperty(new DefaultStringDecoratorConfig(metadata), DecoratorTypes.STRING);
+}
+class TextboxStringDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.minLength = data.minLength;
+        this.maxLength = data.maxLength;
+    }
+}
+class AutocompleteStringDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.autocompleteValues = data.autocompleteValues;
+        this.minLength = data.minLength;
+        this.maxLength = data.maxLength;
+        this.regex = data.regex;
     }
 }
+
 /**
- * Interface definition for the @string metadata
+ * Decorator for setting and getting string propery metadata.
+ *
+ * @param metadata - The metadata of the string property.
+ * @returns The method that defines the metadata.
  */
-class StringDecoratorConfig extends PropertyDecoratorConfig {
-}
-class DropdownStringDecoratorConfig extends StringDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.dropdownValues = metadata.dropdownValues;
+function string(metadata) {
+    if (metadata.displayStyle === 'dropdown') {
+        return baseProperty(new DropdownStringDecoratorConfigInternal(metadata), DecoratorTypes.STRING_DROPDOWN);
     }
-}
-class DefaultStringDecoratorConfig extends StringDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.minLength = metadata.minLength;
-        this.maxLength = metadata.maxLength;
-        this.regex = metadata.regex;
+    else if (metadata.displayStyle === 'autocomplete') {
+        return baseProperty(new AutocompleteStringDecoratorConfigInternal(metadata), DecoratorTypes.STRING_AUTOCOMPLETE);
     }
-}
-class TextboxStringDecoratorConfig extends StringDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.minLength = metadata.minLength;
-        this.maxLength = metadata.maxLength;
+    else if (metadata.displayStyle === 'textbox') {
+        return baseProperty(new TextboxStringDecoratorConfigInternal(metadata), DecoratorTypes.STRING_TEXTBOX);
     }
-}
-class AutocompleteStringDecoratorConfig extends StringDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.autocompleteValues = metadata.autocompleteValues;
-        this.minLength = metadata.minLength;
-        this.maxLength = metadata.maxLength;
-        this.regex = metadata.regex;
+    else {
+        return baseProperty(new DefaultStringDecoratorConfigInternal(metadata), DecoratorTypes.STRING);
     }
 }
 
@@ -180,12 +163,14 @@ __decorate([
 
 var _a;
 /**
- * Contains HelperMethods around handling Entities and their property-metadata
+ * Contains HelperMethods around handling Entities and their property-metadata.
  */
 class EntityUtilities {
     /**
-     * Gets the properties to omit when updating the entity
-     * @returns The properties which should be left out for updating a new Entity
+     * Gets the properties to omit when updating the entity.
+     *
+     * @param entity - The entity to get the properties which should be left out for updating from.
+     * @returns The properties which should be left out for updating an Entity.
      */
     static getOmitForUpdate(entity) {
         const res = [];
@@ -198,8 +183,10 @@ class EntityUtilities {
         return res;
     }
     /**
-     * Gets the properties to omit when creating new entities
-     * @returns The properties which should be left out for creating a new Entity
+     * Gets the properties to omit when creating new entities.
+     *
+     * @param entity - The entity to get the properties which should be left out for creating from.
+     * @returns The properties which should be left out for creating a new Entity.
      */
     static getOmitForCreate(entity) {
         const res = [];
@@ -212,11 +199,13 @@ class EntityUtilities {
         return res;
     }
     /**
-     * Gets the metadata included in an property
-     * @param entity The entity with the property to get the metadata from
-     * @param propertyKey The property on the given Entity to get the metadata from
-     * @param type For secure Typing, defines the returned PropertyConfig
-     * @returns The metadata of the property
+     * Gets the metadata included in an property.
+     *
+     * @param entity - The entity with the property to get the metadata from.
+     * @param propertyKey - The property on the given Entity to get the metadata from.
+     * @param type - For secure Typing, defines the returned PropertyConfig.
+     * @returns The metadata of the property.
+     * @throws When no metadata can be found for the given property.
      */
     static getPropertyMetadata(entity, propertyKey, 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -224,58 +213,78 @@ class EntityUtilities {
         try {
             const metadata = Reflect.getMetadata('metadata', entity, propertyKey);
             if (!metadata) {
-                throw new Error(`Could not find metadata for property ${String(propertyKey)}
-                    on the entity ${JSON.stringify(entity)}`);
+                throw new Error(`Could not find metadata for property ${String(propertyKey)} on the entity ${JSON.stringify(entity)}`);
             }
             return metadata;
         }
         catch (error) {
-            throw new Error(`Could not find metadata for property ${String(propertyKey)}
-                on the entity ${JSON.stringify(entity)}`);
+            throw new Error(`Could not find metadata for property ${String(propertyKey)} on the entity ${JSON.stringify(entity)}`);
         }
     }
     /**
      * Gets the type of the property-metadata.
-     * @param entity The entity with the property to get the type from
-     * @param propertyKey The property on the given Entity to get the type from
-     * @returns The type of the metadata
+     *
+     * @param entity - The entity with the property to get the type from.
+     * @param propertyKey - The property on the given Entity to get the type from.
+     * @returns The type of the metadata.
+     * @throws Will throw an error if no metadata can be found for the given property.
      */
     static getPropertyType(entity, propertyKey) {
         try {
             const propertyType = Reflect.getMetadata('type', entity, propertyKey);
             if (!propertyType) {
-                throw new Error(`Could not find type metadata for property ${String(propertyKey)}
-                    on the entity ${JSON.stringify(entity)}`);
+                throw new Error(`Could not find type metadata for property ${String(propertyKey)} on the entity ${JSON.stringify(entity)}`);
             }
             return propertyType;
         }
         catch (error) {
-            throw new Error(`Could not find type metadata for property ${String(propertyKey)}
-                on the entity ${JSON.stringify(entity)}`);
+            throw new Error(`Could not find type metadata for property ${String(propertyKey)} on the entity ${JSON.stringify(entity)}`);
         }
     }
     /**
      * Sets all property values based on a given entity data-object.
-     * @param entity The data object to get the property values from.
-     * @param target
-     * the target object that needs to be constructed
-     * (if called inside a Entity constructor its usually this)
+     *
+     * @param target - The target object that needs to be constructed (if called inside an Entity constructor its usually this).
+     * @param entity - The data object to get the property values from.
      * @alias new
      * @alias build
      * @alias construct
      */
     static new(target, entity) {
-        if (entity) {
-            for (const key in entity) {
-                Reflect.set(target, key, Reflect.get(entity, key));
+        for (const key in target) {
+            const type = EntityUtilities.getPropertyType(target, key);
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            let value = entity ? Reflect.get(entity, key) : undefined;
+            switch (type) {
+                case DecoratorTypes.OBJECT:
+                    const objectMetadata = EntityUtilities.getPropertyMetadata(target, key, DecoratorTypes.OBJECT);
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                    value = new objectMetadata.type(value);
+                    break;
+                case DecoratorTypes.ARRAY:
+                    const inputArray = value;
+                    const resArray = [];
+                    if (inputArray) {
+                        const arrayMetadata = EntityUtilities.getPropertyMetadata(target, key, DecoratorTypes.ARRAY);
+                        for (const item of inputArray) {
+                            const itemWithMetadata = new arrayMetadata.EntityClass(item);
+                            resArray.push(itemWithMetadata);
+                        }
+                    }
+                    value = resArray;
+                    break;
+                default:
+                    break;
             }
+            Reflect.set(target, key, value);
         }
     }
     /**
      * Checks if the values on an entity are valid.
-     * Also checks all the validators given by the metadata ("required", "maxLength" etc.)
-     * @param entity The entity to validate.
-     * @param omit Whether to check for creatiung or editing validity
+     * Also checks all the validators given by the metadata ("required", "maxLength" etc.).
+     *
+     * @param entity - The entity to validate.
+     * @param omit - Whether to check for creatiung or editing validity.
      * @returns Whether or not the entity is valid.
      */
     static isEntityValid(entity, omit) {
@@ -287,10 +296,13 @@ class EntityUtilities {
         return true;
     }
     /**
-     * Checks if a single property value is valid
-     * @param entity The entity where the property is from
-     * @param key The name of the property
-     * @returns Whether or not the property value is valid
+     * Checks if a single property value is valid.
+     *
+     * @param entity - The entity where the property is from.
+     * @param key - The name of the property.
+     * @param omit - Whether to check if the given entity is valid for creation or updating.
+     * @returns Whether or not the property value is valid.
+     * @throws Throws when it extracts an unknown metadata type.
      */
     static isPropertyValid(entity, key, omit) {
         const type = this.getPropertyType(entity, key);
@@ -305,7 +317,7 @@ class EntityUtilities {
         if (metadata.omitForCreate && omit === 'create') {
             return true;
         }
-        if (metadata.omitForUpdate && omit === 'edit') {
+        if (metadata.omitForUpdate && omit === 'update') {
             return true;
         }
         if (metadata.required && !entity[key]) {
@@ -336,7 +348,7 @@ class EntityUtilities {
                     return false;
                 }
                 if (metadataAutocompleteString.regex
-                    && entity[key].match(metadataAutocompleteString.regex)) {
+                    && !entity[key].match(metadataAutocompleteString.regex)) {
                     return false;
                 }
                 break;
@@ -354,7 +366,7 @@ class EntityUtilities {
                 if (metadataDefaultNumber.max && entity[key] > metadataDefaultNumber.max) {
                     return false;
                 }
-                if (metadataDefaultNumber.min && entity[key] > metadataDefaultNumber.min) {
+                if (metadataDefaultNumber.min && entity[key] < metadataDefaultNumber.min) {
                     return false;
                 }
                 break;
@@ -378,10 +390,11 @@ class EntityUtilities {
         return true;
     }
     /**
-     * Checks if an entity is "dirty" (if its values have changed)
-     * @param entity The entity after all changes
-     * @param entityPriorChanges The entity before the changes
-     * @returns Whether or not the entity is dirty
+     * Checks if an entity is "dirty" (if its values have changed).
+     *
+     * @param entity - The entity after all changes.
+     * @param entityPriorChanges - The entity before the changes.
+     * @returns Whether or not the entity is dirty.
      */
     static dirty(entity, entityPriorChanges) {
         if (!entityPriorChanges) {
@@ -398,10 +411,11 @@ class EntityUtilities {
         }
     }
     /**
-     * Compares two Entities and returns their difference in an object
-     * @param entity The first entity to compare
-     * @param entityPriorChanges The second entity to compare
-     * @returns The difference between the two Entities in form of a Partial
+     * Compares two Entities and returns their difference in an object.
+     *
+     * @param entity - The first entity to compare.
+     * @param entityPriorChanges - The second entity to compare.
+     * @returns The difference between the two Entities in form of a Partial.
      */
     static difference(entity, entityPriorChanges) {
         const res = {};
@@ -412,53 +426,55 @@ class EntityUtilities {
         }
         return res;
     }
+    //TODO X Y
     /**
-     * compare function for sorting entity keys by their order value
-     * @param a first key of entity
-     * @param b second key of entity
-     * @param entity current entity (used to get metadata of entity keys)
+     * Compare function for sorting entity keys by their order value.
+     *
+     * @param a - First key of entity.
+     * @param b - Second key of entity.
+     * @param entity - Current entity (used to get metadata of entity keys).
+     * @returns 0 if both values have the same order, a negative value if X, a positive value if Y.
      */
     static compareOrder(a, b, entity) {
         const metadataA = EntityUtilities.getPropertyMetadata(entity, a, EntityUtilities.getPropertyType(entity, a));
         const metadataB = EntityUtilities.getPropertyMetadata(entity, b, EntityUtilities.getPropertyType(entity, b));
         if (metadataA.order === -1) {
+            if (metadataB.order === -1) {
+                return 0;
+            }
             return 1;
         }
         else if (metadataB.order === -1) {
-            return 0;
+            return -1;
         }
-        return (metadataA.order - metadataB.order);
+        return ((metadataA.order) - (metadataB.order));
     }
     /**
-     * gets the bootstrap column values for "lg", "md", "sm"
-     * @param entity entity to get the bootstrap column values of the key
-     * @param key key of the property to get bootstrap column values from
-     * @param type defines for which screensize the column values should be returned
-     * @returns bootstrap column value
+     * Gets the bootstrap column values for "lg", "md", "sm".
+     *
+     * @param entity - Entity to get the bootstrap column values of the key.
+     * @param key - Key of the property to get bootstrap column values from.
+     * @param type - Defines for which screensize the column values should be returned.
+     * @returns Bootstrap column value.
      */
     static getWidth(entity, key, type) {
         const propertyType = EntityUtilities.getPropertyType(entity, key);
         const metadata = EntityUtilities.getPropertyMetadata(entity, key, propertyType);
-        if (metadata.defaultWidths) {
-            switch (type) {
-                case 'lg':
-                    return metadata.defaultWidths[0];
-                case 'md':
-                    return metadata.defaultWidths[1];
-                case 'sm':
-                    return metadata.defaultWidths[2];
-                default:
-                    throw new Error('Something went wrong getting the width');
-            }
-        }
-        else {
-            throw new Error('Something went wrong getting the width');
+        metadata.defaultWidths = metadata.defaultWidths;
+        switch (type) {
+            case 'lg':
+                return metadata.defaultWidths[0];
+            case 'md':
+                return metadata.defaultWidths[1];
+            case 'sm':
+                return metadata.defaultWidths[2];
         }
     }
     /**
-     * Resets all changes on an entity
-     * @param entity The entity to reset
-     * @param entityPriorChanges The entity before any changes
+     * Resets all changes on an entity.
+     *
+     * @param entity - The entity to reset.
+     * @param entityPriorChanges - The entity before any changes.
      */
     static resetChangesOnEntity(entity, entityPriorChanges) {
         for (const key in entityPriorChanges) {
@@ -482,22 +498,25 @@ class EntityService {
     constructor(http) {
         this.http = http;
         /**
-         * a subject of all the entity values.
+         * A subject of all the entity values.
          * Can be subscribed to when you want to do a specific thing whenever the entities change.
          */
         this.entitiesSubject = new BehaviorSubject([]);
     }
     /**
-     * gets the entities in an array from the internal entitiesSubject
+     * Gets the entities in an array from the internal entitiesSubject.
+     *
+     * @returns The current entities in form of an array.
      */
     get entities() {
         return this.entitiesSubject.value;
     }
     /**
-     * Creates a new Entity and pushes it to the entities array
-     * @param entity The data of the entity to create.
+     * Creates a new Entity and pushes it to the entities array.
+     *
+     * @param entity - The data of the entity to create.
      * All values that should be omitted will be removed from it inside this method.
-     * @returns A Promise of the created entity
+     * @returns A Promise of the created entity.
      */
     async create(entity) {
         const body = omit(entity, EntityUtilities.getOmitForCreate(entity));
@@ -507,8 +526,9 @@ class EntityService {
         return e;
     }
     /**
-     * Gets all existing entities and pushes them to the entites array
-     * @returns A Promise of all received Entities
+     * Gets all existing entities and pushes them to the entites array.
+     *
+     * @returns A Promise of all received Entities.
      */
     async read() {
         const e = await firstValueFrom(this.http.get(this.baseUrl));
@@ -516,11 +536,12 @@ class EntityService {
         return e;
     }
     /**
-     * Updates a specific Entity
-     * @param entity The updated Entity
+     * Updates a specific Entity.
+     *
+     * @param entity - The updated Entity
      * All values that should be omitted will be removed from it inside this method.
-     * @param entityPriorChanges The current Entity.
-     * It Is used to get changed values and only update them instead of sending the whole entity data
+     * @param entityPriorChanges - The current Entity.
+     * It Is used to get changed values and only update them instead of sending the whole entity data.
      */
     async update(entity, entityPriorChanges) {
         const reqBody = omit(EntityUtilities.difference(entity, entityPriorChanges), EntityUtilities.getOmitForUpdate(entity));
@@ -529,8 +550,9 @@ class EntityService {
         this.entitiesSubject.next(this.entities);
     }
     /**
-     * Method to delete a specific Entity
-     * @param id The id of the element to delete
+     * Deletes a specific Entity.
+     *
+     * @param id - The id of the element to delete.
      */
     async delete(id) {
         await firstValueFrom(this.http.delete(`${this.baseUrl}/${id}`));
@@ -539,30 +561,91 @@ class EntityService {
     }
 }
 
-class NgxMatEntityConfirmDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        /**
-         * Used for the checkbox to confirm the action
-         */
-        this.confirm = false;
+class ConfirmDialogDataInternal {
+    constructor(text, type, confirmButtonLabel, cancelButtonLabel, title, requireConfirmation, confirmationText) {
+        this.text = text;
+        this.type = type;
+        this.confirmButtonLabel = confirmButtonLabel;
+        this.cancelButtonLabel = cancelButtonLabel;
+        this.title = title;
+        this.requireConfirmation = requireConfirmation;
+        this.confirmationText = confirmationText;
     }
-    ngOnInit() {
-        if (this.data.requireConfirmation && !this.data.confirmationText) {
-            throw new Error(`
-                Missing required Input "confirmationText".
-                You can only omit this if you dont have "requireConfirmation" set`);
+}
+class ConfirmDialogDataBuilder {
+    constructor(data) {
+        this.validateInput(data);
+        this.dataInput = data;
+        this.confirmDialogData = new ConfirmDialogDataInternal(data?.text ? data.text : ['Do you really want to do this?'], data?.type ? data.type : 'default', data?.confirmButtonLabel ? data.confirmButtonLabel : 'Confirm', data?.cancelButtonLabel ? data.cancelButtonLabel : 'Cancel', data?.title ? data.title : 'Confirmation', data?.requireConfirmation ? data.requireConfirmation : false, data?.confirmationText);
+        return this;
+    }
+    validateInput(data) {
+        if (!data) {
+            return;
         }
-        if (!this.data.requireConfirmation && this.data.confirmationText) {
-            throw new Error('The "confirmationText" will never be shown because "requireConfirmation" is not set to true');
+        if (data.requireConfirmation && !data.confirmationText) {
+            throw new Error(`Missing required Input data "confirmationText".
+            You can only omit this value when "requireConfirmation" is false.`);
         }
-        if (this.data.requireConfirmation !== true && this.data.requireConfirmation !== false) {
-            this.data.requireConfirmation = false;
+        if (!data.requireConfirmation && data.confirmationText) {
+            throw new Error('The "confirmationText" will never be shown because "requireConfirmation" is not set to true');
         }
-        if (this.data.type === 'info-only' && this.data.cancelButtonLabel) {
+        if (data.type === 'info-only' && data.cancelButtonLabel) {
             throw new Error('The "cancelButtonLabel" will never be shown because "type" is set to "info-only"');
         }
+    }
+    withDefaultText(text) {
+        if (!this.dataInput?.text) {
+            this.confirmDialogData.text = text;
+        }
+        return this;
+    }
+    withDefaultType(type) {
+        if (!this.dataInput?.type) {
+            this.confirmDialogData.type = type;
+        }
+        return this;
+    }
+    withDefaultConfirmButtonLabel(label) {
+        if (!this.dataInput?.confirmButtonLabel) {
+            this.confirmDialogData.confirmButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultCancelButtonLabel(label) {
+        if (!this.dataInput?.cancelButtonLabel) {
+            this.confirmDialogData.cancelButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultTitle(title) {
+        if (!this.dataInput?.title) {
+            this.confirmDialogData.title = title;
+        }
+        return this;
+    }
+    withDefaultRequireConfirmation(requireConfirmation) {
+        if (this.dataInput?.requireConfirmation === undefined) {
+            this.confirmDialogData.requireConfirmation = requireConfirmation;
+        }
+        return this;
+    }
+    withDefaultConfirmationText(confirmationText) {
+        if (!this.dataInput?.confirmationText) {
+            this.confirmDialogData.confirmationText = confirmationText;
+        }
+        return this;
+    }
+}
+
+class NgxMatEntityConfirmDialogComponent {
+    constructor(dialogRef, inputData) {
+        this.dialogRef = dialogRef;
+        this.inputData = inputData;
+        this.confirm = false;
+    }
+    ngOnInit() {
+        this.data = new ConfirmDialogDataBuilder(this.inputData).confirmDialogData;
         this.dialogRef.disableClose = true;
     }
     confirmAction() {
@@ -573,10 +656,10 @@ class NgxMatEntityConfirmDialogComponent {
     }
 }
 NgxMatEntityConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityConfirmDialogComponent, selector: "ngx-mat-entity-confirm-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"data.title\">{{data.title}}</h2>\n\n<mat-dialog-content>\n    <p *ngFor=\"let paragraph of data.text\">{{paragraph}}</p>\n    <div *ngIf=\"data.requireConfirmation\" class=\"checkbox-wrapper\">\n        <mat-checkbox [(ngModel)]=\"confirm\" name=\"confirm\">\n            {{data.confirmationText}}\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button *ngIf=\"data.type === 'delete'\" mat-raised-button color=\"warn\" (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel ? data.confirmButtonLabel : 'Delete'}}\n    </button>\n    <button *ngIf=\"data.type !== 'delete'\" mat-raised-button (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel ? data.confirmButtonLabel : data.type === 'info-only' ? 'Ok' : 'Confirm'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.cancelButtonLabel ? data.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: [".checkbox-wrapper{min-height:50px;display:flex}.checkbox-wrapper>mat-checkbox{align-self:center}mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+NgxMatEntityConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityConfirmDialogComponent, selector: "ngx-mat-entity-confirm-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"data.title\">{{data.title}}</h2>\n\n<mat-dialog-content>\n    <p *ngFor=\"let paragraph of data.text\">{{paragraph}}</p>\n    <div *ngIf=\"data.requireConfirmation\" class=\"checkbox-wrapper\">\n        <mat-checkbox [(ngModel)]=\"confirm\" name=\"confirm\">\n            {{data.confirmationText}}\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button *ngIf=\"data.type === 'delete'\" mat-raised-button color=\"warn\" (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel}}\n    </button>\n    <button *ngIf=\"data.type !== 'delete'\" mat-raised-button (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: [".checkbox-wrapper{min-height:50px;display:flex}.checkbox-wrapper>mat-checkbox{align-self:center}mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-confirm-dialog', template: "<h2 mat-dialog-title *ngIf=\"data.title\">{{data.title}}</h2>\n\n<mat-dialog-content>\n    <p *ngFor=\"let paragraph of data.text\">{{paragraph}}</p>\n    <div *ngIf=\"data.requireConfirmation\" class=\"checkbox-wrapper\">\n        <mat-checkbox [(ngModel)]=\"confirm\" name=\"confirm\">\n            {{data.confirmationText}}\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button *ngIf=\"data.type === 'delete'\" mat-raised-button color=\"warn\" (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel ? data.confirmButtonLabel : 'Delete'}}\n    </button>\n    <button *ngIf=\"data.type !== 'delete'\" mat-raised-button (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel ? data.confirmButtonLabel : data.type === 'info-only' ? 'Ok' : 'Confirm'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.cancelButtonLabel ? data.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: [".checkbox-wrapper{min-height:50px;display:flex}.checkbox-wrapper>mat-checkbox{align-self:center}mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
+            args: [{ selector: 'ngx-mat-entity-confirm-dialog', template: "<h2 mat-dialog-title *ngIf=\"data.title\">{{data.title}}</h2>\n\n<mat-dialog-content>\n    <p *ngFor=\"let paragraph of data.text\">{{paragraph}}</p>\n    <div *ngIf=\"data.requireConfirmation\" class=\"checkbox-wrapper\">\n        <mat-checkbox [(ngModel)]=\"confirm\" name=\"confirm\">\n            {{data.confirmationText}}\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button *ngIf=\"data.type === 'delete'\" mat-raised-button color=\"warn\" (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel}}\n    </button>\n    <button *ngIf=\"data.type !== 'delete'\" mat-raised-button (click)=\"confirmAction()\" [disabled]=\"data.requireConfirmation && !confirm\" class=\"confirm-button\">\n        {{data.confirmButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: [".checkbox-wrapper{min-height:50px;display:flex}.checkbox-wrapper>mat-checkbox{align-self:center}mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -598,8 +681,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
 /**
  * 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
+ *
+ * @param model - The ngModel to get the error from.
+ * @returns The Validation Error Message to display.
  */
 function getValidationErrorMessage(model) {
     if (model.hasError('matDatepickerParse')) {
@@ -628,70 +712,87 @@ function getValidationErrorMessage(model) {
     }
 }
 
-/**
- * Decorator for setting and getting array propery metadata
- * @param metadata The metadata of the array property
- */
-function array(metadata) {
-    switch (metadata.itemType) {
-        case DecoratorTypes.OBJECT:
-            return baseProperty(new EntityArrayDecoratorConfig(metadata), DecoratorTypes.ARRAY);
-        case DecoratorTypes.STRING:
-            return baseProperty(new StringChipsArrayDecoratorConfig(metadata), DecoratorTypes.ARRAY_STRING_CHIPS);
-        case DecoratorTypes.STRING_AUTOCOMPLETE:
-            return baseProperty(new AutocompleteStringChipsArrayDecoratorConfig(metadata), DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS);
-        default:
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
-            throw new Error(`Unknown itemType ${metadata.itemType}`);
+class CreateDialogDataInternal {
+    constructor(title, createButtonLabel, cancelButtonLabel, createRequiresConfirmDialog, confirmCreateDialogData) {
+        this.title = title;
+        this.createButtonLabel = createButtonLabel;
+        this.cancelButtonLabel = cancelButtonLabel;
+        this.createRequiresConfirmDialog = createRequiresConfirmDialog;
+        this.confirmCreateDialogData = confirmCreateDialogData;
     }
 }
-/**
- * Interface definition for the @array metadata
- */
-class ArrayDecoratorConfig extends PropertyDecoratorConfig {
-}
-/**
- * Definition for an array of Entities
- */
-class EntityArrayDecoratorConfig extends ArrayDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.itemType = metadata.itemType;
-        this.displayStyle = metadata.displayStyle;
-        this.EntityClass = metadata.EntityClass;
-        this.createDialogData = metadata.createDialogData;
-        this.missingErrorMessage = metadata.missingErrorMessage;
-        this.createInline = metadata.createInline;
-        this.displayColumns = metadata.displayColumns;
+class CreateDialogDataBuilder {
+    constructor(data) {
+        // this.validateInput(data);
+        this.dataInput = data;
+        const confirmCreateDialogData = new ConfirmDialogDataBuilder(data?.confirmCreateDialogData)
+            .withDefaultConfirmButtonLabel('Create')
+            .withDefaultText(['Do you really want to create this entity?'])
+            .withDefaultTitle('Create')
+            .confirmDialogData;
+        this.createDialogData = new CreateDialogDataInternal(data?.title ? data.title : 'Create', data?.createButtonLabel ? data.createButtonLabel : 'Create', data?.cancelButtonLabel ? data.cancelButtonLabel : 'Cancel', data?.createRequiresConfirmDialog ? data.createRequiresConfirmDialog : false, confirmCreateDialogData);
+        return this;
+    }
+    withDefaultTitle(title) {
+        if (!this.dataInput?.title) {
+            this.createDialogData.title = title;
+        }
+        return this;
+    }
+    withDefaultCreateButtonLabel(label) {
+        if (!this.dataInput?.createButtonLabel) {
+            this.createDialogData.createButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultCancelButtonLabel(label) {
+        if (!this.dataInput?.cancelButtonLabel) {
+            this.createDialogData.cancelButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultCreateRequiresConfirmDialog(createRequiresConfirmDialog) {
+        if (this.dataInput?.createRequiresConfirmDialog === undefined) {
+            this.createDialogData.createRequiresConfirmDialog = createRequiresConfirmDialog;
+        }
+        return this;
+    }
+    withDefaultConfirmCreateDialogData(confirmCreateDialogData) {
+        if (this.dataInput?.confirmCreateDialogData === undefined) {
+            this.createDialogData.confirmCreateDialogData = confirmCreateDialogData;
+        }
+        return this;
     }
 }
-/**
- * Definition for an array of strings displayed as a chips list
- */
-class StringChipsArrayDecoratorConfig extends ArrayDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.itemType = metadata.itemType;
-        this.displayStyle = metadata.displayStyle;
-        this.deleteHtml = metadata.deleteHtml;
-        this.minLength = metadata.minLength;
-        this.maxLength = metadata.maxLength;
-        this.regex = metadata.regex;
+
+class AddArrayItemDialogDataInternal {
+    constructor(entity, createDialogData, getValidationErrorMessage) {
+        this.entity = entity;
+        this.createDialogData = createDialogData;
+        this.getValidationErrorMessage = getValidationErrorMessage;
     }
 }
-/**
- * Definition for an array of autocomplete strings displayed as a chips list
- */
-class AutocompleteStringChipsArrayDecoratorConfig extends ArrayDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.itemType = metadata.itemType;
-        this.displayStyle = metadata.displayStyle;
-        this.deleteHtml = metadata.deleteHtml;
-        this.autocompleteValues = metadata.autocompleteValues;
-        this.minLength = metadata.minLength;
-        this.maxLength = metadata.maxLength;
-        this.regex = metadata.regex;
+class AddArrayItemDialogDataBuilder {
+    constructor(data) {
+        this.dataInput = data;
+        const createDialogData = new CreateDialogDataBuilder(data.createDialogData)
+            .withDefaultCreateButtonLabel('Add')
+            .withDefaultTitle('Add to array')
+            .createDialogData;
+        this.addArrayItemDialogData = new AddArrayItemDialogDataInternal(data.entity, createDialogData, data.getValidationErrorMessage ? data.getValidationErrorMessage : getValidationErrorMessage);
+        return this;
+    }
+    withDefaultCreateDialogData(createDialogData) {
+        if (!this.dataInput.createDialogData) {
+            this.addArrayItemDialogData.createDialogData = createDialogData;
+        }
+        return this;
+    }
+    withDefaultGetValidationErrorMessage(getValidationErrorMessage) {
+        if (!this.dataInput.getValidationErrorMessage) {
+            this.addArrayItemDialogData.getValidationErrorMessage = getValidationErrorMessage;
+        }
+        return this;
     }
 }
 
@@ -700,9 +801,6 @@ class NgxMatEntityInternalInputComponent {
         this.DecoratorTypes = DecoratorTypes;
         this.getWidth = EntityUtilities.getWidth;
     }
-    /**
-     * Helper method needed to recursively generate property input components (used eg. with the object)
-     */
     trackByFn(index) {
         return index;
     }
@@ -755,13 +853,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }] } });
 
 class NgxMatEntityAddArrayItemDialogComponent {
-    constructor(data, dialogRef) {
-        this.data = data;
+    constructor(inputData, dialogRef) {
+        this.inputData = inputData;
         this.dialogRef = dialogRef;
         this.EntityUtilities = EntityUtilities;
         this.getWidth = EntityUtilities.getWidth;
     }
     ngOnInit() {
+        this.data = new AddArrayItemDialogDataBuilder(this.inputData).addArrayItemDialogData;
         this.dialogRef.disableClose = true;
         this.setEntityKeys();
     }
@@ -779,15 +878,54 @@ class NgxMatEntityAddArrayItemDialogComponent {
     }
 }
 NgxMatEntityAddArrayItemDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityAddArrayItemDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityAddArrayItemDialogComponent, selector: "ngx-mat-entity-add-array-item-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"data.getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel ? data.createDialogData.createButtonLabel : 'Add'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel ? data.createDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: ["entity", "propertyKey", "hideOmitForCreate", "hideOmitForEdit", "getValidationErrorMessage"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+NgxMatEntityAddArrayItemDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityAddArrayItemDialogComponent, selector: "ngx-mat-entity-add-array-item-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"data.getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: ["entity", "propertyKey", "hideOmitForCreate", "hideOmitForEdit", "getValidationErrorMessage"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-add-array-item-dialog', template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"data.getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel ? data.createDialogData.createButtonLabel : 'Add'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel ? data.createDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
+            args: [{ selector: 'ngx-mat-entity-add-array-item-dialog', template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"data.getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialogRef }]; } });
 
+class EntityArrayDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.createDialogData = data.createDialogData;
+        this.displayStyle = data.displayStyle;
+        this.itemType = data.itemType;
+        this.EntityClass = data.EntityClass;
+        this.displayColumns = data.displayColumns;
+        this.createInline = data.createInline != undefined ? data.createInline : true;
+        this.missingErrorMessage = data.missingErrorMessage ? data.missingErrorMessage : 'Needs to contain at least one value';
+        this.defaultWidths = data.defaultWidths ? data.defaultWidths : [12, 12, 12];
+    }
+}
+class StringChipsArrayDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.deleteHtml = data.deleteHtml;
+        this.displayStyle = data.displayStyle;
+        this.itemType = data.itemType;
+        this.maxLength = data.maxLength;
+        this.minLength = data.minLength;
+        this.regex = data.regex;
+        this.defaultWidths = data.defaultWidths ? data.defaultWidths : [6, 12, 12];
+    }
+}
+class AutocompleteStringChipsArrayDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.autocompleteValues = data.autocompleteValues;
+        this.deleteHtml = data.deleteHtml;
+        this.displayStyle = data.displayStyle;
+        this.itemType = data.itemType;
+        this.maxLength = data.maxLength;
+        this.minLength = data.minLength;
+        this.regex = data.regex;
+        this.defaultWidths = data.defaultWidths ? data.defaultWidths : [6, 12, 12];
+    }
+}
+
 class NgxMatEntityArrayTableComponent {
     constructor(dialog) {
         this.dialog = dialog;
@@ -799,19 +937,19 @@ class NgxMatEntityArrayTableComponent {
         return index;
     }
     ngOnInit() {
-        this.validateInput();
         const givenDisplayColumns = this.metadata.displayColumns.map((v) => v.displayName);
-        if (givenDisplayColumns.find((s) => s === 'select')) {
-            throw new Error(`The name "select" for a display column is reserved.
-                Please choose a different name.`);
-        }
+        this.validateInput(givenDisplayColumns);
         this.displayedColumns = ['select'].concat(givenDisplayColumns);
         this.dataSource = new MatTableDataSource();
         this.dataSource.data = this.arrayItems;
         this.arrayItem = new this.metadata.EntityClass();
         this.arrayItemPriorChanges = cloneDeep(this.arrayItem);
     }
-    validateInput() {
+    validateInput(givenDisplayColumns) {
+        if (givenDisplayColumns.find((s) => s === 'select')) {
+            throw new Error(`The name "select" for a display column is reserved.
+                Please choose a different name.`);
+        }
         if (!this.metadata.createInline && !this.metadata.createDialogData) {
             throw new Error(`Missing required Input data "createDialogData".
                 You can only omit this value when the creation is inline.`);
@@ -824,11 +962,13 @@ class NgxMatEntityArrayTableComponent {
             EntityUtilities.resetChangesOnEntity(this.arrayItem, this.arrayItemPriorChanges);
         }
         else {
-            const dialogData = {
+            const dialogInputData = {
                 entity: this.arrayItem,
                 createDialogData: this.metadata.createDialogData,
                 getValidationErrorMessage: this.getValidationErrorMessage
             };
+            const dialogData = new AddArrayItemDialogDataBuilder(dialogInputData)
+                .addArrayItemDialogData;
             firstValueFrom(this.dialog.open(NgxMatEntityAddArrayItemDialogComponent, {
                 data: dialogData,
                 autoFocus: false,
@@ -874,10 +1014,10 @@ class NgxMatEntityArrayTableComponent {
     }
 }
 NgxMatEntityArrayTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityArrayTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityArrayTableComponent, selector: "ngx-mat-entity-array-table", inputs: { arrayItems: "arrayItems", metadata: "metadata", getValidationErrorMessage: "getValidationErrorMessage", omit: "omit" }, ngImport: i0, template: "<div class=\"mat-elevation-z8\" style=\"border-radius: 5px;padding: 15px;margin-bottom: 15px;margin-top: 15px;\">\n\n    <div style=\"padding-bottom: 10px\">\n        <b>{{metadata.displayName}}</b>\n    </div>\n    <div class=\"row\" *ngIf=\"metadata.createInline\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n            [entity]=\"arrayItem\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(arrayItem, key, 'lg')}} col-md-{{getWidth(arrayItem, key, 'md')}} col-sm-{{getWidth(arrayItem, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </div>\n    <div class=\"buttons\">\n        <button mat-raised-button\n            [disabled]=\"metadata.createInline && !EntityUtilities.isEntityValid(arrayItem, 'create')\"\n            (click)=\"add()\">\n            Add\n        </button>\n        <button mat-raised-button\n            [disabled]=\"!selection.selected.length\"\n            (click)=\"remove()\">\n            Remove\n        </button>\n    </div>\n\n    <mat-table [dataSource]=\"dataSource\">\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"></mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"></mat-checkbox>\n            </mat-cell>\n        </ng-container>\n    \n        <ng-container *ngFor=\"let dCol of metadata.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n    \n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <div class=\"array-error\" *ngIf=\"metadata.required && !dataSource.data.length\">\n        {{metadata.missingErrorMessage ? metadata.missingErrorMessage : 'Needs to have at least one value'}}\n    </div>\n</div>", styles: [".buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px}mat-table{border:1px solid #E0E0E0;border-radius:5px;padding-top:5px;padding-bottom:25px}.mat-column-select{flex:0 0 75px}.array-error{display:flex;align-items:center;justify-content:center;margin-top:-25.5px;border:1px solid #E0E0E0;background-color:#f8d3d7;color:#721c24;height:25px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}\n"], components: [{ type: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: ["entity", "propertyKey", "hideOmitForCreate", "hideOmitForEdit", "getValidationErrorMessage"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4$1.MatCellDef, selector: "[matCellDef]" }, { type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
+NgxMatEntityArrayTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityArrayTableComponent, selector: "ngx-mat-entity-array-table", inputs: { arrayItems: "arrayItems", metadata: "metadata", getValidationErrorMessage: "getValidationErrorMessage", omit: "omit" }, ngImport: i0, template: "<div class=\"mat-elevation-z8\" style=\"border-radius: 5px;padding: 15px;margin-bottom: 15px;margin-top: 15px;\">\n\n    <div style=\"padding-bottom: 10px\">\n        <b>{{metadata.displayName}}</b>\n    </div>\n    <div class=\"row\" *ngIf=\"metadata.createInline\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n            [entity]=\"arrayItem\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(arrayItem, key, 'lg')}} col-md-{{getWidth(arrayItem, key, 'md')}} col-sm-{{getWidth(arrayItem, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </div>\n    <div class=\"buttons\">\n        <button mat-raised-button\n            [disabled]=\"metadata.createInline && !EntityUtilities.isEntityValid(arrayItem, 'create')\"\n            (click)=\"add()\">\n            Add\n        </button>\n        <button mat-raised-button\n            [disabled]=\"!selection.selected.length\"\n            (click)=\"remove()\">\n            Remove\n        </button>\n    </div>\n\n    <mat-table [dataSource]=\"dataSource\">\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"></mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"></mat-checkbox>\n            </mat-cell>\n        </ng-container>\n    \n        <ng-container *ngFor=\"let dCol of metadata.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n    \n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <div class=\"array-error\" *ngIf=\"metadata.required && !dataSource.data.length\">\n        {{metadata.missingErrorMessage}}\n    </div>\n</div>", styles: [".buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px}mat-table{border:1px solid #E0E0E0;border-radius:5px;padding-top:5px;padding-bottom:25px}.mat-column-select{flex:0 0 75px}.array-error{display:flex;align-items:center;justify-content:center;margin-top:-25.8px;border:1px solid #E0E0E0;background-color:#f8d3d7;color:#721c24;height:25.8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}\n"], components: [{ type: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: ["entity", "propertyKey", "hideOmitForCreate", "hideOmitForEdit", "getValidationErrorMessage"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4$1.MatCellDef, selector: "[matCellDef]" }, { type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-array-table', template: "<div class=\"mat-elevation-z8\" style=\"border-radius: 5px;padding: 15px;margin-bottom: 15px;margin-top: 15px;\">\n\n    <div style=\"padding-bottom: 10px\">\n        <b>{{metadata.displayName}}</b>\n    </div>\n    <div class=\"row\" *ngIf=\"metadata.createInline\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n            [entity]=\"arrayItem\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(arrayItem, key, 'lg')}} col-md-{{getWidth(arrayItem, key, 'md')}} col-sm-{{getWidth(arrayItem, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </div>\n    <div class=\"buttons\">\n        <button mat-raised-button\n            [disabled]=\"metadata.createInline && !EntityUtilities.isEntityValid(arrayItem, 'create')\"\n            (click)=\"add()\">\n            Add\n        </button>\n        <button mat-raised-button\n            [disabled]=\"!selection.selected.length\"\n            (click)=\"remove()\">\n            Remove\n        </button>\n    </div>\n\n    <mat-table [dataSource]=\"dataSource\">\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"></mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"></mat-checkbox>\n            </mat-cell>\n        </ng-container>\n    \n        <ng-container *ngFor=\"let dCol of metadata.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n    \n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <div class=\"array-error\" *ngIf=\"metadata.required && !dataSource.data.length\">\n        {{metadata.missingErrorMessage ? metadata.missingErrorMessage : 'Needs to have at least one value'}}\n    </div>\n</div>", styles: [".buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px}mat-table{border:1px solid #E0E0E0;border-radius:5px;padding-top:5px;padding-bottom:25px}.mat-column-select{flex:0 0 75px}.array-error{display:flex;align-items:center;justify-content:center;margin-top:-25.5px;border:1px solid #E0E0E0;background-color:#f8d3d7;color:#721c24;height:25px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}\n"] }]
+            args: [{ selector: 'ngx-mat-entity-array-table', template: "<div class=\"mat-elevation-z8\" style=\"border-radius: 5px;padding: 15px;margin-bottom: 15px;margin-top: 15px;\">\n\n    <div style=\"padding-bottom: 10px\">\n        <b>{{metadata.displayName}}</b>\n    </div>\n    <div class=\"row\" *ngIf=\"metadata.createInline\">\n        <ngx-mat-entity-internal-input\n            *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n            [entity]=\"arrayItem\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            class=\"col-lg-{{getWidth(arrayItem, key, 'lg')}} col-md-{{getWidth(arrayItem, key, 'md')}} col-sm-{{getWidth(arrayItem, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-internal-input>\n    </div>\n    <div class=\"buttons\">\n        <button mat-raised-button\n            [disabled]=\"metadata.createInline && !EntityUtilities.isEntityValid(arrayItem, 'create')\"\n            (click)=\"add()\">\n            Add\n        </button>\n        <button mat-raised-button\n            [disabled]=\"!selection.selected.length\"\n            (click)=\"remove()\">\n            Remove\n        </button>\n    </div>\n\n    <mat-table [dataSource]=\"dataSource\">\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"></mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"></mat-checkbox>\n            </mat-cell>\n        </ng-container>\n    \n        <ng-container *ngFor=\"let dCol of metadata.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n    \n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <div class=\"array-error\" *ngIf=\"metadata.required && !dataSource.data.length\">\n        {{metadata.missingErrorMessage}}\n    </div>\n</div>", styles: [".buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:5px}mat-table{border:1px solid #E0E0E0;border-radius:5px;padding-top:5px;padding-bottom:25px}.mat-column-select{flex:0 0 75px}.array-error{display:flex;align-items:center;justify-content:center;margin-top:-25.8px;border:1px solid #E0E0E0;background-color:#f8d3d7;color:#721c24;height:25.8px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { arrayItems: [{
                 type: Input
             }], metadata: [{
@@ -894,9 +1034,6 @@ class NgxMatEntityInputComponent {
         this.DecoratorTypes = DecoratorTypes;
         this.getWidth = EntityUtilities.getWidth;
     }
-    /**
-     * Helper method needed to recursively generate property input components (used eg. with the object)
-     */
     trackByFn(index) {
         return index;
     }
@@ -1011,10 +1148,10 @@ class NgxMatEntityInputComponent {
     }
 }
 NgxMatEntityInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: { entity: "entity", propertyKey: "propertyKey", getValidationErrorMessage: "getValidationErrorMessage", hideOmitForCreate: "hideOmitForCreate", hideOmitForEdit: "hideOmitForEdit" }, ngImport: i0, template: "<div [ngSwitch]=\"type\" *ngIf=\"!(hideOmitForCreate && metadata.omitForCreate) && !(hideOmitForEdit && metadata.omitForUpdate)\">\n    <!-------------------------------------------->\n    <!-----------------Strings-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.STRING\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [pattern]=\"metadataDefaultString.regex ? metadataDefaultString.regex : '[\\\\s\\\\S]*'\"\n                [minlength]=\"metadataDefaultString.minLength ? metadataDefaultString.minLength : null\"\n                [maxlength]=\"metadataDefaultString.maxLength ? metadataDefaultString.maxLength : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_TEXTBOX\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <textarea\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"10\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [minlength]=\"metadataTextboxString.minLength ? metadataTextboxString.minLength : null\"\n                [maxlength]=\"metadataTextboxString.maxLength ? metadataTextboxString.maxLength : null\"\n            >\n            </textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_AUTOCOMPLETE\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [matAutocomplete]=\"auto\"\n                (keyup)=\"filterAutocompleteStrings(entity[propertyKey])\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [minlength]=\"metadataAutocompleteString.minLength ? metadataAutocompleteString.minLength : null\"\n                [maxlength]=\"metadataAutocompleteString.maxLength ? metadataAutocompleteString.maxLength : null\"\n                [pattern]=\"metadataAutocompleteString.regex ? metadataAutocompleteString.regex : '[\\\\s\\\\S]*'\"\n            />\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                    {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option *ngFor=\"let value of metadataDropdownString.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-----------------Booleans------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_CHECKBOX\">\n        <mat-form-field>\n            <mat-checkbox [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                {{metadata.displayName}}\n            </mat-checkbox>\n            <!-- hidden input is needed so that the checkbox can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_TOGGLE\">\n        <mat-form-field>\n            <mat-slide-toggle [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                {{metadata.displayName}}\n            </mat-slide-toggle>\n            <!-- hidden input is needed so that the toggle can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option [value]=\"undefined\">-</mat-option>\n                <mat-option [value]=\"true\">{{metadataDropdownBoolean.dropdownTrue}}</mat-option>\n                <mat-option [value]=\"false\">{{metadataDropdownBoolean.dropdownFalse}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!------------------Numbers------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                type=\"number\"\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [min]=\"metadataDefaultNumber.min ? metadataDefaultNumber.min : null\"\n                [max]=\"metadataDefaultNumber.max ? metadataDefaultNumber.max : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option *ngFor=\"let value of metadataDropdownNumber.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Object------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.OBJECT\">\n        <b>{{metadataDefaultObject.displayName}}</b>\n        <!-- iterates over the object properties -->\n        <div class=\"row\">\n            <!--\n                displays another ngx-material-entity with the:\n                object as the entity,\n                the current key in the loop received by the keyvalue direction as the propertyKey\n                and the getValidationErrorMessage of the current component\n            -->\n            <ngx-mat-entity-input\n                *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n                [entity]=\"objectProperty\"\n                [propertyKey]=\"key\"\n                [getValidationErrorMessage]=\"getValidationErrorMessage\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                class=\"col-lg-{{getWidth(objectProperty, key, 'lg')}} col-md-{{getWidth(objectProperty, key, 'md')}} col-sm-{{getWidth(objectProperty, key, 'sm')}}\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Array-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY\">\n        <ngx-mat-entity-array-table\n            [arrayItems]=\"entityArrayValues\"\n            [metadata]=\"metadataEntityArray\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            [omit]=\"hideOmitForCreate ? 'create' : 'edit'\"\n        >\n        </ngx-mat-entity-array-table>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matAutocomplete]=\"auto\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    (keyup)=\"filterAutocompleteStrings(chipsInput)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    #chipsElement\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event, chipsElement)\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                  {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchDefault>ERROR: The type {{type}}is not known.</div>\n</div>", styles: ["mat-form-field{width:100%}\n"], components: [{ type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }, { type: NgxMatEntityArrayTableComponent, selector: "ngx-mat-entity-array-table", inputs: ["arrayItems", "metadata", "getValidationErrorMessage", "omit"] }, { type: i8$1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.MatLabel, selector: "mat-label" }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i12.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i12.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i12.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i1$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i10.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatCheckboxRequiredValidator, selector: "mat-checkbox[required][formControlName],             mat-checkbox[required][formControl], mat-checkbox[required][ngModel]" }, { type: i6.MatSlideToggleRequiredValidator, selector: "mat-slide-toggle[required][formControlName],             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]" }, { type: i12.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i12.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i12.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i8$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i8$1.MatChipRemove, selector: "[matChipRemove]" }, { type: i8$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+NgxMatEntityInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: { entity: "entity", propertyKey: "propertyKey", getValidationErrorMessage: "getValidationErrorMessage", hideOmitForCreate: "hideOmitForCreate", hideOmitForEdit: "hideOmitForEdit" }, ngImport: i0, template: "<div [ngSwitch]=\"type\" *ngIf=\"!(hideOmitForCreate && metadata.omitForCreate) && !(hideOmitForEdit && metadata.omitForUpdate)\">\n    <!-------------------------------------------->\n    <!-----------------Strings-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.STRING\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required\"\n                [pattern]=\"metadataDefaultString.regex ? metadataDefaultString.regex : '[\\\\s\\\\S]*'\"\n                [minlength]=\"metadataDefaultString.minLength ? metadataDefaultString.minLength : null\"\n                [maxlength]=\"metadataDefaultString.maxLength ? metadataDefaultString.maxLength : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_TEXTBOX\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <textarea\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"10\"\n                [required]=\"metadata.required\"\n                [minlength]=\"metadataTextboxString.minLength ? metadataTextboxString.minLength : null\"\n                [maxlength]=\"metadataTextboxString.maxLength ? metadataTextboxString.maxLength : null\"\n            >\n            </textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_AUTOCOMPLETE\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [matAutocomplete]=\"auto\"\n                (keyup)=\"filterAutocompleteStrings(entity[propertyKey])\"\n                [required]=\"metadata.required\"\n                [minlength]=\"metadataAutocompleteString.minLength ? metadataAutocompleteString.minLength : null\"\n                [maxlength]=\"metadataAutocompleteString.maxLength ? metadataAutocompleteString.maxLength : null\"\n                [pattern]=\"metadataAutocompleteString.regex ? metadataAutocompleteString.regex : '[\\\\s\\\\S]*'\"\n            />\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                    {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option *ngFor=\"let value of metadataDropdownString.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-----------------Booleans------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_CHECKBOX\">\n        <mat-form-field>\n            <mat-checkbox [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                {{metadata.displayName}}\n            </mat-checkbox>\n            <!-- hidden input is needed so that the checkbox can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_TOGGLE\">\n        <mat-form-field>\n            <mat-slide-toggle [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                {{metadata.displayName}}\n            </mat-slide-toggle>\n            <!-- hidden input is needed so that the toggle can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option [value]=\"undefined\">-</mat-option>\n                <mat-option [value]=\"true\">{{metadataDropdownBoolean.dropdownTrue}}</mat-option>\n                <mat-option [value]=\"false\">{{metadataDropdownBoolean.dropdownFalse}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!------------------Numbers------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                type=\"number\"\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required\"\n                [min]=\"metadataDefaultNumber.min ? metadataDefaultNumber.min : null\"\n                [max]=\"metadataDefaultNumber.max ? metadataDefaultNumber.max : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option *ngFor=\"let value of metadataDropdownNumber.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Object------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.OBJECT\">\n        <b>{{metadataDefaultObject.displayName}}</b>\n        <!-- iterates over the object properties -->\n        <div class=\"row\">\n            <!--\n                displays another ngx-material-entity with the:\n                object as the entity,\n                the current key in the loop received by the keyvalue direction as the propertyKey\n                and the getValidationErrorMessage of the current component\n            -->\n            <ngx-mat-entity-input\n                *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n                [entity]=\"objectProperty\"\n                [propertyKey]=\"key\"\n                [getValidationErrorMessage]=\"getValidationErrorMessage\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                class=\"col-lg-{{getWidth(objectProperty, key, 'lg')}} col-md-{{getWidth(objectProperty, key, 'md')}} col-sm-{{getWidth(objectProperty, key, 'sm')}}\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Array-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY\">\n        <ngx-mat-entity-array-table\n            [arrayItems]=\"entityArrayValues\"\n            [metadata]=\"metadataEntityArray\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            [omit]=\"hideOmitForCreate ? 'create' : 'update'\"\n        >\n        </ngx-mat-entity-array-table>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matAutocomplete]=\"auto\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    (keyup)=\"filterAutocompleteStrings(chipsInput)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    #chipsElement\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event, chipsElement)\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                  {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchDefault>ERROR: The type {{type}}is not known.</div>\n</div>", styles: ["mat-form-field{width:100%}\n"], components: [{ type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }, { type: NgxMatEntityArrayTableComponent, selector: "ngx-mat-entity-array-table", inputs: ["arrayItems", "metadata", "getValidationErrorMessage", "omit"] }, { type: i8$1.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$1.MatLabel, selector: "mat-label" }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i12.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i12.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { type: i12.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i1$1.MatError, selector: "mat-error", inputs: ["id"] }, { type: i10.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatCheckboxRequiredValidator, selector: "mat-checkbox[required][formControlName],             mat-checkbox[required][formControl], mat-checkbox[required][ngModel]" }, { type: i6.MatSlideToggleRequiredValidator, selector: "mat-slide-toggle[required][formControlName],             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]" }, { type: i12.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i12.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i12.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { type: i8$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i8$1.MatChipRemove, selector: "[matChipRemove]" }, { type: i8$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-input', template: "<div [ngSwitch]=\"type\" *ngIf=\"!(hideOmitForCreate && metadata.omitForCreate) && !(hideOmitForEdit && metadata.omitForUpdate)\">\n    <!-------------------------------------------->\n    <!-----------------Strings-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.STRING\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [pattern]=\"metadataDefaultString.regex ? metadataDefaultString.regex : '[\\\\s\\\\S]*'\"\n                [minlength]=\"metadataDefaultString.minLength ? metadataDefaultString.minLength : null\"\n                [maxlength]=\"metadataDefaultString.maxLength ? metadataDefaultString.maxLength : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_TEXTBOX\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <textarea\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"10\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [minlength]=\"metadataTextboxString.minLength ? metadataTextboxString.minLength : null\"\n                [maxlength]=\"metadataTextboxString.maxLength ? metadataTextboxString.maxLength : null\"\n            >\n            </textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_AUTOCOMPLETE\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [matAutocomplete]=\"auto\"\n                (keyup)=\"filterAutocompleteStrings(entity[propertyKey])\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [minlength]=\"metadataAutocompleteString.minLength ? metadataAutocompleteString.minLength : null\"\n                [maxlength]=\"metadataAutocompleteString.maxLength ? metadataAutocompleteString.maxLength : null\"\n                [pattern]=\"metadataAutocompleteString.regex ? metadataAutocompleteString.regex : '[\\\\s\\\\S]*'\"\n            />\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                    {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option *ngFor=\"let value of metadataDropdownString.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-----------------Booleans------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_CHECKBOX\">\n        <mat-form-field>\n            <mat-checkbox [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                {{metadata.displayName}}\n            </mat-checkbox>\n            <!-- hidden input is needed so that the checkbox can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_TOGGLE\">\n        <mat-form-field>\n            <mat-slide-toggle [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                {{metadata.displayName}}\n            </mat-slide-toggle>\n            <!-- hidden input is needed so that the toggle can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option [value]=\"undefined\">-</mat-option>\n                <mat-option [value]=\"true\">{{metadataDropdownBoolean.dropdownTrue}}</mat-option>\n                <mat-option [value]=\"false\">{{metadataDropdownBoolean.dropdownFalse}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!------------------Numbers------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                type=\"number\"\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n                [min]=\"metadataDefaultNumber.min ? metadataDefaultNumber.min : null\"\n                [max]=\"metadataDefaultNumber.max ? metadataDefaultNumber.max : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required ? metadata.required : false\">\n                <mat-option *ngFor=\"let value of metadataDropdownNumber.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Object------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.OBJECT\">\n        <b>{{metadataDefaultObject.displayName}}</b>\n        <!-- iterates over the object properties -->\n        <div class=\"row\">\n            <!--\n                displays another ngx-material-entity with the:\n                object as the entity,\n                the current key in the loop received by the keyvalue direction as the propertyKey\n                and the getValidationErrorMessage of the current component\n            -->\n            <ngx-mat-entity-input\n                *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n                [entity]=\"objectProperty\"\n                [propertyKey]=\"key\"\n                [getValidationErrorMessage]=\"getValidationErrorMessage\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                class=\"col-lg-{{getWidth(objectProperty, key, 'lg')}} col-md-{{getWidth(objectProperty, key, 'md')}} col-sm-{{getWidth(objectProperty, key, 'sm')}}\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Array-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY\">\n        <ngx-mat-entity-array-table\n            [arrayItems]=\"entityArrayValues\"\n            [metadata]=\"metadataEntityArray\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            [omit]=\"hideOmitForCreate ? 'create' : 'edit'\"\n        >\n        </ngx-mat-entity-array-table>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required ? metadata.required : false\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matAutocomplete]=\"auto\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    (keyup)=\"filterAutocompleteStrings(chipsInput)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    #chipsElement\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event, chipsElement)\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                  {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchDefault>ERROR: The type {{type}}is not known.</div>\n</div>", styles: ["mat-form-field{width:100%}\n"] }]
+            args: [{ selector: 'ngx-mat-entity-input', template: "<div [ngSwitch]=\"type\" *ngIf=\"!(hideOmitForCreate && metadata.omitForCreate) && !(hideOmitForEdit && metadata.omitForUpdate)\">\n    <!-------------------------------------------->\n    <!-----------------Strings-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.STRING\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required\"\n                [pattern]=\"metadataDefaultString.regex ? metadataDefaultString.regex : '[\\\\s\\\\S]*'\"\n                [minlength]=\"metadataDefaultString.minLength ? metadataDefaultString.minLength : null\"\n                [maxlength]=\"metadataDefaultString.maxLength ? metadataDefaultString.maxLength : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_TEXTBOX\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <textarea\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                cdkTextareaAutosize\n                cdkAutosizeMinRows=\"10\"\n                [required]=\"metadata.required\"\n                [minlength]=\"metadataTextboxString.minLength ? metadataTextboxString.minLength : null\"\n                [maxlength]=\"metadataTextboxString.maxLength ? metadataTextboxString.maxLength : null\"\n            >\n            </textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_AUTOCOMPLETE\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [matAutocomplete]=\"auto\"\n                (keyup)=\"filterAutocompleteStrings(entity[propertyKey])\"\n                [required]=\"metadata.required\"\n                [minlength]=\"metadataAutocompleteString.minLength ? metadataAutocompleteString.minLength : null\"\n                [maxlength]=\"metadataAutocompleteString.maxLength ? metadataAutocompleteString.maxLength : null\"\n                [pattern]=\"metadataAutocompleteString.regex ? metadataAutocompleteString.regex : '[\\\\s\\\\S]*'\"\n            />\n            <mat-autocomplete #auto=\"matAutocomplete\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                    {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.STRING_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option *ngFor=\"let value of metadataDropdownString.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-----------------Booleans------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_CHECKBOX\">\n        <mat-form-field>\n            <mat-checkbox [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                {{metadata.displayName}}\n            </mat-checkbox>\n            <!-- hidden input is needed so that the checkbox can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_TOGGLE\">\n        <mat-form-field>\n            <mat-slide-toggle [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                {{metadata.displayName}}\n            </mat-slide-toggle>\n            <!-- hidden input is needed so that the toggle can be used inside a mat-form-field -->\n            <textarea matInput hidden></textarea>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.BOOLEAN_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option [value]=\"undefined\">-</mat-option>\n                <mat-option [value]=\"true\">{{metadataDropdownBoolean.dropdownTrue}}</mat-option>\n                <mat-option [value]=\"false\">{{metadataDropdownBoolean.dropdownFalse}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!------------------Numbers------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <input\n                matInput\n                type=\"number\"\n                [(ngModel)]=\"entity[propertyKey]\"\n                [name]=\"propertyKey.toString()\"\n                #model=\"ngModel\"\n                [required]=\"metadata.required\"\n                [min]=\"metadataDefaultNumber.min ? metadataDefaultNumber.min : null\"\n                [max]=\"metadataDefaultNumber.max ? metadataDefaultNumber.max : null\"\n            />\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.NUMBER_DROPDOWN\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-select [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\" [required]=\"metadata.required\">\n                <mat-option *ngFor=\"let value of metadataDropdownNumber.dropdownValues\" [value]=\"value.value\">{{value.displayName}}</mat-option>\n            </mat-select>\n            <mat-error>{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Object------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.OBJECT\">\n        <b>{{metadataDefaultObject.displayName}}</b>\n        <!-- iterates over the object properties -->\n        <div class=\"row\">\n            <!--\n                displays another ngx-material-entity with the:\n                object as the entity,\n                the current key in the loop received by the keyvalue direction as the propertyKey\n                and the getValidationErrorMessage of the current component\n            -->\n            <ngx-mat-entity-input\n                *ngFor=\"let key of getObjectProperties(); let i = index; trackBy: trackByFn\"\n                [entity]=\"objectProperty\"\n                [propertyKey]=\"key\"\n                [getValidationErrorMessage]=\"getValidationErrorMessage\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                class=\"col-lg-{{getWidth(objectProperty, key, 'lg')}} col-md-{{getWidth(objectProperty, key, 'md')}} col-sm-{{getWidth(objectProperty, key, 'sm')}}\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </div>\n\n    <!-------------------------------------------->\n    <!-------------------Array-------------------->\n    <!-------------------------------------------->\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY\">\n        <ngx-mat-entity-array-table\n            [arrayItems]=\"entityArrayValues\"\n            [metadata]=\"metadataEntityArray\"\n            [getValidationErrorMessage]=\"getValidationErrorMessage\"\n            [omit]=\"hideOmitForCreate ? 'create' : 'update'\"\n        >\n        </ngx-mat-entity-array-table>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchCase=\"DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS\">\n        <mat-form-field>\n            <mat-label>{{metadata.displayName}}</mat-label>\n            <mat-chip-list #chipList\n                [(ngModel)]=\"entity[propertyKey]\" [name]=\"propertyKey.toString()\" #model=\"ngModel\"\n                [required]=\"metadata.required\"\n            >\n                <mat-chip *ngFor=\"let value of stringChipsArrayValues\" (removed)=\"removeStringChipArrayValue(value)\">\n                    {{value}}\n                    <button matChipRemove *ngIf=\"metadataStringChipsArray.deleteHtml\" [innerHtml]=\"metadataStringChipsArray.deleteHtml\">\n                    </button>\n                    <button matChipRemove *ngIf=\"!metadataStringChipsArray.deleteHtml\">\n                        <mat-icon>cancel</mat-icon>\n                    </button>\n                </mat-chip>\n                <input matInput\n                    [matChipInputFor]=\"chipList\"\n                    [matAutocomplete]=\"auto\"\n                    [matChipInputAddOnBlur]=\"true\"\n                    (matChipInputTokenEnd)=\"addStringChipArrayValue($event)\"\n                    (keyup)=\"filterAutocompleteStrings(chipsInput)\"\n                    [(ngModel)]=\"chipsInput\" [name]=\"propertyKey.toString()\" #chipsModel=\"ngModel\"\n                    #chipsElement\n                    [minlength]='metadataStringChipsArray.minLength ? metadataStringChipsArray.minLength : null'\n                    [maxlength]='metadataStringChipsArray.maxLength ? metadataStringChipsArray.maxLength : null'\n                    [pattern]=\"metadataStringChipsArray.regex ? metadataStringChipsArray.regex : '[\\\\s\\\\S]*'\"\n                >\n                <mat-error *ngIf=\"chipsModel.errors\">{{getValidationErrorMessage(chipsModel)}}</mat-error>\n            </mat-chip-list>\n            <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event, chipsElement)\">\n                <mat-option *ngFor=\"let value of filteredAutocompleteStrings\" [value]=\"value\">\n                  {{value}}\n                </mat-option>\n            </mat-autocomplete>\n            <mat-error *ngIf=\"!chipsModel.errors\">{{getValidationErrorMessage(model)}}</mat-error>\n        </mat-form-field>\n    </div>\n\n    <div *ngSwitchDefault>ERROR: The type {{type}}is not known.</div>\n</div>", styles: ["mat-form-field{width:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { entity: [{
                 type: Input
             }], propertyKey: [{
@@ -1027,114 +1164,367 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }] } });
 
-class NgxMatEntityCreateDialogComponent {
-    constructor(data, dialogRef, injector, dialog) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.injector = injector;
-        this.dialog = dialog;
-        this.EntityUtilities = EntityUtilities;
-        this.getWidth = EntityUtilities.getWidth;
-    }
-    ngOnInit() {
-        this.dialogRef.disableClose = true;
-        this.setEntityKeys();
-        this.entityService = this.injector.get(this.data.EntityServiceClass);
-    }
-    setEntityKeys() {
-        this.entityKeys = Reflect.ownKeys(this.data.entity);
-        const omitCreateKeys = EntityUtilities.getOmitForCreate(this.data.entity);
-        this.entityKeys = this.entityKeys.filter((k) => !omitCreateKeys.includes(k))
-            .sort((a, b) => EntityUtilities.compareOrder(a, b, this.data.entity));
-    }
-    create() {
-        if (this.data.createDialogData.createRequiresConfirmDialog === false) {
-            return this.confirmCreate();
-        }
-        const dialogData = {
-            // eslint-disable-next-line max-len
-            text: this.data.createDialogData.confirmCreateDialogData?.text ? this.data.createDialogData.confirmCreateDialogData?.text : ['Do you really want to create this entity?'],
-            type: 'default',
-            // eslint-disable-next-line max-len
-            confirmButtonLabel: this.data.createDialogData.confirmCreateDialogData?.confirmButtonLabel ? this.data.createDialogData.confirmCreateDialogData?.confirmButtonLabel : 'Create',
-            // eslint-disable-next-line max-len
-            cancelButtonLabel: this.data.createDialogData.confirmCreateDialogData?.cancelButtonLabel ? this.data.createDialogData.confirmCreateDialogData?.cancelButtonLabel : 'Cancel',
-            // eslint-disable-next-line max-len
-            title: this.data.createDialogData.confirmCreateDialogData?.title ? this.data.createDialogData.confirmCreateDialogData?.title : 'Create',
-            // eslint-disable-next-line max-len
-            requireConfirmation: this.data.createDialogData.confirmCreateDialogData?.requireConfirmation ? this.data.createDialogData.confirmCreateDialogData?.requireConfirmation : false,
-            // eslint-disable-next-line max-len
-            confirmationText: this.data.createDialogData.confirmCreateDialogData?.confirmationText ? this.data.createDialogData.confirmCreateDialogData?.confirmationText : undefined,
-        };
-        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
-            data: dialogData,
-            autoFocus: false,
-            restoreFocus: false
-        });
-        dialogref.afterClosed().subscribe((res) => {
-            if (res === 1) {
-                this.confirmCreate();
-            }
-        });
-    }
-    confirmCreate() {
-        this.entityService.create(this.data.entity).then(() => this.dialogRef.close());
-    }
-    cancel() {
-        this.dialogRef.close();
-    }
+class NgxMatEntityInternalInputModule {
 }
-NgxMatEntityCreateDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityCreateDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityCreateDialogComponent, selector: "ngx-mat-entity-create-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel ? data.createDialogData.createButtonLabel : 'Create'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel ? data.createDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-mat-entity-create-dialog', template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel ? data.createDialogData.createButtonLabel : 'Create'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel ? data.createDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1.MatDialogRef }, { type: i0.Injector }, { type: i1.MatDialog }]; } });
+NgxMatEntityInternalInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityInternalInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, declarations: [NgxMatEntityInternalInputComponent], imports: [CommonModule,
+        MatInputModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        MatAutocompleteModule,
+        MatCheckboxModule,
+        MatSlideToggleModule,
+        MatTableModule], exports: [NgxMatEntityInternalInputComponent] });
+NgxMatEntityInternalInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, imports: [[
+            CommonModule,
+            MatInputModule,
+            FormsModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatAutocompleteModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatTableModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityInternalInputComponent],
+                    imports: [
+                        CommonModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatAutocompleteModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        MatTableModule
+                    ],
+                    exports: [NgxMatEntityInternalInputComponent]
+                }]
+        }] });
 
-class NgxMatEntityEditDialogComponent {
-    constructor(data, dialogRef, injector, dialog) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.injector = injector;
-        this.dialog = dialog;
-        this.EntityUtilities = EntityUtilities;
-        this.getWidth = EntityUtilities.getWidth;
-    }
-    ngOnInit() {
-        this.dialogRef.disableClose = true;
-        this.setEntityKeys();
-        this.entityService = this.injector.get(this.data.EntityServiceClass);
-        this.entityPriorChanges = cloneDeep(this.data.entity);
-    }
-    setEntityKeys() {
-        this.entityKeys = Reflect.ownKeys(this.data.entity);
-        const omitUpdateKeys = EntityUtilities.getOmitForUpdate(this.data.entity);
-        this.entityKeys = this.entityKeys.filter((k) => !omitUpdateKeys.includes(k))
-            .sort((a, b) => EntityUtilities.compareOrder(a, b, this.data.entity));
-    }
-    edit() {
-        if (this.data.editDialogData.editRequiresConfirmDialog === false) {
-            return this.confirmEdit();
-        }
-        const dialogData = {
-            // eslint-disable-next-line max-len
-            text: this.data.editDialogData.confirmEditDialogData?.text ? this.data.editDialogData.confirmEditDialogData?.text : ['Do you really want to save all changes?'],
-            type: 'default',
-            // eslint-disable-next-line max-len
-            confirmButtonLabel: this.data.editDialogData.confirmEditDialogData?.confirmButtonLabel ? this.data.editDialogData.confirmEditDialogData?.confirmButtonLabel : 'Confirm',
-            // eslint-disable-next-line max-len
-            cancelButtonLabel: this.data.editDialogData.confirmEditDialogData?.cancelButtonLabel ? this.data.editDialogData.confirmEditDialogData?.cancelButtonLabel : 'Cancel',
-            title: this.data.editDialogData.confirmEditDialogData?.title ? this.data.editDialogData.confirmEditDialogData?.title : 'Edit',
-            // eslint-disable-next-line max-len
-            requireConfirmation: this.data.editDialogData.confirmEditDialogData?.requireConfirmation ? this.data.editDialogData.confirmEditDialogData?.requireConfirmation : false,
-            // eslint-disable-next-line max-len
-            confirmationText: this.data.editDialogData.confirmEditDialogData?.confirmationText ? this.data.editDialogData.confirmEditDialogData?.confirmationText : undefined,
-        };
-        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
-            data: dialogData,
+class NgxMatEntityAddArrayItemDialogModule {
+}
+NgxMatEntityAddArrayItemDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityAddArrayItemDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, declarations: [NgxMatEntityAddArrayItemDialogComponent], imports: [CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule], exports: [NgxMatEntityAddArrayItemDialogComponent] });
+NgxMatEntityAddArrayItemDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, imports: [[CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityAddArrayItemDialogComponent],
+                    imports: [CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule],
+                    exports: [NgxMatEntityAddArrayItemDialogComponent]
+                }]
+        }] });
+
+class NgxMatEntityArrayTableModule {
+}
+NgxMatEntityArrayTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityArrayTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, declarations: [NgxMatEntityArrayTableComponent], imports: [CommonModule,
+        MatInputModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        MatAutocompleteModule,
+        MatCheckboxModule,
+        MatSlideToggleModule,
+        MatTableModule,
+        NgxMatEntityInternalInputModule,
+        MatButtonModule,
+        NgxMatEntityAddArrayItemDialogModule], exports: [NgxMatEntityArrayTableComponent] });
+NgxMatEntityArrayTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, imports: [[
+            CommonModule,
+            MatInputModule,
+            FormsModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatAutocompleteModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatTableModule,
+            NgxMatEntityInternalInputModule,
+            MatButtonModule,
+            NgxMatEntityAddArrayItemDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityArrayTableComponent],
+                    imports: [
+                        CommonModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatAutocompleteModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        MatTableModule,
+                        NgxMatEntityInternalInputModule,
+                        MatButtonModule,
+                        NgxMatEntityAddArrayItemDialogModule
+                    ],
+                    exports: [NgxMatEntityArrayTableComponent]
+                }]
+        }] });
+
+class NgxMatEntityInputModule {
+}
+NgxMatEntityInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, declarations: [NgxMatEntityInputComponent], imports: [CommonModule,
+        MatInputModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        MatAutocompleteModule,
+        MatCheckboxModule,
+        MatSlideToggleModule,
+        NgxMatEntityArrayTableModule,
+        MatChipsModule,
+        MatIconModule], exports: [NgxMatEntityInputComponent] });
+NgxMatEntityInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, imports: [[
+            CommonModule,
+            MatInputModule,
+            FormsModule,
+            MatFormFieldModule,
+            MatSelectModule,
+            MatAutocompleteModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            NgxMatEntityArrayTableModule,
+            MatChipsModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityInputComponent],
+                    imports: [
+                        CommonModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatAutocompleteModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        NgxMatEntityArrayTableModule,
+                        MatChipsModule,
+                        MatIconModule
+                    ],
+                    exports: [NgxMatEntityInputComponent]
+                }]
+        }] });
+
+class CreateEntityDialogDataInternal {
+    constructor(entity, EntityServiceClass, createDialogData) {
+        this.entity = entity;
+        this.EntityServiceClass = EntityServiceClass;
+        this.createDialogData = createDialogData;
+    }
+}
+class CreateEntityDialogDataBuilder {
+    constructor(data) {
+        // this.validateInput(data);
+        this.dataInput = data;
+        const createDialogData = new CreateDialogDataBuilder(data.createDialogData).createDialogData;
+        this.createDialogData = new CreateEntityDialogDataInternal(data.entity, data.EntityServiceClass, createDialogData);
+        return this;
+    }
+}
+
+class NgxMatEntityCreateDialogComponent {
+    constructor(inputData, dialogRef, injector, dialog) {
+        this.inputData = inputData;
+        this.dialogRef = dialogRef;
+        this.injector = injector;
+        this.dialog = dialog;
+        this.EntityUtilities = EntityUtilities;
+        this.getWidth = EntityUtilities.getWidth;
+    }
+    ngOnInit() {
+        this.data = new CreateEntityDialogDataBuilder(this.inputData).createDialogData;
+        this.dialogRef.disableClose = true;
+        this.setEntityKeys();
+        this.entityService = this.injector.get(this.data.EntityServiceClass);
+    }
+    setEntityKeys() {
+        this.entityKeys = Reflect.ownKeys(this.data.entity);
+        const omitCreateKeys = EntityUtilities.getOmitForCreate(this.data.entity);
+        this.entityKeys = this.entityKeys.filter((k) => !omitCreateKeys.includes(k))
+            .sort((a, b) => EntityUtilities.compareOrder(a, b, this.data.entity));
+    }
+    create() {
+        if (!this.data.createDialogData?.createRequiresConfirmDialog) {
+            return this.confirmCreate();
+        }
+        const dialogData = new ConfirmDialogDataBuilder(this.data.createDialogData?.confirmCreateDialogData)
+            .withDefaultText(['Do you really want to create this entity?'])
+            .withDefaultConfirmButtonLabel('Create')
+            .withDefaultTitle('Create')
+            .confirmDialogData;
+        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+            data: dialogData,
+            autoFocus: false,
+            restoreFocus: false
+        });
+        dialogref.afterClosed().subscribe((res) => {
+            if (res === 1) {
+                this.confirmCreate();
+            }
+        });
+    }
+    confirmCreate() {
+        this.entityService.create(this.data.entity).then(() => this.dialogRef.close());
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+}
+NgxMatEntityCreateDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+NgxMatEntityCreateDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityCreateDialogComponent, selector: "ngx-mat-entity-create-dialog", ngImport: i0, template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"], components: [{ type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-mat-entity-create-dialog', template: "<h2 mat-dialog-title>{{data.createDialogData.title}}</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForCreate]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"create()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'create')\">\n        {{data.createDialogData.createButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.createDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: i0.Injector }, { type: i1.MatDialog }]; } });
+
+class EditDialogDataInternal {
+    constructor(title, confirmButtonLabel, deleteButtonLabel, cancelButtonLabel, deleteRequiresConfirmDialog, editRequiresConfirmDialog, confirmDeleteDialogData, confirmEditDialogData) {
+        this.title = title;
+        this.confirmButtonLabel = confirmButtonLabel;
+        this.deleteButtonLabel = deleteButtonLabel;
+        this.cancelButtonLabel = cancelButtonLabel;
+        this.deleteRequiresConfirmDialog = deleteRequiresConfirmDialog;
+        this.editRequiresConfirmDialog = editRequiresConfirmDialog;
+        this.confirmDeleteDialogData = confirmDeleteDialogData;
+        this.confirmEditDialogData = confirmEditDialogData;
+    }
+}
+class EditDialogDataBuilder {
+    constructor(data) {
+        // this.validateInput(data);
+        this.dataInput = data;
+        const confirmEditDialogData = new ConfirmDialogDataBuilder(data?.confirmEditDialogData)
+            .withDefaultConfirmButtonLabel('Save')
+            .withDefaultText(['Do you really want to save all changes?'])
+            .withDefaultTitle('Edit')
+            .confirmDialogData;
+        const confirmDeleteDialogData = new ConfirmDialogDataBuilder(data?.confirmDeleteDialogData)
+            .withDefaultConfirmButtonLabel('Delete')
+            .withDefaultType('delete')
+            .withDefaultText(['Do you really want to delete this entity?'])
+            .withDefaultTitle('Delete')
+            .confirmDialogData;
+        this.editDialogData = new EditDialogDataInternal(data?.title ? data.title : () => 'Edit', data?.confirmButtonLabel ? data.confirmButtonLabel : 'Save', data?.deleteButtonLabel ? data.deleteButtonLabel : 'Delete', data?.cancelButtonLabel ? data.cancelButtonLabel : 'Cancel', data?.deleteRequiresConfirmDialog ? data.deleteRequiresConfirmDialog : true, data?.editRequiresConfirmDialog ? data.editRequiresConfirmDialog : false, confirmDeleteDialogData, confirmEditDialogData);
+        return this;
+    }
+    withDefaultTitle(title) {
+        if (!this.dataInput?.title) {
+            this.editDialogData.title = title;
+        }
+        return this;
+    }
+    withDefaultConfirmButtonLabel(label) {
+        if (!this.dataInput?.confirmButtonLabel) {
+            this.editDialogData.confirmButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultDeleteButtonLabel(label) {
+        if (!this.dataInput?.deleteButtonLabel) {
+            this.editDialogData.deleteButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultCancelButtonLabel(label) {
+        if (!this.dataInput?.cancelButtonLabel) {
+            this.editDialogData.cancelButtonLabel = label;
+        }
+        return this;
+    }
+    withDefaultDeleteRequiresConfirmDialog(deleteRequiresConfirmDialog) {
+        if (!this.dataInput?.deleteRequiresConfirmDialog) {
+            this.editDialogData.deleteRequiresConfirmDialog = deleteRequiresConfirmDialog;
+        }
+        return this;
+    }
+    withDefaultEditRequiresConfirmDialog(editRequiresConfirmDialog) {
+        if (!this.dataInput?.editRequiresConfirmDialog) {
+            this.editDialogData.editRequiresConfirmDialog = editRequiresConfirmDialog;
+        }
+        return this;
+    }
+    withDefaultConfirmDeleteDialogData(confirmDeleteDialogData) {
+        if (!this.dataInput?.confirmDeleteDialogData) {
+            this.editDialogData.confirmDeleteDialogData = confirmDeleteDialogData;
+        }
+        return this;
+    }
+    withDefaultConfirmEditDialogData(confirmEditDialogData) {
+        if (!this.dataInput?.confirmEditDialogData) {
+            this.editDialogData.confirmEditDialogData = confirmEditDialogData;
+        }
+        return this;
+    }
+}
+
+class EditEntityDialogDataInternal {
+    constructor(entity, EntityServiceClass, editDialogData, allowDelete) {
+        this.entity = entity;
+        this.EntityServiceClass = EntityServiceClass;
+        this.editDialogData = editDialogData;
+        this.allowDelete = allowDelete;
+    }
+}
+class EditEntityDialogDataBuilder {
+    constructor(data) {
+        // this.validateInput(data);
+        this.dataInput = data;
+        const editDialogData = new EditDialogDataBuilder(data.editDialogData).editDialogData;
+        this.editDialogData = new EditEntityDialogDataInternal(data.entity, data.EntityServiceClass, editDialogData, data.allowDelete ? data.allowDelete : () => true);
+        return this;
+    }
+}
+
+class NgxMatEntityEditDialogComponent {
+    constructor(inputData, dialogRef, injector, dialog) {
+        this.inputData = inputData;
+        this.dialogRef = dialogRef;
+        this.injector = injector;
+        this.dialog = dialog;
+        this.EntityUtilities = EntityUtilities;
+        this.getWidth = EntityUtilities.getWidth;
+    }
+    ngOnInit() {
+        this.data = new EditEntityDialogDataBuilder(this.inputData).editDialogData;
+        this.dialogRef.disableClose = true;
+        this.setEntityKeys();
+        this.entityService = this.injector.get(this.data.EntityServiceClass);
+        this.entityPriorChanges = cloneDeep(this.data.entity);
+    }
+    setEntityKeys() {
+        this.entityKeys = Reflect.ownKeys(this.data.entity);
+        const omitUpdateKeys = EntityUtilities.getOmitForUpdate(this.data.entity);
+        this.entityKeys = this.entityKeys.filter((k) => !omitUpdateKeys.includes(k))
+            .sort((a, b) => EntityUtilities.compareOrder(a, b, this.data.entity));
+    }
+    edit() {
+        if (!this.data.editDialogData.editRequiresConfirmDialog) {
+            return this.confirmEdit();
+        }
+        const dialogData = new ConfirmDialogDataBuilder(this.data.editDialogData.confirmEditDialogData)
+            .withDefaultText(['Do you really want to save all changes?'])
+            .withDefaultConfirmButtonLabel('Save')
+            .withDefaultTitle('Edit')
+            .confirmDialogData;
+        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+            data: dialogData,
             autoFocus: false,
             restoreFocus: false
         });
@@ -1148,24 +1538,15 @@ class NgxMatEntityEditDialogComponent {
         this.entityService.update(this.data.entity, this.entityPriorChanges).then(() => this.dialogRef.close(1));
     }
     delete() {
-        if (this.data.editDialogData.deleteRequiresConfirmDialog === false) {
+        if (!this.data.editDialogData.deleteRequiresConfirmDialog) {
             return this.confirmDelete();
         }
-        const dialogData = {
-            // eslint-disable-next-line max-len
-            text: this.data.editDialogData.confirmDeleteDialogData?.text ? this.data.editDialogData.confirmDeleteDialogData?.text : ['Do you really want to delete this entity?'],
-            type: 'delete',
-            // eslint-disable-next-line max-len
-            confirmButtonLabel: this.data.editDialogData.confirmDeleteDialogData?.confirmButtonLabel ? this.data.editDialogData.confirmDeleteDialogData?.confirmButtonLabel : 'Delete',
-            // eslint-disable-next-line max-len
-            cancelButtonLabel: this.data.editDialogData.confirmDeleteDialogData?.cancelButtonLabel ? this.data.editDialogData.confirmDeleteDialogData?.cancelButtonLabel : 'Cancel',
-            // eslint-disable-next-line max-len
-            title: this.data.editDialogData.confirmDeleteDialogData?.title ? this.data.editDialogData.confirmDeleteDialogData?.title : 'Delete',
-            // eslint-disable-next-line max-len
-            requireConfirmation: this.data.editDialogData.confirmDeleteDialogData?.requireConfirmation ? this.data.editDialogData.confirmDeleteDialogData?.requireConfirmation : false,
-            // eslint-disable-next-line max-len
-            confirmationText: this.data.editDialogData.confirmDeleteDialogData?.confirmationText ? this.data.editDialogData.confirmDeleteDialogData?.confirmationText : undefined,
-        };
+        const dialogData = new ConfirmDialogDataBuilder(this.data.editDialogData.confirmDeleteDialogData)
+            .withDefaultText(['Do you really want to delete this entity?'])
+            .withDefaultType('delete')
+            .withDefaultConfirmButtonLabel('Delete')
+            .withDefaultTitle('Delete')
+            .confirmDialogData;
         const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
             data: dialogData,
             autoFocus: false,
@@ -1186,15 +1567,102 @@ class NgxMatEntityEditDialogComponent {
     }
 }
 NgxMatEntityEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityEditDialogComponent, selector: "ngx-mat-entity-edit-dialog", ngImport: i0, template: "<h2 mat-dialog-title>\n    {{data.editDialogData.title(data.entity)}}\n    <button *ngIf=\"data.allowDelete(data.entity)\" mat-raised-button (click)=\"delete()\" color=\"warn\" class=\"delete-button\" tabindex=\"-1\">\n        {{data.editDialogData.deleteButtonLabel ? data.editDialogData.deleteButtonLabel : 'Delete'}}\n    </button>\n</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"edit()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'edit') || !EntityUtilities.dirty(data.entity, entityPriorChanges)\">\n        {{data.editDialogData.confirmButtonLabel ? data.editDialogData.confirmButtonLabel : 'Save'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.editDialogData.cancelButtonLabel ? data.editDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}.delete-button{float:right}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+NgxMatEntityEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityEditDialogComponent, selector: "ngx-mat-entity-edit-dialog", ngImport: i0, template: "<h2 mat-dialog-title>\n    {{data.editDialogData.title(data.entity)}}\n    <button *ngIf=\"data.allowDelete(data.entity)\" mat-raised-button (click)=\"delete()\" color=\"warn\" class=\"delete-button\" tabindex=\"-1\">\n        {{data.editDialogData.deleteButtonLabel}}\n    </button>\n</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"edit()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'update') || !EntityUtilities.dirty(data.entity, entityPriorChanges)\">\n        {{data.editDialogData.confirmButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.editDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}.delete-button{float:right}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit"] }], directives: [{ type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i12.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-edit-dialog', template: "<h2 mat-dialog-title>\n    {{data.editDialogData.title(data.entity)}}\n    <button *ngIf=\"data.allowDelete(data.entity)\" mat-raised-button (click)=\"delete()\" color=\"warn\" class=\"delete-button\" tabindex=\"-1\">\n        {{data.editDialogData.deleteButtonLabel ? data.editDialogData.deleteButtonLabel : 'Delete'}}\n    </button>\n</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"edit()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'edit') || !EntityUtilities.dirty(data.entity, entityPriorChanges)\">\n        {{data.editDialogData.confirmButtonLabel ? data.editDialogData.confirmButtonLabel : 'Save'}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.editDialogData.cancelButtonLabel ? data.editDialogData.cancelButtonLabel : 'Cancel'}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}.delete-button{float:right}\n"] }]
+            args: [{ selector: 'ngx-mat-entity-edit-dialog', template: "<h2 mat-dialog-title>\n    {{data.editDialogData.title(data.entity)}}\n    <button *ngIf=\"data.allowDelete(data.entity)\" mat-raised-button (click)=\"delete()\" color=\"warn\" class=\"delete-button\" tabindex=\"-1\">\n        {{data.editDialogData.deleteButtonLabel}}\n    </button>\n</h2>\n\n<mat-dialog-content>\n    <form #form=\"ngForm\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of entityKeys\"\n            [entity]=\"data.entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            class=\"col-lg-{{getWidth(data.entity, key, 'lg')}} col-md-{{getWidth(data.entity, key, 'md')}} col-sm-{{getWidth(data.entity, key, 'sm')}}\"\n        >\n        </ngx-mat-entity-input>\n    </form>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"edit()\" [disabled]=\"!EntityUtilities.isEntityValid(data.entity, 'update') || !EntityUtilities.dirty(data.entity, entityPriorChanges)\">\n        {{data.editDialogData.confirmButtonLabel}}\n    </button>\n    <button mat-raised-button (click)=\"cancel()\" class=\"cancel-button\">\n        {{data.editDialogData.cancelButtonLabel}}\n    </button>\n</mat-dialog-actions>\n", styles: ["mat-dialog-actions{display:flex;justify-content:space-between}.delete-button{float:right}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialogRef }, { type: i0.Injector }, { type: i1.MatDialog }]; } });
 
+class TableDataInternal {
+    constructor(baseData, createDialogData, editDialogData) {
+        this.baseData = baseData;
+        this.createDialogData = createDialogData;
+        this.editDialogData = editDialogData;
+    }
+}
+class BaseDataBuilder {
+    constructor(data) {
+        //this.validateInput(data);
+        this.dataInput = data;
+        this.baseData = new BaseDataInternal(data.title, data.displayColumns, data.EntityServiceClass, data.searchLabel ? data.searchLabel : 'Search', data.createButtonLabel ? data.createButtonLabel : 'Create', data.searchString ? data.searchString : defaultSearchFunction, data.allowCreate ? data.allowCreate : true, data.allowEdit ? data.allowEdit : () => true, data.allowDelete ? data.allowDelete : () => true, data.multiSelectActions ? data.multiSelectActions : [], data.multiSelectLabel ? data.multiSelectLabel : 'Actions', data.EntityClass, data.edit, data.create);
+        return this;
+    }
+}
+class BaseDataInternal {
+    constructor(title, displayColumns, EntityServiceClass, searchLabel, createButtonLabel, searchString, allowCreate, allowEdit, allowDelete, multiSelectActions, multiSelectLabel, EntityClass, edit, create) {
+        this.title = title;
+        this.displayColumns = displayColumns;
+        this.EntityServiceClass = EntityServiceClass;
+        this.EntityClass = EntityClass;
+        this.searchLabel = searchLabel;
+        this.createButtonLabel = createButtonLabel;
+        this.searchString = searchString;
+        this.allowCreate = allowCreate;
+        this.allowEdit = allowEdit;
+        this.allowDelete = allowDelete;
+        this.multiSelectActions = multiSelectActions;
+        this.multiSelectLabel = multiSelectLabel;
+        this.edit = edit;
+        this.create = create;
+    }
+}
+class TableDataBuilder {
+    constructor(data) {
+        this.validateInput(data);
+        this.dataInput = data;
+        const createDialogData = new CreateDialogDataBuilder(data.createDialogData).createDialogData;
+        const editDialogData = new EditDialogDataBuilder(data.editDialogData).editDialogData;
+        const baseData = new BaseDataBuilder(data.baseData).baseData;
+        this.tableData = new TableDataInternal(baseData, createDialogData, editDialogData);
+        return this;
+    }
+    validateInput(data) {
+        if (data.baseData.multiSelectActions?.length && data.baseData.displayColumns.find(dp => dp.displayName === 'select')) {
+            throw new Error(`The name "select" for a display column is reserved for the multi-select action functionality.
+                Please choose a different name.`);
+        }
+        if ((data.baseData.allowEdit && data.baseData.allowEdit !== (() => false)
+            || data.baseData.allowDelete && data.baseData.allowDelete !== (() => false)
+            || data.baseData.allowCreate)
+            && !data.baseData.EntityClass) {
+            throw new Error(`
+                Missing required Input data "EntityClass".
+                You can only omit this value if you can neither create or update entities.`);
+        }
+        if (data.baseData.allowCreate !== false && !data.baseData.create && !data.createDialogData) {
+            throw new Error(`Missing required Input data "createDialogData".
+                You can only omit this value when creation is disallowed or done with a custom create method.`);
+        }
+        if ((data.baseData.allowEdit !== (() => false)
+            || data.baseData.allowDelete !== (() => false))
+            && !data.baseData.edit
+            && !data.editDialogData) {
+            throw new Error(`Missing required Input data "editDialogData".
+                You can only omit this value when editing and deleting is disallowed or done with a custom edit method.`);
+        }
+    }
+}
+/**
+ * The default search function taken from googles mat table.
+ * This will be used if no custom search function is provided by the configuration.
+ *
+ * It generates a string from an entity which is then used to compare it to the search input.
+ *
+ * @param entity - An entity that is in the search.
+ * @returns The generated string of the given entity used for comparison with the search input.
+ */
+function defaultSearchFunction(entity) {
+    const searchString = Object.keys(entity)
+        .reduce((currentTerm, key) => {
+        return `${currentTerm}${entity[key]}◬`;
+    }, '')
+        .toLowerCase();
+    return searchString;
+}
+
 class NgxMatEntityTableComponent {
     constructor(dialog, injector) {
         this.dialog = dialog;
@@ -1204,26 +1672,22 @@ class NgxMatEntityTableComponent {
         this.selection = new SelectionModel(true, []);
     }
     ngOnInit() {
-        this.validateInput();
-        this.entityService = this.injector.get(this.entitiesData.baseData.EntityServiceClass);
-        const givenDisplayColumns = this.entitiesData.baseData.displayColumns.map((v) => v.displayName);
-        if (this.entitiesData.baseData.multiSelectActions?.length) {
-            if (givenDisplayColumns.find((s) => s === 'select')) {
-                throw new Error(`The name "select" for a display column is reserved for the multi-select action functionality.
-                    Please choose a different name.`);
-            }
+        this.data = new TableDataBuilder(this.tableData).tableData;
+        this.entityService = this.injector.get(this.data.baseData.EntityServiceClass);
+        const givenDisplayColumns = this.data.baseData.displayColumns.map((v) => v.displayName);
+        if (this.data.baseData.multiSelectActions.length) {
             this.displayedColumns = ['select'].concat(givenDisplayColumns);
         }
         else {
             this.displayedColumns = givenDisplayColumns;
         }
         this.dataSource.sortingDataAccessor = (entity, header) => {
-            return this.entitiesData.baseData.displayColumns.find((dp) => dp.displayName === header)?.value(entity);
+            return this.data.baseData.displayColumns.find((dp) => dp.displayName === header)?.value(entity);
         };
         this.dataSource.sort = this.sort;
-        if (this.entitiesData.baseData.searchString) {
+        if (this.data.baseData.searchString) {
             this.dataSource.filterPredicate = (entity, filter) => {
-                const searchStr = this.entitiesData.baseData.searchString?.(entity);
+                const searchStr = this.data.baseData.searchString(entity);
                 const formattedSearchString = searchStr.toLowerCase();
                 const formattedFilterString = filter.toLowerCase();
                 return formattedSearchString.includes(formattedFilterString);
@@ -1237,62 +1701,27 @@ class NgxMatEntityTableComponent {
         });
         this.entityService.read();
     }
-    validateInput() {
-        if (!this.entitiesData.baseData.displayColumns) {
-            throw new Error('Missing required Input data "displayColumns"');
-        }
-        if (!this.entitiesData.baseData.title) {
-            throw new Error('Missing required Input data "title"');
-        }
-        if (!this.entitiesData.baseData.EntityServiceClass) {
-            throw new Error('Missing required Input data "EntityServiceClass"');
-        }
-        if (this.entitiesData.baseData.allowCreate === undefined) {
-            this.entitiesData.baseData.allowCreate = true;
-        }
-        if (this.entitiesData.baseData.allowEdit === undefined) {
-            this.entitiesData.baseData.allowEdit = () => true;
-        }
-        if (this.entitiesData.baseData.allowDelete === undefined) {
-            this.entitiesData.baseData.allowDelete = () => true;
-        }
-        if ((this.entitiesData.baseData.allowEdit !== (() => false)
-            || this.entitiesData.baseData.allowDelete !== (() => false)
-            || this.entitiesData.baseData.allowCreate)
-            && !this.entitiesData.baseData.EntityClass) {
-            throw new Error(`
-                Missing required Input data "EntityClass".
-                You can only omit this value if you can neither create or update entities.`);
-        }
-        if (this.entitiesData.baseData.allowCreate && !this.entitiesData.baseData.create && !this.entitiesData.createDialogData) {
-            throw new Error(`Missing required Input data "createDialogData".
-                You can only omit this value when creation is disallowed or done with a custom create method.`);
-        }
-        if ((this.entitiesData.baseData.allowEdit !== (() => false)
-            || this.entitiesData.baseData.allowDelete !== (() => false))
-            && !this.entitiesData.baseData.edit
-            && !this.entitiesData.editDialogData) {
-            throw new Error(`Missing required Input data "editDialogData".
-                You can only omit this value when editing and deleting is disallowed or done with a custom edit method.`);
-        }
-    }
     editEntity(entity) {
-        if (this.entitiesData.baseData.allowEdit?.(entity)) {
-            if (this.entitiesData.baseData.edit) {
-                this.entitiesData.baseData.edit(new this.entitiesData.baseData.EntityClass(entity));
+        if (this.data.baseData.allowEdit(entity)) {
+            if (!this.data.baseData.EntityClass) {
+                throw new Error('No "EntityClass" specified for this table');
+            }
+            if (this.data.baseData.edit) {
+                this.data.baseData.edit(new this.data.baseData.EntityClass(entity));
             }
             else {
-                this.editDefault(new this.entitiesData.baseData.EntityClass(entity));
+                this.editDefault(new this.data.baseData.EntityClass(entity));
             }
         }
     }
     editDefault(entity) {
-        const dialogData = {
+        const inputDialogData = {
             entity: entity,
-            EntityServiceClass: this.entitiesData.baseData.EntityServiceClass,
-            allowDelete: this.entitiesData.baseData.allowDelete,
-            editDialogData: this.entitiesData.editDialogData
+            EntityServiceClass: this.data.baseData.EntityServiceClass,
+            allowDelete: this.data.baseData.allowDelete,
+            editDialogData: this.data.editDialogData
         };
+        const dialogData = new EditEntityDialogDataBuilder(inputDialogData).editDialogData;
         firstValueFrom(this.dialog.open(NgxMatEntityEditDialogComponent, {
             data: dialogData,
             minWidth: '60%',
@@ -1308,21 +1737,24 @@ class NgxMatEntityTableComponent {
         });
     }
     createEntity() {
-        if (this.entitiesData.baseData.allowCreate) {
-            if (this.entitiesData.baseData.create) {
-                this.entitiesData.baseData.create(new this.entitiesData.baseData.EntityClass());
+        if (this.data.baseData.allowCreate) {
+            if (!this.data.baseData.EntityClass) {
+                throw new Error('No "EntityClass" specified for this table');
+            }
+            if (this.data.baseData.create) {
+                this.data.baseData.create(new this.data.baseData.EntityClass());
             }
             else {
-                this.createDefault(new this.entitiesData.baseData.EntityClass());
+                this.createDefault(new this.data.baseData.EntityClass());
             }
         }
     }
     createDefault(entity) {
-        const dialogData = {
+        const dialogData = new CreateEntityDialogDataBuilder({
             entity: entity,
-            EntityServiceClass: this.entitiesData.baseData.EntityServiceClass,
-            createDialogData: this.entitiesData.createDialogData
-        };
+            EntityServiceClass: this.data.baseData.EntityServiceClass,
+            createDialogData: this.data.createDialogData
+        }).createDialogData;
         this.dialog.open(NgxMatEntityCreateDialogComponent, {
             data: dialogData,
             minWidth: '60%',
@@ -1334,16 +1766,9 @@ class NgxMatEntityTableComponent {
         if (!action.requireConfirmDialog || !action.requireConfirmDialog(this.selection.selected)) {
             return this.confirmRunMultiAction(action);
         }
-        const dialogData = {
-            // eslint-disable-next-line max-len
-            text: action.confirmDialogData?.text ? action.confirmDialogData?.text : [`Do you really want to run this action on ${this.selection.selected.length} entries?`],
-            type: 'default',
-            confirmButtonLabel: action.confirmDialogData?.confirmButtonLabel ? action.confirmDialogData?.confirmButtonLabel : 'Confirm',
-            cancelButtonLabel: action.confirmDialogData?.cancelButtonLabel ? action.confirmDialogData?.cancelButtonLabel : 'Cancel',
-            title: action.confirmDialogData?.title ? action.confirmDialogData?.title : action.displayName,
-            requireConfirmation: action.confirmDialogData?.requireConfirmation ? action.confirmDialogData?.requireConfirmation : false,
-            confirmationText: action.confirmDialogData?.confirmationText ? action.confirmDialogData?.confirmationText : undefined
-        };
+        const dialogData = new ConfirmDialogDataBuilder(action.confirmDialogData)
+            .withDefaultText([`Do you really want to run this action on ${this.selection.selected.length} entries?`])
+            .withDefaultTitle(action.displayName).confirmDialogData;
         const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
             data: dialogData,
             autoFocus: false,
@@ -1390,11 +1815,11 @@ class NgxMatEntityTableComponent {
     }
 }
 NgxMatEntityTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableComponent, deps: [{ token: i1.MatDialog }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-NgxMatEntityTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityTableComponent, selector: "ngx-mat-entity-table", inputs: { entitiesData: "entitiesData" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "filter", first: true, predicate: ["filter"], descendants: true, static: true }], ngImport: i0, template: "<h1 class=\"title\">{{entitiesData.baseData.title}}</h1>\n\n<div class=\"row\">\n    <mat-form-field class=\"col-lg-8 col-md-6 col-sm-12\">\n        <mat-label>{{entitiesData.baseData.searchLabel ? entitiesData.baseData.searchLabel : 'Search'}}</mat-label>\n        <input matInput (keyup)=\"applyFilter($event)\" />\n    </mat-form-field>\n    <div\n        *ngIf=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-lg-2]=\"entitiesData.baseData.allowCreate\"\n        [class.col-lg-4]=\"!entitiesData.baseData.allowCreate\"\n        [class.col-md-3]=\"entitiesData.baseData.allowCreate\"\n        [class.col-md-6]=\"!entitiesData.baseData.allowCreate\"\n        [class.col-sm-6]=\"entitiesData.baseData.allowCreate\"\n        [class.col-sm-12]=\"!entitiesData.baseData.allowCreate\"\n    >\n        <button class=\"actions-button\" [matMenuTriggerFor]=\"menu\" mat-raised-button>\n            {{entitiesData.baseData.multiSelectLabel ? entitiesData.baseData.multiSelectLabel : 'Actions'}}\n        </button>\n    </div>\n    <mat-menu #menu=\"matMenu\">\n        <button *ngFor=\"let action of entitiesData.baseData.multiSelectActions\" [disabled]=\"multiActionDisabled(action)\" (click)=\"runMultiAction(action)\" mat-menu-item>\n            {{action.displayName}}\n        </button>\n    </mat-menu>\n\n    <div\n        *ngIf=\"entitiesData.baseData.allowCreate\"\n        [class.col-lg-2]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-lg-4]=\"!entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-md-3]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-md-6]=\"!entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-sm-6]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-sm-12]=\"!entitiesData.baseData.multiSelectActions?.length\"\n    >\n        <button class=\"create-button\" (click)=\"createEntity()\" mat-raised-button>\n            {{entitiesData.baseData.createButtonLabel ? entitiesData.baseData.createButtonLabel : 'Create'}}\n        </button>\n    </div>\n</div>\n\n<div class=\"mat-elevation-z8\">\n    <mat-table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" matSort>\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"> </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"> </mat-checkbox>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container *ngFor=\"let dCol of entitiesData.baseData.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef mat-sort-header>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" [class.enabled]=\"entitiesData.baseData.allowEdit?.(entity)\" (click)=\"editEntity(entity)\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <mat-paginator *ngIf=\"dataSource\" id=\"paginator\" [length]=\"dataSource.filteredData.length\" [pageIndex]=\"0\" [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 50]\"> </mat-paginator>\n</div>\n", styles: [".title{text-align:center}button{width:100%}.mat-column-select{flex:0 0 75px}.enabled:hover{cursor:pointer}@media (max-width: 767px){.actions-button{margin-bottom:15px}}@media (max-width: 575px){.create-button{margin-bottom:15px}}\n"], components: [{ type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i7$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i1$1.MatLabel, selector: "mat-label" }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4$1.MatCellDef, selector: "[matCellDef]" }, { type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
+NgxMatEntityTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityTableComponent, selector: "ngx-mat-entity-table", inputs: { tableData: "tableData" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }, { propertyName: "filter", first: true, predicate: ["filter"], descendants: true, static: true }], ngImport: i0, template: "<h1 class=\"title\">{{data.baseData.title}}</h1>\n\n<div class=\"row\">\n    <mat-form-field class=\"col-lg-8 col-md-6 col-sm-12\">\n        <mat-label>{{data.baseData.searchLabel}}</mat-label>\n        <input matInput (keyup)=\"applyFilter($event)\" />\n    </mat-form-field>\n    <div\n        *ngIf=\"data.baseData.multiSelectActions.length\"\n        [class.col-lg-2]=\"data.baseData.allowCreate\"\n        [class.col-lg-4]=\"!data.baseData.allowCreate\"\n        [class.col-md-3]=\"data.baseData.allowCreate\"\n        [class.col-md-6]=\"!data.baseData.allowCreate\"\n        [class.col-sm-6]=\"data.baseData.allowCreate\"\n        [class.col-sm-12]=\"!data.baseData.allowCreate\"\n    >\n        <button class=\"actions-button\" [matMenuTriggerFor]=\"menu\" mat-raised-button>\n            {{data.baseData.multiSelectLabel}}\n        </button>\n    </div>\n    <mat-menu #menu=\"matMenu\">\n        <button *ngFor=\"let action of data.baseData.multiSelectActions\" [disabled]=\"multiActionDisabled(action)\" (click)=\"runMultiAction(action)\" mat-menu-item>\n            {{action.displayName}}\n        </button>\n    </mat-menu>\n\n    <div\n        *ngIf=\"data.baseData.allowCreate\"\n        [class.col-lg-2]=\"data.baseData.multiSelectActions.length\"\n        [class.col-lg-4]=\"!data.baseData.multiSelectActions.length\"\n        [class.col-md-3]=\"data.baseData.multiSelectActions.length\"\n        [class.col-md-6]=\"!data.baseData.multiSelectActions.length\"\n        [class.col-sm-6]=\"data.baseData.multiSelectActions.length\"\n        [class.col-sm-12]=\"!data.baseData.multiSelectActions.length\"\n    >\n        <button class=\"create-button\" (click)=\"createEntity()\" mat-raised-button>\n            {{data.baseData.createButtonLabel}}\n        </button>\n    </div>\n</div>\n\n<div class=\"mat-elevation-z8\">\n    <mat-table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" matSort>\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"> </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"> </mat-checkbox>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container *ngFor=\"let dCol of data.baseData.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef mat-sort-header>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" [class.enabled]=\"data.baseData.allowEdit(entity)\" (click)=\"editEntity(entity)\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <mat-paginator *ngIf=\"dataSource\" id=\"paginator\" [length]=\"dataSource.filteredData.length\" [pageIndex]=\"0\" [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 50]\"> </mat-paginator>\n</div>\n", styles: [".title{text-align:center}button{width:100%}.mat-column-select{flex:0 0 75px}.enabled:hover{cursor:pointer}@media (max-width: 767px){.actions-button{margin-bottom:15px}}@media (max-width: 575px){.create-button{margin-bottom:15px}}\n"], components: [{ type: i1$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i4$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i4$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i7$1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i1$1.MatLabel, selector: "mat-label" }, { type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i4$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i4$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i4$1.MatCellDef, selector: "[matCellDef]" }, { type: i4$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i4$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i4$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-mat-entity-table', template: "<h1 class=\"title\">{{entitiesData.baseData.title}}</h1>\n\n<div class=\"row\">\n    <mat-form-field class=\"col-lg-8 col-md-6 col-sm-12\">\n        <mat-label>{{entitiesData.baseData.searchLabel ? entitiesData.baseData.searchLabel : 'Search'}}</mat-label>\n        <input matInput (keyup)=\"applyFilter($event)\" />\n    </mat-form-field>\n    <div\n        *ngIf=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-lg-2]=\"entitiesData.baseData.allowCreate\"\n        [class.col-lg-4]=\"!entitiesData.baseData.allowCreate\"\n        [class.col-md-3]=\"entitiesData.baseData.allowCreate\"\n        [class.col-md-6]=\"!entitiesData.baseData.allowCreate\"\n        [class.col-sm-6]=\"entitiesData.baseData.allowCreate\"\n        [class.col-sm-12]=\"!entitiesData.baseData.allowCreate\"\n    >\n        <button class=\"actions-button\" [matMenuTriggerFor]=\"menu\" mat-raised-button>\n            {{entitiesData.baseData.multiSelectLabel ? entitiesData.baseData.multiSelectLabel : 'Actions'}}\n        </button>\n    </div>\n    <mat-menu #menu=\"matMenu\">\n        <button *ngFor=\"let action of entitiesData.baseData.multiSelectActions\" [disabled]=\"multiActionDisabled(action)\" (click)=\"runMultiAction(action)\" mat-menu-item>\n            {{action.displayName}}\n        </button>\n    </mat-menu>\n\n    <div\n        *ngIf=\"entitiesData.baseData.allowCreate\"\n        [class.col-lg-2]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-lg-4]=\"!entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-md-3]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-md-6]=\"!entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-sm-6]=\"entitiesData.baseData.multiSelectActions?.length\"\n        [class.col-sm-12]=\"!entitiesData.baseData.multiSelectActions?.length\"\n    >\n        <button class=\"create-button\" (click)=\"createEntity()\" mat-raised-button>\n            {{entitiesData.baseData.createButtonLabel ? entitiesData.baseData.createButtonLabel : 'Create'}}\n        </button>\n    </div>\n</div>\n\n<div class=\"mat-elevation-z8\">\n    <mat-table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" matSort>\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"> </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"> </mat-checkbox>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container *ngFor=\"let dCol of entitiesData.baseData.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef mat-sort-header>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" [class.enabled]=\"entitiesData.baseData.allowEdit?.(entity)\" (click)=\"editEntity(entity)\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <mat-paginator *ngIf=\"dataSource\" id=\"paginator\" [length]=\"dataSource.filteredData.length\" [pageIndex]=\"0\" [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 50]\"> </mat-paginator>\n</div>\n", styles: [".title{text-align:center}button{width:100%}.mat-column-select{flex:0 0 75px}.enabled:hover{cursor:pointer}@media (max-width: 767px){.actions-button{margin-bottom:15px}}@media (max-width: 575px){.create-button{margin-bottom:15px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i0.Injector }]; }, propDecorators: { entitiesData: [{
+            args: [{ selector: 'ngx-mat-entity-table', template: "<h1 class=\"title\">{{data.baseData.title}}</h1>\n\n<div class=\"row\">\n    <mat-form-field class=\"col-lg-8 col-md-6 col-sm-12\">\n        <mat-label>{{data.baseData.searchLabel}}</mat-label>\n        <input matInput (keyup)=\"applyFilter($event)\" />\n    </mat-form-field>\n    <div\n        *ngIf=\"data.baseData.multiSelectActions.length\"\n        [class.col-lg-2]=\"data.baseData.allowCreate\"\n        [class.col-lg-4]=\"!data.baseData.allowCreate\"\n        [class.col-md-3]=\"data.baseData.allowCreate\"\n        [class.col-md-6]=\"!data.baseData.allowCreate\"\n        [class.col-sm-6]=\"data.baseData.allowCreate\"\n        [class.col-sm-12]=\"!data.baseData.allowCreate\"\n    >\n        <button class=\"actions-button\" [matMenuTriggerFor]=\"menu\" mat-raised-button>\n            {{data.baseData.multiSelectLabel}}\n        </button>\n    </div>\n    <mat-menu #menu=\"matMenu\">\n        <button *ngFor=\"let action of data.baseData.multiSelectActions\" [disabled]=\"multiActionDisabled(action)\" (click)=\"runMultiAction(action)\" mat-menu-item>\n            {{action.displayName}}\n        </button>\n    </mat-menu>\n\n    <div\n        *ngIf=\"data.baseData.allowCreate\"\n        [class.col-lg-2]=\"data.baseData.multiSelectActions.length\"\n        [class.col-lg-4]=\"!data.baseData.multiSelectActions.length\"\n        [class.col-md-3]=\"data.baseData.multiSelectActions.length\"\n        [class.col-md-6]=\"!data.baseData.multiSelectActions.length\"\n        [class.col-sm-6]=\"data.baseData.multiSelectActions.length\"\n        [class.col-sm-12]=\"!data.baseData.multiSelectActions.length\"\n    >\n        <button class=\"create-button\" (click)=\"createEntity()\" mat-raised-button>\n            {{data.baseData.createButtonLabel}}\n        </button>\n    </div>\n</div>\n\n<div class=\"mat-elevation-z8\">\n    <mat-table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" matSort>\n        <!-- select Column -->\n        <ng-container matColumnDef=\"select\">\n            <mat-header-cell *matHeaderCellDef>\n                <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\" [indeterminate]=\"selection.hasValue() && !isAllSelected()\"> </mat-checkbox>\n            </mat-header-cell>\n            <mat-cell *matCellDef=\"let module\" class=\"module\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(module) : null\" [checked]=\"selection.isSelected(module)\"> </mat-checkbox>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container *ngFor=\"let dCol of data.baseData.displayColumns\" [matColumnDef]=\"dCol.displayName\">\n            <mat-header-cell *matHeaderCellDef mat-sort-header>\n                {{dCol.displayName}}\n            </mat-header-cell>\n            <mat-cell class=\"entity\" [class.enabled]=\"data.baseData.allowEdit(entity)\" (click)=\"editEntity(entity)\" *matCellDef=\"let entity\">\n                {{dCol.value(entity)}}\n            </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"displayedColumns\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: displayedColumns\"></mat-row>\n    </mat-table>\n\n    <mat-paginator *ngIf=\"dataSource\" id=\"paginator\" [length]=\"dataSource.filteredData.length\" [pageIndex]=\"0\" [pageSize]=\"10\" [pageSizeOptions]=\"[5, 10, 25, 50]\"> </mat-paginator>\n</div>\n", styles: [".title{text-align:center}button{width:100%}.mat-column-select{flex:0 0 75px}.enabled:hover{cursor:pointer}@media (max-width: 767px){.actions-button{margin-bottom:15px}}@media (max-width: 575px){.create-button{margin-bottom:15px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i0.Injector }]; }, propDecorators: { tableData: [{
                 type: Input
             }], paginator: [{
                 type: ViewChild,
@@ -1452,161 +1877,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }] });
 
-class NgxMatEntityInternalInputModule {
-}
-NgxMatEntityInternalInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMatEntityInternalInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, declarations: [NgxMatEntityInternalInputComponent], imports: [CommonModule,
-        MatInputModule,
-        FormsModule,
-        MatFormFieldModule,
-        MatSelectModule,
-        MatAutocompleteModule,
-        MatCheckboxModule,
-        MatSlideToggleModule,
-        MatTableModule], exports: [NgxMatEntityInternalInputComponent] });
-NgxMatEntityInternalInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, imports: [[
-            CommonModule,
-            MatInputModule,
-            FormsModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatAutocompleteModule,
-            MatCheckboxModule,
-            MatSlideToggleModule,
-            MatTableModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NgxMatEntityInternalInputComponent],
-                    imports: [
-                        CommonModule,
-                        MatInputModule,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatAutocompleteModule,
-                        MatCheckboxModule,
-                        MatSlideToggleModule,
-                        MatTableModule
-                    ],
-                    exports: [NgxMatEntityInternalInputComponent]
-                }]
-        }] });
-
-class NgxMatEntityAddArrayItemDialogModule {
-}
-NgxMatEntityAddArrayItemDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMatEntityAddArrayItemDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, declarations: [NgxMatEntityAddArrayItemDialogComponent], imports: [CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule], exports: [NgxMatEntityAddArrayItemDialogComponent] });
-NgxMatEntityAddArrayItemDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, imports: [[CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityAddArrayItemDialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NgxMatEntityAddArrayItemDialogComponent],
-                    imports: [CommonModule, NgxMatEntityInternalInputModule, MatDialogModule, FormsModule, MatButtonModule],
-                    exports: [NgxMatEntityAddArrayItemDialogComponent]
-                }]
-        }] });
-
-class NgxMatEntityArrayTableModule {
-}
-NgxMatEntityArrayTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMatEntityArrayTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, declarations: [NgxMatEntityArrayTableComponent], imports: [CommonModule,
-        MatInputModule,
-        FormsModule,
-        MatFormFieldModule,
-        MatSelectModule,
-        MatAutocompleteModule,
-        MatCheckboxModule,
-        MatSlideToggleModule,
-        MatTableModule,
-        NgxMatEntityInternalInputModule,
-        MatButtonModule,
-        NgxMatEntityAddArrayItemDialogModule], exports: [NgxMatEntityArrayTableComponent] });
-NgxMatEntityArrayTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, imports: [[
-            CommonModule,
-            MatInputModule,
-            FormsModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatAutocompleteModule,
-            MatCheckboxModule,
-            MatSlideToggleModule,
-            MatTableModule,
-            NgxMatEntityInternalInputModule,
-            MatButtonModule,
-            NgxMatEntityAddArrayItemDialogModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityArrayTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NgxMatEntityArrayTableComponent],
-                    imports: [
-                        CommonModule,
-                        MatInputModule,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatAutocompleteModule,
-                        MatCheckboxModule,
-                        MatSlideToggleModule,
-                        MatTableModule,
-                        NgxMatEntityInternalInputModule,
-                        MatButtonModule,
-                        NgxMatEntityAddArrayItemDialogModule
-                    ],
-                    exports: [NgxMatEntityArrayTableComponent]
-                }]
-        }] });
-
-class NgxMatEntityInputModule {
-}
-NgxMatEntityInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgxMatEntityInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, declarations: [NgxMatEntityInputComponent], imports: [CommonModule,
-        MatInputModule,
-        FormsModule,
-        MatFormFieldModule,
-        MatSelectModule,
-        MatAutocompleteModule,
-        MatCheckboxModule,
-        MatSlideToggleModule,
-        NgxMatEntityArrayTableModule,
-        MatChipsModule,
-        MatIconModule], exports: [NgxMatEntityInputComponent] });
-NgxMatEntityInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, imports: [[
-            CommonModule,
-            MatInputModule,
-            FormsModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatAutocompleteModule,
-            MatCheckboxModule,
-            MatSlideToggleModule,
-            NgxMatEntityArrayTableModule,
-            MatChipsModule,
-            MatIconModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NgxMatEntityInputComponent],
-                    imports: [
-                        CommonModule,
-                        MatInputModule,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatAutocompleteModule,
-                        MatCheckboxModule,
-                        MatSlideToggleModule,
-                        NgxMatEntityArrayTableModule,
-                        MatChipsModule,
-                        MatIconModule
-                    ],
-                    exports: [NgxMatEntityInputComponent]
-                }]
-        }] });
-
 class NgxMatEntityCreateDialogModule {
 }
 NgxMatEntityCreateDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1655,106 +1925,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         }] });
 
 /**
- * Decorator for setting and getting string propery metadata
- * @param metadata The metadata of the string property
+ * Decorator for setting and getting array propery metadata.
+ *
+ * @param metadata - The metadata of the array property.
+ * @returns The method that defines the metadata.
+ * @throws When the given type of the array-items is unknown.
+ */
+function array(metadata) {
+    switch (metadata.itemType) {
+        case DecoratorTypes.OBJECT:
+            return baseProperty(new EntityArrayDecoratorConfigInternal(metadata), DecoratorTypes.ARRAY);
+        case DecoratorTypes.STRING:
+            return baseProperty(new StringChipsArrayDecoratorConfigInternal(metadata), DecoratorTypes.ARRAY_STRING_CHIPS);
+        case DecoratorTypes.STRING_AUTOCOMPLETE:
+            return baseProperty(new AutocompleteStringChipsArrayDecoratorConfigInternal(metadata), DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS);
+        default:
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
+            throw new Error(`Unknown itemType ${metadata.itemType}`);
+    }
+}
+
+/**
+ * The base options for all propertyDecorators.
+ */
+class PropertyDecoratorConfig {
+}
+
+/**
+ * Interface definition for the @array metadata.
+ */
+class ArrayDecoratorConfig extends PropertyDecoratorConfig {
+}
+
+class DropdownBooleanDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.dropdownTrue = data.dropdownTrue;
+        this.dropdownFalse = data.dropdownFalse;
+    }
+}
+class CheckboxBooleanDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+    }
+}
+class ToggleBooleanDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+    }
+}
+
+/**
+ * Decorator for setting and getting boolean propery metadata.
+ *
+ * @param metadata - The metadata of the boolean property.
+ * @returns The method that defines the metadata.
  */
 function boolean(metadata) {
     if (metadata.displayStyle === 'dropdown') {
-        return baseProperty(new DropdownBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_DROPDOWN);
+        return baseProperty(new DropdownBooleanDecoratorConfigInternal(metadata), DecoratorTypes.BOOLEAN_DROPDOWN);
     }
     else if (metadata.displayStyle === 'checkbox') {
-        return baseProperty(new CheckboxBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_CHECKBOX);
+        return baseProperty(new CheckboxBooleanDecoratorConfigInternal(metadata), DecoratorTypes.BOOLEAN_CHECKBOX);
     }
     else {
-        return baseProperty(new ToggleBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_TOGGLE);
+        return baseProperty(new ToggleBooleanDecoratorConfigInternal(metadata), DecoratorTypes.BOOLEAN_TOGGLE);
     }
 }
+
 /**
- * The Definition for the @boolean metadata
+ * The Definition for the @boolean metadata.
  */
 class BooleanDecoratorConfig extends PropertyDecoratorConfig {
 }
-class DropdownBooleanDecoratorConfig extends BooleanDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.dropdownTrue = metadata.dropdownTrue;
-        this.dropdownFalse = metadata.dropdownFalse;
-    }
-}
-class CheckboxBooleanDecoratorConfig extends BooleanDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
+
+class DefaultNumberDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.max = data.max;
+        this.min = data.min;
     }
 }
-class ToggleBooleanDecoratorConfig extends BooleanDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
+class DropdownNumberDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.dropdownValues = data.dropdownValues;
     }
 }
 
 /**
- * Decorator for setting and getting string propery metadata
- * @param metadata The metadata of the string property
+ * Decorator for setting and getting string propery metadata.
+ *
+ * @param metadata - The metadata of the string property.
+ * @returns The method that defines the metadata.
  */
 function number(metadata) {
     if (metadata.displayStyle === 'dropdown') {
-        return baseProperty(new DropdownNumberDecoratorConfig(metadata), DecoratorTypes.NUMBER_DROPDOWN);
+        return baseProperty(new DropdownNumberDecoratorConfigInternal(metadata), DecoratorTypes.NUMBER_DROPDOWN);
     }
     else {
-        return baseProperty(new DefaultNumberDecoratorConfig(metadata), DecoratorTypes.NUMBER);
+        return baseProperty(new DefaultNumberDecoratorConfigInternal(metadata), DecoratorTypes.NUMBER);
     }
 }
+
 /**
- * Interface definition for the @number metadata
+ * Definition for the @number metadata.
  */
 class NumberDecoratorConfig extends PropertyDecoratorConfig {
 }
-class DefaultNumberDecoratorConfig extends NumberDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.min = metadata.min;
-        this.max = metadata.max;
-    }
-}
-class DropdownNumberDecoratorConfig extends NumberDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.dropdownValues = metadata.dropdownValues;
+
+class DefaultObjectDecoratorConfigInternal extends PropertyDecoratorConfigInternal {
+    constructor(data) {
+        super(data);
+        this.displayStyle = data.displayStyle;
+        this.type = data.type;
     }
 }
 
 /**
  * Decorator for setting and getting object propery metadata.
- * @param metadata The metadata of the object property
+ *
+ * @param metadata - The metadata of the object property.
+ * @returns The method that defines the metadata.
  */
 function object(metadata) {
-    return baseProperty(new DefaultObjectDecoratorConfig(metadata), DecoratorTypes.OBJECT);
+    return baseProperty(new DefaultObjectDecoratorConfigInternal(metadata), DecoratorTypes.OBJECT);
 }
+
 /**
- * Interface definition for the @object metadata
+ * Definition for the @object metadata.
  */
 class ObjectDecoratorConfig extends PropertyDecoratorConfig {
 }
-class DefaultObjectDecoratorConfig extends ObjectDecoratorConfig {
-    constructor(metadata) {
-        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
-        this.displayStyle = metadata.displayStyle;
-        this.type = metadata.type;
-    }
+
+/**
+ * Definition for the @string metadata.
+ */
+class StringDecoratorConfig extends PropertyDecoratorConfig {
 }
 
-/*
- * Public API Surface of ngx-material-entity
+/**
+ * Public API Surface of ngx-material-entity.
  */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteStringChipsArrayDecoratorConfig, AutocompleteStringDecoratorConfig, CheckboxBooleanDecoratorConfig, DecoratorTypes, DefaultNumberDecoratorConfig, DefaultObjectDecoratorConfig, DefaultStringDecoratorConfig, DropdownBooleanDecoratorConfig, DropdownNumberDecoratorConfig, DropdownStringDecoratorConfig, Entity, EntityArrayDecoratorConfig, EntityService, EntityUtilities, NgxMatEntityConfirmDialogComponent, NgxMatEntityConfirmDialogModule, NgxMatEntityCreateDialogComponent, NgxMatEntityCreateDialogModule, NgxMatEntityEditDialogComponent, NgxMatEntityEditDialogModule, NgxMatEntityInputComponent, NgxMatEntityInputModule, NgxMatEntityTableComponent, NgxMatEntityTableModule, StringChipsArrayDecoratorConfig, TextboxStringDecoratorConfig, ToggleBooleanDecoratorConfig, array, boolean, getValidationErrorMessage, number, object, string };
+export { DecoratorTypes, Entity, EntityService, EntityUtilities, NgxMatEntityConfirmDialogComponent, NgxMatEntityConfirmDialogModule, NgxMatEntityCreateDialogComponent, NgxMatEntityCreateDialogModule, NgxMatEntityEditDialogComponent, NgxMatEntityEditDialogModule, NgxMatEntityInputComponent, NgxMatEntityInputModule, NgxMatEntityTableComponent, NgxMatEntityTableModule, array, boolean, getValidationErrorMessage, number, object, string };
 //# sourceMappingURL=ngx-material-entity.mjs.map