ngx-material-entity 0.1.3 → 0.1.4

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

@@ -1,11 +1,11 @@
 import { HttpClient } from '@angular/common/http';
-import { Entity } from '../../classes/entity-model.class';
-import { EntityService } from '../../classes/entity-service.class';
+import { EntityService } from '../../classes/entity.service';
+import { EntityClassNewable } from '../../classes/entity.model';
 import { ConfirmDialogData } from '../confirm-dialog/confirm-dialog-data';
 /**
  * The Definition of a Column inside the table.
  */
-export interface DisplayColumn<EntityType extends Entity> {
+export interface DisplayColumn<EntityType extends object> {
     /**
      * The name inside the header.
      */
@@ -18,7 +18,7 @@ export interface DisplayColumn<EntityType extends Entity> {
 /**
  * The Definition of an Action that can be run on multiple selected entities.
  */
-export interface MultiSelectAction<EntityType extends Entity> {
+export interface MultiSelectAction<EntityType extends object> {
     /**
      * The name of the action.
      */
@@ -47,7 +47,7 @@ export interface MultiSelectAction<EntityType extends Entity> {
 /**
  * The base data of the ngx-mat-entity-table.
  */
-export interface BaseData<EntityType extends Entity> {
+export interface BaseData<EntityType extends object> {
     /**
      * The title of the table.
      */
@@ -65,7 +65,7 @@ export interface BaseData<EntityType extends Entity> {
     /**
      * The Class of the entities to manage.
      */
-    EntityClass?: new (entity?: EntityType) => EntityType;
+    EntityClass?: EntityClassNewable<EntityType>;
     /**
      * The label on the search bar. Defaults to "Search".
      */
@@ -144,7 +144,7 @@ export interface CreateDialogData {
 /**
  * The data of the default edit-dialog.
  */
-export interface EditDialogData<EntityType extends Entity> {
+export interface EditDialogData<EntityType extends object> {
     /**
      * The title of the default edit-dialog.
      */
@@ -181,7 +181,7 @@ export interface EditDialogData<EntityType extends Entity> {
 /**
  * All the configuration data required to display a ngx-mat-entity-table.
  */
-export interface TableData<EntityType extends Entity> {
+export interface TableData<EntityType extends object> {
     /**
      * The base data for the table-component.
      * Includes stuff like the title for the table, what to display inside the rows etc.

package/components/table/table.component.d.ts

@@ -2,7 +2,6 @@ import { Injector, OnDestroy, OnInit } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
-import { Entity } from '../../classes/entity-model.class';
 import { SelectionModel } from '@angular/cdk/collections';
 import { MatDialog } from '@angular/material/dialog';
 import { MultiSelectAction, TableData } from './table-data';
@@ -14,7 +13,7 @@ import * as i0 from "@angular/core";
  *
  * It offers a lot of customization options which can be found in "TableData".
  */
-export declare class NgxMatEntityTableComponent<EntityType extends Entity> implements OnInit, OnDestroy {
+export declare class NgxMatEntityTableComponent<EntityType extends object> implements OnInit, OnDestroy {
     private readonly dialog;
     private readonly injector;
     /**

package/decorators/array/array-decorator-internal.data.d.ts

@@ -1,15 +1,15 @@
-import { Entity } from '../../classes/entity-model.class';
 import { CreateDialogData } from '../../components/table/table-data';
+import { EntityClassNewable } from '../../classes/entity.model';
 import { DecoratorTypes } from '../base/decorator-types.enum';
 import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
 import { ArrayTableDisplayColumn, AutocompleteStringChipsArrayDecoratorConfig, EntityArrayDecoratorConfig, StringChipsArrayDecoratorConfig } from './array-decorator.data';
 /**
  * The internal EntityArrayDecoratorConfig. Sets default values.
  */
-export declare class EntityArrayDecoratorConfigInternal<EntityType extends Entity> extends PropertyDecoratorConfigInternal implements EntityArrayDecoratorConfig<EntityType> {
+export declare class EntityArrayDecoratorConfigInternal<EntityType extends object> extends PropertyDecoratorConfigInternal implements EntityArrayDecoratorConfig<EntityType> {
     itemType: DecoratorTypes.OBJECT;
     displayStyle: 'table';
-    EntityClass: new (entity?: EntityType) => EntityType;
+    EntityClass: EntityClassNewable<EntityType>;
     displayColumns: ArrayTableDisplayColumn<EntityType>[];
     createDialogData?: CreateDialogData;
     createInline: boolean;

package/decorators/array/array-decorator.data.d.ts

@@ -1,11 +1,11 @@
-import { Entity } from '../../classes/entity-model.class';
 import { CreateDialogData } from '../../components/table/table-data';
+import { EntityClassNewable } from '../../classes/entity.model';
 import { DecoratorTypes } from '../base/decorator-types.enum';
 import { PropertyDecoratorConfig } from '../base/property-decorator.data';
 /**
  * The configuration options for an array property displayed as a table.
  */
-export interface ArrayTableDisplayColumn<EntityType extends Entity> {
+export interface ArrayTableDisplayColumn<EntityType extends object> {
     /**
      * The name inside the header.
      */
@@ -31,13 +31,13 @@ declare abstract class ArrayDecoratorConfig extends PropertyDecoratorConfig {
 /**
  * Definition for an array of Entities.
  */
-export interface EntityArrayDecoratorConfig<EntityType extends Entity> extends ArrayDecoratorConfig {
+export interface EntityArrayDecoratorConfig<EntityType extends object> extends ArrayDecoratorConfig {
     itemType: DecoratorTypes.OBJECT;
     displayStyle: 'table';
     /**
      * The EntityClass used for generating the create inputs.
      */
-    EntityClass: new (entity?: EntityType) => EntityType;
+    EntityClass: EntityClassNewable<EntityType>;
     /**
      * The definition of the columns to display. Consists of the displayName to show in the header of the row
      * and the value, which is a function that generates the value to display inside a column.

package/decorators/array/array.decorator.d.ts

@@ -1,4 +1,3 @@
-import { Entity } from '../../classes/entity-model.class';
 import { AutocompleteStringChipsArrayDecoratorConfig, EntityArrayDecoratorConfig, StringChipsArrayDecoratorConfig } from './array-decorator.data';
 /**
  * Decorator for setting and getting array property metadata.
@@ -7,4 +6,4 @@ import { AutocompleteStringChipsArrayDecoratorConfig, EntityArrayDecoratorConfig
  * @returns The method that defines the metadata.
  * @throws When the given type of the array-items is unknown.
  */
-export declare function array<EntityType extends Entity>(metadata: EntityArrayDecoratorConfig<EntityType> | StringChipsArrayDecoratorConfig | AutocompleteStringChipsArrayDecoratorConfig): (target: object, propertyKey: string) => void;
+export declare function array<EntityType extends object>(metadata: EntityArrayDecoratorConfig<EntityType> | StringChipsArrayDecoratorConfig | AutocompleteStringChipsArrayDecoratorConfig): (target: object, propertyKey: string) => void;

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

@@ -1,6 +1,6 @@
-import { Entity } from '../../classes/entity-model.class';
 import { AutocompleteStringChipsArrayDecoratorConfigInternal, EntityArrayDecoratorConfigInternal, StringChipsArrayDecoratorConfigInternal } from '../array/array-decorator-internal.data';
 import { CheckboxBooleanDecoratorConfigInternal, DropdownBooleanDecoratorConfigInternal, ToggleBooleanDecoratorConfigInternal } from '../boolean/boolean-decorator-internal.data';
+import { DateRangeDateDecoratorConfigInternal, DateTimeDateDecoratorConfigInternal, DefaultDateDecoratorConfigInternal } from '../date/date-decorator-internal.data';
 import { DefaultNumberDecoratorConfigInternal, DropdownNumberDecoratorConfigInternal } 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';
@@ -20,9 +20,12 @@ export declare enum DecoratorTypes {
     OBJECT = "object",
     ARRAY = "array",
     ARRAY_STRING_CHIPS = "arrayStringChips",
-    ARRAY_STRING_AUTOCOMPLETE_CHIPS = "arrayStringAutocompleteChips"
+    ARRAY_STRING_AUTOCOMPLETE_CHIPS = "arrayStringAutocompleteChips",
+    DATE = "date",
+    DATE_RANGE = "dateRange",
+    DATE_TIME = "dateTime"
 }
 /**
  * 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<Entity> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<Entity> : T extends DecoratorTypes.ARRAY_STRING_CHIPS ? StringChipsArrayDecoratorConfigInternal : T extends DecoratorTypes.ARRAY_STRING_AUTOCOMPLETE_CHIPS ? AutocompleteStringChipsArrayDecoratorConfigInternal : never;
+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<object> : T extends DecoratorTypes.ARRAY ? EntityArrayDecoratorConfigInternal<object> : 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 : never;

package/decorators/base/dropdown-value.interface.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The definition for a dropdown value.
+ * Consists of the name to display in the dropdown and the actual value.
+ */
+export interface DropdownValue<T> {
+    /**
+     * The name to display in the dropdown.
+     */
+    displayName: string;
+    /**
+     * The actual value.
+     */
+    value: T;
+}

package/decorators/date/date-decorator-internal.data.d.ts

@@ -0,0 +1,44 @@
+import { Time } from '@angular/common';
+import { DateFilterFn } from '@angular/material/datepicker';
+import { DropdownValue } from '../base/dropdown-value.interface';
+import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
+import { DateRangeDateDecoratorConfig, DateTimeDateDecoratorConfig, DefaultDateDecoratorConfig } from './date-decorator.data';
+/**
+ * The internal DefaultDateDecoratorConfig. Sets default values.
+ */
+export declare class DefaultDateDecoratorConfigInternal extends PropertyDecoratorConfigInternal implements DefaultDateDecoratorConfig {
+    displayStyle: 'date';
+    min?: (date?: Date) => Date;
+    max?: (date?: Date) => Date;
+    filter?: DateFilterFn<Date | null | undefined>;
+    constructor(data: DefaultDateDecoratorConfig);
+}
+/**
+ * The internal DateRangeDateDecoratorConfig. Sets default values.
+ */
+export declare class DateRangeDateDecoratorConfigInternal extends PropertyDecoratorConfigInternal implements DateRangeDateDecoratorConfig {
+    displayStyle: 'daterange';
+    minStart?: (date?: Date) => Date;
+    maxStart?: (date?: Date) => Date;
+    minEnd?: (date?: Date) => Date;
+    maxEnd?: (date?: Date) => Date;
+    filter?: DateFilterFn<Date>;
+    placeholderStart?: string;
+    placeholderEnd?: string;
+    constructor(data: DateRangeDateDecoratorConfig);
+}
+/**
+ * The internal DateTimeDateDecoratorConfig. Sets default values.
+ */
+export declare class DateTimeDateDecoratorConfigInternal extends PropertyDecoratorConfigInternal implements DateTimeDateDecoratorConfig {
+    displayStyle: 'datetime';
+    times: DropdownValue<Time>[];
+    timeDisplayName: string;
+    minDate?: (date?: Date) => Date;
+    maxDate?: (date?: Date) => Date;
+    filterDate?: DateFilterFn<Date | null | undefined>;
+    minTime?: (date?: Date) => Time;
+    maxTime?: (date?: Date) => Time;
+    filterTime?: ((time: Time) => boolean) | (() => boolean);
+    constructor(data: DateTimeDateDecoratorConfig);
+}

package/decorators/date/date-decorator.data.d.ts

@@ -0,0 +1,129 @@
+import { Time } from '@angular/common';
+import { DateFilterFn } from '@angular/material/datepicker';
+import { DropdownValue } from '../base/dropdown-value.interface';
+import { PropertyDecoratorConfig } from '../base/property-decorator.data';
+/**
+ * This is the needed type for an property that should be displayed as a date range.
+ */
+export interface DateRange {
+    /**
+     * The start date of the range.
+     */
+    start: Date;
+    /**
+     * The end date of the range.
+     */
+    end: Date;
+    /**
+     * The actual Date values. These are needed if the date range might contain some values that are disabled.
+     * E.g. When you build a tool to request vacation you may want the user to select 3 weeks in the range picker
+     * but don't want the weekend dates in the final result.
+     */
+    values?: Date[];
+}
+/**
+ * Definition for the @date metadata.
+ */
+declare abstract class DateDecoratorConfig extends PropertyDecoratorConfig {
+    /**
+     * How to display the date.
+     */
+    displayStyle: 'date' | 'datetime' | 'daterange';
+}
+/**
+ * The configuration options for a date property displayed as a default single date picker.
+ */
+export interface DefaultDateDecoratorConfig extends DateDecoratorConfig {
+    displayStyle: 'date';
+    /**
+     * A function to get the minimum value of the date.
+     */
+    min?: (date?: Date) => Date;
+    /**
+     * A function to get the maximum value of the date.
+     */
+    max?: (date?: Date) => Date;
+    /**
+     * A filter function to do more specific filtering. This could be the removal of e.g. All weekends.
+     */
+    filter?: DateFilterFn<Date | null | undefined>;
+}
+/**
+ * The configuration options for a date property displayed as a date range.
+ */
+export interface DateRangeDateDecoratorConfig extends DateDecoratorConfig {
+    displayStyle: 'daterange';
+    /**
+     * A function to get the minimum value of the start date.
+     */
+    minStart?: (date?: Date) => Date;
+    /**
+     * A function to get the maximum value of the start date.
+     */
+    maxStart?: (date?: Date) => Date;
+    /**
+     * A function to get the minimum value of the end date.
+     */
+    minEnd?: (date?: Date) => Date;
+    /**
+     * A function to get the maximum value of the end date.
+     */
+    maxEnd?: (date?: Date) => Date;
+    /**
+     * A filter function to do more specific filtering on the disallowed end date values. This could be the removal of e.g. All weekends.
+     */
+    filter?: DateFilterFn<Date>;
+    /**
+     * The placeholder for the start date of the date range picker.
+     *
+     * @default "Start"
+     */
+    placeholderStart?: string;
+    /**
+     * The placeholder for the end date of the date range picker.
+     *
+     * @default "End"
+     */
+    placeholderEnd?: string;
+}
+/**
+ * The configuration options for a date property displayed as date time.
+ */
+export interface DateTimeDateDecoratorConfig extends DateDecoratorConfig {
+    displayStyle: 'datetime';
+    /**
+     * The selectable times.
+     */
+    times?: DropdownValue<Time>[];
+    /**
+     * The name to use as a label for the time form field.
+     *
+     * @default 'Time'
+     */
+    timeDisplayName?: string;
+    /**
+     * A function to get the minimum value of the date.
+     */
+    minDate?: (date?: Date) => Date;
+    /**
+     * A function to get the maximum value of the date.
+     */
+    maxDate?: (date?: Date) => Date;
+    /**
+     * A filter function to do more specific date filtering. This could be the removal of e.g. All weekends.
+     */
+    filterDate?: DateFilterFn<Date | null | undefined>;
+    /**
+     * A function to get the minimum value of the time.
+     */
+    minTime?: (date?: Date) => Time;
+    /**
+     * A function to get the maximum value of the time.
+     */
+    maxTime?: (date?: Date) => Time;
+    /**
+     * A filter function to do more specific time filtering. This could be e.g. The removal of lunch breaks.
+     */
+    filterTime?: ((time: Time) => boolean) | (() => boolean);
+}
+export {};

package/decorators/number/number-decorator-internal.data.d.ts

@@ -1,3 +1,4 @@
+import { DropdownValue } from '../base/dropdown-value.interface';
 import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
 import { DefaultNumberDecoratorConfig, DropdownNumberDecoratorConfig } from './number-decorator.data';
 /**
@@ -14,9 +15,6 @@ export declare class DefaultNumberDecoratorConfigInternal extends PropertyDecora
  */
 export declare class DropdownNumberDecoratorConfigInternal extends PropertyDecoratorConfigInternal implements DropdownNumberDecoratorConfig {
     displayStyle: 'dropdown';
-    dropdownValues: {
-        displayName: string;
-        value: number;
-    }[];
+    dropdownValues: DropdownValue<number>[];
     constructor(data: DropdownNumberDecoratorConfig);
 }

package/decorators/number/number-decorator.data.d.ts

@@ -1,3 +1,4 @@
+import { DropdownValue } from '../base/dropdown-value.interface';
 import { PropertyDecoratorConfig } from '../base/property-decorator.data';
 /**
  * Definition for the @number metadata.
@@ -30,9 +31,6 @@ export interface DropdownNumberDecoratorConfig extends NumberDecoratorConfig {
     /**
      * The values of the dropdown, consisting of a name to display and the actual value.
      */
-    dropdownValues: {
-        displayName: string;
-        value: number;
-    }[];
+    dropdownValues: DropdownValue<number>[];
 }
 export {};

package/decorators/number/number.decorator.d.ts

@@ -1,8 +1,8 @@
 import { DefaultNumberDecoratorConfig, DropdownNumberDecoratorConfig } from './number-decorator.data';
 /**
- * Decorator for setting and getting string property metadata.
+ * Decorator for setting and getting number property metadata.
  *
- * @param metadata - The metadata of the string property.
+ * @param metadata - The metadata of the number property.
  * @returns The method that defines the metadata.
  */
 export declare function number(metadata: DefaultNumberDecoratorConfig | DropdownNumberDecoratorConfig): (target: object, propertyKey: string) => void;

package/decorators/object/object-decorator-internal.data.d.ts

@@ -1,11 +1,11 @@
-import { Entity } from '../../classes/entity-model.class';
+import { EntityClassNewable } from '../../classes/entity.model';
 import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
 import { DefaultObjectDecoratorConfig } from './object-decorator.data';
 /**
  * The internal DefaultObjectDecoratorConfig. Sets default values.
  */
-export declare class DefaultObjectDecoratorConfigInternal<EntityType extends Entity> extends PropertyDecoratorConfigInternal implements DefaultObjectDecoratorConfig<EntityType> {
+export declare class DefaultObjectDecoratorConfigInternal<EntityType extends object> extends PropertyDecoratorConfigInternal implements DefaultObjectDecoratorConfig<EntityType> {
     displayStyle: 'inline';
-    type: new (entity?: EntityType) => EntityType;
+    EntityClass: EntityClassNewable<EntityType>;
     constructor(data: DefaultObjectDecoratorConfig<EntityType>);
 }

package/decorators/object/object-decorator.data.d.ts

@@ -1,13 +1,13 @@
-import { Entity } from '../../classes/entity-model.class';
+import { EntityClassNewable } from '../../classes/entity.model';
 import { PropertyDecoratorConfig } from '../base/property-decorator.data';
 /**
  * Definition for the @object metadata.
  */
-declare abstract class ObjectDecoratorConfig<EntityType extends Entity> extends PropertyDecoratorConfig {
+declare abstract class ObjectDecoratorConfig<EntityType extends object> extends PropertyDecoratorConfig {
     /**
-     * The entity type of the object.
+     * The class of the object. Is used to call the constructor so that all metadata is initialized.
      */
-    type: new (entity?: EntityType) => EntityType;
+    EntityClass: EntityClassNewable<EntityType>;
     /**
      * How to display the object.
      *
@@ -19,7 +19,7 @@ declare abstract class ObjectDecoratorConfig<EntityType extends Entity> extends
 /**
  * The configuration options for a object property.
  */
-export interface DefaultObjectDecoratorConfig<EntityType extends Entity> extends ObjectDecoratorConfig<EntityType> {
+export interface DefaultObjectDecoratorConfig<EntityType extends object> extends ObjectDecoratorConfig<EntityType> {
     displayStyle: 'inline';
 }
 export {};

package/decorators/object/object.decorator.d.ts

@@ -1,4 +1,3 @@
-import { Entity } from '../../classes/entity-model.class';
 import { DefaultObjectDecoratorConfig } from './object-decorator.data';
 /**
  * Decorator for setting and getting object property metadata.
@@ -6,4 +5,4 @@ import { DefaultObjectDecoratorConfig } from './object-decorator.data';
  * @param metadata - The metadata of the object property.
  * @returns The method that defines the metadata.
  */
-export declare function object<EntityType extends Entity>(metadata: DefaultObjectDecoratorConfig<EntityType>): (target: object, propertyKey: string) => void;
+export declare function object<EntityType extends object>(metadata: DefaultObjectDecoratorConfig<EntityType>): (target: object, propertyKey: string) => void;

package/decorators/string/string-decorator-internal.data.d.ts

@@ -1,3 +1,4 @@
+import { DropdownValue } from '../base/dropdown-value.interface';
 import { PropertyDecoratorConfigInternal } from '../base/property-decorator-internal.data';
 import { AutocompleteStringDecoratorConfig, DefaultStringDecoratorConfig, DropdownStringDecoratorConfig, TextboxStringDecoratorConfig } from './string-decorator.data';
 /**
@@ -5,10 +6,7 @@ import { AutocompleteStringDecoratorConfig, DefaultStringDecoratorConfig, Dropdo
  */
 export declare class DropdownStringDecoratorConfigInternal extends PropertyDecoratorConfigInternal implements DropdownStringDecoratorConfig {
     displayStyle: 'dropdown';
-    dropdownValues: {
-        displayName: string;
-        value: string;
-    }[];
+    dropdownValues: DropdownValue<string>[];
     constructor(data: DropdownStringDecoratorConfig);
 }
 /**

package/decorators/string/string-decorator.data.d.ts

@@ -1,3 +1,4 @@
+import { DropdownValue } from '../base/dropdown-value.interface';
 import { PropertyDecoratorConfig } from '../base/property-decorator.data';
 /**
  * Definition for the @string metadata.
@@ -17,10 +18,7 @@ export interface DropdownStringDecoratorConfig extends StringDecoratorConfig {
      * The values of the dropdown, consisting of a name to display and the actual value
      * Can also receive a function to determine the values.
      */
-    dropdownValues: {
-        displayName: string;
-        value: string;
-    }[];
+    dropdownValues: DropdownValue<string>[];
 }
 /**
  * The configuration options for a string property displayed in a default text input.

package/esm2020/classes/base.builder.mjs

@@ -0,0 +1,43 @@
+/**
+ * The abstract BaseBuilder class.
+ */
+export class BaseBuilder {
+    constructor(data) {
+        this.validateInput(data);
+        this.inputData = data;
+        this.data = this.generateBaseData(data);
+        return this;
+    }
+    /**
+     * Used to validate the user input in the constructor.
+     *
+     * @param data - The user input.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    validateInput(data) {
+        // By default, no validation is done
+    }
+    ;
+    /**
+     * Sets the value for the given key if no user value was provided.
+     *
+     * @param key - The key to set the default value for.
+     * @param value - The value to set when nothing was provided.
+     * @returns The Builder.
+     */
+    withDefault(key, value) {
+        if (!this.inputData || !this.inputData[key]) {
+            this.data[key] = value;
+        }
+        return this;
+    }
+    /**
+     * Method used to get the final build value after applying all chaining.
+     *
+     * @returns The build value.
+     */
+    getResult() {
+        return this.data;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS5idWlsZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdGVyaWFsLWVudGl0eS9zcmMvY2xhc3Nlcy9iYXNlLmJ1aWxkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7O0dBRUc7QUFDSCxNQUFNLE9BQWdCLFdBQVc7SUFLN0IsWUFBc0IsSUFBZ0I7UUFDbEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QyxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBVUQ7Ozs7T0FJRztJQUNILDZEQUE2RDtJQUNuRCxhQUFhLENBQUMsSUFBZ0I7UUFDcEMsb0NBQW9DO0lBQ3hDLENBQUM7SUFBQSxDQUFDO0lBRUY7Ozs7OztPQU1HO0lBQ0gsV0FBVyxDQUFDLEdBQW9CLEVBQUUsS0FBdUQ7UUFDckYsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBc0MsQ0FBQztTQUMzRDtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsU0FBUztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNyQixDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJcbi8qKlxuICogVGhlIGFic3RyYWN0IEJhc2VCdWlsZGVyIGNsYXNzLlxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUJ1aWxkZXI8SW50ZXJuYWxUeXBlIGV4dGVuZHMgSW5wdXRUeXBlLCBJbnB1dFR5cGUgZXh0ZW5kcyBvYmplY3Q+IHtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgZGF0YTogSW50ZXJuYWxUeXBlO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgaW5wdXREYXRhPzogSW5wdXRUeXBlO1xuXG4gICAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKGRhdGE/OiBJbnB1dFR5cGUpIHtcbiAgICAgICAgdGhpcy52YWxpZGF0ZUlucHV0KGRhdGEpO1xuICAgICAgICB0aGlzLmlucHV0RGF0YSA9IGRhdGE7XG4gICAgICAgIHRoaXMuZGF0YSA9IHRoaXMuZ2VuZXJhdGVCYXNlRGF0YShkYXRhKTtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogR2VuZXJhdGVzIHRoZSBpbnRlcm5hbCBkYXRhIGZyb20gdGhlIGdpdmVuIHVzZXIgaW5wdXRzLlxuICAgICAqXG4gICAgICogQHBhcmFtIGRhdGEgLSBUaGUgaW5wdXQgZnJvbSB0aGUgdXNlci5cbiAgICAgKiBAcmV0dXJucyBUaGUgaW50ZXJuYWwgZGF0YS5cbiAgICAgKi9cbiAgICBwcm90ZWN0ZWQgYWJzdHJhY3QgZ2VuZXJhdGVCYXNlRGF0YShkYXRhPzogSW5wdXRUeXBlKTogSW50ZXJuYWxUeXBlO1xuXG4gICAgLyoqXG4gICAgICogVXNlZCB0byB2YWxpZGF0ZSB0aGUgdXNlciBpbnB1dCBpbiB0aGUgY29uc3RydWN0b3IuXG4gICAgICpcbiAgICAgKiBAcGFyYW0gZGF0YSAtIFRoZSB1c2VyIGlucHV0LlxuICAgICAqL1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnNcbiAgICBwcm90ZWN0ZWQgdmFsaWRhdGVJbnB1dChkYXRhPzogSW5wdXRUeXBlKTogdm9pZCB7XG4gICAgICAgIC8vIEJ5IGRlZmF1bHQsIG5vIHZhbGlkYXRpb24gaXMgZG9uZVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBTZXRzIHRoZSB2YWx1ZSBmb3IgdGhlIGdpdmVuIGtleSBpZiBubyB1c2VyIHZhbHVlIHdhcyBwcm92aWRlZC5cbiAgICAgKlxuICAgICAqIEBwYXJhbSBrZXkgLSBUaGUga2V5IHRvIHNldCB0aGUgZGVmYXVsdCB2YWx1ZSBmb3IuXG4gICAgICogQHBhcmFtIHZhbHVlIC0gVGhlIHZhbHVlIHRvIHNldCB3aGVuIG5vdGhpbmcgd2FzIHByb3ZpZGVkLlxuICAgICAqIEByZXR1cm5zIFRoZSBCdWlsZGVyLlxuICAgICAqL1xuICAgIHdpdGhEZWZhdWx0KGtleToga2V5b2YgSW5wdXRUeXBlLCB2YWx1ZTogT21pdDxJbnRlcm5hbFR5cGVba2V5b2YgSW5wdXRUeXBlXSwgJ3VuZGVmaW5lZCc+KTogQmFzZUJ1aWxkZXI8SW50ZXJuYWxUeXBlLCBJbnB1dFR5cGU+IHtcbiAgICAgICAgaWYgKCF0aGlzLmlucHV0RGF0YSB8fCAhdGhpcy5pbnB1dERhdGFba2V5XSkge1xuICAgICAgICAgICAgdGhpcy5kYXRhW2tleV0gPSB2YWx1ZSBhcyBJbnRlcm5hbFR5cGVba2V5b2YgSW5wdXRUeXBlXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBNZXRob2QgdXNlZCB0byBnZXQgdGhlIGZpbmFsIGJ1aWxkIHZhbHVlIGFmdGVyIGFwcGx5aW5nIGFsbCBjaGFpbmluZy5cbiAgICAgKlxuICAgICAqIEByZXR1cm5zIFRoZSBidWlsZCB2YWx1ZS5cbiAgICAgKi9cbiAgICBnZXRSZXN1bHQoKTogSW50ZXJuYWxUeXBlIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YTtcbiAgICB9XG59Il19