ngx-material-entity 0.1.5 → 1.0.6

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

@@ -1,30 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { ImageFileDecoratorConfigInternal } from '../../../../decorators/file/file-decorator-internal.data';
+import { OnInit } from '@angular/core';
 import { FileUtilities } from '../../../../classes/file.utilities';
+import { DecoratorTypes } from '../../../../decorators/base/decorator-types.enum';
 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>> implements OnInit {
+export declare class FileImageInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.FILE_IMAGE, FileData | FileData[]> implements OnInit {
     FileUtilities: typeof FileUtilities;
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: ImageFileDecoratorConfigInternal;
     singlePreviewImage?: string;
     multiPreviewImages?: string[];
     imageIndex: number;
     placeHolder: string;
-    constructor();
-    ngOnInit(): Promise<void>;
     private setSinglePreviewImage;
     private setMultiPreviewImages;
     refreshFileData(fileData?: FileData | FileData[]): Promise<void>;
     prev(): Promise<void>;
     next(): Promise<void>;
     setIndex(index: number): Promise<void>;
-    emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileImageInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageInputComponent<any>, "file-image-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileImageInputComponent<any>, "file-image-input", never, {}, {}, never, never>;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { NgModel } from '@angular/forms';
-import { EntityRow, EntityUtilities } from '../../classes/entity.utilities';
+import { EntityTab, EntityUtilities } from '../../classes/entity.utilities';
 import { DecoratorTypes } from '../../decorators/base/decorator-types.enum';
 import { EntityArrayDecoratorConfigInternal } from '../../decorators/array/array-decorator-internal.data';
 import { DefaultObjectDecoratorConfigInternal } from '../../decorators/object/object-decorator-internal.data';
@@ -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>;
@@ -56,19 +68,19 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
     metadata: PropertyDecoratorConfigInternal;
     metadataDefaultObject: DefaultObjectDecoratorConfigInternal<EntityType>;
     objectProperty: EntityType;
-    objectPropertyRows: EntityRow<EntityType>[];
+    objectPropertyTabs: EntityTab<EntityType>[];
     metadataEntityArray: EntityArrayDecoratorConfigInternal<EntityType>;
     entityArrayValues: EntityType[];
     arrayItem: EntityType;
     private arrayItemPriorChanges;
-    arrayItemInlineRows: EntityRow<EntityType>[];
+    arrayItemInlineTabs: EntityTab<EntityType>[];
     dataSource: MatTableDataSource<EntityType>;
     selection: SelectionModel<EntityType>;
     displayedColumns: string[];
     isArrayItemValid: boolean;
     dialogInputData: AddArrayItemDialogData<EntityType>;
     dialogData: AddArrayItemDialogDataInternal<EntityType>;
-    arrayItemDialogRows: EntityRow<EntityType>[];
+    arrayItemDialogTabs: EntityTab<EntityType>[];
     isDialogArrayItemValid: boolean;
     readonly DecoratorTypes: typeof DecoratorTypes;
     EntityUtilities: typeof EntityUtilities;
@@ -101,7 +113,7 @@ export declare class NgxMatEntityInputComponent<EntityType extends BaseEntityTyp
      * Does this either inline if the "createInline"-metadata is set to true
      * or in a separate dialog if it is set to false.
      */
-    addEntity(): void;
+    addEntity(): Promise<void>;
     /**
      * Adds the array item defined in the dialog.
      */
@@ -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,40 +3,45 @@ 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 "./input.component";
-import * as i23 from "@angular/common";
-import * as i24 from "@angular/material/input";
-import * as i25 from "@angular/forms";
-import * as i26 from "@angular/material/form-field";
-import * as i27 from "@angular/material/select";
-import * as i28 from "@angular/material/autocomplete";
-import * as i29 from "@angular/material/checkbox";
-import * as i30 from "@angular/material/slide-toggle";
-import * as i31 from "@angular/material/chips";
-import * as i32 from "@angular/material/icon";
-import * as i33 from "@angular/material/table";
-import * as i34 from "@angular/material/dialog";
-import * as i35 from "@angular/material/button";
-import * as i36 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";
+import * as i41 from "@angular/material/tabs";
 export declare class NgxMatEntityInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityInputModule, [typeof i1.StringInputComponent, typeof i2.StringTextboxInputComponent, typeof i3.StringAutocompleteInputComponent, typeof i4.StringDropdownInputComponent, typeof i5.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.NgxMatEntityInputComponent], [typeof i23.CommonModule, typeof i24.MatInputModule, typeof i25.FormsModule, typeof i26.MatFormFieldModule, typeof i27.MatSelectModule, typeof i28.MatAutocompleteModule, typeof i29.MatCheckboxModule, typeof i30.MatSlideToggleModule, typeof i31.MatChipsModule, typeof i32.MatIconModule, typeof i33.MatTableModule, typeof i34.MatDialogModule, typeof i35.MatButtonModule, typeof i36.MatDatepickerModule], [typeof i22.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 i41.MatTabsModule], [typeof i25.NgxMatEntityInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityInputModule>;
 }

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

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DropdownNumberDecoratorConfigInternal } from '../../../../decorators/number/number-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+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 NumberDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DropdownNumberDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+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, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberDropdownInputComponent<any>, "number-dropdown-input", never, {}, {}, never, never>;
 }

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

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DefaultNumberDecoratorConfigInternal } from '../../../../decorators/number/number-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+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 NumberInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DefaultNumberDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+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, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, 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

@@ -1,25 +1,18 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { AutocompleteStringDecoratorConfigInternal } from '../../../../decorators/string/string-decorator-internal.data';
+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 StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: AutocompleteStringDecoratorConfigInternal;
+export declare class StringAutocompleteInputComponent<EntityType extends BaseEntityType<EntityType>> extends NgxMatEntityBaseInputComponent<EntityType, DecoratorTypes.STRING_AUTOCOMPLETE, string> implements OnInit {
     autocompleteStrings: string[];
     filteredAutocompleteStrings: string[];
-    constructor();
     ngOnInit(): void;
     /**
      * Dynamically filters the Autocomplete options when the user inputs something.
      *
      * @param input - The input of the user.
      */
-    filterAutocompleteStrings(input: unknown): void;
-    emitChange(): void;
+    filterAutocompleteStrings(input?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringAutocompleteInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StringAutocompleteInputComponent<any>, "string-autocomplete-input", never, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, 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

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DropdownStringDecoratorConfigInternal } from '../../../../decorators/string/string-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+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 StringDropdownInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DropdownStringDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+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, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringDropdownInputComponent<any>, "string-dropdown-input", never, {}, {}, never, never>;
 }

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

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { DefaultStringDecoratorConfigInternal } from '../../../../decorators/string/string-decorator-internal.data';
-import { NgModel } from '@angular/forms';
+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 StringInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: DefaultStringDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+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, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, 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

@@ -1,17 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { TextboxStringDecoratorConfigInternal } from '../../../../decorators/string/string-decorator-internal.data';
+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 StringTextboxInputComponent<EntityType extends BaseEntityType<EntityType>> implements OnInit {
-    entity: EntityType;
-    key: keyof EntityType;
-    getValidationErrorMessage: (model: NgModel) => string;
-    inputChangeEvent: EventEmitter<void>;
-    metadata: TextboxStringDecoratorConfigInternal;
-    constructor();
-    ngOnInit(): void;
-    emitChange(): void;
+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, { "entity": "entity"; "key": "key"; "getValidationErrorMessage": "getValidationErrorMessage"; }, { "inputChangeEvent": "inputChangeEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringTextboxInputComponent<any>, "string-textbox-input", never, {}, {}, never, never>;
 }

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

@@ -1,7 +1,7 @@
 import { Injector, OnInit } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { EntityService } from '../../../classes/entity.service';
-import { EntityRow, EntityUtilities } from '../../../classes/entity.utilities';
+import { EntityTab, EntityUtilities } from '../../../classes/entity.utilities';
 import { CreateEntityDialogDataInternal } from './create-entity-dialog-data.builder';
 import { CreateEntityDialogData } from './create-entity-dialog-data';
 import { BaseEntityType } from '../../../classes/entity.model';
@@ -18,7 +18,7 @@ export declare class NgxMatEntityCreateDialogComponent<EntityType extends BaseEn
     private readonly injector;
     private readonly dialog;
     EntityUtilities: typeof EntityUtilities;
-    entityRows: EntityRow<EntityType>[];
+    entityTabs: EntityTab<EntityType>[];
     entityService: EntityService<EntityType>;
     data: CreateEntityDialogDataInternal<EntityType>;
     isEntityValid: boolean;

package/components/table/create-dialog/create-entity-dialog.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "../../input/input.module";
 import * as i4 from "@angular/material/dialog";
 import * as i5 from "@angular/forms";
 import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/tabs";
 export declare class NgxMatEntityCreateDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityCreateDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityCreateDialogModule, [typeof i1.NgxMatEntityCreateDialogComponent], [typeof i2.CommonModule, typeof i3.NgxMatEntityInputModule, typeof i4.MatDialogModule, typeof i5.FormsModule, typeof i6.MatButtonModule], [typeof i1.NgxMatEntityCreateDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityCreateDialogModule, [typeof i1.NgxMatEntityCreateDialogComponent], [typeof i2.CommonModule, typeof i3.NgxMatEntityInputModule, typeof i4.MatDialogModule, typeof i5.FormsModule, typeof i6.MatButtonModule, typeof i7.MatTabsModule], [typeof i1.NgxMatEntityCreateDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityCreateDialogModule>;
 }

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

@@ -1,7 +1,7 @@
 import { Injector, OnInit } from '@angular/core';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { EntityService } from '../../../classes/entity.service';
-import { EntityRow, EntityUtilities } from '../../../classes/entity.utilities';
+import { EntityTab, EntityUtilities } from '../../../classes/entity.utilities';
 import { EditEntityDialogData } from './edit-entity-dialog-data';
 import { EditEntityDialogDataInternal } from './edit-entity-dialog.builder';
 import { BaseEntityType } from '../../../classes/entity.model';
@@ -18,12 +18,13 @@ export declare class NgxMatEntityEditDialogComponent<EntityType extends BaseEnti
     private readonly injector;
     private readonly dialog;
     EntityUtilities: typeof EntityUtilities;
-    entityRows: EntityRow<EntityType>[];
+    entityTabs: EntityTab<EntityType>[];
     entityService: EntityService<EntityType>;
     entityPriorChanges: EntityType;
     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;

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

@@ -5,9 +5,10 @@ import * as i3 from "../../input/input.module";
 import * as i4 from "@angular/material/dialog";
 import * as i5 from "@angular/forms";
 import * as i6 from "@angular/material/button";
-import * as i7 from "../../confirm-dialog/confirm-dialog.module";
+import * as i7 from "@angular/material/tabs";
+import * as i8 from "../../confirm-dialog/confirm-dialog.module";
 export declare class NgxMatEntityEditDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatEntityEditDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityEditDialogModule, [typeof i1.NgxMatEntityEditDialogComponent], [typeof i2.CommonModule, typeof i3.NgxMatEntityInputModule, typeof i4.MatDialogModule, typeof i5.FormsModule, typeof i6.MatButtonModule, typeof i7.NgxMatEntityConfirmDialogModule], [typeof i1.NgxMatEntityEditDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatEntityEditDialogModule, [typeof i1.NgxMatEntityEditDialogComponent], [typeof i2.CommonModule, typeof i3.NgxMatEntityInputModule, typeof i4.MatDialogModule, typeof i5.FormsModule, typeof i6.MatButtonModule, typeof i7.MatTabsModule, typeof i8.NgxMatEntityConfirmDialogModule], [typeof i1.NgxMatEntityEditDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatEntityEditDialogModule>;
 }

package/components/table/table-data.builder.d.ts

@@ -31,15 +31,16 @@ export declare class BaseDataInternal<EntityType extends BaseEntityType<EntityTy
     searchLabel: string;
     createButtonLabel: string;
     searchString: (entity: EntityType) => string;
-    allowCreate: boolean;
-    allowEdit: (entity: EntityType) => boolean;
+    allowCreate: () => boolean;
+    allowRead: (entity: EntityType) => boolean;
+    allowUpdate: (entity: EntityType) => boolean;
     allowDelete: (entity: EntityType) => boolean;
     multiSelectActions: MultiSelectAction<EntityType>[];
     multiSelectLabel: string;
     EntityClass?: EntityClassNewable<EntityType>;
     edit?: (entity: EntityType) => unknown;
     create?: (entity: EntityType) => unknown;
-    constructor(title: string, displayColumns: DisplayColumn<EntityType>[], EntityServiceClass: new (httpClient: HttpClient) => EntityService<EntityType>, searchLabel: string, createButtonLabel: string, searchString: (entity: EntityType) => string, allowCreate: boolean, allowEdit: (entity: EntityType) => boolean, allowDelete: (entity: EntityType) => boolean, multiSelectActions: MultiSelectAction<EntityType>[], multiSelectLabel: string, EntityClass?: EntityClassNewable<EntityType>, edit?: (entity: EntityType) => unknown, create?: (entity: EntityType) => unknown);
+    constructor(title: string, displayColumns: DisplayColumn<EntityType>[], EntityServiceClass: new (httpClient: HttpClient) => EntityService<EntityType>, searchLabel: string, createButtonLabel: string, searchString: (entity: EntityType) => string, allowCreate: () => boolean, allowRead: (entity: EntityType) => boolean, allowUpdate: (entity: EntityType) => boolean, allowDelete: (entity: EntityType) => boolean, multiSelectActions: MultiSelectAction<EntityType>[], multiSelectLabel: string, EntityClass?: EntityClassNewable<EntityType>, edit?: (entity: EntityType) => unknown, create?: (entity: EntityType) => unknown);
 }
 /**
  * The Builder for the complete TableData. Sets default values and validates user input.

package/components/table/table-data.d.ts

@@ -93,17 +93,25 @@ export interface BaseData<EntityType extends BaseEntityType<EntityType>> {
     /**
      * Defines whether or not the user can add new entities.
      *
-     * @default true
+     * @default () => true
+     */
+    allowCreate?: () => boolean;
+    /**
+     * Defines whether or not the user can view the 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 the specific entity.
      *
      * @default () => true
      */
-    allowEdit?: (entity: EntityType) => boolean;
+    allowUpdate?: (entity: EntityType) => boolean;
     /**
      * Whether or not the user can delete this specific entity.
+     *
+     * @default () => true
      */
     allowDelete?: (entity: EntityType) => boolean;
     /**

package/decorators/base/base-property.decorator.d.ts

@@ -6,4 +6,4 @@ import { DecoratorType, DecoratorTypes } from './decorator-types.enum';
  * @param type - The type of metadata.
  * @returns The method that sets the metadata.
  */
-export declare function baseProperty<T extends DecoratorTypes>(metadata: DecoratorType<T>, type: T): (target: object, propertyKey: string) => void;
+export declare function baseProperty<T extends DecoratorTypes, CustomMetadataType extends Record<string, unknown>>(metadata: DecoratorType<T, CustomMetadataType>, type: T): (target: object, propertyKey: string) => void;

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

@@ -1,10 +1,11 @@
 import { AutocompleteStringChipsArrayDecoratorConfigInternal, EntityArrayDecoratorConfigInternal, DateArrayDecoratorConfigInternal, StringChipsArrayDecoratorConfigInternal, DateTimeArrayDecoratorConfigInternal, DateRangeArrayDecoratorConfigInternal } from '../array/array-decorator-internal.data';
 import { CheckboxBooleanDecoratorConfigInternal, DropdownBooleanDecoratorConfigInternal, ToggleBooleanDecoratorConfigInternal } from '../boolean/boolean-decorator-internal.data';
+import { CustomDecoratorConfigInternal } from '../custom/custom-decorator-internal.data';
 import { DateRangeDateDecoratorConfigInternal, DateTimeDateDecoratorConfigInternal, DefaultDateDecoratorConfigInternal } from '../date/date-decorator-internal.data';
 import { DefaultFileDecoratorConfigInternal, ImageFileDecoratorConfigInternal } from '../file/file-decorator-internal.data';
-import { DefaultNumberDecoratorConfigInternal, DropdownNumberDecoratorConfigInternal } from '../number/number-decorator-internal.data';
+import { DefaultNumberDecoratorConfigInternal, DropdownNumberDecoratorConfigInternal, SliderNumberDecoratorConfigInternal } from '../number/number-decorator-internal.data';
 import { DefaultObjectDecoratorConfigInternal } from '../object/object-decorator-internal.data';
-import { AutocompleteStringDecoratorConfigInternal, DefaultStringDecoratorConfigInternal, DropdownStringDecoratorConfigInternal, TextboxStringDecoratorConfigInternal } from '../string/string-decorator-internal.data';
+import { AutocompleteStringDecoratorConfigInternal, DefaultStringDecoratorConfigInternal, DropdownStringDecoratorConfigInternal, PasswordStringDecoratorConfigInternal, TextboxStringDecoratorConfigInternal } from '../string/string-decorator-internal.data';
 /**
  * The enum Values for all the different DecoratorTypes.
  */
@@ -13,8 +14,10 @@ export declare enum DecoratorTypes {
     STRING_DROPDOWN = "stringDropdown",
     STRING_AUTOCOMPLETE = "stringAutocomplete",
     STRING_TEXTBOX = "stringTextbox",
+    STRING_PASSWORD = "stringPassword",
     NUMBER = "number",
     NUMBER_DROPDOWN = "numberDropdown",
+    NUMBER_SLIDER = "numberSlider",
     BOOLEAN_CHECKBOX = "boolean",
     BOOLEAN_TOGGLE = "booleanToggle",
     BOOLEAN_DROPDOWN = "booleanDropdown",
@@ -29,9 +32,10 @@ export declare enum DecoratorTypes {
     DATE_RANGE = "dateRange",
     DATE_TIME = "dateTime",
     FILE_DEFAULT = "fileDefault",
-    FILE_IMAGE = "fileImage"
+    FILE_IMAGE = "fileImage",
+    CUSTOM = "custom"
 }
 /**
  * Gives the metadata-config Type based on the DecoratorTypes enum.
  */
-export declare type DecoratorType<T> = T extends DecoratorTypes.STRING ? DefaultStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_TEXTBOX ? TextboxStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_DROPDOWN ? DropdownStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_AUTOCOMPLETE ? AutocompleteStringDecoratorConfigInternal : T extends DecoratorTypes.NUMBER ? DefaultNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_DROPDOWN ? DropdownNumberDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_CHECKBOX ? CheckboxBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_TOGGLE ? ToggleBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_DROPDOWN ? DropdownBooleanDecoratorConfigInternal : T extends DecoratorTypes.OBJECT ? DefaultObjectDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY_DATE ? DateArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_TIME ? DateTimeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_RANGE ? DateRangeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_CHIPS ? StringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS ? AutocompleteStringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.DATE ? DefaultDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_RANGE ? DateRangeDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_TIME ? DateTimeDateDecoratorConfigInternal : T extends DecoratorTypes.FILE_DEFAULT ? DefaultFileDecoratorConfigInternal : T extends DecoratorTypes.FILE_IMAGE ? ImageFileDecoratorConfigInternal : never;
+export declare type DecoratorType<T, CustomMetadataType extends Record<string, unknown>> = T extends DecoratorTypes.STRING ? DefaultStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_TEXTBOX ? TextboxStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_DROPDOWN ? DropdownStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_AUTOCOMPLETE ? AutocompleteStringDecoratorConfigInternal : T extends DecoratorTypes.STRING_PASSWORD ? PasswordStringDecoratorConfigInternal : T extends DecoratorTypes.NUMBER ? DefaultNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_DROPDOWN ? DropdownNumberDecoratorConfigInternal : T extends DecoratorTypes.NUMBER_SLIDER ? SliderNumberDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_CHECKBOX ? CheckboxBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_TOGGLE ? ToggleBooleanDecoratorConfigInternal : T extends DecoratorTypes.BOOLEAN_DROPDOWN ? DropdownBooleanDecoratorConfigInternal : T extends DecoratorTypes.OBJECT ? DefaultObjectDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<any> : T extends DecoratorTypes.ARRAY_DATE ? DateArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_TIME ? DateTimeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_DATE_RANGE ? DateRangeArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_CHIPS ? StringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS ? AutocompleteStringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.DATE ? DefaultDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_RANGE ? DateRangeDateDecoratorConfigInternal : T extends DecoratorTypes.DATE_TIME ? DateTimeDateDecoratorConfigInternal : T extends DecoratorTypes.FILE_DEFAULT ? DefaultFileDecoratorConfigInternal : T extends DecoratorTypes.FILE_IMAGE ? ImageFileDecoratorConfigInternal : T extends DecoratorTypes.CUSTOM ? CustomDecoratorConfigInternal<any, any, CustomMetadataType, any> : never;

package/decorators/base/property-decorator-internal.data.d.ts

@@ -5,6 +5,8 @@ import { Col, Position, PropertyDecoratorConfig } from './property-decorator.dat
 declare class PositionInternal implements Position {
     row: number;
     order: number;
+    tab: number;
+    tabName?: string;
     constructor(data?: Position);
     private validateInput;
 }