@yuuvis/client-framework 3.0.0 → 3.1.0

package/types/yuuvis-client-framework-forms.d.ts

@@ -1,14 +1,45 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
-import { ControlValueAccessor, Validator, FormControl, FormGroup, ValidationErrors, AbstractControl } from '@angular/forms';
+import { ControlValueAccessor, FormControl, Validator, FormGroup, ValidationErrors, AbstractControl } from '@angular/forms';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, AfterViewInit } from '@angular/core';
+import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import { TranslateService, Situation, ObjectFormControl, RangeValue, Operator, LocaleNumberPipe, FileSizePipe, OrganizationSetEntry, DateRange, FilesizeRange, FormattedMailTo } from '@yuuvis/client-core';
 import { MetadataFormFieldContext } from '@yuuvis/client-framework/metadata-form';
-import { AbstractMatFormField } from '@yuuvis/client-framework/common';
 import { DatepickerComponent, DatepickerLabels } from '@yuuvis/client-framework/datepicker';
 import { AutocompleteItem } from '@yuuvis/client-framework/autocomplete';
 import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
 
+declare class CatalogComponent extends AbstractMatFormField<string | string[]> implements ControlValueAccessor, OnInit, OnDestroy {
+    #private;
+    private readonly translate;
+    readonly: _angular_core.InputSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean>;
+    _options: _angular_core.WritableSignal<{
+        label: string;
+        value: string;
+    }[]>;
+    options: _angular_core.InputSignal<string[]>;
+    /**
+     * Additional semantics for the form element.
+     */
+    classifications: _angular_core.InputSignal<string[]>;
+    /**
+     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
+     */
+    situation: _angular_core.InputSignal<string | undefined>;
+    ngControl: _angular_forms.NgControl | null;
+    readonly fc: FormControl<string | string[] | null | undefined>;
+    propagateChange: (_: any) => void;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CatalogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CatalogComponent, "yuv-catalog", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare enum DataGridSizeType {
     SMALL = "small",
     MEDIUM = "medium",
@@ -58,6 +89,40 @@ declare class DataGridComponent implements ControlValueAccessor, Validator {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGridComponent, "yuv-data-grid", never, { "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "formElement": { "alias": "formElement"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "formFieldContext": { "alias": "formFieldContext"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class DatetimeRangeComponent extends AbstractMatFormField<RangeValue<Date | string>> implements ControlValueAccessor, OnInit, OnDestroy {
+    #private;
+    /**
+     * Enables setting time as well (default: false)
+     */
+    withTimeInput: _angular_core.InputSignal<boolean>;
+    withTime: _angular_core.WritableSignal<boolean>;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    operator: _angular_core.InputSignal<Operator>;
+    situation: _angular_core.InputSignal<string | undefined>;
+    private _isValid;
+    ngControl: _angular_forms.NgControl | null;
+    availableSearchOptions: {
+        label: string;
+        value: Operator;
+    }[];
+    rangeForm: FormGroup<{
+        dateValue: FormControl<string | Date | undefined>;
+        operator: FormControl<Operator>;
+        dateValueFrom: FormControl<string | Date | undefined>;
+    }>;
+    propagateChange: (_: any) => void;
+    writeValue(value?: RangeValue<Date | string>): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatetimeRangeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatetimeRangeComponent, "yuv-datetime-range", never, { "withTimeInput": { "alias": "withTime"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "operator": { "alias": "operator"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class DatetimeComponent extends AbstractMatFormField<Date | null> implements ControlValueAccessor, OnInit {
     #private;
     private translate;
@@ -95,103 +160,73 @@ declare class DatetimeComponent extends AbstractMatFormField<Date | null> implem
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatetimeComponent, "yuv-datetime", never, { "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "onlyFutureDates": { "alias": "onlyFutureDates"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "withTime": { "alias": "withTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class DatetimeRangeComponent extends AbstractMatFormField<RangeValue<Date | string>> implements ControlValueAccessor, OnInit, OnDestroy {
+declare class DynamicCatalogComponent extends AbstractMatFormField<string | string[]> implements ControlValueAccessor, OnInit, OnDestroy {
     #private;
+    catalog: _angular_core.InputSignal<string>;
+    readonly: _angular_core.InputSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean>;
+    options: _angular_core.WritableSignal<{
+        value: string;
+        label: string;
+    }[] | undefined>;
     /**
-     * Enables setting time as well (default: false)
-     */
-    withTimeInput: _angular_core.InputSignal<boolean>;
-    withTime: _angular_core.WritableSignal<boolean>;
-    /**
-     * Will prevent the input from being changed (default: false)
+     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation
+     * validation of the form element will be turned off, so you are able to enter
+     * search terms that do not meet the elements validators.
      */
-    readonly: _angular_core.InputSignal<boolean>;
-    operator: _angular_core.InputSignal<Operator>;
     situation: _angular_core.InputSignal<string | undefined>;
-    private _isValid;
     ngControl: _angular_forms.NgControl | null;
-    availableSearchOptions: {
-        label: string;
-        value: Operator;
-    }[];
-    rangeForm: FormGroup<{
-        dateValue: FormControl<string | Date | undefined>;
-        operator: FormControl<Operator>;
-        dateValueFrom: FormControl<string | Date | undefined>;
-    }>;
-    propagateChange: (_: any) => void;
-    writeValue(value?: RangeValue<Date | string>): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    readonly ctrl: FormControl<string | string[] | null | undefined>;
+    constructor();
+    propagateChange: (fnc: any) => void;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fnc: any): void;
+    registerOnTouched(): void;
+    setDisabledState(isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatetimeRangeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatetimeRangeComponent, "yuv-datetime-range", never, { "withTimeInput": { "alias": "withTime"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "operator": { "alias": "operator"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicCatalogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicCatalogComponent, "yuv-dynamic-catalog", never, { "catalog": { "alias": "catalog"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
- * Creates form input for number values.
- *
- * Implements `ControlValueAccessor` so it can be used within Angular forms.
- *
- * @example
- * <yuv-number [scale]="2"></yuv-number>
- *
+ * Form element for selecting one or multiple i18n catalog values.
+ * Having a classification of `i18n:catalog[one, two, three]` configured on the metadata field
+ * will automatically populate the options from the catalog. The options will be translated
+ * using the catalogs static values adding a prefix, the property name an the value itself.
+ * E.g. for property name `status` and option value `open` the label key will be `catalog:status:open_label`.
  */
-declare class NumberComponent extends AbstractMatFormField<number> implements ControlValueAccessor, OnInit, OnDestroy {
+declare class I18nCatalogComponent extends AbstractMatFormField<string | string[]> implements ControlValueAccessor, OnInit, OnDestroy {
     #private;
-    readonly translate: TranslateService;
-    validationErrors: ValidationErrors[];
-    transformPipe: LocaleNumberPipe | FileSizePipe;
-    innerCtrl: FormControl<string | null>;
-    ngControl: _angular_forms.NgControl | null;
-    /**
-     * Number of decimal places
-     */
-    scale: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Overall amount of digits allowed (including decimal places)
-     */
-    precision: _angular_core.InputSignal<number | undefined>;
-    /**
-     *  Set to true to group number by pattern
-     */
-    grouping: _angular_core.InputSignal<boolean>;
-    /**
-     * The pattern to group number value by
-     */
-    groupPattern: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Will prevent the input from being changed (default: false)
-     */
+    private readonly translate;
     readonly: _angular_core.InputSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean>;
+    propertyName: _angular_core.InputSignal<string | undefined>;
+    _options: _angular_core.WritableSignal<{
+        label: string;
+        value: string;
+    }[]>;
+    options: _angular_core.InputSignal<string[]>;
     /**
-     * set minimum input value
-     */
-    minValue: _angular_core.InputSignal<number | undefined>;
-    /**
-     * set maximum input value
-     *
+     * Additional semantics for the form element.
      */
-    maxValue: _angular_core.InputSignal<number | undefined>;
+    classifications: _angular_core.InputSignal<string[]>;
     /**
-     * classification property adds some semantics to the value of this component.
-     * If you provide a value of `filesize` numbers typed into the control will be
-     * handled like file sizes (calculates differnt units)
+     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
      */
-    classifications: _angular_core.InputSignal<string[]>;
-    static betweenTwoNumbers(val: number, minVal: number | undefined, maxVal: number | undefined): boolean;
+    situation: _angular_core.InputSignal<string | undefined>;
+    ngControl: _angular_forms.NgControl | null;
+    readonly fc: FormControl<string | string[] | null | undefined>;
+    constructor();
     propagateChange: (_: any) => void;
-    writeValue(value: any): void;
+    writeValue(value: string | string[]): void;
     registerOnChange(fn: any): void;
-    registerOnTouched(): void;
+    registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
-    format(): void;
-    unformat(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberComponent, "yuv-number", never, { "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "groupPattern": { "alias": "groupPattern"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<I18nCatalogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<I18nCatalogComponent, "yuv-i18n-catalog", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "propertyName": { "alias": "propertyName"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -263,64 +298,69 @@ declare class NumberRangeComponent extends AbstractMatFormField<RangeValue> impl
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberRangeComponent, "yuv-number-range", never, { "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type OrganizationNode = OrganizationSetEntry & {
-    notFound?: boolean;
-};
-type FormControlValue = string | {
-    id: string;
-    title: string;
-};
 /**
- * Creates form input for organization values.
+ * Creates form input for number values.
+ *
+ * Implements `ControlValueAccessor` so it can be used within Angular forms.
  *
  * @example
- * <yuv-organization [multiselect]="true"></yuv-organization>
+ * <yuv-number [scale]="2"></yuv-number>
+ *
  */
-declare class OrganizationComponent extends AbstractMatFormField<FormControlValue | FormControlValue[] | undefined> implements ControlValueAccessor, OnInit, OnDestroy {
+declare class NumberComponent extends AbstractMatFormField<number> implements ControlValueAccessor, OnInit, OnDestroy {
     #private;
     readonly translate: TranslateService;
-    minLength: number;
-    busy: _angular_core.WritableSignal<boolean>;
-    acFormControl: FormControl<AutocompleteItem<unknown> | AutocompleteItem<unknown>[] | null | undefined>;
+    validationErrors: ValidationErrors[];
+    transformPipe: LocaleNumberPipe | FileSizePipe;
+    innerCtrl: FormControl<string | null>;
     ngControl: _angular_forms.NgControl | null;
-    _innerValue: OrganizationNode[];
-    set innerValue(iv: OrganizationNode[]);
-    get innerValue(): OrganizationNode[];
-    autocompleteRes: AutocompleteItem[];
     /**
-     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
+     * Number of decimal places
      */
-    situation: _angular_core.InputSignal<string | undefined>;
+    scale: _angular_core.InputSignal<number | undefined>;
     /**
-     * Indicator that multiple strings could be inserted, they will be rendered as chips (default: false).
+     * Overall amount of digits allowed (including decimal places)
      */
-    multiselect: _angular_core.InputSignal<boolean>;
-    classifications: _angular_core.InputSignal<string[] | undefined>;
+    precision: _angular_core.InputSignal<number | undefined>;
+    /**
+     *  Set to true to group number by pattern
+     */
+    grouping: _angular_core.InputSignal<boolean>;
+    /**
+     * The pattern to group number value by
+     */
+    groupPattern: _angular_core.InputSignal<string | undefined>;
     /**
      * Will prevent the input from being changed (default: false)
      */
     readonly: _angular_core.InputSignal<boolean>;
     /**
-     * Whether or not to exclude the current user from autocomplete result
+     * set minimum input value
      */
-    excludeMe: _angular_core.InputSignal<boolean>;
+    minValue: _angular_core.InputSignal<number | undefined>;
     /**
-     * Whether or not the emitted value should be an object containing id and title
-     * or, if set to false only the ID
+     * set maximum input value
+     *
      */
-    withMetadata: _angular_core.InputSignal<boolean>;
+    maxValue: _angular_core.InputSignal<number | undefined>;
+    /**
+     * classification property adds some semantics to the value of this component.
+     * If you provide a value of `filesize` numbers typed into the control will be
+     * handled like file sizes (calculates differnt units)
+     */
+    classifications: _angular_core.InputSignal<string[]>;
+    static betweenTwoNumbers(val: number, minVal: number | undefined, maxVal: number | undefined): boolean;
     propagateChange: (_: any) => void;
-    writeValue(value: string | string[]): void;
+    writeValue(value: any): void;
     registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    private propagate;
+    registerOnTouched(): void;
     setDisabledState?(isDisabled: boolean): void;
-    resolveFn(value: string[]): void;
-    autocompleteFn(query: string): void;
+    format(): void;
+    unformat(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OrganizationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrganizationComponent, "yuv-organization", never, { "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "excludeMe": { "alias": "excludeMe"; "required": false; "isSignal": true; }; "withMetadata": { "alias": "withMetadata"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberComponent, "yuv-number", never, { "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "groupPattern": { "alias": "groupPattern"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -379,6 +419,66 @@ declare class OrganizationSetComponent extends AbstractMatFormField<string | str
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrganizationSetComponent, "yuv-organization-set", never, { "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "withMetadata": { "alias": "withMetadata"; "required": false; "isSignal": true; }; "autocompleteMinLength": { "alias": "autocompleteMinLength"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "types": { "alias": "types"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type OrganizationNode = OrganizationSetEntry & {
+    notFound?: boolean;
+};
+type FormControlValue = string | {
+    id: string;
+    title: string;
+};
+/**
+ * Creates form input for organization values.
+ *
+ * @example
+ * <yuv-organization [multiselect]="true"></yuv-organization>
+ */
+declare class OrganizationComponent extends AbstractMatFormField<FormControlValue | FormControlValue[] | undefined> implements ControlValueAccessor, OnInit, OnDestroy {
+    #private;
+    readonly translate: TranslateService;
+    minLength: number;
+    busy: _angular_core.WritableSignal<boolean>;
+    acFormControl: FormControl<AutocompleteItem<unknown> | AutocompleteItem<unknown>[] | null | undefined>;
+    ngControl: _angular_forms.NgControl | null;
+    _innerValue: OrganizationNode[];
+    set innerValue(iv: OrganizationNode[]);
+    get innerValue(): OrganizationNode[];
+    autocompleteRes: AutocompleteItem[];
+    /**
+     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
+     */
+    situation: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Indicator that multiple strings could be inserted, they will be rendered as chips (default: false).
+     */
+    multiselect: _angular_core.InputSignal<boolean>;
+    classifications: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * Will prevent the input from being changed (default: false)
+     */
+    readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether or not to exclude the current user from autocomplete result
+     */
+    excludeMe: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether or not the emitted value should be an object containing id and title
+     * or, if set to false only the ID
+     */
+    withMetadata: _angular_core.InputSignal<boolean>;
+    propagateChange: (_: any) => void;
+    writeValue(value: string | string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    private propagate;
+    setDisabledState?(isDisabled: boolean): void;
+    resolveFn(value: string[]): void;
+    autocompleteFn(query: string): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OrganizationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrganizationComponent, "yuv-organization", never, { "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "excludeMe": { "alias": "excludeMe"; "required": false; "isSignal": true; }; "withMetadata": { "alias": "withMetadata"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface RangeSelectDateValue {
     rangeValue: RangeValue;
     label?: string;
@@ -545,83 +645,12 @@ declare class StringComponent extends AbstractMatFormField<string | string[] | u
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StringComponent, "yuv-string", never, { "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; "regex": { "alias": "regex"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class CatalogComponent extends AbstractMatFormField<string | string[]> implements ControlValueAccessor, OnInit, OnDestroy {
-    #private;
-    private readonly translate;
-    readonly: _angular_core.InputSignal<boolean>;
-    multiple: _angular_core.InputSignal<boolean>;
-    _options: _angular_core.WritableSignal<{
-        label: string;
-        value: string;
-    }[]>;
-    options: _angular_core.InputSignal<string[]>;
-    /**
-     * Additional semantics for the form element.
-     */
-    classifications: _angular_core.InputSignal<string[]>;
-    /**
-     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
-     */
-    situation: _angular_core.InputSignal<string | undefined>;
-    ngControl: _angular_forms.NgControl | null;
-    readonly fc: FormControl<string | string[] | null | undefined>;
-    propagateChange: (_: any) => void;
-    writeValue(value: string | string[]): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CatalogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CatalogComponent, "yuv-catalog", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Form element for selecting one or multiple i18n catalog values.
- * Having a classification of `i18n:catalog[one, two, three]` configured on the metadata field
- * will automatically populate the options from the catalog. The options will be translated
- * using the catalogs static values adding a prefix, the property name an the value itself.
- * E.g. for property name `status` and option value `open` the label key will be `catalog:status:open_label`.
- */
-declare class I18nCatalogComponent extends AbstractMatFormField<string | string[]> implements ControlValueAccessor, OnInit, OnDestroy {
-    #private;
-    private readonly translate;
-    readonly: _angular_core.InputSignal<boolean>;
-    multiple: _angular_core.InputSignal<boolean>;
-    propertyName: _angular_core.InputSignal<string | undefined>;
-    _options: _angular_core.WritableSignal<{
-        label: string;
-        value: string;
-    }[]>;
-    options: _angular_core.InputSignal<string[]>;
-    /**
-     * Additional semantics for the form element.
-     */
-    classifications: _angular_core.InputSignal<string[]>;
-    /**
-     * Possibles values are `EDIT` (default),`SEARCH`,`CREATE`. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
-     */
-    situation: _angular_core.InputSignal<string | undefined>;
-    ngControl: _angular_forms.NgControl | null;
-    readonly fc: FormControl<string | string[] | null | undefined>;
-    constructor();
-    propagateChange: (_: any) => void;
-    writeValue(value: string | string[]): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<I18nCatalogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<I18nCatalogComponent, "yuv-i18n-catalog", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "propertyName": { "alias": "propertyName"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "classifications": { "alias": "classifications"; "required": false; "isSignal": true; }; "situation": { "alias": "situation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Module for the forms library.
  */
 declare class YuvFormsModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuvFormsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YuvFormsModule, never, [typeof StringComponent, typeof NumberComponent, typeof NumberRangeComponent, typeof DatetimeComponent, typeof DatetimeRangeComponent, typeof OrganizationComponent, typeof StringComponent, typeof CatalogComponent, typeof I18nCatalogComponent], [typeof StringComponent, typeof NumberComponent, typeof NumberRangeComponent, typeof DatetimeComponent, typeof DatetimeRangeComponent, typeof OrganizationComponent, typeof StringComponent, typeof CatalogComponent, typeof I18nCatalogComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YuvFormsModule, never, [typeof StringComponent, typeof NumberComponent, typeof NumberRangeComponent, typeof DatetimeComponent, typeof DatetimeRangeComponent, typeof OrganizationComponent, typeof StringComponent, typeof CatalogComponent, typeof DynamicCatalogComponent, typeof I18nCatalogComponent], [typeof StringComponent, typeof NumberComponent, typeof NumberRangeComponent, typeof DatetimeComponent, typeof DatetimeRangeComponent, typeof OrganizationComponent, typeof StringComponent, typeof CatalogComponent, typeof DynamicCatalogComponent, typeof I18nCatalogComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<YuvFormsModule>;
 }
 
@@ -629,5 +658,5 @@ declare class FormUtils {
     static getErrorState(control: AbstractControl): boolean;
 }
 
-export { CatalogComponent, DataGridComponent, DatetimeComponent, DatetimeRangeComponent, FormUtils, I18nCatalogComponent, NumberComponent, NumberRangeComponent, OrganizationComponent, OrganizationSetComponent, RangeSelectDateComponent, RangeSelectFilesizeComponent, StringComponent, YuvFormsModule };
+export { CatalogComponent, DataGridComponent, DatetimeComponent, DatetimeRangeComponent, DynamicCatalogComponent, FormUtils, I18nCatalogComponent, NumberComponent, NumberRangeComponent, OrganizationComponent, OrganizationSetComponent, RangeSelectDateComponent, RangeSelectFilesizeComponent, StringComponent, YuvFormsModule };
 export type { RangeSelectDateValue, RangeSelectFilesizeValue };