ngx-material-entity 0.1.0

package/fesm2015/ngx-material-entity.mjs

@@ -0,0 +1,1786 @@
+import 'reflect-metadata';
+import { __decorate, __metadata, __awaiter } from 'tslib';
+import { BehaviorSubject, firstValueFrom, Subject, takeUntil } from 'rxjs';
+import { isEqual, omit, omitBy, isNil, cloneDeep } from 'lodash';
+import * as i0 from '@angular/core';
+import { Component, Inject, NgModule, Input, ViewChild } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i5 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+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';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3$1 from '@angular/material/core';
+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 * as i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i10 from '@angular/cdk/text-field';
+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 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
+ */
+function baseProperty(metadata, type) {
+    return function (target, propertyKey) {
+        Reflect.defineMetadata('metadata', metadata, target, propertyKey);
+        Reflect.defineMetadata('type', type, target, propertyKey);
+    };
+}
+
+/**
+ * The enum Values for all the different DecoratorTypes.
+ */
+var DecoratorTypes;
+(function (DecoratorTypes) {
+    DecoratorTypes["STRING"] = "string";
+    DecoratorTypes["STRING_DROPDOWN"] = "stringDropdown";
+    DecoratorTypes["STRING_AUTOCOMPLETE"] = "stringAutocomplete";
+    DecoratorTypes["STRING_TEXTBOX"] = "stringTextbox";
+    DecoratorTypes["NUMBER"] = "number";
+    DecoratorTypes["NUMBER_DROPDOWN"] = "numberDropdown";
+    DecoratorTypes["BOOLEAN_CHECKBOX"] = "boolean";
+    DecoratorTypes["BOOLEAN_TOGGLE"] = "booleanToggle";
+    DecoratorTypes["BOOLEAN_DROPDOWN"] = "booleanDropdown";
+    DecoratorTypes["OBJECT"] = "object";
+    DecoratorTypes["ARRAY"] = "array";
+    DecoratorTypes["ARRAY_STRING_CHIPS"] = "arrayStringChips";
+    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);
+    }
+    else if (metadata.displayStyle === 'autocomplete') {
+        return baseProperty(new AutocompleteStringDecoratorConfig(metadata), DecoratorTypes.STRING_AUTOCOMPLETE);
+    }
+    else if (metadata.displayStyle === 'textbox') {
+        return baseProperty(new TextboxStringDecoratorConfig(metadata), DecoratorTypes.STRING_TEXTBOX);
+    }
+    else {
+        return baseProperty(new DefaultStringDecoratorConfig(metadata), DecoratorTypes.STRING);
+    }
+}
+/**
+ * Interface definition for the @string 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;
+    }
+}
+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;
+    }
+}
+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;
+    }
+}
+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;
+    }
+}
+
+/**
+ * The base Entity class.
+ */
+class Entity {
+}
+__decorate([
+    string({
+        omitForCreate: true,
+        omitForUpdate: true,
+        display: false,
+        displayStyle: 'line',
+        displayName: 'ID',
+        required: true
+    }),
+    __metadata("design:type", String)
+], Entity.prototype, "id", void 0);
+
+var _a;
+/**
+ * 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
+     */
+    static getOmitForUpdate(entity) {
+        const res = [];
+        for (const key of Reflect.ownKeys(entity)) {
+            const metadata = Reflect.getMetadata('metadata', entity, key);
+            if (metadata.omitForUpdate) {
+                res.push(key);
+            }
+        }
+        return res;
+    }
+    /**
+     * Gets the properties to omit when creating new entities
+     * @returns The properties which should be left out for creating a new Entity
+     */
+    static getOmitForCreate(entity) {
+        const res = [];
+        for (const key of Reflect.ownKeys(entity)) {
+            const metadata = Reflect.getMetadata('metadata', entity, key);
+            if (metadata.omitForCreate) {
+                res.push(key);
+            }
+        }
+        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
+     */
+    static getPropertyMetadata(entity, propertyKey, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    type) {
+        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)}`);
+            }
+            return metadata;
+        }
+        catch (error) {
+            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
+     */
+    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)}`);
+            }
+            return propertyType;
+        }
+        catch (error) {
+            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)
+     * @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));
+            }
+        }
+    }
+    /**
+     * 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
+     * @returns Whether or not the entity is valid.
+     */
+    static isEntityValid(entity, omit) {
+        for (const key in entity) {
+            if (!this.isPropertyValid(entity, key, omit)) {
+                return false;
+            }
+        }
+        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
+     */
+    static isPropertyValid(entity, key, omit) {
+        const type = this.getPropertyType(entity, key);
+        const metadata = this.getPropertyMetadata(entity, key, type);
+        const metadataDefaultString = metadata;
+        const metadataTextboxString = metadata;
+        const metadataAutocompleteString = metadata;
+        const metadataDefaultNumber = metadata;
+        const objectProperty = entity[key];
+        const metadataEntityArray = metadata;
+        const arrayItems = entity[key];
+        if (metadata.omitForCreate && omit === 'create') {
+            return true;
+        }
+        if (metadata.omitForUpdate && omit === 'edit') {
+            return true;
+        }
+        if (metadata.required && !entity[key]) {
+            return false;
+        }
+        switch (type) {
+            case DecoratorTypes.STRING:
+                if (metadataDefaultString.maxLength
+                    && entity[key].length > metadataDefaultString.maxLength) {
+                    return false;
+                }
+                if (metadataDefaultString.minLength
+                    && entity[key].length < metadataDefaultString.minLength) {
+                    return false;
+                }
+                if (metadataDefaultString.regex
+                    && !entity[key].match(metadataDefaultString.regex)) {
+                    return false;
+                }
+                break;
+            case DecoratorTypes.STRING_AUTOCOMPLETE:
+                if (metadataAutocompleteString.maxLength
+                    && entity[key].length > metadataAutocompleteString.maxLength) {
+                    return false;
+                }
+                if (metadataAutocompleteString.minLength
+                    && entity[key].length < metadataAutocompleteString.minLength) {
+                    return false;
+                }
+                if (metadataAutocompleteString.regex
+                    && entity[key].match(metadataAutocompleteString.regex)) {
+                    return false;
+                }
+                break;
+            case DecoratorTypes.STRING_TEXTBOX:
+                if (metadataTextboxString.maxLength
+                    && entity[key].length > metadataTextboxString.maxLength) {
+                    return false;
+                }
+                if (metadataTextboxString.minLength
+                    && entity[key].length < metadataTextboxString.minLength) {
+                    return false;
+                }
+                break;
+            case DecoratorTypes.NUMBER:
+                if (metadataDefaultNumber.max && entity[key] > metadataDefaultNumber.max) {
+                    return false;
+                }
+                if (metadataDefaultNumber.min && entity[key] > metadataDefaultNumber.min) {
+                    return false;
+                }
+                break;
+            case DecoratorTypes.OBJECT:
+                for (const parameterKey in objectProperty) {
+                    if (!this.isPropertyValid(objectProperty, parameterKey, omit)) {
+                        return false;
+                    }
+                }
+                break;
+            case DecoratorTypes.ARRAY_STRING_CHIPS:
+            case DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS:
+            case DecoratorTypes.ARRAY:
+                if (metadataEntityArray.required && !arrayItems.length) {
+                    return false;
+                }
+                break;
+            default:
+                throw new Error(`Could not validate the input because the DecoratorType ${type} is not known`);
+        }
+        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
+     */
+    static dirty(entity, entityPriorChanges) {
+        if (!entityPriorChanges) {
+            return false;
+        }
+        else {
+            const diff = this.difference(entity, entityPriorChanges);
+            if (JSON.stringify(diff) === '{}') {
+                return false;
+            }
+            else {
+                return true;
+            }
+        }
+    }
+    /**
+     * 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 = {};
+        for (const key in entity) {
+            if (!isEqual(entity[key], entityPriorChanges[key])) {
+                res[key] = entity[key];
+            }
+        }
+        return res;
+    }
+    /**
+     * 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)
+     */
+    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) {
+            return 1;
+        }
+        else if (metadataB.order === -1) {
+            return 0;
+        }
+        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
+     */
+    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');
+        }
+    }
+    /**
+     * 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) {
+            Reflect.set(entity, key, Reflect.get(entityPriorChanges, key));
+        }
+    }
+}
+_a = EntityUtilities;
+// eslint-disable-next-line @typescript-eslint/member-ordering
+EntityUtilities.construct = _a.new;
+// eslint-disable-next-line @typescript-eslint/member-ordering
+EntityUtilities.build = _a.new;
+
+/**
+ * A generic EntityService class.
+ * Offers basic CRUD-functionality.
+ * You should create a service for every Entity you have.
+ * If you extend from this you need to make sure that the extended Service can be injected.
+ */
+class EntityService {
+    constructor(http) {
+        this.http = http;
+        /**
+         * 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
+     */
+    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.
+     * All values that should be omitted will be removed from it inside this method.
+     * @returns A Promise of the created entity
+     */
+    create(entity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const body = omit(entity, EntityUtilities.getOmitForCreate(entity));
+            const e = yield firstValueFrom(this.http.post(this.baseUrl, body));
+            this.entities.push(e);
+            this.entitiesSubject.next(this.entities);
+            return e;
+        });
+    }
+    /**
+     * Gets all existing entities and pushes them to the entites array
+     * @returns A Promise of all received Entities
+     */
+    read() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const e = yield firstValueFrom(this.http.get(this.baseUrl));
+            this.entitiesSubject.next(e);
+            return e;
+        });
+    }
+    /**
+     * 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
+     */
+    update(entity, entityPriorChanges) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reqBody = omit(EntityUtilities.difference(entity, entityPriorChanges), EntityUtilities.getOmitForUpdate(entity));
+            const updatedEntity = yield firstValueFrom(this.http.patch(`${this.baseUrl}/${entityPriorChanges.id}`, omitBy(reqBody, isNil)));
+            this.entities[this.entities.findIndex((e) => e.id === entityPriorChanges.id)] = updatedEntity;
+            this.entitiesSubject.next(this.entities);
+        });
+    }
+    /**
+     * Method to delete a specific Entity
+     * @param id The id of the element to delete
+     */
+    delete(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield firstValueFrom(this.http.delete(`${this.baseUrl}/${id}`));
+            this.entities.splice(this.entities.findIndex((e) => e.id === id), 1);
+            this.entitiesSubject.next(this.entities);
+        });
+    }
+}
+
+class NgxMatEntityConfirmDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        /**
+         * Used for the checkbox to confirm the action
+         */
+        this.confirm = false;
+    }
+    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`);
+        }
+        if (!this.data.requireConfirmation && this.data.confirmationText) {
+            throw new Error('The "confirmationText" will never be shown because "requireConfirmation" is not set to true');
+        }
+        if (this.data.requireConfirmation !== true && this.data.requireConfirmation !== false) {
+            this.data.requireConfirmation = false;
+        }
+        if (this.data.type === 'info-only' && this.data.cancelButtonLabel) {
+            throw new Error('The "cancelButtonLabel" will never be shown because "type" is set to "info-only"');
+        }
+        this.dialogRef.disableClose = true;
+    }
+    confirmAction() {
+        this.dialogRef.close(1);
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+}
+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]" }] });
+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"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    } });
+
+class NgxMatEntityConfirmDialogModule {
+}
+NgxMatEntityConfirmDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityConfirmDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogModule, declarations: [NgxMatEntityConfirmDialogComponent], imports: [CommonModule, MatDialogModule, FormsModule, MatCheckboxModule, MatButtonModule], exports: [NgxMatEntityConfirmDialogComponent] });
+NgxMatEntityConfirmDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogModule, imports: [[CommonModule, MatDialogModule, FormsModule, MatCheckboxModule, MatButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityConfirmDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityConfirmDialogComponent],
+                    imports: [CommonModule, MatDialogModule, FormsModule, MatCheckboxModule, MatButtonModule],
+                    exports: [NgxMatEntityConfirmDialogComponent]
+                }]
+        }] });
+
+/**
+ * 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
+ */
+function getValidationErrorMessage(model) {
+    if (model.hasError('matDatepickerParse')) {
+        return 'not a valid date';
+    }
+    else if (model.hasError('email')) {
+        return 'not a valid email';
+    }
+    else if (model.hasError('minlength')) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        return `needs to be at least ${model.getError('minlength').requiredLength} characters long`;
+    }
+    else if (model.hasError('min')) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        return `needs to be equal or bigger than ${model.getError('min').min}`;
+    }
+    else if (model.hasError('max')) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        return `needs to be equal or smaller than ${model.getError('max').max}`;
+    }
+    else if (model.hasError('required')) {
+        return 'required';
+    }
+    else {
+        return 'invalid input';
+    }
+}
+
+class NgxMatEntityInternalInputComponent {
+    constructor() {
+        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;
+    }
+    ngOnInit() {
+        if (!this.entity) {
+            throw new Error('Missing required Input data "entity"');
+        }
+        if (!this.propertyKey) {
+            throw new Error('Missing required Input data "propertyKey"');
+        }
+        this.type = EntityUtilities.getPropertyType(this.entity, this.propertyKey);
+        this.metadata = EntityUtilities.getPropertyMetadata(this.entity, this.propertyKey, this.type);
+        this.metadataDefaultString = this.metadata;
+        this.metadataTextboxString = this.metadata;
+        this.metadataAutocompleteString = this.metadata;
+        this.metadataDropdownString = this.metadata;
+        this.metadataDropdownBoolean = this.metadata;
+        this.metadataDefaultNumber = this.metadata;
+        this.metadataDropdownNumber = this.metadata;
+        this.metadataDefaultObject = this.metadata;
+        this.objectProperty = this.entity[this.propertyKey];
+    }
+    getObjectProperties() {
+        const res = [];
+        for (const property in this.objectProperty) {
+            const metadata = EntityUtilities.getPropertyMetadata(this.objectProperty, property, EntityUtilities.getPropertyType(this.objectProperty, property));
+            if (!(this.hideOmitForCreate && metadata.omitForCreate)
+                && !(this.hideOmitForEdit && metadata.omitForUpdate)) {
+                res.push(property);
+            }
+        }
+        return res.sort((a, b) => EntityUtilities.compareOrder(a, b, this.objectProperty));
+    }
+}
+NgxMatEntityInternalInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgxMatEntityInternalInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: { entity: "entity", propertyKey: "propertyKey", hideOmitForCreate: "hideOmitForCreate", hideOmitForEdit: "hideOmitForEdit", getValidationErrorMessage: "getValidationErrorMessage" }, 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                [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                [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                [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 metadataAutocompleteString.autocompleteValues\" [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\">\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\">\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\">\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\">\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                [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\">\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-internal-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-internal-input>\n        </div>\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: NgxMatEntityInternalInputComponent, selector: "ngx-mat-entity-internal-input", inputs: ["entity", "propertyKey", "hideOmitForCreate", "hideOmitForEdit", "getValidationErrorMessage"] }], 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.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: 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: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityInternalInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-mat-entity-internal-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                [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                [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                [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 metadataAutocompleteString.autocompleteValues\" [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\">\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\">\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\">\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\">\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                [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\">\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-internal-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-internal-input>\n        </div>\n    </div>\n\n    <div *ngSwitchDefault>ERROR: The type {{type}}is not known.</div>\n</div>", styles: ["mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { entity: [{
+                type: Input
+            }], propertyKey: [{
+                type: Input
+            }], hideOmitForCreate: [{
+                type: Input
+            }], hideOmitForEdit: [{
+                type: Input
+            }], getValidationErrorMessage: [{
+                type: Input
+            }] } });
+
+class NgxMatEntityAddArrayItemDialogComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.EntityUtilities = EntityUtilities;
+        this.getWidth = EntityUtilities.getWidth;
+    }
+    ngOnInit() {
+        this.dialogRef.disableClose = true;
+        this.setEntityKeys();
+    }
+    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() {
+        this.dialogRef.close(1);
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+}
+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]" }] });
+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"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1.MatDialogRef }];
+    } });
+
+class NgxMatEntityArrayTableComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.selection = new SelectionModel(true, []);
+        this.getWidth = EntityUtilities.getWidth;
+        this.EntityUtilities = EntityUtilities;
+    }
+    trackByFn(index) {
+        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.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() {
+        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.`);
+        }
+    }
+    add() {
+        if (this.metadata.createInline) {
+            this.arrayItems.push(cloneDeep(this.arrayItem));
+            this.dataSource.data = this.arrayItems;
+            EntityUtilities.resetChangesOnEntity(this.arrayItem, this.arrayItemPriorChanges);
+        }
+        else {
+            const dialogData = {
+                entity: this.arrayItem,
+                createDialogData: this.metadata.createDialogData,
+                getValidationErrorMessage: this.getValidationErrorMessage
+            };
+            firstValueFrom(this.dialog.open(NgxMatEntityAddArrayItemDialogComponent, {
+                data: dialogData,
+                autoFocus: false,
+                restoreFocus: false
+            }).afterClosed()).then((res) => {
+                if (res === 1) {
+                    this.arrayItems.push(cloneDeep(this.arrayItem));
+                    this.dataSource.data = this.arrayItems;
+                }
+                EntityUtilities.resetChangesOnEntity(this.arrayItem, this.arrayItemPriorChanges);
+            });
+        }
+    }
+    remove() {
+        this.selection.selected.forEach(s => {
+            this.arrayItems.splice(this.arrayItems.indexOf(s), 1);
+        });
+        this.dataSource.data = this.arrayItems;
+        this.selection.clear();
+    }
+    getObjectProperties() {
+        const res = [];
+        for (const property in this.arrayItem) {
+            const metadata = EntityUtilities.getPropertyMetadata(this.arrayItem, property, EntityUtilities.getPropertyType(this.arrayItem, property));
+            if (!(metadata.omitForCreate)) {
+                res.push(property);
+            }
+        }
+        return res.sort((a, b) => EntityUtilities.compareOrder(a, b, this.arrayItem));
+    }
+    masterToggle() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+        }
+        else {
+            this.dataSource.data.forEach((row) => this.selection.select(row));
+        }
+    }
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.dataSource.data.length;
+        return numSelected === numRows;
+    }
+}
+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"] }] });
+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"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { arrayItems: [{
+                type: Input
+            }], metadata: [{
+                type: Input
+            }], getValidationErrorMessage: [{
+                type: Input
+            }], omit: [{
+                type: Input
+            }] } });
+
+class NgxMatEntityInputComponent {
+    constructor() {
+        this.chipsInput = '';
+        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;
+    }
+    ngOnInit() {
+        var _a;
+        if (!this.entity) {
+            throw new Error('Missing required Input data "entity"');
+        }
+        if (!this.propertyKey) {
+            throw new Error('Missing required Input data "propertyKey"');
+        }
+        this.type = EntityUtilities.getPropertyType(this.entity, this.propertyKey);
+        this.metadata = EntityUtilities.getPropertyMetadata(this.entity, this.propertyKey, this.type);
+        this.metadataDefaultString = this.metadata;
+        this.metadataTextboxString = this.metadata;
+        this.metadataAutocompleteString = this.metadata;
+        this.autocompleteStrings = this.metadataAutocompleteString.autocompleteValues;
+        this.filteredAutocompleteStrings = cloneDeep(this.autocompleteStrings);
+        this.metadataDropdownString = this.metadata;
+        this.metadataDropdownBoolean = this.metadata;
+        this.metadataDefaultNumber = this.metadata;
+        this.metadataDropdownNumber = this.metadata;
+        this.metadataDefaultObject = this.metadata;
+        this.objectProperty = this.entity[this.propertyKey];
+        this.metadataEntityArray = this.metadata;
+        if (this.metadataEntityArray.EntityClass) {
+            if (!this.entity[this.propertyKey]) {
+                this.entity[this.propertyKey] = [];
+            }
+            this.entityArrayValues = this.entity[this.propertyKey];
+            if (this.metadataEntityArray.createInline === undefined) {
+                this.metadataEntityArray.createInline = true;
+            }
+            if (!this.metadataEntityArray.createInline && !this.metadataEntityArray.createDialogData) {
+                this.metadataEntityArray.createDialogData = {
+                    title: 'Add'
+                };
+            }
+        }
+        this.metadataStringChipsArray = this.metadata;
+        if (this.metadataStringChipsArray.itemType
+            && ((_a = this.entity[this.propertyKey]) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.stringChipsArrayValues = this.entity[this.propertyKey];
+        }
+        this.metadataAutocompleteStringChipsArray = this.metadata;
+        if (!this.getValidationErrorMessage) {
+            this.getValidationErrorMessage = getValidationErrorMessage;
+        }
+    }
+    getObjectProperties() {
+        const res = [];
+        for (const property in this.objectProperty) {
+            const metadata = EntityUtilities.getPropertyMetadata(this.objectProperty, property, EntityUtilities.getPropertyType(this.objectProperty, property));
+            if (!(this.hideOmitForCreate && metadata.omitForCreate)
+                && !(this.hideOmitForEdit && metadata.omitForUpdate)) {
+                res.push(property);
+            }
+        }
+        return res.sort((a, b) => EntityUtilities.compareOrder(a, b, this.objectProperty));
+    }
+    addStringChipArrayValue(event) {
+        const value = (event.value || '').trim();
+        if (value) {
+            if (this.metadataStringChipsArray.minLength && value.length < this.metadataStringChipsArray.minLength) {
+                return;
+            }
+            if (this.metadataStringChipsArray.maxLength && value.length > this.metadataStringChipsArray.maxLength) {
+                return;
+            }
+            if (this.metadataStringChipsArray.regex && !value.match(this.metadataStringChipsArray.regex)) {
+                return;
+            }
+            if (!this.stringChipsArrayValues) {
+                if (!this.entity[this.propertyKey]) {
+                    this.entity[this.propertyKey] = [];
+                }
+                this.stringChipsArrayValues = this.entity[this.propertyKey];
+            }
+            this.stringChipsArrayValues.push(value);
+        }
+        event.chipInput.clear();
+    }
+    removeStringChipArrayValue(value) {
+        this.stringChipsArrayValues.splice(this.stringChipsArrayValues.indexOf(value), 1);
+        if (!this.stringChipsArrayValues.length) {
+            this.entity[this.propertyKey] = undefined;
+            this.stringChipsArrayValues = this.entity[this.propertyKey];
+        }
+    }
+    selected(event, chipsInput) {
+        const value = (event.option.viewValue || '').trim();
+        if (this.metadataStringChipsArray.minLength && value.length < this.metadataStringChipsArray.minLength) {
+            return;
+        }
+        if (this.metadataStringChipsArray.maxLength && value.length > this.metadataStringChipsArray.maxLength) {
+            return;
+        }
+        if (this.metadataStringChipsArray.regex && !value.match(this.metadataStringChipsArray.regex)) {
+            return;
+        }
+        if (!this.stringChipsArrayValues) {
+            if (!this.entity[this.propertyKey]) {
+                this.entity[this.propertyKey] = [];
+            }
+            this.stringChipsArrayValues = this.entity[this.propertyKey];
+        }
+        this.stringChipsArrayValues.push(value);
+        chipsInput.value = '';
+    }
+    filterAutocompleteStrings(input) {
+        const filterValue = input.toLowerCase();
+        this.filteredAutocompleteStrings = this.autocompleteStrings.filter(s => s.toLowerCase().includes(filterValue));
+    }
+}
+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]" }] });
+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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { entity: [{
+                type: Input
+            }], propertyKey: [{
+                type: Input
+            }], getValidationErrorMessage: [{
+                type: Input
+            }], hideOmitForCreate: [{
+                type: Input
+            }], hideOmitForEdit: [{
+                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() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (this.data.createDialogData.createRequiresConfirmDialog === false) {
+            return this.confirmCreate();
+        }
+        const dialogData = {
+            // eslint-disable-next-line max-len
+            text: ((_a = this.data.createDialogData.confirmCreateDialogData) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.data.createDialogData.confirmCreateDialogData) === null || _b === void 0 ? void 0 : _b.text : ['Do you really want to create this entity?'],
+            type: 'default',
+            // eslint-disable-next-line max-len
+            confirmButtonLabel: ((_c = this.data.createDialogData.confirmCreateDialogData) === null || _c === void 0 ? void 0 : _c.confirmButtonLabel) ? (_d = this.data.createDialogData.confirmCreateDialogData) === null || _d === void 0 ? void 0 : _d.confirmButtonLabel : 'Create',
+            // eslint-disable-next-line max-len
+            cancelButtonLabel: ((_e = this.data.createDialogData.confirmCreateDialogData) === null || _e === void 0 ? void 0 : _e.cancelButtonLabel) ? (_f = this.data.createDialogData.confirmCreateDialogData) === null || _f === void 0 ? void 0 : _f.cancelButtonLabel : 'Cancel',
+            // eslint-disable-next-line max-len
+            title: ((_g = this.data.createDialogData.confirmCreateDialogData) === null || _g === void 0 ? void 0 : _g.title) ? (_h = this.data.createDialogData.confirmCreateDialogData) === null || _h === void 0 ? void 0 : _h.title : 'Create',
+            // eslint-disable-next-line max-len
+            requireConfirmation: ((_j = this.data.createDialogData.confirmCreateDialogData) === null || _j === void 0 ? void 0 : _j.requireConfirmation) ? (_k = this.data.createDialogData.confirmCreateDialogData) === null || _k === void 0 ? void 0 : _k.requireConfirmation : false,
+            // eslint-disable-next-line max-len
+            confirmationText: ((_l = this.data.createDialogData.confirmCreateDialogData) === null || _l === void 0 ? void 0 : _l.confirmationText) ? (_m = this.data.createDialogData.confirmCreateDialogData) === null || _m === void 0 ? void 0 : _m.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();
+    }
+}
+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 }];
+    } });
+
+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() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (this.data.editDialogData.editRequiresConfirmDialog === false) {
+            return this.confirmEdit();
+        }
+        const dialogData = {
+            // eslint-disable-next-line max-len
+            text: ((_a = this.data.editDialogData.confirmEditDialogData) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.data.editDialogData.confirmEditDialogData) === null || _b === void 0 ? void 0 : _b.text : ['Do you really want to save all changes?'],
+            type: 'default',
+            // eslint-disable-next-line max-len
+            confirmButtonLabel: ((_c = this.data.editDialogData.confirmEditDialogData) === null || _c === void 0 ? void 0 : _c.confirmButtonLabel) ? (_d = this.data.editDialogData.confirmEditDialogData) === null || _d === void 0 ? void 0 : _d.confirmButtonLabel : 'Confirm',
+            // eslint-disable-next-line max-len
+            cancelButtonLabel: ((_e = this.data.editDialogData.confirmEditDialogData) === null || _e === void 0 ? void 0 : _e.cancelButtonLabel) ? (_f = this.data.editDialogData.confirmEditDialogData) === null || _f === void 0 ? void 0 : _f.cancelButtonLabel : 'Cancel',
+            title: ((_g = this.data.editDialogData.confirmEditDialogData) === null || _g === void 0 ? void 0 : _g.title) ? (_h = this.data.editDialogData.confirmEditDialogData) === null || _h === void 0 ? void 0 : _h.title : 'Edit',
+            // eslint-disable-next-line max-len
+            requireConfirmation: ((_j = this.data.editDialogData.confirmEditDialogData) === null || _j === void 0 ? void 0 : _j.requireConfirmation) ? (_k = this.data.editDialogData.confirmEditDialogData) === null || _k === void 0 ? void 0 : _k.requireConfirmation : false,
+            // eslint-disable-next-line max-len
+            confirmationText: ((_l = this.data.editDialogData.confirmEditDialogData) === null || _l === void 0 ? void 0 : _l.confirmationText) ? (_m = this.data.editDialogData.confirmEditDialogData) === null || _m === void 0 ? void 0 : _m.confirmationText : undefined,
+        };
+        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+            data: dialogData,
+            autoFocus: false,
+            restoreFocus: false
+        });
+        dialogref.afterClosed().subscribe((res) => {
+            if (res === 1) {
+                this.confirmEdit();
+            }
+        });
+    }
+    confirmEdit() {
+        this.entityService.update(this.data.entity, this.entityPriorChanges).then(() => this.dialogRef.close(1));
+    }
+    delete() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (this.data.editDialogData.deleteRequiresConfirmDialog === false) {
+            return this.confirmDelete();
+        }
+        const dialogData = {
+            // eslint-disable-next-line max-len
+            text: ((_a = this.data.editDialogData.confirmDeleteDialogData) === null || _a === void 0 ? void 0 : _a.text) ? (_b = this.data.editDialogData.confirmDeleteDialogData) === null || _b === void 0 ? void 0 : _b.text : ['Do you really want to delete this entity?'],
+            type: 'delete',
+            // eslint-disable-next-line max-len
+            confirmButtonLabel: ((_c = this.data.editDialogData.confirmDeleteDialogData) === null || _c === void 0 ? void 0 : _c.confirmButtonLabel) ? (_d = this.data.editDialogData.confirmDeleteDialogData) === null || _d === void 0 ? void 0 : _d.confirmButtonLabel : 'Delete',
+            // eslint-disable-next-line max-len
+            cancelButtonLabel: ((_e = this.data.editDialogData.confirmDeleteDialogData) === null || _e === void 0 ? void 0 : _e.cancelButtonLabel) ? (_f = this.data.editDialogData.confirmDeleteDialogData) === null || _f === void 0 ? void 0 : _f.cancelButtonLabel : 'Cancel',
+            // eslint-disable-next-line max-len
+            title: ((_g = this.data.editDialogData.confirmDeleteDialogData) === null || _g === void 0 ? void 0 : _g.title) ? (_h = this.data.editDialogData.confirmDeleteDialogData) === null || _h === void 0 ? void 0 : _h.title : 'Delete',
+            // eslint-disable-next-line max-len
+            requireConfirmation: ((_j = this.data.editDialogData.confirmDeleteDialogData) === null || _j === void 0 ? void 0 : _j.requireConfirmation) ? (_k = this.data.editDialogData.confirmDeleteDialogData) === null || _k === void 0 ? void 0 : _k.requireConfirmation : false,
+            // eslint-disable-next-line max-len
+            confirmationText: ((_l = this.data.editDialogData.confirmDeleteDialogData) === null || _l === void 0 ? void 0 : _l.confirmationText) ? (_m = this.data.editDialogData.confirmDeleteDialogData) === null || _m === void 0 ? void 0 : _m.confirmationText : undefined,
+        };
+        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+            data: dialogData,
+            autoFocus: false,
+            restoreFocus: false
+        });
+        dialogref.afterClosed().subscribe((res) => {
+            if (res === 1) {
+                this.confirmDelete();
+            }
+        });
+    }
+    confirmDelete() {
+        this.entityService.delete(this.entityPriorChanges.id).then(() => this.dialogRef.close(2));
+    }
+    cancel() {
+        EntityUtilities.resetChangesOnEntity(this.data.entity, this.entityPriorChanges);
+        this.dialogRef.close(0);
+    }
+}
+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]" }] });
+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"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1.MatDialogRef }, { type: i0.Injector }, { type: i1.MatDialog }];
+    } });
+
+class NgxMatEntityTableComponent {
+    constructor(dialog, injector) {
+        this.dialog = dialog;
+        this.injector = injector;
+        this.onDestroy = new Subject();
+        this.dataSource = new MatTableDataSource();
+        this.selection = new SelectionModel(true, []);
+    }
+    ngOnInit() {
+        var _a;
+        this.validateInput();
+        this.entityService = this.injector.get(this.entitiesData.baseData.EntityServiceClass);
+        const givenDisplayColumns = this.entitiesData.baseData.displayColumns.map((v) => v.displayName);
+        if ((_a = this.entitiesData.baseData.multiSelectActions) === null || _a === void 0 ? void 0 : _a.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.displayedColumns = ['select'].concat(givenDisplayColumns);
+        }
+        else {
+            this.displayedColumns = givenDisplayColumns;
+        }
+        this.dataSource.sortingDataAccessor = (entity, header) => {
+            var _a;
+            return (_a = this.entitiesData.baseData.displayColumns.find((dp) => dp.displayName === header)) === null || _a === void 0 ? void 0 : _a.value(entity);
+        };
+        this.dataSource.sort = this.sort;
+        if (this.entitiesData.baseData.searchString) {
+            this.dataSource.filterPredicate = (entity, filter) => {
+                var _a, _b;
+                const searchStr = (_b = (_a = this.entitiesData.baseData).searchString) === null || _b === void 0 ? void 0 : _b.call(_a, entity);
+                const formattedSearchString = searchStr.toLowerCase();
+                const formattedFilterString = filter.toLowerCase();
+                return formattedSearchString.includes(formattedFilterString);
+            };
+        }
+        this.dataSource.filter = this.filter;
+        this.dataSource.paginator = this.paginator;
+        this.entityService.entitiesSubject.pipe(takeUntil(this.onDestroy)).subscribe((entities) => {
+            this.dataSource.data = entities;
+            this.selection.clear();
+        });
+        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) {
+        var _a, _b;
+        if ((_b = (_a = this.entitiesData.baseData).allowEdit) === null || _b === void 0 ? void 0 : _b.call(_a, entity)) {
+            if (this.entitiesData.baseData.edit) {
+                this.entitiesData.baseData.edit(new this.entitiesData.baseData.EntityClass(entity));
+            }
+            else {
+                this.editDefault(new this.entitiesData.baseData.EntityClass(entity));
+            }
+        }
+    }
+    editDefault(entity) {
+        const dialogData = {
+            entity: entity,
+            EntityServiceClass: this.entitiesData.baseData.EntityServiceClass,
+            allowDelete: this.entitiesData.baseData.allowDelete,
+            editDialogData: this.entitiesData.editDialogData
+        };
+        firstValueFrom(this.dialog.open(NgxMatEntityEditDialogComponent, {
+            data: dialogData,
+            minWidth: '60%',
+            autoFocus: false,
+            restoreFocus: false
+        }).afterClosed()).then((res) => {
+            if (res === 0) {
+                const data = this.dataSource.data;
+                data[this.dataSource.data.findIndex((e) => e.id === entity.id)] = entity;
+                this.dataSource.data = data;
+                this.selection.clear();
+            }
+        });
+    }
+    createEntity() {
+        if (this.entitiesData.baseData.allowCreate) {
+            if (this.entitiesData.baseData.create) {
+                this.entitiesData.baseData.create(new this.entitiesData.baseData.EntityClass());
+            }
+            else {
+                this.createDefault(new this.entitiesData.baseData.EntityClass());
+            }
+        }
+    }
+    createDefault(entity) {
+        const dialogData = {
+            entity: entity,
+            EntityServiceClass: this.entitiesData.baseData.EntityServiceClass,
+            createDialogData: this.entitiesData.createDialogData
+        };
+        this.dialog.open(NgxMatEntityCreateDialogComponent, {
+            data: dialogData,
+            minWidth: '60%',
+            autoFocus: false,
+            restoreFocus: false
+        });
+    }
+    runMultiAction(action) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        if (!action.requireConfirmDialog || !action.requireConfirmDialog(this.selection.selected)) {
+            return this.confirmRunMultiAction(action);
+        }
+        const dialogData = {
+            // eslint-disable-next-line max-len
+            text: ((_a = action.confirmDialogData) === null || _a === void 0 ? void 0 : _a.text) ? (_b = action.confirmDialogData) === null || _b === void 0 ? void 0 : _b.text : [`Do you really want to run this action on ${this.selection.selected.length} entries?`],
+            type: 'default',
+            confirmButtonLabel: ((_c = action.confirmDialogData) === null || _c === void 0 ? void 0 : _c.confirmButtonLabel) ? (_d = action.confirmDialogData) === null || _d === void 0 ? void 0 : _d.confirmButtonLabel : 'Confirm',
+            cancelButtonLabel: ((_e = action.confirmDialogData) === null || _e === void 0 ? void 0 : _e.cancelButtonLabel) ? (_f = action.confirmDialogData) === null || _f === void 0 ? void 0 : _f.cancelButtonLabel : 'Cancel',
+            title: ((_g = action.confirmDialogData) === null || _g === void 0 ? void 0 : _g.title) ? (_h = action.confirmDialogData) === null || _h === void 0 ? void 0 : _h.title : action.displayName,
+            requireConfirmation: ((_j = action.confirmDialogData) === null || _j === void 0 ? void 0 : _j.requireConfirmation) ? (_k = action.confirmDialogData) === null || _k === void 0 ? void 0 : _k.requireConfirmation : false,
+            confirmationText: ((_l = action.confirmDialogData) === null || _l === void 0 ? void 0 : _l.confirmationText) ? (_m = action.confirmDialogData) === null || _m === void 0 ? void 0 : _m.confirmationText : undefined
+        };
+        const dialogref = this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+            data: dialogData,
+            autoFocus: false,
+            restoreFocus: false
+        });
+        dialogref.afterClosed().subscribe((res) => {
+            if (res === 1) {
+                this.confirmRunMultiAction(action);
+            }
+        });
+    }
+    confirmRunMultiAction(action) {
+        action.action(this.selection.selected);
+    }
+    multiActionDisabled(action) {
+        var _a;
+        if (!this.selection.selected.length) {
+            return true;
+        }
+        if (((_a = action.enabled) === null || _a === void 0 ? void 0 : _a.call(action, this.selection.selected)) === false) {
+            return true;
+        }
+        return false;
+    }
+    masterToggle() {
+        if (this.isAllSelected()) {
+            this.selection.clear();
+        }
+        else {
+            this.dataSource.data.forEach((row) => this.selection.select(row));
+        }
+    }
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.dataSource.data.length;
+        return numSelected === numRows;
+    }
+    ngOnDestroy() {
+        this.onDestroy.next(undefined);
+        this.onDestroy.complete();
+    }
+    applyFilter(event) {
+        const filterValue = event.target.value;
+        this.dataSource.filter = filterValue.trim().toLowerCase();
+    }
+}
+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"] }] });
+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: [{
+                type: Input
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: true }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: true }]
+            }], filter: [{
+                type: ViewChild,
+                args: ['filter', { static: true }]
+            }] } });
+
+class NgxMatEntityTableModule {
+}
+NgxMatEntityTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableModule, declarations: [NgxMatEntityTableComponent], imports: [CommonModule,
+        MatInputModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatCheckboxModule,
+        MatTableModule,
+        MatPaginatorModule,
+        MatButtonModule,
+        MatMenuModule,
+        MatDialogModule], exports: [NgxMatEntityTableComponent] });
+NgxMatEntityTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableModule, imports: [[
+            CommonModule,
+            MatInputModule,
+            FormsModule,
+            MatFormFieldModule,
+            MatCheckboxModule,
+            MatTableModule,
+            MatPaginatorModule,
+            MatButtonModule,
+            MatMenuModule,
+            MatDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityTableComponent],
+                    imports: [
+                        CommonModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatCheckboxModule,
+                        MatTableModule,
+                        MatPaginatorModule,
+                        MatButtonModule,
+                        MatMenuModule,
+                        MatDialogModule
+                    ],
+                    exports: [NgxMatEntityTableComponent]
+                }]
+        }] });
+
+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 });
+NgxMatEntityCreateDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogModule, declarations: [NgxMatEntityCreateDialogComponent], imports: [CommonModule, NgxMatEntityInputModule, MatDialogModule, FormsModule, MatButtonModule], exports: [NgxMatEntityCreateDialogComponent] });
+NgxMatEntityCreateDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogModule, imports: [[CommonModule, NgxMatEntityInputModule, MatDialogModule, FormsModule, MatButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityCreateDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityCreateDialogComponent],
+                    imports: [CommonModule, NgxMatEntityInputModule, MatDialogModule, FormsModule, MatButtonModule],
+                    exports: [NgxMatEntityCreateDialogComponent]
+                }]
+        }] });
+
+class NgxMatEntityEditDialogModule {
+}
+NgxMatEntityEditDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxMatEntityEditDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogModule, declarations: [NgxMatEntityEditDialogComponent], imports: [CommonModule,
+        NgxMatEntityInputModule,
+        MatDialogModule,
+        FormsModule,
+        MatButtonModule,
+        NgxMatEntityConfirmDialogModule], exports: [NgxMatEntityEditDialogComponent] });
+NgxMatEntityEditDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogModule, imports: [[
+            CommonModule,
+            NgxMatEntityInputModule,
+            MatDialogModule,
+            FormsModule,
+            MatButtonModule,
+            NgxMatEntityConfirmDialogModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NgxMatEntityEditDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgxMatEntityEditDialogComponent],
+                    imports: [
+                        CommonModule,
+                        NgxMatEntityInputModule,
+                        MatDialogModule,
+                        FormsModule,
+                        MatButtonModule,
+                        NgxMatEntityConfirmDialogModule
+                    ],
+                    exports: [NgxMatEntityEditDialogComponent]
+                }]
+        }] });
+
+/**
+ * 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}`);
+    }
+}
+/**
+ * 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;
+    }
+}
+/**
+ * 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;
+    }
+}
+/**
+ * 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;
+    }
+}
+
+/**
+ * Decorator for setting and getting string propery metadata
+ * @param metadata The metadata of the string property
+ */
+function boolean(metadata) {
+    if (metadata.displayStyle === 'dropdown') {
+        return baseProperty(new DropdownBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_DROPDOWN);
+    }
+    else if (metadata.displayStyle === 'checkbox') {
+        return baseProperty(new CheckboxBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_CHECKBOX);
+    }
+    else {
+        return baseProperty(new ToggleBooleanDecoratorConfig(metadata), DecoratorTypes.BOOLEAN_TOGGLE);
+    }
+}
+/**
+ * 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 ToggleBooleanDecoratorConfig extends BooleanDecoratorConfig {
+    constructor(metadata) {
+        super(metadata.displayName, metadata.display, metadata.required, metadata.omitForCreate, metadata.omitForUpdate, metadata.defaultWidths, metadata.order);
+        this.displayStyle = metadata.displayStyle;
+    }
+}
+
+/**
+ * Decorator for setting and getting string propery metadata
+ * @param metadata The metadata of the string property
+ */
+function number(metadata) {
+    if (metadata.displayStyle === 'dropdown') {
+        return baseProperty(new DropdownNumberDecoratorConfig(metadata), DecoratorTypes.NUMBER_DROPDOWN);
+    }
+    else {
+        return baseProperty(new DefaultNumberDecoratorConfig(metadata), DecoratorTypes.NUMBER);
+    }
+}
+/**
+ * Interface 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;
+    }
+}
+
+/**
+ * Decorator for setting and getting object propery metadata.
+ * @param metadata The metadata of the object property
+ */
+function object(metadata) {
+    return baseProperty(new DefaultObjectDecoratorConfig(metadata), DecoratorTypes.OBJECT);
+}
+/**
+ * Interface 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;
+    }
+}
+
+/*
+ * 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 };
+//# sourceMappingURL=ngx-material-entity.mjs.map