@netgrif/components-core 6.3.0 → 6.4.0-beta.2

package/lib/data-fields/i18n-field/i18n-text-field/abstract-i18n-text-field.component.d.ts

@@ -1,21 +1,17 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { I18nField } from '../models/i18n-field';
-import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../../data-field-template/models/wrapped-boolean';
 import { TranslateService } from '@ngx-translate/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { LanguageIconsService } from '../language-icons.service';
 import { AbstractI18nErrorsComponent } from '../abstract-i18n-errors.component';
 import { LanguageIcons } from '../models/language-icons';
 import { I18nFieldTranslations } from '../models/i18n-field-value';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractI18nTextFieldComponent extends AbstractI18nErrorsComponent implements OnInit, OnDestroy {
     protected languageIconsService: LanguageIconsService;
     protected _translateService: TranslateService;
     protected _domSanitizer: DomSanitizer;
-    textI18nField: I18nField;
-    formControlRef: FormControl;
-    showLargeLayout: WrappedBoolean;
     private fieldValueChangesSubscription;
     private fieldUpdateSubscription;
     languageKeys: Array<string>;
@@ -26,7 +22,7 @@ export declare abstract class AbstractI18nTextFieldComponent extends AbstractI18
     cutProperty: string;
     currentValue: I18nFieldTranslations;
     filledKeys: Array<string>;
-    protected constructor(languageIconsService: LanguageIconsService, _translateService: TranslateService, _domSanitizer: DomSanitizer);
+    protected constructor(languageIconsService: LanguageIconsService, _translateService: TranslateService, _domSanitizer: DomSanitizer, dataFieldPortalData: DataFieldPortalData<I18nField>);
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected refreshCurrentValue(newValue?: import("../models/i18n-field-value").I18nFieldValue): void;
@@ -38,11 +34,12 @@ export declare abstract class AbstractI18nTextFieldComponent extends AbstractI18
     removeTranslation(key: string): void;
     toggleFilled(): void;
     getCutProperty(i18nLabel: any): string;
+    hasHint(): boolean;
     getTranslation(): string;
     isPlainText(): boolean;
     getTextColor(): string;
     getTextFontSize(): string;
     textPropertyEnabled(property: string): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractI18nTextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractI18nTextFieldComponent, "ncc-abstract-i18n-text-field", never, { "textI18nField": "textI18nField"; "formControlRef": "formControlRef"; "showLargeLayout": "showLargeLayout"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractI18nTextFieldComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractI18nTextFieldComponent, "ncc-abstract-i18n-text-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/i18n-field/models/i18n-field.d.ts

@@ -13,6 +13,7 @@ export declare enum I18nFieldValidation {
 }
 export declare const DEFAULT_LANGUAGE_CODE = "xx";
 export declare class I18nField extends DataField<I18nFieldValue> {
+    getTypedComponentType(): string;
     private static defaultValueNonEquality;
     private static keyNonEquality;
     private static translationsNonEquality;

package/lib/data-fields/models/abstract-data-field-component.d.ts

@@ -30,6 +30,7 @@ export declare abstract class AbstractDataFieldComponent implements OnInit, OnDe
      * The [FormControl]{@link https://angular.io/api/forms/FormControl} object that should be used to control any rendered forms.
      */
     get formControl(): FormControl;
+    hasTitle(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDataFieldComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDataFieldComponent, "ncc-abstract-datafield", never, { "dataField": "dataField"; "taskOffset": "taskOffset"; }, {}, never, never>;
 }

package/lib/data-fields/models/abstract-data-field.d.ts

@@ -7,6 +7,7 @@ import { ConfigurationService } from '../../configuration/configuration.service'
 import { Component } from './component';
 import { Validation } from './validation';
 import { ElementRef } from "@angular/core";
+import { UpdateOnStrategy } from "./update-strategy";
 /**
  * Holds the logic common to all data field Model objects.
  * @typeparam T - type of the `value` property of the data field
@@ -124,6 +125,10 @@ export declare abstract class DataField<T> {
      * Reference to rendered element
      * */
     private _input;
+    /**
+     * Reference to form control
+     * */
+    private _formControlRef;
     /**
      * @param _stringId - ID of the data field from backend
      * @param _title - displayed title of the data field from backend
@@ -182,11 +187,15 @@ export declare abstract class DataField<T> {
     focus(): void;
     get input(): ElementRef;
     set input(value: ElementRef);
+    get formControlRef(): FormControl;
+    set formControlRef(formControl: FormControl);
+    getUpdateOnStrategy(): UpdateOnStrategy;
     /**
      * This function resolve type of component for HTML
      * @returns type of component in string
      */
     getComponentType(): string;
+    abstract getTypedComponentType(): string;
     destroy(): void;
     registerFormControl(formControl: FormControl): void;
     disconnectFormControl(): void;

package/lib/data-fields/models/component.d.ts

@@ -1,5 +1,24 @@
 import { Properties } from './properties';
 import { Icon } from './icon';
+export declare const DEFAULT = "default";
+export declare enum ComponentPrefixes {
+    BOOLEAN = "boolean-",
+    BUTTON = "button-",
+    DATE = "date-",
+    DATE_TIME = "date-time-",
+    ENUMERATION = "enumeration-",
+    FILE = "file-",
+    FILE_LIST = "file-list-",
+    FILTER = "filter-",
+    I18N = "i18n-",
+    MULTICHOICE = "multichoice-",
+    NUMBER = "number-",
+    TASK_REF = "task-ref-",
+    CASE_REF = "case-ref-",
+    TEXT = "text-",
+    USER = "user-",
+    USER_LIST = "user-list-"
+}
 export interface Component {
     name: string;
     properties?: Properties;

package/lib/data-fields/models/data-field-portal-data-injection-token.d.ts

@@ -0,0 +1,13 @@
+import { InjectionToken } from "@angular/core";
+import { DataField } from "./abstract-data-field";
+import { FormControl } from "@angular/forms";
+import { WrappedBoolean } from "../data-field-template/models/wrapped-boolean";
+export interface DataFieldPortalData<T extends DataField<unknown>> {
+    dataField: T;
+    showLargeLayout: WrappedBoolean;
+    formControlRef: FormControl;
+    additionalFieldProperties?: {
+        [k: string]: string | number;
+    };
+}
+export declare const DATA_FIELD_PORTAL_DATA: InjectionToken<DataFieldPortalData<DataField<unknown>>>;

package/lib/data-fields/models/update-strategy.d.ts

@@ -0,0 +1,6 @@
+export declare type UpdateOnStrategy = 'change' | 'blur' | 'submit';
+export declare enum UpdateStrategy {
+    CHANGE = "change",
+    BLUR = "blur",
+    SUBMIT = "submit"
+}

package/lib/data-fields/multichoice-field/abstract-multichoice-field.component.d.ts

@@ -1,6 +1,9 @@
 import { MultichoiceField } from './models/multichoice-field';
 import { AbstractDataFieldComponent } from '../models/abstract-data-field-component';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated
+ * */
 export declare abstract class AbstractMultichoiceFieldComponent extends AbstractDataFieldComponent {
     dataField: MultichoiceField;
     protected constructor(informAboutInvalidData: boolean | null);

package/lib/data-fields/multichoice-field/models/multichoice-field.d.ts

@@ -4,6 +4,7 @@ import { Layout } from '../../models/layout';
 import { FieldTypeResource } from '../../../task-content/model/field-type-resource';
 import { Component } from '../../models/component';
 import { Validation } from '../../models/validation';
+import { UpdateOnStrategy } from "../../models/update-strategy";
 export interface MultichoiceFieldValue {
     key: string;
     value: string;
@@ -15,5 +16,7 @@ export declare class MultichoiceField extends DataField<Array<string>> {
     set choices(choices: Array<MultichoiceFieldValue>);
     get choices(): Array<MultichoiceFieldValue>;
     get fieldType(): FieldTypeResource;
+    getUpdateOnStrategy(): UpdateOnStrategy;
+    getTypedComponentType(): string;
     protected valueEquality(a: Array<string>, b: Array<string>): boolean;
 }

package/lib/data-fields/multichoice-field/multichoice-autocomplete-field/abstract-multichoice-autocomplete-field-component.component.d.ts

@@ -1,30 +1,27 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { MultichoiceField, MultichoiceFieldValue } from '../models/multichoice-field';
-import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../../data-field-template/models/wrapped-boolean';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { Observable, Subscription } from 'rxjs';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { AbstractBaseDataFieldComponent } from "../../base-component/abstract-base-data-field.component";
 import * as i0 from "@angular/core";
-export declare abstract class AbstractMultichoiceAutocompleteFieldComponentComponent implements OnInit, OnDestroy {
-    multichoiceField: MultichoiceField;
-    formControlRef: FormControl;
-    showLargeLayout: WrappedBoolean;
+export declare abstract class AbstractMultichoiceAutocompleteFieldComponentComponent extends AbstractBaseDataFieldComponent<MultichoiceField> implements OnInit, OnDestroy {
     input: ElementRef;
     separatorKeysCodes: number[];
     subscriptionChangeData$: Subscription;
     filteredOptions: Observable<Array<MultichoiceFieldValue>>;
+    constructor(dataFieldPortalData: DataFieldPortalData<MultichoiceField>);
     ngOnInit(): void;
     ngOnDestroy(): void;
     add(event: MatChipInputEvent): void;
     remove(value: string): void;
     change(): void;
-    protected checkPropertyInComponent(property: string): boolean;
     protected filterType(): string | undefined;
     protected _filter(value: string): Array<MultichoiceFieldValue>;
     protected _filterInclude(value: string): Array<MultichoiceFieldValue>;
     protected _filterIndexOf(value: string): Array<MultichoiceFieldValue>;
     renderSelection: (key: any) => any;
     getValueFromKey(key: string): string | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceAutocompleteFieldComponentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceAutocompleteFieldComponentComponent, "ncc-abstract-multichoice-autocomplete-field", never, { "multichoiceField": "multichoiceField"; "formControlRef": "formControlRef"; "showLargeLayout": "showLargeLayout"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceAutocompleteFieldComponentComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceAutocompleteFieldComponentComponent, "ncc-abstract-multichoice-autocomplete-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/multichoice-field/multichoice-list-field/abstract-multichoice-list-field.component.d.ts

@@ -1,13 +1,12 @@
 import { MultichoiceField } from '../models/multichoice-field';
 import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../../data-field-template/models/wrapped-boolean';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { AbstractBaseDataFieldComponent } from "../../base-component/abstract-base-data-field.component";
 import * as i0 from "@angular/core";
-export declare abstract class AbstractMultichoiceListFieldComponent {
-    multichoiceField: MultichoiceField;
-    formControlRef: FormControl;
-    showLargeLayout: WrappedBoolean;
+export declare abstract class AbstractMultichoiceListFieldComponent extends AbstractBaseDataFieldComponent<MultichoiceField> {
     selected: Array<string>;
     validate: FormControl;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceListFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceListFieldComponent, "ncc-abstract-multichoice-list-field", never, { "multichoiceField": "multichoiceField"; "formControlRef": "formControlRef"; "showLargeLayout": "showLargeLayout"; }, {}, never, never>;
+    constructor(dataFieldPortalData: DataFieldPortalData<MultichoiceField>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceListFieldComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceListFieldComponent, "ncc-abstract-multichoice-list-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/multichoice-field/multichoice-select-field/abstract-multichoice-select-field.component.d.ts

@@ -1,11 +1,9 @@
 import { MultichoiceField } from '../models/multichoice-field';
-import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../../data-field-template/models/wrapped-boolean';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { AbstractBaseDataFieldComponent } from "../../base-component/abstract-base-data-field.component";
 import * as i0 from "@angular/core";
-export declare abstract class AbstractMultichoiceSelectFieldComponent {
-    multichoiceField: MultichoiceField;
-    formControlRef: FormControl;
-    showLargeLayout: WrappedBoolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceSelectFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceSelectFieldComponent, "ncc-abstract-multichoice-select-field", never, { "multichoiceField": "multichoiceField"; "formControlRef": "formControlRef"; "showLargeLayout": "showLargeLayout"; }, {}, never, never>;
+export declare abstract class AbstractMultichoiceSelectFieldComponent extends AbstractBaseDataFieldComponent<MultichoiceField> {
+    constructor(dataFieldPortalData: DataFieldPortalData<MultichoiceField>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractMultichoiceSelectFieldComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractMultichoiceSelectFieldComponent, "ncc-abstract-multichoice-select-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/number-field/abstract-number-errors.component.d.ts

@@ -1,16 +1,13 @@
 import { NumberField } from './models/number-field';
 import { TranslateService } from '@ngx-translate/core';
-import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../data-field-template/models/wrapped-boolean';
+import { AbstractBaseDataFieldComponent } from "../base-component/abstract-base-data-field.component";
+import { DataFieldPortalData } from "../models/data-field-portal-data-injection-token";
 import * as i0 from "@angular/core";
-export declare abstract class AbstractNumberErrorsComponent {
+export declare abstract class AbstractNumberErrorsComponent extends AbstractBaseDataFieldComponent<NumberField> {
     protected _translate: TranslateService;
-    showLargeLayout: WrappedBoolean;
-    formControlRef: FormControl;
-    numberField: NumberField;
-    protected constructor(_translate: TranslateService);
+    protected constructor(_translate: TranslateService, dataFieldPortalData: DataFieldPortalData<NumberField>);
     getErrorMessage(): any;
     resolveErrorMessage(search: string, generalMessage: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractNumberErrorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractNumberErrorsComponent, "ncc-abstract-number-errors-field", never, { "showLargeLayout": "showLargeLayout"; "formControlRef": "formControlRef"; "numberField": "numberField"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractNumberErrorsComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractNumberErrorsComponent, "ncc-abstract-number-errors-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/number-field/abstract-number-field.component.d.ts

@@ -2,6 +2,9 @@ import { NumberField } from './models/number-field';
 import { AbstractDataFieldComponent } from '../models/abstract-data-field-component';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated
+ * */
 export declare abstract class AbstractNumberFieldComponent extends AbstractDataFieldComponent {
     protected _translate: TranslateService;
     dataField: NumberField;

package/lib/data-fields/number-field/currency-number-field/abstract-currency-number-field.component.d.ts

@@ -2,6 +2,8 @@ import { AfterViewInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { CurrencyPipe } from '@angular/common';
 import { AbstractNumberErrorsComponent } from '../abstract-number-errors.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { NumberField } from "../models/number-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractCurrencyNumberFieldComponent extends AbstractNumberErrorsComponent implements AfterViewInit {
     protected _currencyPipe: CurrencyPipe;
@@ -10,13 +12,13 @@ export declare abstract class AbstractCurrencyNumberFieldComponent extends Abstr
     readonly NUMBER_TYPE = "number";
     readonly TEXT_TYPE = "text";
     readonly WHITESPACE = " ";
-    protected constructor(_currencyPipe: CurrencyPipe, translateService: TranslateService);
+    protected constructor(_currencyPipe: CurrencyPipe, translateService: TranslateService, dataFieldPortalData: DataFieldPortalData<NumberField>);
     ngAfterViewInit(): void;
     transformToText(event: Event): void;
     transformToNumber(): void;
     getCurrencySymbol(): string;
     isNumberType(): boolean;
     private transformCurrency;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractCurrencyNumberFieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractCurrencyNumberFieldComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractCurrencyNumberFieldComponent, "ncc-abstract-currency-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/number-field/models/number-field.d.ts

@@ -24,6 +24,7 @@ export declare enum NumberFieldValidation {
 export declare class NumberField extends DataField<number> {
     _formatFilter: FormatFilter;
     constructor(stringId: string, title: string, value: number, behavior: Behavior, validations?: Array<Validation>, placeholder?: string, description?: string, layout?: Layout, format?: FormatFilter, component?: Component, parentTaskId?: string);
+    getTypedComponentType(): string;
     protected resolveValidations(): Array<ValidatorFn>;
     private validOdd;
     private validEven;

package/lib/data-fields/number-field/number-default-field/abstract-default-number-field.component.d.ts

@@ -1,8 +1,10 @@
 import { TranslateService } from '@ngx-translate/core';
 import { AbstractNumberErrorsComponent } from '../abstract-number-errors.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { NumberField } from "../models/number-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDefaultNumberFieldComponent extends AbstractNumberErrorsComponent {
-    protected constructor(translateService: TranslateService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDefaultNumberFieldComponent, never>;
+    protected constructor(translateService: TranslateService, dataFieldPortalData: DataFieldPortalData<NumberField>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDefaultNumberFieldComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDefaultNumberFieldComponent, "ncc-abstract-number-default-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/public-api.d.ts

@@ -1,17 +1,24 @@
 export * from './data-fields.module';
+export * from './base-component/abstract-base-data-field.component';
 export * from './boolean-field/abstract-boolean-field.component';
+export * from './boolean-field/boolean-default-field/abstract-boolean-default-field.component';
 export * from './button-field/abstract-button-field.component';
+export * from './button-field/button-default-field/abstract-button-default-field.component';
 export * from './data-field-template/abstract-data-field-template.component';
 export * from './date-field/abstract-date-field.component';
+export * from './date-field/date-default-field/abstract-date-default-field.component';
 export * from './date-time-field/abstract-date-time-field.component';
+export * from './date-time-field/date-time-default-field/abstract-date-time-default-field.component';
 export * from './enumeration-field/abstract-enumeration-field.component';
 export * from './enumeration-field/enumeration-select-field/abstract-enumeration-select-field.component';
 export * from './enumeration-field/enumeration-list-field/abstract-enumeration-list-field.component';
 export * from './enumeration-field/enumeration-autocomplete-select-field/abstract-enumeration-autocomplete-select-field.component';
 export * from './enumeration-field/enumeration-stepper-field/abstract-enumeration-stepper-field.component';
 export * from './file-field/abstract-file-field.component';
+export * from './file-field/file-default-field/abstract-file-default-field.component';
 export * from './file-field/abstract-preview-dialog/preview-dialog-data';
 export * from './file-list-field/abstract-file-list-field.component';
+export * from './file-list-field/file-list-default-field/abstract-file-list-default-field.component';
 export * from './multichoice-field/abstract-multichoice-field.component';
 export * from './multichoice-field/multichoice-autocomplete-field/abstract-multichoice-autocomplete-field-component.component';
 export * from './multichoice-field/multichoice-list-field/abstract-multichoice-list-field.component';
@@ -34,19 +41,26 @@ export * from './text-field/dashboard-bar-chart-text-field/abstract-dashboard-ba
 export * from './text-field/dashboard-iframe-text-field/abstract-dashboard-iframe-text-field.component';
 export * from './text-field/dashboard-portal-text-field/abstract-dashboard-portal-text-field.component';
 export * from './user-field/abstract-user-field.component';
+export * from './user-field/user-default-field/abstract-user-default-field.component';
 export * from './enumeration-field/enumeration-icon-field/abstract-enumeration-icon-field.component';
 export * from './enumeration-field/enumeration-autocomplete-dynamic-field/abstract-enumeration-autocomplete-dynamic-field.component';
 export * from './filter-field/abstract-filter-field.component';
 export * from './filter-field/abstract-filter-field-content.component';
 export * from './filter-field/abstract-filter-field-tab-view.component';
 export * from './filter-field/abstract-filter-field-tab-view-content.component';
+export * from './filter-field/filter-default-field/abstract-filter-default-field.component';
 export * from './i18n-field/abstract-i18n-field.component';
 export * from './i18n-field/i18n-text-field/abstract-i18n-text-field.component';
 export * from './i18n-field/i18n-divider-field/abstract-i18n-divider-field.component';
 export * from './i18n-field/abstract-i18n-errors.component';
 export * from './user-list-field/abstract-user-list-field.component';
+export * from './user-list-field/user-list-default-field/abstract-user-list-default-field.component';
 export * from './task-ref-field/abstract-task-ref-field.component';
 export * from './task-ref-field/task-ref-dashboard-field/task-ref-dashboard-tile/abstract-task-ref-dashboard-tile.component';
+export * from './task-ref-field/task-ref-dashboard-field/abstract-task-ref-dashboard-field.component';
+export * from './task-ref-field/task-ref-list-field/abstract-task-ref-list-field.component';
+export * from './case-ref-field/case-ref-default/case-ref-default.component';
+export * from './case-ref-field/model/case-ref-injection-tokens';
 export * from './models/abstract-data-field';
 export * from './text-field/models/text-area-field';
 export * from './text-field/models/text-field';
@@ -68,6 +82,7 @@ export * from './filter-field/models/filter-field';
 export * from './i18n-field/models/i18n-field';
 export * from './user-list-field/models/user-list-field';
 export * from './user-list-field/models/user-list-value';
+export * from './case-ref-field/model/case-ref-field';
 export * from './models/changed-fields';
 export * from './models/validation';
 export * from './models/layout';
@@ -79,6 +94,7 @@ export * from './i18n-field/models/language-icons';
 export * from './task-ref-field/model/task-ref-dashboard-tile';
 export * from './models/boolean-label-enabled-token';
 export * from './models/invalid-data-policy-token';
+export * from './models/data-field-portal-data-injection-token';
 export * from './filter-field/models/filter-field-injection-token';
 export * from './models/template-appearance';
 export * from './models/material-appearance';
@@ -89,4 +105,3 @@ export * from './task-ref-field/model/task-ref-dashboard-constants';
 export * from './task-ref-field/model/task-ref-dashboard-tile-constants';
 export * from './text-field/dashboard-portal-text-field/dashboard-view-constants';
 export * from './i18n-field/language-icons.service';
-export * from './text-field/dashboard-portal-text-field/dashboard-portal-component-registry.service';

package/lib/data-fields/task-ref-field/abstract-task-ref-field.component.d.ts

@@ -1,20 +1,13 @@
 import { OnInit } from '@angular/core';
-import { LoggerService } from '../../logger/public-api';
 import { AbstractDataFieldComponent } from '../models/abstract-data-field-component';
-import { TaskRefField } from './model/task-ref-field';
 import { TaskRefDashboardTile } from './model/task-ref-dashboard-tile';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated
+ * */
 export declare abstract class AbstractTaskRefFieldComponent extends AbstractDataFieldComponent implements OnInit {
-    protected _logger: LoggerService;
-    dataField: TaskRefField;
     dashboardTiles: Array<TaskRefDashboardTile>;
-    protected constructor(_logger: LoggerService, informAboutInvalidData: boolean | null);
-    ngOnInit(): void;
-    protected createDashboardTiles(): void;
-    protected createFlagGrid(rows?: number, cols?: number): Array<Array<boolean>>;
-    protected createDashboardTile(tile: TaskRefDashboardTile): TaskRefDashboardTile;
-    protected occupySpace(grid: Array<Array<boolean>>, y: number, x: number, width: number, height: number): void;
-    protected createEmptyDashboardTile(x: number, y: number): TaskRefDashboardTile;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTaskRefFieldComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTaskRefFieldComponent, "ncc-abstract-task-ref-field", never, { "dataField": "dataField"; }, {}, never, never>;
+    protected constructor(informAboutInvalidData: boolean | null);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTaskRefFieldComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTaskRefFieldComponent, "ncc-abstract-task-ref-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/task-ref-field/model/task-ref-field.d.ts

@@ -15,4 +15,5 @@ export declare class TaskRefField extends DataField<Array<string>> {
     set dashboardRows(value: number);
     get dashboardCols(): number;
     set dashboardCols(value: number);
+    getTypedComponentType(): string;
 }

package/lib/data-fields/task-ref-field/task-ref-dashboard-field/abstract-task-ref-dashboard-field.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit } from "@angular/core";
+import { TaskRefField } from "../model/task-ref-field";
+import { TaskRefDashboardTile } from "../model/task-ref-dashboard-tile";
+import { LoggerService } from "../../../logger/services/logger.service";
+import { AbstractBaseDataFieldComponent } from "../../base-component/abstract-base-data-field.component";
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import * as i0 from "@angular/core";
+export declare abstract class AbstractTaskRefDashboardFieldComponent extends AbstractBaseDataFieldComponent<TaskRefField> implements OnInit {
+    protected _logger: LoggerService;
+    dashboardTiles: Array<TaskRefDashboardTile>;
+    protected constructor(_logger: LoggerService, dataFieldPortalData: DataFieldPortalData<TaskRefField>);
+    ngOnInit(): void;
+    protected createDashboardTiles(): void;
+    protected createFlagGrid(rows?: number, cols?: number): Array<Array<boolean>>;
+    protected createDashboardTile(tile: TaskRefDashboardTile): TaskRefDashboardTile;
+    protected occupySpace(grid: Array<Array<boolean>>, y: number, x: number, width: number, height: number): void;
+    protected createEmptyDashboardTile(x: number, y: number): TaskRefDashboardTile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTaskRefDashboardFieldComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTaskRefDashboardFieldComponent, "ncc-abstract-task-ref-dashboard", never, {}, {}, never, never>;
+}

package/lib/data-fields/task-ref-field/task-ref-list-field/abstract-task-ref-list-field.component.d.ts

@@ -0,0 +1,16 @@
+import { AfterViewInit, Injector, Type } from "@angular/core";
+import { TaskRefField } from "../model/task-ref-field";
+import { AbstractBaseDataFieldComponent } from "../../base-component/abstract-base-data-field.component";
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { ComponentPortal } from "@angular/cdk/portal";
+import * as i0 from "@angular/core";
+export declare abstract class AbstractTaskRefListFieldComponent extends AbstractBaseDataFieldComponent<TaskRefField> implements AfterViewInit {
+    protected injector: Injector;
+    protected taskViewType: Type<any>;
+    componentPortal: ComponentPortal<any>;
+    protected constructor(injector: Injector, taskViewType: Type<any>, dataFieldPortalData: DataFieldPortalData<TaskRefField>);
+    ngAfterViewInit(): void;
+    createFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTaskRefListFieldComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTaskRefListFieldComponent, "ncc-abstract-task-ref-list-field", never, {}, {}, never, never>;
+}

package/lib/data-fields/text-field/abstract-dashboard-text-field.component.d.ts

@@ -1,23 +1,19 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { AbstractTextErrorsComponent } from './abstract-text-errors.component';
 import { TextField } from './models/text-field';
-import { FormControl } from '@angular/forms';
-import { WrappedBoolean } from '../data-field-template/models/wrapped-boolean';
 import { CustomCard } from '../../dashboard/cards/model/custom-dashboard-model/custom-card';
 import { TranslateService } from '@ngx-translate/core';
+import { DataFieldPortalData } from "../models/data-field-portal-data-injection-token";
 import * as i0 from "@angular/core";
-export declare abstract class AbstractDashboardTextFieldComponent extends AbstractTextErrorsComponent implements OnInit, OnDestroy {
-    textField: TextField;
-    formControlRef: FormControl;
-    showLargeLayout: WrappedBoolean;
+export declare abstract class AbstractDashboardTextFieldComponent extends AbstractTextErrorsComponent<TextField> implements OnInit, OnDestroy {
     card?: CustomCard;
     initialized: boolean;
     private _sub;
-    protected constructor(translate: TranslateService);
+    protected constructor(translate: TranslateService, dataFieldPortalData: DataFieldPortalData<TextField>);
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected abstract createCard(textFieldValue: string): CustomCard;
     getErrorMessage(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardTextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardTextFieldComponent, "ncc-abstract-dashboard-text-field", never, { "textField": "textField"; "formControlRef": "formControlRef"; "showLargeLayout": "showLargeLayout"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardTextFieldComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardTextFieldComponent, "ncc-abstract-dashboard-text-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/text-field/abstract-text-errors.component.d.ts

@@ -2,9 +2,14 @@ import { FormControl } from '@angular/forms';
 import { TextField } from './models/text-field';
 import { TranslateService } from '@ngx-translate/core';
 import { TextAreaField } from './models/text-area-field';
-export declare abstract class AbstractTextErrorsComponent {
+import { DataFieldPortalData } from "../models/data-field-portal-data-injection-token";
+import { AbstractBaseDataFieldComponent } from "../base-component/abstract-base-data-field.component";
+import * as i0 from "@angular/core";
+export declare abstract class AbstractTextErrorsComponent<T extends TextField> extends AbstractBaseDataFieldComponent<T> {
     protected _translate: TranslateService;
-    protected constructor(_translate: TranslateService);
+    protected constructor(_translate: TranslateService, dataFieldPortalData: DataFieldPortalData<T>);
     protected buildErrorMessage(textField: TextField | TextAreaField, formControlRef: FormControl): any;
     protected resolveErrorMessage(textField: TextField | TextAreaField, search: string, generalMessage: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTextErrorsComponent<any>, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTextErrorsComponent<any>, "ncc-text-errors", never, {}, {}, never, never>;
 }

package/lib/data-fields/text-field/dashboard-bar-chart-text-field/abstract-dashboard-bar-chart-text-field.component.d.ts

@@ -1,10 +1,12 @@
 import { CustomCard } from '../../../dashboard/cards/model/custom-dashboard-model/custom-card';
 import { TranslateService } from '@ngx-translate/core';
 import { AbstractDashboardTextFieldComponent } from '../abstract-dashboard-text-field.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { TextField } from "../models/text-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDashboardBarChartTextFieldComponent extends AbstractDashboardTextFieldComponent {
-    protected constructor(translate: TranslateService);
+    protected constructor(translate: TranslateService, dataFieldPortalData: DataFieldPortalData<TextField>);
     protected createCard(textFieldValue: string): CustomCard;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardBarChartTextFieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardBarChartTextFieldComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardBarChartTextFieldComponent, "ncc-abstract-dashboard-bar-chart-text-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/text-field/dashboard-iframe-text-field/abstract-dashboard-iframe-text-field.component.d.ts

@@ -1,11 +1,13 @@
 import { TranslateService } from '@ngx-translate/core';
 import { CustomIframeCard } from '../../../dashboard/cards/model/custom-dashboard-model/custom-iframe-card';
 import { AbstractDashboardTextFieldComponent } from '../abstract-dashboard-text-field.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { TextField } from "../models/text-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDashboardIframeTextFieldComponent extends AbstractDashboardTextFieldComponent {
     card?: CustomIframeCard;
-    protected constructor(translate: TranslateService);
+    protected constructor(translate: TranslateService, dataFieldPortalData: DataFieldPortalData<TextField>);
     protected createCard(textFieldValue: string): CustomIframeCard;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardIframeTextFieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardIframeTextFieldComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardIframeTextFieldComponent, "ncc-abstract-dashboard-iframe-text-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/text-field/dashboard-line-chart-text-field/abstract-dashboard-line-chart-text-field.component.d.ts

@@ -1,10 +1,12 @@
 import { TranslateService } from '@ngx-translate/core';
 import { CustomCard } from '../../../dashboard/cards/model/custom-dashboard-model/custom-card';
 import { AbstractDashboardTextFieldComponent } from '../abstract-dashboard-text-field.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { TextField } from "../models/text-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDashboardLineChartTextFieldComponent extends AbstractDashboardTextFieldComponent {
-    protected constructor(translate: TranslateService);
+    protected constructor(translate: TranslateService, dataFieldPortalData: DataFieldPortalData<TextField>);
     protected createCard(textFieldValue: string): CustomCard;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardLineChartTextFieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardLineChartTextFieldComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardLineChartTextFieldComponent, "ncc-abstract-dashboard-line-chart-text-field", never, {}, {}, never, never>;
 }

package/lib/data-fields/text-field/dashboard-pie-chart-text-field/abstract-dashboard-pie-chart-text-field.component.d.ts

@@ -1,10 +1,12 @@
 import { TranslateService } from '@ngx-translate/core';
 import { CustomCard } from '../../../dashboard/cards/model/custom-dashboard-model/custom-card';
 import { AbstractDashboardTextFieldComponent } from '../abstract-dashboard-text-field.component';
+import { DataFieldPortalData } from "../../models/data-field-portal-data-injection-token";
+import { TextField } from "../models/text-field";
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDashboardPieChartTextFieldComponent extends AbstractDashboardTextFieldComponent {
-    protected constructor(translate: TranslateService);
+    protected constructor(translate: TranslateService, dataFieldPortalData: DataFieldPortalData<TextField>);
     protected createCard(textFieldValue: string): CustomCard;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardPieChartTextFieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDashboardPieChartTextFieldComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AbstractDashboardPieChartTextFieldComponent, "ncc-abstract-dashboard-pie-chart-text-field", never, {}, {}, never, never>;
 }