ngx-material-entity 1.0.5 → 1.0.6

package/classes/entity.utilities.d.ts

@@ -150,13 +150,25 @@ export declare abstract class EntityUtilities {
      * Gets the rows that are used to display the given entity.
      *
      * @param entity - The entity to get the rows from.
+     * @param tab - The tab number for which the rows should be returned.
      * @param hideOmitForCreate - Whether or not keys with the metadata omitForCreate should be filtered out.
      * @param hideOmitForEdit - Whether or not keys with the metadata omitForUpdate should be filtered out.
      * @returns The sorted Rows containing the row number and the keys to display in that row.
      */
-    static getEntityRows<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): EntityRow<EntityType>[];
+    private static getEntityRows;
+    /**
+     * Gets the tabs that are used to display the given entity.
+     *
+     * @param entity - The entity to get the rows from.
+     * @param hideOmitForCreate - Whether or not keys with the metadata omitForCreate should be filtered out.
+     * @param hideOmitForEdit - Whether or not keys with the metadata omitForUpdate should be filtered out.
+     * @returns The sorted Tabs containing the rows and the keys to display in that row.
+     */
+    static getEntityTabs<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): EntityTab<EntityType>[];
     private static getKeysForRow;
     private static getNumberOfRows;
+    private static getNumberOfTabs;
+    private static getTabName;
     /**
      * Gets the keys of the provided entity correctly typed.
      *
@@ -168,7 +180,7 @@ export declare abstract class EntityUtilities {
     static keysOf<EntityType extends BaseEntityType<EntityType>>(entity: EntityType, hideOmitForCreate?: boolean, hideOmitForEdit?: boolean): (keyof EntityType)[];
 }
 /**
- * A row that contains all the information about how to display an entity.
+ * A row that contains information about how to display an entity.
  */
 export interface EntityRow<EntityType extends BaseEntityType<EntityType>> {
     /**
@@ -180,3 +192,20 @@ export interface EntityRow<EntityType extends BaseEntityType<EntityType>> {
      */
     keys: (keyof EntityType)[];
 }
+/**
+ * A tab that contains all the information about how to display an entity.
+ */
+export interface EntityTab<EntityType extends BaseEntityType<EntityType>> {
+    /**
+     * The tab in which the rows should be displayed.
+     */
+    tab: number;
+    /**
+     * The name to display inside the tab.
+     */
+    tabName: string;
+    /**
+     * The rows that should be displayed inside this tab,.
+     */
+    rows: EntityRow<EntityType>[];
+}

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';
@@ -68,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;

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

@@ -39,8 +39,9 @@ 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.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 ɵ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/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.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,7 +18,7 @@ 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>;

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/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;
 }

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

@@ -53,6 +53,21 @@ export declare abstract class PropertyDecoratorConfig {
  * The options for positioning a property when using default create/edit dialogs.
  */
 export interface Position {
+    /**
+     * Specifies a tab in which this property is displayed.
+     * If no property has the tab metadata specified no tabs are displayed.
+     * Ordering is ascending.
+     *
+     * @default -1 (sets this property in the first tab)
+     */
+    tab?: number;
+    /**
+     * Specifies the name of the tab. Can only be set by one property in each tab.
+     * Requires "tab" to be set.
+     *
+     * @default `Tab ${numberOfTheTab}`
+     */
+    tabName?: string;
     /**
      * Specifies the (bootstrap)-row in which this property is displayed.
      * Ordering is ascending.