ngx-material-entity 1.0.0 → 1.0.5

package/README.md

@@ -1006,7 +1006,7 @@ The component needs to extend the NgxMatEntityBaseInputComponent:
     styleUrls: ['./custom-input.component.scss']
 })
 export class CustomInputComponent
-    extends NgxMatEntityBaseInputComponent<MyEntity, DecoratorTypes.CUSTOM, MyCustomMetadata>
+    extends NgxMatEntityBaseInputComponent<MyEntity, DecoratorTypes.CUSTOM, string, MyCustomMetadata>
     implements OnInit {
     // Define your logic here.
     // The base class already provides the entity and key values and handles getting the metadata.
@@ -1110,15 +1110,21 @@ export interface BaseData<EntityType extends object> {
     /**
      * Defines whether or not the user can add new entities.
      *
-     * @default true
+     * @default () => true
+     */
+    allowCreate?: () => boolean,
+    /**
+     * Defines whether or not the user can view this specific entity.
+     *
+     * @default () => true
      */
-    allowCreate?: boolean,
+    allowRead?: (entity: EntityType) => boolean,
     /**
-     * Defines whether or not the user can edit entities.
+     * Defines whether or not the user can edit this specific entity.
      *
      * @default () => true
      */
-    allowEdit?: (entity: EntityType) => boolean,
+    allowUpdate?: (entity: EntityType) => boolean,
     /**
      * Whether or not the user can delete this specific entity.
      */

package/capsulation/reflect.utilities.d.ts

@@ -52,5 +52,5 @@ export declare abstract class ReflectUtilities {
      * @param target - The target object on which to define metadata.
      * @param propertyKey - The property key for the target.
      */
-    static defineMetadata<T extends object>(metadataKey: unknown, metadataValue: unknown, target: T, propertyKey: string): void;
+    static defineMetadata<T extends object>(metadataKey: unknown, metadataValue: unknown, target: T, propertyKey: keyof T): void;
 }

package/classes/date.utilities.d.ts

@@ -37,7 +37,7 @@ export declare abstract class DateUtilities {
      * @param value - The date to get the time object from.
      * @returns The Time object build from the date value.
      */
-    static getTimeFromDate(value: Date): Time | undefined;
+    static getTimeFromDate(value?: Date): Time | undefined;
     /**
      * Gets the dates between the two given gates. Does additional filtering based on the provided DateRange metadata.
      *
@@ -50,14 +50,14 @@ export declare abstract class DateUtilities {
     /**
      * Get all valid times for the dropdown of a datetime property.
      *
-     * @param date - The date of the datetime.
      * @param times - All given times to filter.
+     * @param date - The date of the datetime.
      * @param min - The function that defines the minimum time.
      * @param max - The function that defines the maximum time.
      * @param filter - A filter function to do more specific time filtering. This could be e.g. The removal of lunch breaks.
      * @returns All valid dropdown values for the datetime property.
      */
-    static getValidTimesForDropdown(date: Date, times: DropdownValue<Time>[], min?: (date?: Date) => Time, max?: (date?: Date) => Time, filter?: ((time: Time) => boolean) | (() => boolean)): DropdownValue<Time>[];
+    static getValidTimesForDropdown(times: DropdownValue<Time>[], date?: Date, min?: (date?: Date) => Time, max?: (date?: Date) => Time, filter?: ((time: Time) => boolean) | (() => boolean)): DropdownValue<Time>[];
     /**
      * Checks if the time object has processable hours and minutes properties.
      * Doesn't check custom validators like min/max from the metadata configuration.

package/classes/entity.model.d.ts

@@ -15,6 +15,6 @@ export declare abstract class Entity {
     /**
      * A unique identifier for the Entity.
      */
-    id: string;
+    readonly id: string;
     constructor(entity?: Entity);
 }

package/classes/entity.utilities.d.ts

@@ -80,6 +80,7 @@ export declare abstract class EntityUtilities {
     private static isBooleanValid;
     private static isStringValid;
     private static isTextboxValid;
+    private static isPasswordValid;
     private static isNumberValid;
     private static isDateValid;
     private static isDateRangeValid;
@@ -92,7 +93,7 @@ export declare abstract class EntityUtilities {
      * @param entityPriorChanges - The entity before the changes.
      * @returns Whether or not the entity is dirty.
      */
-    static dirty<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, entityPriorChanges: EntityType): Promise<boolean>;
+    static isDirty<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, entityPriorChanges: EntityType): Promise<boolean>;
     private static differencesForDirty;
     /**
      * Compares two Entities and returns their difference in an object.

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

@@ -5,8 +5,7 @@ import { BaseEntityType } from '../../../../classes/entity.model';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS> implements OnInit {
-    stringChipsArrayValues?: string[];
+export declare class ArrayStringAutocompleteChipsComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS, string[]> implements OnInit {
     filteredAutocompleteStrings: string[];
     chipsInput: string;
     ngOnInit(): void;

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

@@ -5,10 +5,8 @@ import { MatChipInputEvent } from '@angular/material/chips';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_CHIPS> implements OnInit {
-    stringChipsArrayValues?: string[];
+export declare class ArrayStringChipsInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.ARRAY_STRING_CHIPS, string[]> implements OnInit {
     chipsInput: string;
-    ngOnInit(): void;
     /**
      * Handles adding strings to the chipsArray.
      * Checks validation and also creates a new array if it is undefined.

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

@@ -10,12 +10,11 @@ declare type ArrayTableType = DecoratorTypes.ARRAY | DecoratorTypes.ARRAY_DATE |
 /**
  * The base data needed for all arrays that are displayed as a table.
  */
-export declare abstract class ArrayTableComponent<T, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType> implements OnInit {
+export declare abstract class ArrayTableComponent<ValueType, EntityType extends BaseEntityType<EntityType>, ArrayType extends ArrayTableType> extends NgxMatEntityBaseInputComponent<EntityType, ArrayType, ValueType[]> implements OnInit {
     private readonly matDialog;
-    arrayValues: T[];
-    input?: T;
-    dataSource: MatTableDataSource<T>;
-    selection: SelectionModel<T>;
+    input?: ValueType;
+    dataSource: MatTableDataSource<ValueType>;
+    selection: SelectionModel<ValueType>;
     displayedColumns: string[];
     constructor(matDialog: MatDialog);
     ngOnInit(): void;

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

@@ -5,8 +5,20 @@ import { DecoratorType, DecoratorTypes } from '../../decorators/base/decorator-t
 import * as i0 from "@angular/core";
 /**
  * The abstract base class of any ngx-mat-entity input.
+ * Extend from this when implementing your own custom decorator.
+ *
+ * It already provides:
+ *
+ * - entity: The entity which the property is on. (type-safe due to the Generic "EntityType")
+ * - key: The key of the property. (type-safe due to the Generic "EntityType")
+ * - getValidationErrorMessage: The function that generates the error message when the input is invalid.
+ * - isReadOnly: Whether or not the input is read only. Can be used to disable elements.
+ * - propertyValue: Just the typed version of the property, its the same as entity[key].
+ * - metadata: The metadata of the property. (type-safe due to the Generic "CustomMetadataType")
+ * - ngOnInit: Gets the metadata for the property, be aware of this when overriding this method.
+ * - emitChange: Should be called when the input has changed. This is needed to trigger validation and dirty checks.
  */
-export declare abstract class NgxMatEntityBaseInputComponent<EntityType extends BaseEntityType<EntityType>, Type extends DecoratorTypes, CustomMetadataType extends BaseEntityType<CustomMetadataType> = {}> implements OnInit {
+export declare abstract class NgxMatEntityBaseInputComponent<EntityType extends BaseEntityType<EntityType>, Type extends DecoratorTypes, ValueType, CustomMetadataType extends BaseEntityType<CustomMetadataType> = {}> implements OnInit {
     /**
      * The entity that the property to display as an input comes from.
      */
@@ -19,13 +31,27 @@ export declare abstract class NgxMatEntityBaseInputComponent<EntityType extends
      * The function that generates the error message when the input is invalid.
      */
     getValidationErrorMessage: (model: NgModel) => string;
+    /**
+     * Whether or not the input should be readonly.
+     * In that case it is disabled, but most of the disabled-styling is overridden.
+     */
+    isReadOnly: boolean;
     inputChangeEvent: EventEmitter<void>;
+    /**
+     * The property value of entity[key] correctly typed.
+     * Uses getters and setters so that inputs are always linked to the original value.
+     */
+    get propertyValue(): ValueType | undefined;
+    set propertyValue(value: ValueType | undefined);
+    /**
+     * The metadata of the property.
+     */
     metadata: DecoratorType<Type, CustomMetadataType>;
     ngOnInit(): void;
     /**
      * Should emit when the input has changed. This is needed to trigger validation and dirty checks.
      */
     emitChange(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityBaseInputComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityBaseInputComponent<any, any, any>, "ngx-mat-entity-base-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityBaseInputComponent<any, any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityBaseInputComponent<any, any, any, any>, "ngx-mat-entity-base-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; "isReadOnly": "isReadOnly"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
 }

package/components/input/boolean/boolean-checkbox-input/boolean-checkbox-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanCheckboxInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_CHECKBOX> implements OnInit {
+export declare class BooleanCheckboxInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_CHECKBOX, boolean> implements OnInit {
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanCheckboxInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BooleanCheckboxInputComponent<any>, "boolean-checkbox-input", never, {}, {}, never, never>;

package/components/input/boolean/boolean-dropdown-input/boolean-dropdown-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_DROPDOWN> implements OnInit {
+export declare class BooleanDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_DROPDOWN, boolean> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanDropdownInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BooleanDropdownInputComponent<any>, "boolean-dropdown-input", never, {}, {}, never, never>;
 }

package/components/input/boolean/boolean-toggle-input/boolean-toggle-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class BooleanToggleInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_TOGGLE> implements OnInit {
+export declare class BooleanToggleInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.BOOLEAN_TOGGLE, boolean> implements OnInit {
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanToggleInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BooleanToggleInputComponent<any>, "boolean-toggle-input", never, {}, {}, never, never>;

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

@@ -3,11 +3,11 @@ import { BaseEntityType } from '../../../classes/entity.model';
 import { DecoratorTypes } from '../../../decorators/base/decorator-types.enum';
 import { NgxMatEntityBaseInputComponent } from '../base-input.component';
 import * as i0 from "@angular/core";
-export declare class CustomInputComponent<EntityType extends BaseEntityType<EntityType>, MetadataType extends BaseEntityType<MetadataType>, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, MetadataType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM> implements OnInit {
+export declare class CustomInputComponent<EntityType extends BaseEntityType<EntityType>, MetadataType extends BaseEntityType<MetadataType>, ValueType, ComponentType extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType, MetadataType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.CUSTOM, ValueType> implements OnInit {
     private readonly viewContainerRef;
     component: ComponentRef<ComponentType>;
     constructor(viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent<any, any, any>, "custom-input", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputComponent<any, any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputComponent<any, any, any, any>, "custom-input", never, {}, {}, never, never>;
 }

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

@@ -1,13 +1,11 @@
 import { OnInit } from '@angular/core';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 import { DateUtilities } from '../../../../classes/date.utilities';
-import { DateFilterFn } from '@angular/material/datepicker';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE> implements OnInit {
+export declare class DateInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE, Date> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    defaultDateFilter: DateFilterFn<Date | null | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent<any>, "date-input", never, {}, {}, never, never>;
 }

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

@@ -1,15 +1,14 @@
 import { OnInit } from '@angular/core';
 import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
-import { DateFilterFn } from '@angular/material/datepicker';
 import { DateRange } from '../../../../decorators/date/date-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_RANGE> implements OnInit {
+export declare class DateRangeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_RANGE, DateRange> implements OnInit {
     dateRange: DateRange;
     dateRangeStart?: Date;
     dateRangeEnd?: Date;
-    defaultDateFilter: DateFilterFn<Date | null | undefined>;
+    defaultDateFilter: import("@angular/material/datepicker").DateFilterFn<Date | null | undefined>;
     ngOnInit(): void;
     /**
      * Updates the date range values based on the start and end date.

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

@@ -7,9 +7,8 @@ import { DateUtilities } from '../../../../classes/date.utilities';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class DateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_TIME> implements OnInit {
+export declare class DateTimeInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.DATE_TIME, Date> implements OnInit {
     DateUtilities: typeof DateUtilities;
-    dateTime?: Date;
     time?: Time;
     timeDropdownValues: DropdownValue<Time>[];
     defaultDateFilter: DateFilterFn<Date | null | undefined>;
@@ -21,7 +20,7 @@ export declare class DateTimeInputComponent<EntityType extends BaseEntityType<En
      * @param time2 - The second time to compare.
      * @returns Whether or not the time objects are the same.
      */
-    compareTimes(time1: Time, time2: Time): boolean;
+    compareTimes(time1?: Time, time2?: Time): boolean;
     /**
      * Sets the time on a datetime property.
      */

package/components/input/file/file-default-input/file-default-input.component.d.ts

@@ -5,7 +5,7 @@ import { FileData } from '../../../../decorators/file/file-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class FileDefaultInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_DEFAULT> implements OnInit {
+export declare class FileDefaultInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_DEFAULT, FileData | FileData[]> implements OnInit {
     FileUtilities: typeof FileUtilities;
     refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileDefaultInputComponent<any>, never>;

package/components/input/file/file-image-input/file-image-input.component.d.ts

@@ -5,7 +5,7 @@ import { FileData } from '../../../../decorators/file/file-decorator.data';
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class FileImageInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_IMAGE> implements OnInit {
+export declare class FileImageInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_IMAGE, FileData | FileData[]> implements OnInit {
     FileUtilities: typeof FileUtilities;
     singlePreviewImage?: string;
     multiPreviewImages?: string[];

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

@@ -15,6 +15,7 @@ export declare class FileInputComponent<EntityType extends BaseEntityType<Entity
     entity: EntityType;
     key: keyof EntityType;
     getValidationErrorMessage: (model: NgModel) => string;
+    isReadOnly: boolean;
     fileDataChangeEvent: EventEmitter<FileData | FileData[]>;
     metadata: DefaultFileDecoratorConfigInternal;
     constructor(dialog: MatDialog);
@@ -28,5 +29,5 @@ export declare class FileInputComponent<EntityType extends BaseEntityType<Entity
     private setSingleFile;
     removeFile(name: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputComponent<any>, "file-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "fileDataChangeEvent": "fileDataChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputComponent<any>, "file-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; "isReadOnly": "isReadOnly"; }, { "fileDataChangeEvent": "fileDataChangeEvent"; }, never, never>;
 }

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

@@ -42,13 +42,25 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     /**
      * Whether to hide a value if it is omitted for creation.
      * Is used internally for the object property.
+     *
+     * @default false
      */
     hideOmitForCreate?: boolean;
     /**
      * Whether to hide a value if it is omitted for editing.
      * Is used internally for the object property.
+     *
+     * @default false
      */
     hideOmitForEdit?: boolean;
+    /**
+     * Whether or not the input should be readonly.
+     * In that case it is disabled, but most of the default styling is overwritten.
+     *
+     * @default false
+     */
+    isReadOnly?: boolean;
+    internalIsReadOnly: boolean;
     inputChangeEvent: EventEmitter<void>;
     addArrayItemDialog: TemplateRef<unknown>;
     addArrayItemDialogRef: MatDialogRef<unknown>;
@@ -135,5 +147,5 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      */
     isAllSelected(selection: SelectionModel<any>, dataSource: MatTableDataSource<any>): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityInputComponent<any>, "ngx-mat-entity-input", never, { "entity": "entity"; "propertyKey": "propertyKey"; "getValidationErrorMessage": "getValidationErrorMessage"; "hideOmitForCreate": "hideOmitForCreate"; "hideOmitForEdit": "hideOmitForEdit"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatEntityInputComponent<any>, "ngx-mat-entity-input", never, { "entity": "entity"; "propertyKey": "propertyKey"; "getValidationErrorMessage": "getValidationErrorMessage"; "hideOmitForCreate": "hideOmitForCreate"; "hideOmitForEdit": "hideOmitForEdit"; "isReadOnly": "isReadOnly"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
 }

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

@@ -3,41 +3,44 @@ import * as i1 from "./string/string-input/string-input.component";
 import * as i2 from "./string/string-textbox-input/string-textbox-input.component";
 import * as i3 from "./string/string-autocomplete-input/string-autocomplete-input.component";
 import * as i4 from "./string/string-dropdown-input/string-dropdown-input.component";
-import * as i5 from "./boolean/boolean-checkbox-input/boolean-checkbox-input.component";
-import * as i6 from "./boolean/boolean-toggle-input/boolean-toggle-input.component";
-import * as i7 from "./boolean/boolean-dropdown-input/boolean-dropdown-input.component";
-import * as i8 from "./number/number-input/number-input.component";
-import * as i9 from "./number/number-dropdown-input/number-dropdown-input.component";
-import * as i10 from "./array/array-string-chips-input/array-string-chips-input.component";
-import * as i11 from "./array/array-string-autocomplete-chips/array-string-autocomplete-chips.component";
-import * as i12 from "./date/date-input/date-input.component";
-import * as i13 from "./date/date-range-input/date-range-input.component";
-import * as i14 from "./date/date-time-input/date-time-input.component";
-import * as i15 from "./array/array-date-input/array-date-input.component";
-import * as i16 from "./array/array-date-time-input/array-date-time-input.component";
-import * as i17 from "./array/array-date-range-input/array-date-range-input.component";
-import * as i18 from "./file/file-input/file-input.component";
-import * as i19 from "./file/file-image-input/file-image-input.component";
-import * as i20 from "./file/file-default-input/file-default-input.component";
-import * as i21 from "./file/file-input/dragDrop.directive";
-import * as i22 from "./custom/custom.component";
-import * as i23 from "./input.component";
-import * as i24 from "@angular/common";
-import * as i25 from "@angular/material/input";
-import * as i26 from "@angular/forms";
-import * as i27 from "@angular/material/form-field";
-import * as i28 from "@angular/material/select";
-import * as i29 from "@angular/material/autocomplete";
-import * as i30 from "@angular/material/checkbox";
-import * as i31 from "@angular/material/slide-toggle";
-import * as i32 from "@angular/material/chips";
-import * as i33 from "@angular/material/icon";
-import * as i34 from "@angular/material/table";
-import * as i35 from "@angular/material/dialog";
-import * as i36 from "@angular/material/button";
-import * as i37 from "@angular/material/datepicker";
+import * as i5 from "./string/string-password-input/string-password-input.component";
+import * as i6 from "./boolean/boolean-checkbox-input/boolean-checkbox-input.component";
+import * as i7 from "./boolean/boolean-toggle-input/boolean-toggle-input.component";
+import * as i8 from "./boolean/boolean-dropdown-input/boolean-dropdown-input.component";
+import * as i9 from "./number/number-input/number-input.component";
+import * as i10 from "./number/number-dropdown-input/number-dropdown-input.component";
+import * as i11 from "./number/number-slider-input/number-slider-input.component";
+import * as i12 from "./array/array-string-chips-input/array-string-chips-input.component";
+import * as i13 from "./array/array-string-autocomplete-chips/array-string-autocomplete-chips.component";
+import * as i14 from "./date/date-input/date-input.component";
+import * as i15 from "./date/date-range-input/date-range-input.component";
+import * as i16 from "./date/date-time-input/date-time-input.component";
+import * as i17 from "./array/array-date-input/array-date-input.component";
+import * as i18 from "./array/array-date-time-input/array-date-time-input.component";
+import * as i19 from "./array/array-date-range-input/array-date-range-input.component";
+import * as i20 from "./file/file-input/file-input.component";
+import * as i21 from "./file/file-image-input/file-image-input.component";
+import * as i22 from "./file/file-default-input/file-default-input.component";
+import * as i23 from "./file/file-input/dragDrop.directive";
+import * as i24 from "./custom/custom.component";
+import * as i25 from "./input.component";
+import * as i26 from "@angular/common";
+import * as i27 from "@angular/material/input";
+import * as i28 from "@angular/forms";
+import * as i29 from "@angular/material/form-field";
+import * as i30 from "@angular/material/select";
+import * as i31 from "@angular/material/autocomplete";
+import * as i32 from "@angular/material/checkbox";
+import * as i33 from "@angular/material/slide-toggle";
+import * as i34 from "@angular/material/chips";
+import * as i35 from "@angular/material/icon";
+import * as i36 from "@angular/material/table";
+import * as i37 from "@angular/material/dialog";
+import * as i38 from "@angular/material/button";
+import * as i39 from "@angular/material/datepicker";
+import * as i40 from "@angular/material/slider";
 export declare class NgxMatEntityInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.BooleanCheckboxInputComponent, typeof i6.BooleanToggleInputComponent, typeof i7.BooleanDropdownInputComponent, typeof i8.NumberInputComponent, typeof i9.NumberDropdownInputComponent, typeof i10.ArrayStringChipsInputComponent, typeof i11.ArrayStringAutocompleteChipsComponent, typeof i12.DateInputComponent, typeof i13.DateRangeInputComponent, typeof i14.DateTimeInputComponent, typeof i15.ArrayDateInputComponent, typeof i16.ArrayDateTimeInputComponent, typeof i17.ArrayDateRangeInputComponent, typeof i18.FileInputComponent, typeof i19.FileImageInputComponent, typeof i20.FileDefaultInputComponent, typeof i21.DragDropDirective, typeof i22.CustomInputComponent, typeof i23.NgxMatEntityInputComponent], [typeof i24.CommonModule, typeof i25.MatInputModule, typeof i26.FormsModule, typeof i27.MatFormFieldModule, typeof i28.MatSelectModule, typeof i29.MatAutocompleteModule, typeof i30.MatCheckboxModule, typeof i31.MatSlideToggleModule, typeof i32.MatChipsModule, typeof i33.MatIconModule, typeof i34.MatTableModule, typeof i35.MatDialogModule, typeof i36.MatButtonModule, typeof i37.MatDatepickerModule], [typeof i23.NgxMatEntityInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.StringPasswordInputComponent, typeof i6.BooleanCheckboxInputComponent, typeof i7.BooleanToggleInputComponent, typeof i8.BooleanDropdownInputComponent, typeof i9.NumberInputComponent, typeof i10.NumberDropdownInputComponent, typeof i11.NumberSliderInputComponent, typeof i12.ArrayStringChipsInputComponent, typeof i13.ArrayStringAutocompleteChipsComponent, typeof i14.DateInputComponent, typeof i15.DateRangeInputComponent, typeof i16.DateTimeInputComponent, typeof i17.ArrayDateInputComponent, typeof i18.ArrayDateTimeInputComponent, typeof i19.ArrayDateRangeInputComponent, typeof i20.FileInputComponent, typeof i21.FileImageInputComponent, typeof i22.FileDefaultInputComponent, typeof i23.DragDropDirective, typeof i24.CustomInputComponent, typeof i25.NgxMatEntityInputComponent], [typeof i26.CommonModule, typeof i27.MatInputModule, typeof i28.FormsModule, typeof i29.MatFormFieldModule, typeof i30.MatSelectModule, typeof i31.MatAutocompleteModule, typeof i32.MatCheckboxModule, typeof i33.MatSlideToggleModule, typeof i34.MatChipsModule, typeof i35.MatIconModule, typeof i36.MatTableModule, typeof i37.MatDialogModule, typeof i38.MatButtonModule, typeof i39.MatDatepickerModule, typeof i40.MatSliderModule], [typeof i25.NgxMatEntityInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityInputModule>;
 }

package/components/input/number/number-dropdown-input/number-dropdown-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class NumberDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER_DROPDOWN> implements OnInit {
+export declare class NumberDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER_DROPDOWN, number> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberDropdownInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NumberDropdownInputComponent<any>, "number-dropdown-input", never, {}, {}, never, never>;
 }

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

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class NumberInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER> implements OnInit {
+export declare class NumberInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER, number> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent<any>, "number-input", never, {}, {}, never, never>;
 }

package/components/input/number/number-slider-input/number-slider-input.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
+import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
+import * as i0 from "@angular/core";
+export declare class NumberSliderInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.NUMBER_SLIDER, number> implements OnInit {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberSliderInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberSliderInputComponent<any>, "number-slider-input", never, {}, {}, never, never>;
+}

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

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_AUTOCOMPLETE> implements OnInit {
+export declare class StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_AUTOCOMPLETE, string> implements OnInit {
     autocompleteStrings: string[];
     filteredAutocompleteStrings: string[];
     ngOnInit(): void;
@@ -12,7 +12,7 @@ export declare class StringAutocompleteInputComponent<EntityType extends BaseEnt
      *
      * @param input - The input of the user.
      */
-    filterAutocompleteStrings(input: unknown): void;
+    filterAutocompleteStrings(input?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringAutocompleteInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StringAutocompleteInputComponent<any>, "string-autocomplete-input", never, {}, {}, never, never>;
 }

package/components/input/string/string-dropdown-input/string-dropdown-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class StringDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_DROPDOWN> implements OnInit {
+export declare class StringDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_DROPDOWN, string> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<StringDropdownInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StringDropdownInputComponent<any>, "string-dropdown-input", never, {}, {}, never, never>;
 }

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

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class StringInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING> implements OnInit {
+export declare class StringInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING, string> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<StringInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StringInputComponent<any>, "string-input", never, {}, {}, never, never>;
 }

package/components/input/string/string-password-input/string-password-input.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
+import { BaseEntityType } from '../../../../classes/entity.model';
+import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
+import * as i0 from "@angular/core";
+export declare class StringPasswordInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_PASSWORD, string> implements OnInit {
+    hide: boolean;
+    hideConfirm: boolean;
+    confirmRequired: boolean;
+    confirmPassword?: string;
+    ngOnInit(): void;
+    passwordInput(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StringPasswordInputComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringPasswordInputComponent<any>, "string-password-input", never, {}, {}, never, never>;
+}

package/components/input/string/string-textbox-input/string-textbox-input.component.d.ts

@@ -3,7 +3,7 @@ import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum
 import { BaseEntityType } from '../../../../classes/entity.model';
 import { NgxMatEntityBaseInputComponent } from '../../base-input.component';
 import * as i0 from "@angular/core";
-export declare class StringTextboxInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_TEXTBOX> implements OnInit {
+export declare class StringTextboxInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_TEXTBOX, string> implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<StringTextboxInputComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StringTextboxInputComponent<any>, "string-textbox-input", never, {}, {}, never, never>;
 }

package/components/table/edit-dialog/edit-entity-dialog-data.d.ts

@@ -22,4 +22,8 @@ export interface EditEntityDialogData<EntityType extends BaseEntityType<EntityTy
      * Whether or not the user can delete this specific entity.
      */
     allowDelete?: (entity: EntityType) => boolean;
+    /**
+     * Whether or not the user can update this specific entity.
+     */
+    allowUpdate?: (entity: EntityType) => boolean;
 }

package/components/table/edit-dialog/edit-entity-dialog.builder.d.ts

@@ -11,8 +11,9 @@ export declare class EditEntityDialogDataInternal<EntityType extends BaseEntityT
     entity: EntityType;
     EntityServiceClass: new (httpClient: HttpClient) => EntityService<EntityType>;
     editDialogData: EditDialogDataInternal<EntityType>;
+    allowUpdate: (entity: EntityType) => boolean;
     allowDelete: (entity: EntityType) => boolean;
-    constructor(entity: EntityType, EntityServiceClass: new (httpClient: HttpClient) => EntityService<EntityType>, editDialogData: EditDialogDataInternal<EntityType>, allowDelete: (entity: EntityType) => boolean);
+    constructor(entity: EntityType, EntityServiceClass: new (httpClient: HttpClient) => EntityService<EntityType>, editDialogData: EditDialogDataInternal<EntityType>, allowUpdate: (entity: EntityType) => boolean, allowDelete: (entity: EntityType) => boolean);
 }
 /**
  * The Builder for the EditEntityDialogData. Sets default values.

package/components/table/edit-dialog/edit-entity-dialog.component.d.ts

@@ -24,6 +24,7 @@ export declare class NgxMatEntityEditDialogComponent<EntityType extends BaseEnti
     data: EditEntityDialogDataInternal<EntityType>;
     isEntityValid: boolean;
     isEntityDirty: Promise<boolean>;
+    isReadOnly: boolean;
     constructor(inputData: EditEntityDialogData<EntityType>, dialogRef: MatDialogRef<NgxMatEntityEditDialogComponent<EntityType>>, injector: Injector, dialog: MatDialog);
     ngOnInit(): void;
     checkEntity(): void;